*{margin:0;padding:0;list-style:none;transition:all;text-size-adjust:none;} body,html{font:14px/1 "Microsoft YaHei";} body{overflow-x:hidden;} a{text-decoration:none;color:#adaba8;transition-duration:.5s;} a:hover{text-decoration:none;;} h1,h2,h5,h6{padding:0px;margin:0px;font-weight:normal} em,i,strong{font-style:normal;} .fl{float:left;} .fr{float:right;} .clear{clear:both;} img{display:inline-block;border:0;vertical-align:middle;max-width:100%;transition-duration:1s;} .img img {width:100%;height:100%;display:block;} .transy{transform:translateY(80px);transition: 600ms;transition-timing-function:ease-out;opacity: 0;} .tranShow{transform:translateY(0);opacity: 1;} .transLeftIn{transform:translateX(-100%);transition: 600ms;transition-timing-function:ease-out;opacity: 0;} .transRightIn{transform:translateX(100%);transition: 600ms;transition-timing-function:ease-out;opacity: 0;} .tranXShow{transform:translateX(0);opacity:1;} @media screen and (min-width:1200px){ .img:hover img {transform: scale(1.1);} } .wrapshow,.hide,.wapnav,.wapswiper{display:none;} input,textarea,select{font-size:14px; outline: none;font-family:"寰蒋闆呴粦";box-sizing: border-box;-webkit-appearance:none;} .swiper-container,.swiper-slide,.swiper-wrapper{height:auto!important;} .swiper-slide{overflow:hidden!important;} .w1200{width:1200px;margin:0 auto;} .menu-handler{width:50px;height:50px;cursor: pointer;left:0;top:15px;position:absolute;z-index:101;display:none;} .menu-handler .burger {width:30px;height:2px;background:#2e2c63;display: block;position: absolute;z-index: 5;top:16px;left: 50%;margin:0px 0px 0px -8px;transform-origin: center;} .menu-handler .burger-2 {top:25px;} .menu-handler .burger-3 {top:34px;} .menu-handler.cur .burger-1 {top:25px;transform: rotate(225deg); transform: rotate(225deg);} .menu-handler.cur .burger-2 {opacity: 0;left: 100%;} .menu-handler.cur .burger-3 {top:25px;transform: rotate(-225deg);} .header{height:90px;position:relative;} .logo{float:left;margin-top:28px;} .header .nav{float:left;margin-left:100px;} .header .nav li{float:left;position:relative;} .header .nav li a{font-size:16px;color:#666;display:block;line-height:90px;margin:0 25px;position:relative;transition-duration:0s;} .header .nav li:first-child a{margin-left:0;} .header .nav li.cur>a,.header .nav li:hover>a{color:#009cad;} .header .nav li.cur>a:after,.header .nav li:hover>a:after{content:'';bottom:0px;left:0px;right:0px;height:2px;background:#009cad;position:absolute;} .header .nav li .sub{display:none;position:absolute;left:0px;top:88px;right:0px;background:rgba(255,255,255,0.97);z-index:10;border-top:#009cad 2px solid;padding:20px 0;} .header .nav li .sub a{line-height:30px;margin:0;text-align:center;} .header .nav li .sub a:hover{color:#009cad;} .header .nav li .psub{display:none;position:fixed;top:90px;left:0;right:0;border-top:#e8e8e8 1px solid;overflow:hidden;z-index:10;background-color:rgba(255,255,255,1);padding:70px 0 95px;} .header .nav li .psub .item{overflow:hidden;float:left;} .header .nav li .psub .item:nth-child(1){width:34%;margin-left:8%;} .header .nav li .psub .item:nth-child(2){width:30%;} .header .nav li .psub .item:nth-child(3){width:28%;} .header .nav li .psub .item>img{float:left;} .header .nav li .psub .fl{margin-left:0;} .header .nav li .psub h6 a{line-height:16px;font-size:16px;color:#57585a;margin:16px 0;font-weight:bold;} .header .nav li .psub a{width: 300px;line-height:20px;margin:0;color:#57585a;font-size:14px;margin-bottom:10px;} .header .nav li .psub a:hover{color:#009cad;} .lan{float:right;background-color:#2e2c63;color:#fff;font-size:16px;width:52px;height:24px;line-height:24px;text-align:center;margin-top:34px;border-radius:30px;} .per{float:right;margin-right:16px;position:relative;height:100%;} .per:after{content:'';z-index:99;width:10px;height:10px;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;transform: rotate(45deg);top:85px;left:50%;margin-left:-5px;position:absolute;background:#fff;display:none;} .per.cur:after{display:block;} .per>img{margin-top:30px;} .search{width:20px;height:100%;float:right;margin:0px 16px 0 0;z-index:2;} .search>p{position:absolute;right:0px;width:0px;height:50px;top:90px;z-index:999;background:#eee;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;} .search>p a{position:absolute;right:20px;} .search>p input{box-sizing: border-box;width:100%;float:left;height:100%;font-size:14px;color:#9f9e9e;border:none;background:none;border-top:1px solid #009cad;} .search>p input::-webkit-input-placeholder,.search>p input::-moz-placeholder,.search>p input:-moz-placeholder,.search>p input:-ms-input-placeholder{color:#9f9e9e;} .search>a,.search>p a{cursor:pointer;width:19px;height:100%;background:url(../img/icosearch.png) no-repeat center;display:block;} .search>p a{display:block;opacity:0;visibility:hidden;} .per_con{position:absolute;top:90px;width:356px;background:#fff;padding:30px 28px;right:-104px;border:1px solid #d9d9d9;display: none;z-index:20;} .per_img{width:100%;float:left;padding-bottom:20px;border-bottom:1px solid #dddddd;} .per_img>p{width:62px;height:62px;border-radius:100%;float:left;overflow-y:hidden;border:1px solid #049eae;} .per_img>div{width:268px;float:right;margin-top:10px;} .per_img>div span{display:block;color:#666666;} .per_img>div p{width:86px;position:relative;height:22px;overflow:hidden;margin-top:10px;} .per_img>div p input{padding-left:86px;border:none;background:none;position:absolute;z-index:2;left:0px;} .per_img>div p i{position:absolute;left:0px;color:#009cad;padding-left:24px;background:url(../img/dico10.png) no-repeat center left;height:22px;line-height:22px;} .per_con ul{width:100%;float:left;margin:10px 0px 10px 0px;} .per_con ul li{float:left;width:50%;color:#333333;margin-top:12px;} .per_con ul li img{float:left;margin-right:10px;} .per_con dl{width:100%;float:left;} .per_con dl dt{color:#333333;margin:15px 0px;} .per_con dl dd input{width:100%;box-sizing:border-box;height:36px;border:1px solid #dddddd;padding:0px 10px;} .per_con a{float:left;width:160px;line-height:50px;background:#009cad;color:#fff;font-weight:bold;margin-top:22px;text-align:center;} .logon,.succeed,.viload{position: fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,0.5);display:none;z-index:10000;} .logon>div,.succeed>div,.viload>div{width:540px;padding:42px 90px;background:#fff;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .logon>div{width:530px;} .succeed>div{padding:128px 86px 112px 86px;} .logon>div>i,.succeed>div>i,.viload>div>i{position:absolute;right:20px;top:20px;width:28px;height:28px;background-image: url(/img/dclose.png);cursor:pointer;} .logon>div>span{display:block;font-size:24px;color:#009cad;font-weight:bold;} .logon>div>p{color:#333333;margin-top:20px;} .logon>div dl{display:block;overflow:hidden;margin-top:20px;} .logon>div dl dt{color:#333333;margin-bottom:10px;} .logon>div dl dd input{width:100%;box-sizing:border-box;height:36px;border:1px solid #dddddd;padding:0px 10px;} .logon>div p a{display:inline-block;width:160px;line-height:50px;font-weight:bold;background:#999999;color:#fff;text-align:center;margin-right:10px;} .logon>div p a:hover,.logon>div p a.cur{background:#009cad;} .succeed p{font-size:18px;padding-left: 62px;color:#333333;position:relative;line-height:28px;width:307px;margin:0 auto;} .succeed p:before{content:url(../img/dico15.png);position:absolute;left:0px;top:6px;} .viload>div{padding:60px 90px;} .viload>div p{display:block;padding-left:100px;position:relative;height:36px;line-height:36px;margin:10px 0px;} .viload>div p span{display:block;color:#333333;position:absolute;left:0px;width:80px;text-align:right;} .viload>div p a,.viload>div p input{width:100%;height:36px;border:1px solid #dddddd;float:left;box-sizing:border-box;padding:0px 10px;} .viload>div p i{float:left;line-height:36px;height:36px;padding:0px 20px;border:1px solid #dddddd;} /*.viload>div a{float:right;width:108px;line-height:34px;background: #009cad;color:#fff;text-align:center;margin-top:20px;} */ .ban{width:100%;position:relative;} .ban .pagination{position:absolute;bottom:30px;left:0px;right:0px;text-align:center;z-index:10;} .ban .pagination span{display:inline-block;width:10px;height:10px;border-radius:100%;margin:0px 5px;background:#6d6d6d;opacity:1;} .ban .pagination span.swiper-pagination-bullet-active{background:#2e2c63;position:relative;} .ban .pagination span.swiper-pagination-bullet-active:after{content:'';width:14px;height:14px;background:#2e2c63;border-radius:100%;position:absolute;left:-3px;top:-3px;display:none;display:block;} .hnav{margin:60px 0 35px;overflow:hidden;} .hnav h2{font-size:30px;float:left;} .hnav h2 p{font-size:14px;color:#333;font-family:Arial;margin-top:8px;} .hnav .more{float:right;width:118px;height:40px;line-height:40px;border-left:#009cad 2px solid;background-color:#f3f3f3;color:#5f5f5f;text-align:center;transition:all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;position:relative;} .hpro .items{overflow:hidden;} .hpro .items .item{float:left;width:660px;height:248px;overflow:hidden;transition-duration:0.1s;background-color:#f3f3f3;} .hpro .items .item a{display:block;position:relative;width:100%;height:100%;} .hpro .items .item img{z-index:-1;position:absolute;} .hpro .items .item:nth-child(1){transition-duration:0.5s;} .hpro .items .item:nth-child(3){margin-top:35px;transition-duration:1s;} .hpro .items .item:nth-child(2){float:right;width:507px;height:532px;transition-duration:0.8s;} .hpro .items .item h6{position:absolute;color:#000;font-size:24px;z-index:1;transition-duration:1s;} .hpro .items .item p{position:absolute;color:#808080;line-height:20px;z-index:1;transition-duration:1s;} .hpro .items .item:nth-child(1) h6{top:80px;left:298px;} .hpro .items .item:nth-child(3) h6{top:80px;left:40px;} .hpro .items .item:nth-child(2) h6{top:70px;left:40px;} .hpro .items .item:nth-child(1) p{top:130px;left:298px;} .hpro .items .item:nth-child(3) p{top:115px;left:40px;right:390px;} .hpro .items .item:nth-child(2) p{top:105px;left:40px;right:70px;} .hpro .items .item:nth-child(1) img{bottom:0;} .hpro .items .item:nth-child(3) img{bottom:0;right:44px;} .hpro .items .item:nth-child(2) img{bottom:0;left:132px;} .hnews{background-color:#f3f3f3;margin-top:60px;overflow:hidden;} .hnews .items{padding-bottom:60px;} .hnews .hnav .more{background-color:#ebebeb;} .hnews .item{float:left;width:383px;margin-left:25px;background-color:#fff;overflow:hidden;transition:0.1s;} .hnews .item:first-child{margin-left:0;} .hnews .item img{width:100%;height:260px;} .hnews .item span{font-size:13px;background-color:#666;color:#fff;width:120px;height:33px;line-height:33px;display:inline-block;margin:32px 0 10px 19px;text-align:center;transition-duration:0.5s;} .hnews .item h5{font-size:14px;color:#333;height:40px;line-height:20px;margin:0 30px 0 19px;overflow:hidden;} .hnews .item i{color:#666;float:right;margin:15px 30px 32px 0;} .snav{overflow:hidden;background-color:#f7f7f7;line-height:60px;margin-bottom:50px;} .snav .w1200>a{font-size:16px;color:#636363;display:inline-block;padding:0 40px;} .snav .w1200>a.cur,.snav .w1200>a:hover{color:#fff;background-color:#009cad;} .snav .route{background:url(../img/iconhome.png) left center no-repeat;padding:0 0 0 22px;float:right;} .snav .route a{color:#636363;} .snav .route a.cur,.snav .route a:hover{color:#009cad;} .snav .route a:after{content:'>';margin:0 8px;} .snav .route a:last-child:after{display:none;} /* ABOUT US */ .about_intro{overflow:hidden;padding:20px 0 70px;} .about_intro .fl{width:59%;position:relative;} .about_intro .fl:after{content:'鈥?;font-size:48px;color:#009cad;position:absolute;right:-30px;bottom:-50px;} .about_intro .fr{width:37%;} h2.tit{color:#333;font-size:30px;margin-bottom:35px;} .about_intro p{color:#666;line-height:24px;margin-top:12px;} .about_intro .advantage{overflow:hidden;padding:34px 0 40px;border-bottom:#ccc 1px dashed;margin-bottom:28px;} .about_intro .advantage .item{width:33.33333%;float:left;} .about_intro .advantage .item strong{font-size:38px;color:#2e2c63;font-family:Arial;;} .about_intro .advantage .item #ab_year{background:url(../img/icofloor.png) 0 center no-repeat;padding-left:46px;} .about_intro .advantage .item #ab_patent{background:url(../img/icopatent.png) 0 center no-repeat;padding-left:46px;} .about_intro .advantage .item #ab_internat{background:url(../img/icointernat.png) 0 center no-repeat;padding-left:46px;} .about_intro .advantage .item h6{color:#888;margin-top:15px;font-size:14px;} .about_intro h5{color:#009cad;font-size:20px;margin-bottom:16px;background:url(../img/icovision.png) 0 center no-repeat;padding:16px 0 0 55px;} .about_research{background:#f7f7f7 url(../img/researchbg.jpg) 0 bottom no-repeat;padding:75px 0 55px;overflow:hidden;} .about_research h2.tit{margin-bottom:45px;} .about_research .fl{margin:0 58px 24px 0;box-shadow:0 0 16px #808080;} .about_research h5{color:#2e2c63;font-size:22px;margin-bottom:20px;} .about_research p{color:#666;line-height:24px;text-indent:2em;} .about_research a.ab_more{width:116px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:30px;background-color:#2e2c63;display:inline-block;margin-top:23px;} .about_research a.ab_more:hover{border-radius:0;} .about_honor{padding:70px 0 130px;position:relative;} .about_honor .swiper-slide .item{float:left;width:18%;margin-right:2%;} .about_honor .swiper-slide .item>div{box-shadow:0 0 8px #e8e8e8;margin:8px 0 18px;} .about_honor .swiper-slide .item:last-child{margin-right:0;} .about_honor .swiper-slide .item p{color:#666;line-height:22px;text-align:center;} .about_honor .pagination{position:absolute;bottom:70px;left:0px;right:0px;text-align:center;z-index:10;} .about_honor .pagination span{display:inline-block;width:10px;height:10px;border-radius:100%;margin:0px 15px;background:#6d6d6d;opacity:1;} .about_honor .pagination span.swiper-pagination-bullet-active{background:#2e2c63;} .about_contact{background-color:#f7f7f7;padding:70px 0;overflow:hidden;} .about_contact h2.tit{margin-bottom:0;} .about_contact h6{color:#333;font-size:20px;padding:30px 0 16px;} .about_contact p{font-size:16px;color:#666;line-height:40px;background-position:left center;background-repeat:no-repeat;padding-left:38px;} .about_contact p.addr{background-image:url(../img/icoaddr.png);} .about_contact p.service{background-image:url(../img/icoservice.png);} .about_contact p.tel{background-image:url(../img/icotel.png);} .about_contact p.fax{background-image:url(../img/icofax.png);} .about_contact p.email{background-image:url(../img/icoemail.png);} .about_contact p.postcode{background-image:url(../img/icopostcode.png);} /* Product */ .hotpro{overflow:hidden;background-color:#f7f7f7;padding:56px 80px 0 120px;} .hotpro .fl{} .hotpro .fr{width:570px;margin-top:30px;} .hotpro .fr h6{color:#333;font-size:24px;font-weight:bold;} .hotpro .fr p{font-size:18px;margin:38px 0 34px;} .hotpro .fr span{color:#636363;line-height:24px;display:block;} .hotpro .fr .more{color:#009cad;font-weight:bold;margin-top:38px;display:block;} .pro{overflow:hidden;padding:24px 0 0;} .pro .item{float:left;width:32%;margin:28px 2% 0 0;overflow:hidden;background-color:#f7f7f7;position:relative;} .pro .item:nth-child(3n){margin-right:0;} .pro .item h6{font-size:18px;color:#444;text-align:center;line-height:30px;height:60px;overflow:hidden;margin:20px 30px;font-weight:bold;} .provitro{padding:52px 0 80px;overflow:hidden;} .provitro .item{height:406px;background-color:#f7f7f7;overflow:hidden;} .provitro .item.even{float:left;width:792px;} .provitro .item.even .fl{margin:116px 0 0 30px;} .provitro .item.even .fr{margin:116px 42px 0 0;width:330px;} .provitro .item.even .fr h6{font-size:24px;color:#333;} .provitro .item.even .fr .des{margin:28px 0 20px;} .provitro .item.even .fr p{line-height:24px;color:#636363;} .provitro .item.even .fr i{color:#009cad;} .provitro .item.odd{float:right;width:382px;} .provitro .item.odd.transy{float:left;margin:20px 27px 0 0;} .provitro .item.odd.transy:nth-child(5),.provitro .item.odd.transy:nth-child(8){margin-right:0;} .provitro .item.odd .fl{margin:50px 0 40px;text-align:center;width:100%;} .provitro .item.odd .fr h6{font-size:24px;color:#333;text-align:center;} .provitro .item.odd .fr .des{margin:20px 60px 0;line-height:24px;color:#636363;} .provitro .item.odd .fr{width:100%;text-align:center;} .protech{overflow:hidden;} .protech .item{border-top:#d4d4d4 1px solid;padding:50px 32px 54px 23px;overflow:hidden;display:block;} .protech .item:last-child{padding-bottom:0;} .protech .item .fl{width:438px;float:left;overflow:hidden;position:relative;} .protech .item .more{position:absolute;top:0;left:0;right:0;bottom:0;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;background-color:rgba(0, 0, 0, 0.5);overflow:hidden;} .protech .item .more i{display:block;width:100%;height:100%;position:relative;} .protech .item .more i:before{content:'';background:url(../img/icoplay.png) 0 0 no-repeat;width:73px;height:73px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;} .protech .item .fr{width:680px;} .protech .item h6{color:#2e2c63;font-size:24px;} .protech .item .des{color:#666;line-height:24px;margin-top:24px;} /* Product Detail */ .proinfo{overflow:hidden;padding:17px 0 60px;} .proinfo .imgitem{position:relative;width:450px;float:left;} .proinfo .next,.proinfo .prev{position:absolute;top:50%;width:14px;height:25px;margin-top:-7px;z-index:10;cursor:pointer;background-size:14px 25px;background-position:center;background-repeat:no-repeat} .proinfo .prev{background-image:url(../img/icoprev.png);left:0;} .proinfo .next{background-image:url(../img/iconext.png);right:0;} .proinfo .fr{width:615px;} .proinfo h1{font-size:24px;font-weight:bold;color:#333;} .proinfo .tag{font-size:16px;font-weight:bold;margin:50px 0 10px;} .proinfo p{margin-top:40px;line-height:24px;color:#666;} .proinfo p strong{display:block;} .prodetail{background-color:#f3f3f3;font-size:18px;padding:10px 0 60px;} .prodetail h2{color:#2e2c63;font-size:24px;font-weight:bold;margin:50px 0 40px;} .prodetail table{border-collapse:collapse;width:100%;} .prodetail table th{color:#fff;background-color:#2e2c63;border:#c9c9c9 1px solid;font-weight:normal;padding:15px 37px;text-align:left;} .prodetail table td{color:#666;border:#ececec 1px solid;padding:14px 37px;background-color:#fff;} .prodetail p{line-height:36px;color:#666;font-size:16px;padding:5px 0;} .prodetail .more{width:58px;height:58px;display:inline-block;background:#009cad url(../img/icopromore.png) center center no-repeat;border-radius:50%;} .prodetail .more.colse{background-image:url(../img/icopromoreclose.png);} .recommen{padding:50px 0 80px;} .recommen h2{color:#2e2c63;font-size:24px;font-weight:bold;} /* Service */ .map{background:url(../img/map.png) 0 0 no-repeat;background-size:100% 100%;position:relative;margin:20px auto;width:937px;height:667px;} .map a{position:absolute;background:url(../img/icomap.png) 0 0 no-repeat;height:47px;width:37px;cursor:pointer;top:0;opacity:0;} .map a:hover,.map a.cur{background-image:url(../img/icomapcur.png);} .map a span{display:none;position:relative;} .map a span i{position:absolute;left:33px;top:2px;display:inline-block;padding:3px 0;background-color:#2e2c63;color:#fff;border-radius:30px;box-shadow:0 0 2px #2e2c63;width:50px;text-align:center;} .map a:hover span,.map a.cur span{display:block;} .map a.in{opacity:1;} .map a.beijing{left:556px;} .map a.tianjin{left:575px;} .map a.shanghai{left:643px;} .map a.chongqing{left:438px;} .map a.hebei{left:544px;} .map a.shanxi{left:498px;} .map a.neimenggu{left:454px;} .map a.liaoning{left:650px;} .map a.jilin{left:686px;} .map a.heilongjiang{left:697px;} .map a.jiangsu{left:614px;} .map a.zhejiang{left:628px;} .map a.anhui{left:584px;} .map a.fujian{left:601px;} .map a.jiangxi{left:560px;} .map a.shandong{left:583px;} .map a.henan{left:525px;} .map a.hubei{left:518px;} .map a.hunan{left:503px;} .map a.guangdong{left:522px;} .map a.guangxi{left:435px;} .map a.hainan{left:466px;} .map a.sichuan{left:353px;} .map a.guizhou{left:423px;} .map a.yunnan{left:343px;} .map a.xizang{left:130px;} .map a.shangxi1{left:446px;} .map a.gansu{left:385px;} .map a.qinghai{left:285px;} .map a.ningxia{left:415px;} .map a.xinjiang{left:154px;} .map a.in.beijing{top:220px;} .map a.in.tianjin{top:230px;} .map a.in.shanghai{top:367px;} .map a.in.chongqing{top:414px;} .map a.in.hebei{top:258px;} .map a.in.shanxi{top:290px;} .map a.in.neimenggu{top:214px;} .map a.in.liaoning{top:185px;} .map a.in.jilin{top:148px;} .map a.in.heilongjiang{top:89px;} .map a.in.jiangsu{top:340px;} .map a.in.zhejiang{top:425px;} .map a.in.anhui{top:383px;} .map a.in.fujian{top:480px;} .map a.in.jiangxi{top:448px;} .map a.in.shandong{top:295px;} .map a.in.henan{top:340px;} .map a.in.hubei{top:397px;} .map a.in.hunan{top:460px;} .map a.in.guangdong{top:521px;} .map a.in.guangxi{top:526px;} .map a.in.hainan{top:604px;} .map a.in.sichuan{top:393px;} .map a.in.guizhou{top:472px;} .map a.in.yunnan{top:504px;} .map a.in.xizang{top:340px;} .map a.in.shangxi1{top:336px;} .map a.in.gansu{top:313px;} .map a.in.qinghai{top:293px;} .map a.in.ningxia{top:278px;} .map a.in.xinjiang{top:174px;} .expertlist{margin:166px 0 0;background-color:#f7f7f7;padding:125px 0 1px;} .expertlist .w1200{position:relative;} .searea{background-color:#2e2c63;padding:36px 0 36px 40px;overflow:hidden;position:absolute;top:-197px;left:0;right:0;} .searea i{font-size:24px;line-height:42px;color:#fff;font-weight:bold;margin-right:30px;float:left;} .searea select{width:236px;padding:0 10px;height:42px;line-height:42px;color:#666;margin-right:15px;float:left;border:none;} .searea input{width:246px;padding-left:14px;height:42px;line-height:42px;float:left;margin:0 14px 0 30px;} .searea #btnscity{width:130px;text-align:center;height:42px;line-height:42px;background-color:#fff;color:#2e2c63;font-size:24px;float:left;} .wapexpert{color:#666;} .wapexpert .th{overflow:hidden;} .wapexpert .th span{float:left;text-align:center;font-size:16px;color:#666;font-weight:bold;line-height:66px;background-color:#ededed;} .wapexpert .th span.name{width:50%;} .wapexpert .th span.hos{width:50%;} .wapexpert .th span img{margin-left:10px;vertical-align:middle;} .wapexpert .item{display:block;overflow:hidden;border-bottom:#ededed 1px solid;background-color:#fff;height:120px;width:100%;} .wapexpert .item>div{float:left;text-align:center;padding:20px 0;} .wapexpert .item .name{width:47%;} .wapexpert .item .hos{width:53%;} .wapexpert .item .name img{max-height:80px;border-radius:50%;} .wapexpert .item .hos strong{margin:20px 0 10px;display:block;} .wapexpert .item .hos p{margin:0 20px;line-height:20px;} .tbexpert{width:100%;border-collapse:collapse;color:#666;} .tbexpert th{font-size:16px;font-weight:bold;background-color:#ededed;line-height:65px;} .tbexpert th img{margin-left:10px;} .tbexpert td{padding:20px 0;border-bottom:#ededed 1px solid;background-color:#fff;} .tbexpert td:first-child,.tbexpert td:nth-child(n+4){text-align:center;} .tbexpert td img{width:80px;height:80px;border-radius:50%;margin-right:20px;} .tbexpert td .more{color:#fff;background-color:#009cad;width:74px;line-height:30px;text-align:center;display:inline-block;border-radius:5px;} .serstory{} .serstory .items{} .serstory .item{float:left;width:388px;margin:22px 18px 0 0;background-color:#fff;overflow:hidden;transition:0.1s;border:#e3e3e3 1px solid;box-sizing:border-box} .serstory .item:nth-child(3n){margin-right:0;} .serstory .item img{width:100%;} .serstory .item h5{font-size:16px;color:#333;margin:40px 23px 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .serstory .item p{font-size:16px;color:#666;height:56px;line-height:28px;margin:0 23px;overflow:hidden;} .serstory .item i{color:#999;font-family:Arial;margin:25px 23px 28px 23px;display:block;} .seroper .item{float:left;width:388px;margin:22px 18px 0 0;background-color:#fff;overflow:hidden;transition:0.1s;border:#e3e3e3 1px solid;box-sizing:border-box;} .seroper .item:nth-child(3n){margin-right:0;} .seroper .item h5{font-size:16px;color:#333;margin:40px 29px 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .seroper .item em{color:#666;font-size:12px;margin:25px 29px 28px 0;display:block;text-align:right;} .seroper .item .img{position:relative;overflow:hidden;} .seroper .item .more{position:absolute;top:100%;left:0;right:0;bottom:0;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;background-color:rgba(0, 0, 0, 0.5);overflow:hidden;} .seroper .item .more i{display:block;width:100%;height:100%;position:relative;} .seroper .item .more i:before{content:'';background:url(../img/icoplay1.png) 0 0 no-repeat;width:46px;height:53px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;} .news{background:#f7f7f7;padding:40px 0 1px;} .news .item{float:left;width:371px;margin:40px 43px 0 0;background-color:#fff;overflow:hidden;transition:0.1s;box-shadow:0 0 15px #ccc;} .news .item:nth-child(3n){margin-right:0;} .news .item img{width:100%;} .news .item p{color:#666;height:48px;line-height:24px;margin:0 17px 28px 17px;overflow:hidden;} .news .item h5{font-size:16px;color:#333;height:56px;line-height:28px;margin:30px 17px 15px;overflow:hidden;} .news .item em{color:#999;float:left;margin:0 17px 40px;} .news .item i{color:#009cad;float:right;margin:0 17px 40px 0;} .hotnews{overflow:hidden;padding-bottom:80px;} .hotnews>h2{font-size:30px;color:#333;margin:30px 0;} .hotnews .img{width:568px;height:386px;float:left;} .hotnews .fr{width:568px;} .hotnews .fr span{font-size:18px;color:#666;} .hotnews .fr h6{font-size:18px;color:#333;line-height:36px;margin:20px 0 30px;} .hotnews .fr p{line-height:24px;color:#333;} .hotnews .fr .more{color:#fff;background:#2e2c63 url(../img/icoright.png) 17px center no-repeat;margin-top:38px;display:inline-block;height:40px;line-height:40px;padding:0 24px 0 33px;} .newsdetail{padding:90px 0 80px;} .newsdetail h1{font-size:25px;color:#333;text-align:center;} .newsdetail .attr{text-align:center;padding:28px 0 47px;} .newsdetail .attr span{color:#666;font-size:16px;display:inline-block;background-position:left center;background-repeat:no-repeat;padding-left:26px;line-height:19px;} .newsdetail .attr .date{background-image:url(../img/icodate.png);} .newsdetail .attr .pubed{background-image:url(../img/icopubed.png);margin-left:40px;} .newsdetail .info{border-top:#d1d1d1 1px dashed;border-bottom:#d1d1d1 1px solid;padding:15px 0 50px;} .newsdetail .info p{font-size:16px;color:#666;line-height:30px;margin-top:25px;} .newsdetail .slink{overflow:hidden;padding:50px 0;} .newsdetail .list{background:url(../img/icolist.png) 0 center no-repeat;padding-left:26px;} .newsdetail .bshare-custom{float:right;} .newsdetail .bshare-custom a.bshare-sinaminiblog{width:22px;background:url(../img/sharesina.png) center center no-repeat;padding-left:0;} .newsdetail .bshare-custom a.bshare-weixin{width:22px;background:url(../img/sharewechat.png) center center no-repeat;padding-left:0;} .newsdetail .prevnext{overflow:hidden;} .newsdetail .prevnext a{width:49.7%;color:#fff;background-color:#595656;text-align:center;display:inline-block;line-height:60px;} .newsdetail .prevnext a:first-child{margin-right:0.2%;} .newsdetail .prevnext a:hover{background-color:#009cad;} .newsdetail .fs-video{width:1024px;margin:30px auto;display:block;} .page{width:100%;text-align:center;margin:80px 0px;} .page li{display:inline-block;margin:0px 5px;vertical-align: top;} .page li a{width:30px;height:30px;border:1px solid #dcdcdc;border-radius:96%;text-align:center;line-height:30px;display:block;font-size:16px;color:#959494;} .page li.first,.page li.last{font-size:14px;font-family:"瀹嬩綋";font-weight:bold;} .page li.cur a{color:#fff;background:#009cad;border-color:#009cad;} /* Footer */ .footer{background-color:#131b2a;padding:78px 0;color:#fff;overflow:hidden;width:100%;} .footer h6{font-size:16px;padding-bottom:26px;} .footer .fnav{float:left;} .footer .fnav .item{float:left;padding:0 20px;border-left:#1f2634 1px solid;min-height:166px;} .footer .fnav .item:first-child{padding-left:0;border-left:none;} .footer .fnav .item h6{padding-bottom:20px;} .footer .fnav .item h6 a{color:#fff;} .footer .fnav .item>a{color:#e0e0e0;display:block;line-height:26px;} .footer .fwechat{float:left;margin-left:12px;} .footer .fwechat p{display:none;} .footer .faddr{float:right;} .footer .faddr h6{padding-bottom:20px;} .footer .faddr p{line-height:26px;} .footer .faddr h5{font-size:16px;margin:22px 0 14px;} .footer .faddr p.ftel{font-size:32px;font-family:Arial;font-weight:bold;} .copy{background-color:#0d1320;padding:30px 0;color:#e0e0e0;overflow:hidden;} .copy .w1200>a:before{content:'|';margin:0 10px;} .copy .w1200>a:first-child:before{display:none;} .newsB{overflow:hidden;} .newsB a{display:block;padding:42px 0px 42px 154px;border-bottom:2px solid #e6e6e6;position:relative;overflow:hidden;} .newsB a div{width:100%;float:left;} .newsB a div span{display:block;font-size:20px;color:#030303;letter-spacing:0.05rem;height:29px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .newsB a div p{font-size:16px;color:#8c8c8c;line-height:30px;margin-top:6px;height:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .newsB a>span{position:absolute;left:0px;top:30px;font-size:40px;color:#a0a0a0;letter-spacing:0.025rem;} .newsB a>span em{display:block;font-family: "Arial";font-size:16px;letter-spacing:-0.01rem;} .newsB a>em{position:absolute;right:0px;font-size:14px;color:#777777;} .search_con{margin-top:46px;} .net_map{padding:100px 0px;background:#f4f4f6;} .net_map dl{margin-bottom:30px;} .net_map dl dt{display:block;font-size:24px;line-height:25px;margin-bottom:15px;padding-left:0;} .net_map dl dt a{color:#282828;} .net_map dd,.net_m_c{overflow:hidden;} .net_m_c>a{width:25%;float:left;font-size:16px;line-height:30px;color:#666666;} .pro_m .net_m_c div{padding-left:15px;} .pro_m .net_m_c div a {font-size:14px;color:#666;display:block;line-height:28px;} .pro_m .net_m_c{width:25%;float:left;} .pro_m .net_m_c a{width:100%;} .d_mid{width:1200px;margin:0 auto;overflow:hidden;} .dbsA{width:100%;float:left;padding:28px 0px;} .dbsA .swiper-container{height:30px !important;width:768px;float:left;padding-left:34px;background:url(../img/dico1.png) no-repeat center left;} .dbsA .swiper-container .swiper-slide a{width:48%;float:left;font-size:16px;line-height:30px;color:#666666;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .dbsA .swiper-container .swiper-slide a:nth-child(2n){float:right;} .dbsA_c .hd{float:right;width:10px;height:18px;} .dbsA_c .hd .swiper-button-prev,.dbsA_c .hd .swiper-button-next{width:100%;height:5px;float:left;position: static;margin-top:0px;} .dbsA_c .hd .swiper-button-prev{background:url(../img/dico3.png) no-repeat center;} .dbsA_c .hd .swiper-button-prev:hover{background:url(../img/dico03.png) no-repeat center;} .dbsA_c .hd .swiper-button-next{background:url(../img/dico2.png) no-repeat center;margin-top:8px;} .dbsA_c .hd .swiper-button-next:hover{background:url(../img/dico02.png) no-repeat center;} .dbsA_c .hd .swiper-button-prev:hover{background:url(../img/dico03.png) no-repeat center;} .dbsB{width:100%;float:left;background:url(../img/dbg.jpg) repeat-x top;padding: 60px 0px;} .d_tit{width:100%;float:left;margin-bottom:32px;} .d_tit span{float:left;padding-left:40px;font-size:24px;color:#333333;background:url(../img/dico4.png) no-repeat center left;} .d_tit a{float:right;color:#666;} .dbsB_c_l{width:549px;float:left;border:6px solid #eee;overflow:hidden;} .dbsB_c_r{float:right;width:578px;} .dbsB_c_r p{font-size:16px;color:#666666;line-height:32px;} .dbsB_c_r a{display:inline-block;width:120px;height:40px;line-height:40px;background:#ebebeb;color:#666;text-align:center;border-left:2px solid #009cad;margin-top:56px;} .dbsC{background:#f3f3f3;padding:60px 0px;} .dbsC,.dbsC .d_mid ul{width:100%;float:left;} .dbsC .d_tit{margin-bottom:24px;} .dbsC .d_mid ul li{float:left;width:23%;margin:15px 2.4% 15px 0px;} .dbsC .d_mid ul li:nth-child(4n){margin-right:0px;} .dbsC .d_mid ul li a{display:block;margin:4px;background:#fff;border-radius:10px;overflow:hidden;} .dbsC .d_mid ul li a>p{width:100%;overflow:hidden;position:relative;} .dbsC .d_mid ul li a>p span{position:absolute;top:0px;left:0px;width:85px;line-height:26px;background-color:rgba(0,0,0,0.2);color:#fff;font-size:12px;font-family:"Arial";border-radius:0px 0px 10px 0px;text-align:center;} .dbsC .d_mid ul li a>p i{width:28px;height:28px;position:absolute;opacity:0;left:19px;transition-duration:.5s;bottom:0px;background-image:url(../img/dico5.png);} .dbsC .d_mid ul li a>dl{overflow:hidden;padding:20px 12px 26px 12px;} .dbsC .d_mid ul li a>dl dt{display:block;font-size:16px;color:#666666;line-height:28px;height: 56px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;} .dbsC .d_mid ul li a>dl dd>span{font-size:12px;color:#666666;display:block;margin:10px 0px 20px 0px;} .dbsC .d_mid ul li a>dl dd>p span{float:left;font-size:16px;color:#ff7d52;} .dbsC .d_mid ul li a>dl dd>p i{color:#999999;float:right;} .dbsD{width:100%;float:left;padding:60px 0px;} .load{float:left;width:47.5%;} .load li{width:100%;float:left;} .load li a,.tzgg_ul li a{display:block;padding:32px 140px 32px 54px;border-bottom:1px solid #ebebeb;color:#666666;position:relative;line-height:24px;height:24px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .load li a>i{width:18px;height:20px;position:absolute;left:14px;background:url(../img/dico7.png) no-repeat center;} .load li a>span{position:absolute;right:14px;color:#999999;padding-left:30px;background:url(../img/dico6.png) no-repeat center left;} .lo_zl{float:right;} .lo_zl li a>i{background:url(../img/dico8.png) no-repeat center;} .lB{background:none;} .x_tit{padding-bottom:46px;border-bottom:1px solid #dfdfdf;margin-bottom:60px;} .x_tit input[type='text']{float:right;width:312px;border:1px solid #dfdfdf;height:36px;background:none;padding:0px 12px;border-radius:0;-webkit-appearance:none} .x_tit a{float:right;font-size:16px;width:90px;line-height:36px;background:#009cad;text-align:center;height: 36px;color:#fff !important;} .loadA{width:100%;float:left;} .loadA a{float:left;width:128px;line-height:40px;border:1px solid #e9e8e9;text-align:center;font-size:16px;color:#666666;margin-right:10px;} .loadA a.cur,.loadA a:hover{border-color:#009cad;color:#009cad;} .loadB{width:100%;float:left;margin-top:30px;margin-bottom:80px;} .loadB li,.tzgg_ul li{width:47.5%;float:left;} .loadB li:nth-child(2n),.tzgg_ul li:nth-child(2n){float:right;} .tzgg_ul{width:100%;float:left;margin-bottom:60px;} .tzgg_ul li a{padding:118px 32 64px 32px;background:url(../img/dico1.png) no-repeat 12px center;} .tzgg_ul li a i{color:#999999;right:12px;position:absolute;} .backA{padding:30px 0px 30px 76px;position:relative;overflow:hidden;} .backA span{position:absolute;left:0px;color:#999999;line-height:30px;margin-top:2px;} .backA a{float: left;line-height:30px;padding:0px 10px;color:#666666;margin:2px 0px 2px 10px} .backA a.cur{background:#009cad;color:#fff;} .back_c{background:url(../img/dbg1.jpg) repeat-x top #f7f7f7;} .back_c .x_tit{padding-bottom:0px;border:none;margin-bottom:28px;} .bacxqA{width:100%;float:left;border-top:1px solid #dfdfdf;} .bacxqA .d_mid>p{width:100%;float:left;margin:26px 0px;} .bacxqA .d_mid>p a{float:left;color:#636363;} .bacxqA .d_mid>p a:after{content:'>';color:#636363;margin:0px 10px;} .bacxqA .d_mid>p a.cur{color:#009cad;} .bacxqA .d_mid>p a:last-child:after{display:none;} .bacxqA_l{width:562px;height:372px;float:left;} .bacxqA_l iframe{width:100%;height:100%;} .bacxqA_r{width:48%;float:right;} .bacxqA_r>span{display:block;font-size:26px;color:#000000;margin:11px 0px 26px 0px;} .bacxqA_r>p{color:#999999;line-height:30px;} .bacxqA_r>p span{color:#666666;} .bacxqA_r ul{display:block;overflow:hidden;background:#f7f7f7;margin-top:34px;} .bacxqA_r ul li{display:block;margin:0px 24px;padding:16px 0px;border-bottom:1px dashed #e6e6e6;color:#999999;} .bacxqA_r ul li:last-child{border:none;} .bacxqA_r ul li span{color:#666666;} .bacxqA_r>a{width:120px;line-height:40px;color:#fff;background:#009cad;text-align:center;display:block;margin-top:52px;cursor:pointer;} .bacxqA_r>a:after{content:url(../img/dico9.png);margin-left:10px;} .bacxqB{width:100%;float:left;background:#f7f7f7;padding:60px 0px 80px 0px;margin-top:60px;} .bacxqB_l{width:794px;float:left;background:#fff;min-height:650px;} .bacxqB_l .hd,.bacxqB_l .bd{display:block;margin:0px 30px;} .bacxqB_l .hd ul{width:100%;float:left;border-bottom:1px solid #dfdfdf;} .bacxqB_l .hd ul li{float:left;margin-right:56px;padding:26px 0px;font-size:18px;border-bottom:3px solid #fff;cursor:pointer;} .bacxqB_l .hd ul li.on{color:#009cad;border-color:#009cad;} .bacxqB_l .bd div{width:100%;float:left;} .bacxqB_l .bd div dl{display:block;margin-top:56px;} .bacxqB_l .bd div dl dt{font-size:18px;color:#333333;font-weight:bold;margin-bottom:30px;} .bacxqB_l .bd div dl dd span{font-size:16px;color:#333333;} .bacxqB_l .bd div dl dd span i{font-size:14px;margin-left:10px;} .bacxqB_l .bd div dl dd p{color:#333333;line-height:24px;margin-top:10px;} .bacxqB_l .bd div>span{display:block;padding:18px;background:#f3f3f3;font-size:18px;color:#333333;font-weight:bold;margin-top:38px;} .bacxqB_l .bd div .load{width:100%;margin-top:20px;} .bacxqB_r{width:380px;float:right;} .bacxqB_r>span{display:block;font-size:18px;color:#333333;padding:26px 30px;} .bacxqB_r ul{width:100%;float:left;background:#fff;padding:20px 0px 20px 0px;} .bacxqB_r ul li{margin:0px 30px;overflow:hidden;} .bacxqB_r ul li a{display:block;padding:20px 0px;border-bottom:1px solid #dfdfdf;overflow:hidden;} .bacxqB_r ul li a>p{width:162px;float:left;overflow:hidden;} .bacxqB_r ul li a>div{width:140px;float:right;} .bacxqB_r ul li a>div p{color:#666666;line-height:24px;} .bacxqB_r ul li a>div span{display:block;color:#ff7d52;margin-top:28px;} .bacxqB_r ul li:last-child a{border:none;} .header .wapnav li{border-bottom:1px solid #eee;} .header .wapnav li i{float:right;height:40px;width:14px;background: url(../img/wapico.png) no-repeat center;margin-right:4%;} .header .wapnav li:last-child>a{float:left;border:none;background:none;} .header .wapnav li:last-child .sub{width:100%;float:left;} .header .wapnav li:last-child.cur>a{background:none;} .header .wapnav li:last-child.cur i{background: url(../img/wapicocur.png) no-repeat center;} .memtip{background-color:#eee;color:#333;padding:24px 0;} .memtip .btn{display:inline-block;padding:10px 16px;color:#fff;background:#3167b3;cursor:pointer;margin-left:15px;border-radius:5px;} .v_tit{font-size:24px;color:#333;margin:40px 0;font-weight:bold;} .frm{overflow:hidden;} .frm .group.row{width:100%;margin-right:0;} .frm .group{float:left;width:48%;margin-right:4%;padding-top:25px;} .frm .group:nth-child(2n){margin-right:0;} .frm .group label{display:block;padding-bottom:10px;} .frm .group input{width:98%;border:#ddd 1px solid;box-sizing:border-box;line-height:36px;padding-left:2%;} .frm .group textarea{width:99%;border:#ddd 1px solid;box-sizing:border-box;line-height:36px;padding-left:1%;height:108px;} .frm .btn{color:#fff;background-color:#009cad;margin:50px 0;padding:19px 50px;font-weight:bold;display:inline-block;} .frm .group.yzm input{width:24%;margin-right:10px;} /* PC Hover Animation */ @media screen and (min-width:1023px){ .header .nav li:hover .sub,.header .nav li:hover .psub{display:block;} .hnav .more i{z-index:1;position:absolute;left:50%;transform:translateX(-50%);} .hnav .more:hover{color:#fff;background-color:transparent;} .hnav .more:before{content:'';display:block;position:absolute;top:0;left:0;height:100%;width:0;background-color:#009cad;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;} .hnav .more:hover:before{left:0;right:0;width:100%;} .hpro .item:hover h6,.hpro .item:hover p{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3)} .hpro .item:hover img{transform:scale(1.1);} .hpro .item:nth-child(1):hover p{top:140px;} .hpro .item:nth-child(3):hover p{top:125px;} .hpro .item:nth-child(2):hover p{top:115px;} .hnews .item:hover{box-shadow:0 0 10px #999;border-radius:10px;} .hnews .item:hover h5,.hnews .item:hover i{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3)} .hnews .item:hover img{transform:scale(1.06);} .hnews .item:hover span{border-radius:20px;} .hnews .item:hover i{color:#009cad;} .search:hover>p{display:block;width:350px;} .search:hover>p input{padding:0px 60px 0px 20px;} .search:hover>p a{opacity:1;visibility: visible;} .hotpro .fr:hover .more{transform:translateX(20px);} .pro .item .more{position:absolute;top:100%;left:0;right:0;bottom:0;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;background-color:rgba(0, 156, 173, 0.9);overflow:hidden;} .pro .item .more i{display:block;width:100%;height:100%;position:relative;} .pro .item .more i:before{content:'';background:url(../img/icoplus.png) 0 0 no-repeat;width:53px;height:53px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;} .pro .item:hover .more{top:0;} .pro .item:hover .more i:before{transform:translate(-50%,-50%) rotate(360deg);} .page li a:hover{color:#fff;background:#009cad;border-color:#009cad;} .serstory .item:hover{box-shadow:0 0 10px #999;border-radius:10px;} .serstory .item:hover h5,.serstory .item:hover i{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3)} .serstory .item:hover img{transform:scale(1.06);} .serstory .item:hover i{color:#009cad;} .seroper .item:hover .more{top:0;} .seroper .item:hover img {transform: scale(1.1);} .seroper .item:hover em{color:#009cad;text-shadow:0px 0px 1px rgba(0, 0, 0, 0.2)} .seroper .item:hover h5{text-shadow:0px 0px 2px rgba(0, 0, 0, 0.3)} .news .item:hover img {transform: scale(1.1);} .news .item img{height:252px;} .hotnews .fr .more:hover{border-radius:30px;background-position-x:13px;} .dbsB_c_r a:hover{background:#009cad ;color:#fff;} .dbsC .d_mid ul li a:hover>p i{bottom:19px;opacity:1;} .dbsC .d_mid ul li a:hover{box-shadow:0px 0px 4px #e0dfe0;} .d_tit a:hover,.tzgg_ul li a:hover,.tzgg_ul li a:hover i{color:#009cad;} .tzgg_ul li a:hover{background:url(../img/dico01.png) no-repeat 12px center #f4f3f4;border-color:#f4f3f4;} .load li a:hover>i{background:url(../img/dico07.png) no-repeat center;} .lo_zl li a:hover>i{background:url(../img/dico08.png) no-repeat center;} .load li a:hover span{background:url(../img/dico06.png) no-repeat center left;color:#009cad;} .load li a:hover{color:#009cad;background:#f3f3f3;border-color:#f3f3f3;} .backA a:hover{color:#fff;background:#009cad;} } @media screen and (max-width:1440px){ .header .nav{margin-left:100px;} } @media screen and (max-width:1200px){ .w1200{width:100%;} .logo{margin-left:50px;} .header .nav{margin-left:130px} .header .lan{margin-right:20px;} .hnav{margin:60px 20px 35px;} .hpro .items{margin:0 20px;} .hpro .items .item{width:48%;} .hpro .items .item:nth-child(1) h6{top:50px;left:250px;} .hpro .items .item:nth-child(1) p{top:100px;left:250px;} .hpro .items .item:nth-child(2){width:48%;} .hpro .items .item:nth-child(3) h6{top:50px;} .hpro .items .item:nth-child(3) p{top:100px;right:260px;} .hnews .item{width:32%;margin-left:2%;} .hnews .items{padding:0 2% 30px;} .hnews .item img{height:230px;} .footer{padding:78px 20px 30px;} .footer .fnav .item{padding:0 24px;} .snav .route{display:none;} .about_intro{padding:0 2% 40px;width:96%;} .about_research,.about_honor,.about_contact{padding:40px 2%;width:96%;} .about_honor .pagination{display:none;} .about_research .fl{width:48%;margin:20px 2% 20px 0;} .hotpro{padding:40px 2% 0;width:96%;} .hotpro .fl img{transform:scale(0.8);} .pro{padding:0 2%;width:96%;} .page{margin:50px 0;} .protech .item .fl{width:40%;} .protech .item .fr{width:58%;} .protech .item .des{line-height:20px;} .provitro .item.even{width:69%;} .provitro .item.odd{width:30%;} .provitro .item.odd.transy{width:32%;margin-right:2%;} .provitro .item.odd .fr .des{margin:20px 30px 0;} .provitro .item.even .fl{margin-left:1%;width:34%;} .provitro .item.even .fr{margin-right:1%;width:61%;} .proinfo.w1200{width:96%;margin:0 2%;} .proinfo .imgitem{width:38%;} .proinfo .fr{width:60%;padding-top:20px;} .proinfo .tag{margin:20px 0 10px;} .prodetail{padding:10px 2% 30px;width:96%;font-size:14px;} .prodetail h2{font-size:20px;margin:20px 0 20px;} .prodetail table th{padding:15px;} .prodetail table td{padding:14px 15px;} .prodetail p{line-height:30px;margin-bottom:10px;} .prodetail table p{margin:0;} .recommen{padding:30px 0;} .recommen h2,.serstory,.seroper,.hotnews{width:96%;padding:0 2%;;} .serstory .item{width:32%;margin:22px 2% 0 0;} .serstory .item h5{margin:20px 15px 15px;} .serstory .item p{font-size:14px;line-height:22px;height:44px;margin:0 15px;} .serstory .item i{margin:15px 15px 20px;} .seroper .item{width:32%;margin:22px 2% 0 0;} .news .item{width:32%;margin:30px 2% 0 0;} .news .items{padding:0 2%;} .hotnews{padding-bottom:30px;} .hotnews .img{width:40%;height:auto;} .hotnews .fr{width:58%;} .hotnews .fr h6{margin:20px 0;line-height:26px;} .newsdetail{padding:40px 2%;width:96%;} .newsdetail h1{font-size:20px;line-height:26px;} .newsdetail .attr{padding:20px 0 30px;} .newsdetail .info p{margin-top:15px;} .newsdetail .slink{padding:30px 0;} .header .nav li a{margin:0px 14px;} .d_mid{width:96%;} .dbsB_c_l{margin:0 auto;float:none;display: block;width:50%;} .dbsB_c_r{width:100%;margin-top:20px;} .footer{box-sizing: border-box;} .footer .fwechat{display:none;} .bacxqA_l{float:none;margin:0 auto;overflow:hidden;} .bacxqA_r{width:100%;margin-top:30px;} .bacxqB_l{width:100%;} .bacxqB .d_mid{width:100%;} .bacxqB_r{display:none;} } @media screen and (max-width:1140px){ .hpro .items .item:nth-child(1) h6{right:30px;left:auto;} .hpro .items .item:nth-child(1) p{right:30px;left:200px;text-align:right;} .hpro .items .item:nth-child(1) p br{display:none;} .hpro .items .item:nth-child(2) p{top:120px;} .hpro .items .item:nth-child(3) p{left:20px;} .hpro .items .item:nth-child(2) h6{top:50px;} .hpro .items .item:nth-child(3) h6{left:20px;} .hpro .items .item:nth-child(1) img{left:-20px;} .hpro .items .item:nth-child(3) img{right:-10px;} .footer .fnav .item{padding:0 10px;} .searea{padding:30px 2%;} } @media screen and (max-width:1100px){ .header .nav{margin-left:110px} .hotnews .fr h6{margin:10px 0;} .hotnews .fr .more{margin-top:10px;} .hotnews .fr p{height:48px;overflow:hidden;} .searea i{margin-right:10px;} .searea select{width:220px;} .searea input{width:220px;margin:0 15px 0 0;} } @media screen and (max-width:1023px){ .menu-handler{display:block;} body{padding-top:80px;} .header{height:80px;position:fixed;z-index:99999;top:0;background-color:#fff;border-bottom:#ededed 1px solid;} .per>img{margin-top:26px;} .logo{margin:0;position:absolute;top:26px;left:50%;transform:translateX(-50%);width:110px;} .header .lan{margin:28px 18px 0 0;width:42px;font-size:14px;} .header .nav{display:none;} .header .wapnav{position:fixed;width:100%;right:-100%;top:0px;bottom:0px;background:#009cad;padding:30px 0px;z-index:20;margin-left:0px;border-top:#ededed 1px solid;display:block;} .header .wapnav{width:100%;float:left;margin-top:80px;} .header .wapnav li{width:100%;float:left;} .header .wapnav li>a{padding: 0px 4%;background: url(../img/wapico.png) no-repeat 96% center;border-bottom: 1px solid #eee;margin:0;} .header .wapnav li:first-child>a,.header .wapnav li:first-child.cur>a{background:none;} .header .wapnav li a{height:40px;line-height:40px;color:#fff;} .header .wapnav li.cur>a{color:#fff;font-weight:bold;background-image:url(../img/wapicocur.png);} .header .wapnav li:hover>a{color:#fff;} .header .wapnav li.cur .sub{display:block;padding:10px 0 0;} .header .wapnav li .sub{overflow-y:scroll;} .header .wapnav li .sub a{padding:0 30px;text-align:left;border-bottom:#009cad 1px solid} .header .wapnav li .sub,.header .wapnav li .psub{position:initial;border-top:none;background:rgba(255, 255, 255, 0.3)} .header .wapnav li .sub a:last-child{border-bottom:none;} .header .wapnav li .sub h6{font-weight:bold;border-bottom:#fff 1px solid;} .header .wapnav li .sub .item a{padding-left:60px;} .search{display:none;} .hnews .item img{height:200px;} .hpro .items .item h6{font-size:20px;} .hpro .items .item:nth-child(1) h6{top:25px;right:10px;} .hpro .items .item:nth-child(1) p{top:55px;right:10px;left:180px;} .hpro .items .item:nth-child(1) img{left:-40px;} .hpro .items .item:nth-child(2) h6{top:30px;left:30px;line-height:28px;} .hpro .items .item:nth-child(2) p{top:90px;right:30px;left:30px;} .hpro .items .item:nth-child(3) h6{top:25px;left:10px;} .hpro .items .item:nth-child(3) p{top:55px;right:200px;left:10px;} /* .hnews .item{width:100%;margin:0 0 30px 0;} */ .about_intro .fl{width:100%;} .about_intro .fr{display:none;} .hotpro .fl{width:34%} .hotpro .fr{width:64%;} .proinfo p{margin-top:20px;} .newsdetail .prevnext a{width:96%;text-align:left;padding:0 2%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .newsdetail .prevnext a:first-child{margin:0 0 10px;} .searea i{display:block;width:100%;margin-bottom:5px;} .searea select{width:28%;padding:0 0 0 1%;margin-right:1%;} .searea input{width:28%;padding:0 0 0 1%;margin-right:1%;} .searea #btnscity{width:10%;margin:0;font-size:18px;} .hpro .items .item{height:220px;} .hpro .items .item:nth-child(2){height:475px;} .hpro .items .item:nth-child(2) img{left:80px;bottom:-20px;} .transLeftIn,.transRightIn{transform:translateX(0);opacity:1;} .transy{transform:translateY(0);opacity:1;} .newsdetail .fs-video,.copy .fr{width:100%;} .per_con{left:50%;top:80px;transform:translateX(-50%);position:fixed;} .per:after{display:none !important;} .logon, .succeed, .viload{z-index:100000;} .logon>div, .succeed>div, .viload>div{width:100%;box-sizing:border-box;} .succeed p{width:80%} .logon>div>i, .succeed>div>i, .viload>div>i{right:30px;top:20px;} .logon>div, .succeed>div, .viload>div{padding: 90px 30px 60px 30px;} .logon>div p a{width:30%;line-height:30px;} } @media screen and (max-width:920px){ .map{transform:scale(0.8) translateX(-80px);} .dbsA_c .hd{display:none;} .dbsA_c .bd{width:100%;box-sizing: border-box;} .dbsC .d_mid ul li{width:48%;margin-right:0px;} .dbsC .d_mid ul li:nth-child(2n){float:right;} .dbsC .d_mid ul li a>p img{width:100%;} .load,.tzgg_ul li,.loadB li{width:100%;} .dbsC .d_mid ul li a>dl dd>span{height:12px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} .dbsA{padding:16px 0px;} .dbsB,.dbsC,.dbsD{padding:30px 0px;} .dbsB_c_l{width:100%;} .dbsB_c_r p{line-height:28px;} .dbsB_c_r a{margin-top:20px;} .dbsC .d_mid ul li{width:49.6%;margin:5px 0px;} .dbsC .d_mid ul li a>dl dt{line-height:24px;height:48px;} .dbsC .d_mid ul li a>dl dd>p span{float:none;display:block;} .dbsC .d_mid ul li a>dl dd>p i{float:left;margin-top:10px;} .load li a,.tzgg_ul li a,.loadB li a{padding: 20px 140px 20px 54px;} .d_tit{margin-bottom:20px;} .x_tit{padding-bottom: 30px;} .backA {padding: 20px 0px 20px 76px;} .bacxqA .d_mid>p a{line-height:30px;} .dbsA .swiper-container{height:52px !important;width:100%;box-sizing:border-box; background: url(../img/dico1.png) no-repeat left 10px;} .dbsA .swiper-container .swiper-slide a{width:100%;font-size:14px;line-height:26px;} } @media screen and (max-width:768px){ .hnav{margin:40px 4.5%;border-top:#000 1px solid;padding-top:20px;} .hnav h2{font-size:24px;} .hnav h2 p{display:none;} .hnav .more{border:none;background-color:#fff;color:#000;height:auto;line-height:1;width:auto;font-size:16px;padding-top:4px;} .hpro .items{margin:0 4.5%;} .hpro .items .item{width:92%;height:auto;text-align:center;padding:50px 4%;} .hpro .items .item:nth-child(2){width:92%;height:auto;margin-top:35px;} .hpro .items .item p{position:initial;line-height:28px;padding:20px 0;font-size:16px;} .hpro .items .item:nth-child(1) p{text-align:center;} .hpro .items .item h6{position:initial;font-size:22px;} .hpro .items .item img{position:initial;} .hnews{margin-top:10px;background-color:#fff;} .hnews .hnav .more{background-color:#fff;} .hnews .items{padding:0 4.5% 30px;} .hnews .item{width:100%;margin:0 0 40px 0;} .hnews .item span{background-color:#fff;width:100%;margin:20px 0 10px;color:#999;text-align:left;height:auto;line-height:1;} .hnews .item h5{font-size:16px;color:#333;height:auto;line-height:1.5;margin:0;} .hnews .item i{display:none;} .hnews .item img{height:auto;} .footer{padding:30px 4.5%;} .footer .fnav,.footer .fwechat{display:none;} .footer .faddr{float:none;} .copy{padding:30px 4.5%;} .copy .fr{margin:18px 0 0;line-height:20px;} .snav{line-height:60px;margin-bottom:30px;} h2.tit{margin-bottom:20px;} .snav .w1200>a{padding:0;width:25%;text-align:center;font-size:17px;} .about_intro{width:91%;padding:0 4.5% 40px;} .about_research, .about_honor, .about_contact,.newsdetail{width:91%;padding:40px 4.5%;} .pro,.protech,.serstory,.seroper,.hotnews{width:91%;padding:0 4.5%;} .about_intro .advantage .item{width:50%;} .about_intro .advantage .item:last-child{margin-top:20px;} .about_intro p,.about_research p{line-height:24px;font-size:16px;text-align:justify;} .about_research .fl{width:100%;margin:0 0 20px;} .wapswiper{display:block;} .pcswiper{display:none;} .ban .pagination span.swiper-pagination-bullet-active,.ban .pagination span.swiper-pagination-bullet-active:after{background:#fff;} .about_honor .wapswiper .swiper-slide .item{width:49%;} .about_honor .swiper-slide .item p br{display:none;} .about_contact .fr{display:none;} .about_contact p{line-height:20px;padding-left:26px;margin-bottom:12px;} .hotpro{padding:30px 4%;width:83%;margin:0 4.5%;} .hotpro .fl{width:100%;} .hotpro .fr{margin:0;line-height:1.4;width:100%;text-align:center;} .hotpro .fr h6{font-size:18px;} .hotpro .fr p{margin:12px 0;font-size:14px;} .hotpro .fr span{display:none;} .hotpro .fr .more{margin-top:12px;} .pro .item{width:100%;margin-right:0;} .page li{margin:0 2px;} .provitro{padding:30px 4.5% 50px;} .provitro .item{height:auto;} .provitro .item.even{width:90%;margin-bottom:20px;padding:20px 5%;} .provitro .item.even .fl{width:100%;margin:20px 0 0;} .provitro .item.even .fr{width:100%;margin:20px 0 0;} .provitro .item.even .fr .des{margin:10px 0;} .provitro .item.odd{width:90%;padding:20px 5%;} .provitro .item.odd.transy{width:90%;margin-right:0;} .provitro .item.odd .fl{width:100%;margin:30px 0;} .provitro .item.odd .fr{width:100%;} .provitro .item.odd .fr h6,.provitro .item.even .fr h6{text-align:center;font-size:18px;font-weight:bold;} .provitro .item.odd .fr .des{margin:20px 0;} .protech .item{width:100%;float:none;padding:30px 0;} .protech .item .fl,.protech .item .fr{width:100%;float:none;} .protech .item h6{font-size:20px;margin-top:15px;} .protech .item .des{margin-top:15px;line-height:20px;text-align:justify;} .proinfo.w1200{width:91%;margin:0 4.5%;} .prodetail{width:91%;padding:10px 4.5% 30px;} .proinfo .fr{padding-top:0;} .proinfo h1{font-size:20px;margin-top:40px;} .proinfo .tag{font-size:15px;} .serstory .item{width:100%;margin-right:0;} .serstory .item:nth-child(3){margin-right:0;} .seroper .item{width:100%;margin-right:0;} .seroper .item:nth-child(3){margin-right:0;} .seroper .item h5{margin:20px 10px 10px;} .seroper .item em{margin:20px 15px;} .hotnews{padding-bottom:40px;} .hotnews .img{width:100%;} .hotnews .fr{width:100%;} .news{padding:40px 4.5% 1px;} .news .items{padding:0;} .news .item{width:100%;margin:30px 0 0;} .news .item h5{margin:20px 15px 10px;} .news .item p{margin:0 15px 10px;} .newsdetail .info p{text-align:justify;} .map{transform:scale(0.65) translateX(-160px);} .expertlist{margin-top:0;padding:0 4.5% 1px;background-color:#fff;} .tbexpert th:nth-child(3),.tbexpert th:nth-child(4),.tbexpert td:nth-child(3),.tbexpert td:nth-child(4){display:none;} .tbexpert td img{margin-right:0;} .tbexpert td span{display:block;} .net_map{padding:40px 4.5%;} .pro_m .net_m_c{width:33.333333%} .pro_m .net_m_c>div a{margin:0 0 6px 0;line-height:20px;} } @media screen and (max-width:680px){ .map{transform:scale(0.5) translateX(-240px);} } @media screen and (max-width:600px){ .map{display:none;} .searea{position:initial;padding:30px 4%;margin-bottom:40px;} .newsB{width:91%;padding:0 4.5%;} .newsB a>span{display:none;} .newsB a{padding:32px 0px 28px 0px;} .search_con{margin-top:0px;} .back_c .d_tit span,.lB .d_tit span{display:block;float:none;} .x_tit input[type='text']{width:80%;margin-top:30px;} .x_tit a{width:20%;margin-top:30px;} .bacxqA_l{width:100%;height:auto;} .bacxqA_r>span{font-size:24px;line-height:30px;} .bacxqA_r ul li{line-height:24px;} .bacxqB_l .hd, .bacxqB_l .bd{margin:0px 12px;} .bacxqB_l .hd ul li{margin-right:24px;} .bacxqA_r>a{margin-top:30px;} .bacxqB{padding:30px 0px;margin-top:30px;} .bacxqA_r>span{margin:0px 0px 18px 0px;} .bacxqA_r ul{margin-top:20px;} } @media screen and (max-width:415px){ .ban .pagination{bottom:10px;} .wrapshow{display:block;} .pcshow{display:none;} .proinfo .imgitem{width:100%;} .proinfo .fr{width:100%;} .serstory .item h5{margin:15px 10px;} .serstory .item p{margin:0 10px;} .serstory .item i{margin:10px 10px 20px;} .hotnews .fr p,.hotnews .fr span{display:none;} .news{padding-top:20px;} .searea select{width:49%;margin-bottom:10px;margin-right:2%;border-radius:5px;} .searea select#city{margin-right:0;} .searea input{width:49%;margin-right:2%;border-radius:5px;} .searea #btnscity{width:49%;border-radius:5px;} .tbexpert td{padding:15px 5px;} .news .item h5{height:auto;line-height:22px;margin:10px 15px 5px;} .news .item p{height:40px;line-height:20px;text-align:justify;} .news .item em{margin:0 0 30px 15px;} .news .item i{margin:0 15px 30px 0;} .newsdetail .attr{padding:20px 0;} .newsdetail .attr span{font-size:14px;padding-left:23px;} .newsdetail .info{padding:10px 0 30px;} .newsdetail .slink{padding:20px 0;} .newsdetail .prevnext a{line-height:40px;} .prodetail table th{padding:10px;} .per_con{width:100%;padding:0px 20px 40px 20px;box-sizing:border-box;} .per_img>div{width:168px;float:left;margin-left:10px;margin-top:5px;} .per_con ul{margin:2px 0px;} .per_img{padding:30px 0px;} .per_con ul li{font-size:12px;margin-top:22px;} .per_con dl dd input{height:32px;} .per_con a{width:106px;line-height:40px;} .per_img>p{width:50px;height:50px;} } @media screen and (max-width:375px){ .per_con{padding:0px 20px 40px 20px;} }