@charset "utf-8";
/*标题*/
.itit{ width:100%; text-align:center; margin-bottom: 20px; padding-bottom: 15px;}
.itit .en{ font-size: 40px; font-family: impact; color:#8a8888; line-height: 42px; text-transform:uppercase;}
.itit h2{ font-size: 26px; font-weight: bold; color:#212121;}
.itit p{ color:#000; font-size: 16px; margin-top: 5px;}
.titgong{ position: relative;}
.titgong em,.titgong s{ display:block; position: absolute;; bottom: 30px;}
.titgong em{ width:374px; height: 1px; background:#cacaca;}
.titgong em.line-left{ left: 0px;}
.titgong em.line-right{ right: 0px;}
.titgong s{ width:12px; height: 12px; background:#cecece; bottom:24px;}
.titgong s.dian-left{ left:375px;}
.titgong s.dian-right{ right:375px;}

/*index header*/
header{height: 80px; box-shadow:0 0 0 rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%; z-index: 300; overflow: hidden;}
header:before{content: ""; display: block; width: 0; opacity: 0; height: 100%; border-radius: 40px; background: #fff; transition: all .8s; position: absolute; left: 50%; top: 0;}
.logo{float: left; line-height: 80px; display: table; height: 100%; margin-left: 2%;}
.logo a{display: table-cell; vertical-align: middle;}
.header{float: right;}
.header_nav{float: left;}
.header_nav a{color: #fff; float: left; margin-right: 50px; line-height: 80px; font-size: 16px;}
.header_nav a:hover{color: #000;}
header.on{box-shadow:0 0 10px rgba(0,0,0,0.5);}
header.on .header_nav a{color: #333;}
header.on .header_nav a:hover{color: #f35b07;}
header.on:before{width: 120%; left: -10%; opacity: 1; z-index: -1;}

.mobile_btn{cursor:pointer;display: flex;z-index: 4;justify-content: center;align-items: center;box-sizing: border-box;width: 80px;height: 80px;float: right;background: #325f99;}
.mobile_btn.on .line1{transform:rotate(45deg);transform-origin:14% 50%;}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on .line3{transform:rotate(-45deg);transform-origin:14% 50%;}
.mobile_btn span{display:block; width:26px; height:3px; background:#fff; transition:all .45s;}
.mobile_btn .line2{margin:5px 0;}
.slide_box{background: #fff; width: 650px; height: 100%; position: fixed; right: 0; top: 80px; padding: 50px; box-sizing: border-box; transform: translateX(100%); transition: all .6s; z-index: 101;}
.slide_box.active{ transform: translateX(0);}
.z_mask{ width: 0; height: 100%; position: fixed;  left: 0; top: 0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101;}
.z_mask.active{width: 100%;}
.slide_tit h3{ font-size: 30px; color:#496ea1;}
.slide_tit{ padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 25px;}
.slide_nav li{ margin-bottom: 20px;}
.slide_nav li>a{ font-size: 15px; }
.slide_nav .nav_down{ margin-top: 5px;}
.slide_nav .nav_down a{ color: #888; display: inline-block; margin-right: 20px; position: relative; line-height: 20px;}
.slide_nav .nav_down a:before{ content:""; display: block; width: 0; transition: all .6s; height: 1px; background: #325F99; position: absolute; left: 50%; bottom: 0;}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover{ color: #325F99;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before{ width: 100%; left: 0;}
@media screen and (max-width: 1440px){.about .right .about_txt h3{}
    .logo{ width: 25%;}
    .logo a img{ width: 100%;}
    .header_nav a{ margin-right: 30px;}
    .search:hover .text{ width:100px;}}
@media screen and (max-width: 1024px){
    .logo{ width: 40%;}
    .header_nav{ display: none;}}
@media screen and (max-width: 480px){
    .slide_nav li>a{ font-size: 20px; border-bottom:1px solid #fff; display: inline-block;}
    header{ height: 50px;}
    .logo{ width: 60%;}
    .search{ display: none;}
    .mobile_btn{ width: 50px; height: 50px;}
    .slide_tit{ display: none;}}

/*banner*/
.swiper-slide{text-align: center;width: 100%;overflow: hidden;font-size: 18px;background: #fff;position: relative;left:0;top:0;}
.swiper-wrapper .img-box img{position: relative;width: 100%;min-width:1440px; height: 100%;}
.banner_txt{position: absolute; left: 30%; top: 50%; z-index: 999; color: #fff;}
.banner_txt h2{font-size: 50px; margin-bottom: 20px; font-weight: bold; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);}
.banner_txt h3{font-size: 30px; font-weight: bold; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);}
.slide .banner_txt{transform: translateY(-50%); z-index: 10; color: #fff;}
.slide h2{visibility: hidden; opacity:0;transition:ease 3s; transition-delay: .5s; transform: scale(.2,.2);}
.slide h3{visibility: hidden; transform: scale(.6,.6); opacity:0; transition: ease 3s; transition-delay:.8s;}
.slide.swiper-slide-active .banner_txt h2,
.slide.swiper-slide-duplicate-active .banner_txt h2,
.slide.swiper-slide-active .banner_txt h3,
.slide.swiper-slide-duplicate-active .banner_txt h3{visibility: visible; opacity: 1; transform: scale(1,1);}

/*index iadvange*/
.iadv .itit { position: relative;}
.iadv .itit .icon{ width:25px; height: 8px; position: absolute; bottom:22px; }
.iadv .itit .left{ left: 30%; background-position: -112px 0px;}
.iadv .itit .right{ right: 30%; background-position: -112px -14px;}
.iadv .itit p{ color:#1c1c1c;}
.iadvList{ width:110%; padding:0px 0px 40px; }
.iadvList li{ width:216px; height:186px; padding-top:30px; position: relative; margin-right: 33px; text-align:center; float:left;}
.iadvList li .di{ width:216px; height:216px; position: absolute; z-index:1; left: 0px; top:0px; background:url(../images/advabg.png) no-repeat center center; }
.iadvList li .icon{ width:38px; height:45px; margin:0px auto; background-position: 0px -57px;}
.iadvList li .two{ background-position:-48px -57px; }
.iadvList li h3{ height:30px; line-height:30px; font-size:16px; color:#040404;}
.iadvList li em{ width:30px; height:3px; background:#040404; display:block; margin:5px auto 10px; cursor:pointer;} 
.iadvList li span{ display: block; padding:0px 40px; color: #1a1919; line-height: 22px;}

/*index ixiaobanner*/
.ixbanner{ width:100%; height:169px;background-image: url("/static/images/lianxibg.jpg");background-position: center 0; background-repeat: no-repeat; background-attachment:fixed; background-size: cover; -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ -o-background-size: cover;/* 兼容Opera */  }
.ixbanner .ixbCon{ position: relative;}
.ixbanner .zx{ width:141px; height: 90px; padding:36px 0px 0px 5px; background: #f35b07; color: #fff; line-height: 18px;}
.ixbanner .zx .icon{ width: 34px; height: 34px; background-position: -151px 0px; margin-right: 6px;}
.ixbanner .zx strong{ font-size: 18px;}
.ixbanner .zx span{ font-size: 10px; text-transform:uppercase;}
.ixbanner .wz{ width:410px; height: 100px; padding:20px 0px 0px 24px; margin: 18px 0px 0px 55px; color:#ffffff; background: url(../images/xbxbg.png) no-repeat left center;}
.ixbanner .wz p{ font-size: 20px; margin-bottom: 3px;}
.ixbanner .wz .ixtel{ padding:5px 0px 0px 40px; font-size: 16px; font-weight: bold;}
.ixbanner .wz .ixtel strong{ font-size: 20px; font-family: impact; font-weight: normal;}
.ixbanner .img{ width: 336px; height: 169px; position: absolute; right:-25px; top:0px; }
.ixbanner .img img{ width: 336px; height: 169px; display: block; }

/*index iscase*/
.iscase .itit{ padding: 45px 0px 15px;}
.iscase{ width:100%; height: 525px; background: url(../images/scasebg.jpg) no-repeat center center;background-position: center 0; background-repeat: no-repeat; background-attachment:fixed; background-size: cover; -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ -o-background-size: cover;/* 兼容Opera */  }
.iimgList{ width:100%; position:relative; }
.iimgList .arrow-l,.iimgList .arrow-r { width:30px; height:52px;  top:100px; position:absolute; cursor:pointer; }
.iimgList .arrow-l { left:-72px; background-position:-231px 0;}
.iimgList .arrow-r { right:-72px; background-position:-192px 0;}
.iimgCon{ width:100%; height:250px; position: relative; overflow:hidden;}
.iimgCon .list{ width:300%; }
.iimgCon .item{ width:293px; height:217px; padding:6px; text-align: center; float:left; position:relative; margin:0px 20px 20px 0px; background:#fff; box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; }
.iimgCon .item img{ width:100%; height:100%;}
.iimgCon .item .icon{ width: 33px; height: 33px; background-position: -192px -128px; margin: 22px auto 40px; }
.iimgCon .item h3{ width:100%; text-align: center; font-size:18px; font-weight: bold; color:#fff; text-transform:uppercase; }
.iimgCon .item .txt{ width:293px; height: 217px; position: absolute; left:6px; top:6px; color: #666666; background: url(../images/blankbg.png) repeat 0px 0px; }
.iimgList .imglist-more{ width:166px; height: 38px; line-height: 38px; display: block; background: #f35b07; text-align: center; margin: 25px auto 0; color: #fff;}
.iimgList .imglist-more:hover{ background: #8a8888;}

/*index iabout*/
.iaboutCon{ padding-top: 10px;}
.iaboutCon img{ width:387px; height: 288px; display: block; padding: 6px; background: #fff; box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; margin-right: 26px;}
.iaboutTxt p{ color:#333;line-height:28px;}
.iabout a.more{ width: 112px; height: 34px; margin:15px 0px 0px 425px; display: block; background: #f35b07; line-height: 34px; text-align: center; color: #fff;}
.iabout a.more:hover{ background: #8a8888;}

/*index ihonor*/
.ihonor{ padding-top:60px;}
.ihonor .iimgList .arrow-r {  background-position:-321px 0;}
.ihonor .iimgList .arrow-l {  background-position:-273px 0;}
.isplit{ width:100%; height: 1px; text-align: center; margin: 42px 0px 60px; position: relative;}
.isplit .xian{ width:100%; height: 1px; display: block; background: #cacaca;}
.isplit .icon{ width:55px; height: 22px; position: absolute; left:50%; margin-left:-27px; top: -10px; background-position: -96px -57px;}

/*index inews*/
.xinw{ padding-bottom: 40px;}
.xinw .tit-g{ height: 28px; line-height: 28px; padding:20px 0px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.xinw .tit-g .more{ width: 89px; height: 27px; background-position: -162px -57px;}
.xinw .tit-g h3{ color:#303030; display: inline-block; *display: inline; zoom: 1; cursor: pointer;}
.xinw .tit-g h3.cur{ color:#f35b07; font-weight: bold; }
.xinw .tit-g em{ color:#616161; font-weight: bold; display: inline-block; margin: 0px 20px 0px 25px;}
.inews{ width:605px;}
.inewsCon{ }
.inewsCon .item{ width:95%; padding-right:5%; height:70px; margin-top: 20px;}
.inewsCon .item .time{ width:54px; height: 50px; position: absolute;  display: block; background: #f35b07; color: #fff; text-align: center; padding-top: 10px; font-size: 20px; line-height: 20px;}
.inewsCon .item .time em{ font-size: 12px; font-size: 14px; display: block; margin: 0px auto;  text-transform:uppercase;}
.inewsCon .item h3{ width:500px; margin: 0px 0 10px; color:#303030;}
.inewsCon .item h3 a{ color:#303030; }
.inewsCon .item h3 a:hover{ color:#f35b07; }
.inewsCon .item .txt{ width:500px; line-height:24px; color: #555555; font-size: 12px;}

/*index iqa*/
.iqa{ width: 314px;}
.iqaCon{ width:100%; padding-top: 5px;}
.iqaCon dl{ width:100%; padding:25px 0; border-bottom: 1px dashed #bbb;}
.iqaCon dl em{ font-weight: bold; font-size: 16px; margin-right: 10px;}
.iqaCon dt{  color:#303030; }
.iqaCon dt a{ font-weight: bold; color: #303030;  }
.iqaCon dt a:hover{ color:#f35b07; }
.iqaCon dd{ padding-top: 8px;}
.iqaCon dd .txt{ width:278px;  line-height: 20px; padding-top: 2px; font-size: 12px; color: #666666;  }

/* 动画 */
.bounceIn-hover{animation: bounceIn-hover 1s linear infinite; -webkit-animation: bounceIn-hover 1s linear infinite; -moz-animation: bounceIn-hover 1s linear infinite; -o-animation: bounceIn-hover 1s linear infinite; -ms-animation: bounceIn-hover 1s linear infinite;}
@-webkit-keyframes bounceIn-hover{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.1);} 80%{-webkit-transform: scale(0.9);} 100%{-webkit-transform: scale(1);}}
@-moz-keyframes bounceIn-hover{0%{-moz-transform: scale(1);} 50%{-moz-transform: scale(1.1);} 80%{-moz-transform: scale(0.9);} 100%{-moz-transform: scale(1);}}
@-o-keyframes bounceIn-hover{0%;{-o-transform: scale(1);}
50%{-o-transform: scale(1.1);}
80%{-o-transform: scale(0.9);}
100%{-o-transform: scale(1);}}
@keyframes bounceIn-hover{0%{transform: scale(1);} 50%{transform: scale(1.05);} 80%{transform: scale(1.02);} 100%{transform: scale(1);}}