@charset "utf-8"; /* 娴忚鍣ㄦ牱寮忓垵濮嬪寲 */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;color: #34353a;font-family: Microsoft Yahei,Arial,Hiragino Sans GB,'寰蒋闆呴粦',STHeiti,'鍗庢枃缁嗛粦',sans-serif;line-height:2em;max-height: 9999px;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;} ul,ol,li{list-style:none} html,body{background: #fff;min-width: 1250px;overflow-x: hidden;} a{color:#333;text-decoration:none;} a:hover{text-decoration:none;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; } img{border:0} em,i,b{font-style: normal;font-weight: normal;} h1,h2,h3,h4,h5{font-weight:normal} input{outline: none;border: none;} .clear:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clear{zoom:1;} .left{float:left;} .right{float:right;} .hide{display:none;} .imgbig {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block !important } .imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) } .imgbigout {display: block; overflow: hidden } a:hover {text-decoration: none; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease } .w1200{width: 1200px;margin: 0 auto;} .txt-color{color: #0078bf !important;} .bg-color{background-color: #0078bf;} .af, .bf{position: relative;} .af:after, .bf:before{position: absolute;display: block;content: "";} .com-a{display: block;} .color-a:hover{background: #0078bf !important;border-color: #0078bf !important;color: #fff !important;} .pager{margin:95px auto 130px;} .pager span,.pager a{display:inline-block;font-size:16px;margin:0px 22px;line-height:2em;text-align:center;} .pager .now{color:#29a7df;position:relative;} .pager .now:after{position:absolute;bottom:3px;content:'';display:block;width:100%;height:1px;background:#cbcbcb;} .pager .current,.pager .p1{background-image:url(/static/img/narrow.png);background-repeat:no-repeat; background-position:center;width:8px;height:15px;} .pager .current:first-child,.pager .p1:first-child{transform:rotate(180deg)} .pager .p1:hover{background-image:url(/static/img/nharrow.png);} /*========== index ==========*/ .head-wrap{margin-top: 100px;} .head{position: fixed;left: 0;top: 0;z-index: 999999;width: 100%;height: 100px;background: rgba(255,255,255,.9);box-shadow: 0.5px 0.866px 16px 0px rgb(0,0,0,.1);overflow: hidden;} .i-head{background: rgba(255,255,255,.9);} .head .head-inner{width: 96%;height: 100%;margin: 0 auto;} .head .logo{height: 100%;width: 11%;position: relative;} .head .logo img{position: absolute;top: 50%;left: 0;transform: translate(0, -50%);max-width: 100%;} .head .head-nav{width: 900px;margin: 0 auto;text-align: center;} .head nav>ul>li{position: relative;float: left;padding: 0 23px;text-align: center;} .head nav>ul>li>a{font-size: 16px;color: #666;line-height: 100px;} .head nav>ul>li.on>a{color: #0078bf;} .head nav li>a:hover{color: #0078bf;} .head nav li:not(:last-child):after{position: absolute;display: block;content: "";width: 1px;height: 10px;background: #999;right: 0;top: 50%;margin-top: -5px;} .head .sub-nav{display: none;position: absolute;left: 50%;width: 150px;transform: translate(-50%,0);text-align: center;background: #fff;padding: 10px 0 20px;border-radius: 0 0 2px 2px;} .head .sub-nav a{font-size: 14px;line-height: 36px;color: #888;} .head .sub-nav a:hover{color: #0078bf;} .head .head-lang{height: 22px;margin-top: 39px;} .head .head-lang i{float: left;;margin-right: 7px;width: 22px;height: 22px;background: url(img/icons.png) 0 0 no-repeat;} .head .head-lang a{float: left;line-height: 22px;color: #666;padding: 0 7px;} .head .head-lang .head-cn{position: relative;} .head .head-lang .head-cn:after{position: absolute;display: block;content: "";width: 1px;height: 9px;background: #949494;right: 0;top: 50%;margin-top: -5px;} .i-banner{position: relative;} .i-banner .bd, .i-banner .bd ul{height: 100% !important;} .i-banner .bd, .i-banner .bd ul, .i-banner .bd ul li, .i-banner .bd ul li img{width: 100% !important;} .i-banner .bd li{position: relative;} .i-banner img{display: block;width: 100%;} .i-banner .banner-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,175,255,0.08);} .i-banner .hd{position: absolute;left: 0;bottom: 30px;width: 100%;display: none;} .i-banner .hd ul{text-align: center;} .i-banner .hd li{display: inline-block;margin: 0 14px;width: 60px;height: 2px;font-size: 0;background: #fff;cursor: pointer;transition: top 1s;} .i-banner .hd li.on{background: #0078bf;} .i-banner .i-banner-text{position: absolute;width: 78%;top: 48.12%;left: 11%;} .i-banner-text p{line-height: 1em;color: #fff;font-weight: bold;} .i-banner-text .cntext{margin-bottom: 20px;font-size: 46px;} .i-banner-text .entext{font-size: 30px;text-transform: uppercase;} .i-banner .hd{z-index:1; height:50px;line-height:40px;width:100%; overflow:hidden; position:absolute; left:0;bottom:0px; } .i-banner .hd ul{ text-align:center;} .i-banner .hd ul li { cursor: pointer; display: inline-block; zoom:1; width: 12px; height: 12px; margin: 5px 11px; overflow: hidden;*display:inline;line-height: 9999px;background:#fff;-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .i-banner .hd ul li.on{ background:#e00034; } .i-banner .btn{position:absolute;top:50%;width:28px;height:28px;margin-top:43px;display:block;z-index:1;background: url(img/banner-arrow.png) no-repeat;} .i-banner .prev{left:2%;background-position: 0px -28px} .i-banner .prev:hover{background-position: 0px 0px} .i-banner .next{right:2%;background-position: -28px -28px} .i-banner .next:hover{background-position: -28px 0px} .slide-btn{position: absolute;left: 50%;bottom: 36px;margin-left: -14px;width: 28px;height: 68px;background: url(img/slide-btn.png) no-repeat;} .slide-btn{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); opacity:1; animation:translateArr 1.2s ease-out infinite; -webkit-animation:translateArr 1.2s ease-out infinite; -moz-animation:translateArr 1.2s ease-out infinite; } @keyframes translateArr { 0%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } 20%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; } 25% { opacity:.7; } 33% { transform:translate3d(0,15px,0); -webkit-transform:translate3d(0,15px,0); opacity:.5; } 75%{ transform:translate3d(0,-5px,0); -webkit-transform:translate3d(0,-5px,0); } 100%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } } @-webkit-keyframes translateArr { 0%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } 20%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; } 25% { opacity:.7; } 33% { transform:translate3d(0,15px,0); -webkit-transform:translate3d(0,15px,0); opacity:.5; } 75%{ transform:translate3d(0,-5px,0); -webkit-transform:translate3d(0,-5px,0); } 100%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } } .slide-btn:hover{animation:none;} .i-title{text-align: center;} .i-title h4, .i-title h5{line-height: 1em;} .i-title .entitle{margin-bottom: 20px;font-size: 34px;color: #0078bf;font-weight: bold;text-transform: uppercase;} .i-title .cntitle{font-size: 26px;color: #666;} .i-title .cntitle:after{width: 30px;height: 2px;background: #777;bottom: -20px;left: 50%;margin-left: -15px;} .i-product{padding-top: 108px;} .i-product .i-title{margin-bottom: 122px;} .i-product .i-product-con{} .i-product .i-product-con .con-summary{width: 31.5%;padding: 0 8% 0 3%;height: 578px;box-sizing: border-box;background-image: url(img/i-product-logo.png);background-position: 92.4% 30px;background-repeat: no-repeat;} .i-product .con-summary .i-pro-type{display: none;height: 100%;} .i-product .con-summary .i-pro-type1{display: block;} .i-product .con-summary .con-summary-pic{position: relative;top: -11.4%;width: 100%;} .i-product .con-summary .con-summary-pic img{display: block;max-width: 100%;height: auto;} .i-product .con-summary-text{margin-top: -32px;} .i-product .con-summary-text h6{margin-bottom: 21px;font-size: 18px;font-weight: bold;line-height: 1em;color: #fff;} .i-product .con-summary-text h6.af:after{width: 24px;height: 1px;background: #fff;bottom: -13px;left: 0;transition: all .5s;} .i-product .con-summary-text h6.hover:after{width: 50px;} .i-product .con-summary-text p{margin-bottom: 25px;font-size: 12px;line-height: 26px;color: #eeeded;} .i-product .con-summary-text a{display: block;width: 110px;height: 30px;font-size: 12px;color: #fff;line-height: 30px;text-align: center;border: 1px solid #bbdbee;} .i-product .i-product-con .con-main{width: 65.83%;padding: 15px 5px 0;box-sizing: border-box;} .i-product .con-main .proHd{position: relative;width: 750px;padding-left: 5px;z-index: 99;} .i-product .con-main .proHd li{float: left;margin-right: 40px;font-size: 16px;color: #555;cursor: pointer;} .i-product .con-main .proHd li:last-child{margin-right: 0;} .i-product .con-main .proHd li.on a{color: #0078bf;} /*.i-product .proBd .slideBox .tempWrap, .i-product .proBd .slideBox .tempWrap ul, .i-product .proBd .slideBox .tempWrap ul{width: 100% !important;}*/ .i-product .proBd{position: relative;top: -38px;} .i-product .proBd .slideBox .tempWrap ul{left: -300px;} .i-product .con-main .proBd .slideBox{position: relative;overflow: hidden;} .slideBox{padding-top: 75px;} .i-product .con-main .proBd li{position: relative;float: left;width: 310px;height: 460px;padding: 0 5px;} .i-product .con-main .proBd li .pic{margin-bottom: 20px;width: 100%;height: 320px;overflow: hidden;} .i-product .con-main .proBd li:hover img{transform: scale(1.1);} .i-product .con-main .proBd li img{width: 100%;height: auto;transition: all .8s;} .proBd .slideBtn{position: absolute;top: 0;right: 0.5%;} .proBd .slideBtn>a{float: left;width: 40px;height: 40px;background-image: url(img/icons.png);background-repeat: no-repeat;} .proBd .slideBtn .sPrev{background-position: -31px 0;} .proBd .slideBtn .sPrev:hover{background-position: -254px 0;} .proBd .slideBtn .sNext{background-position: -71px 0;} .proBd .slideBtn .sNext:hover{background-position: -294px 0;} .proBd .p1{font-size: 18px;color: #6f6f6f;} .proBd .p2{font-size: 14px;color: #888;line-height: 20px;max-height: 40px;overflow: hidden;} .proBd .text-a{position: absolute;left: 5px;bottom: 24px;display: block;width: 92px;height: 25px;font-size: 12px;/*color: #6f6f6f;*/text-align: center;line-height: 25px;border: 1px solid #0078bf;text-transform: uppercase;background: #0078bf;color: #fff;border-color: #0078bf;} .text-a:hover{background: #fff;color: #6f6f6f;border-color: #8f8f8f;} .i-solution{padding-top: 120px;padding-bottom: 160px;width: 1366px;margin: 0 auto;} .i-solution .i-title{margin-bottom: 76px;} .isoul-tabslide{position: relative;} .isoul-tabslide, .isoul-tabslide .bd, .isoul-tabslide .bd ul, .isoul-tabslide .bd ul li{width: 100% !important;} .isoul-tabslide .bd .isoul-text{position: relative;float: left;width: 30%;height: 280px;margin-top: 80px;} .isoul-tabslide .bd .isoul-pic{position: relative;margin-bottom: 24px;float: right;width: 725px;height: 445px;background: #f1f1f1;} .isoul-tabslide .bd .isoul-pic img{position: absolute;display: block;top: 24px;left: -24px;} .isoul-tabslide .isoul-text h6{margin-bottom: 26px;font-size: 22px;line-height: 1em;color: #666;} .isoul-tabslide .isoul-text h6:after{position: absolute;bottom: -16px;left: 0;width: 30px;height: 2px;background: #888;} .isoul-tabslide .isoul-text p{font-size: 14px;line-height: 26px;color: #888;} .isoul-tabslide .isoul-text a{position: absolute;left: 0;bottom: 0;display: block;width: 90px;height: 27px;font-size: 12px;color: #777;line-height: 27px;text-align: center;text-transform: uppercase;border: 1px solid #9f9f9f;} .isoul-tabslide .hd{position: absolute;bottom: 14px;left: 0;} .isoul-tabslide .hd li{display: inline-block;text-align: center;} .isoul-tabslide .hd li.on span, .isoul-tabslide .hd li:hover span{opacity: 1;top: 0;} .isoul-tabslide .hd li i, .isoul-tabslide .hd li span{display: block;} .isoul-tabslide .hd li i{width: 35px;height: 35px;margin: 0 auto;} .isoul-tabslide .hd li span{position: relative;top: 5px;padding: 0 2px;font-size: 12px;color: #0078bf;opacity: 0;transition: all .4s;} .i-solution .hd li i{background-image: url(img/icons.png);background-repeat: no-repeat;} .i-solution .i1{background-position: -9px -149px;} .i-solution .i2{background-position: -43px -149px;} .i-solution .i3{background-position: -88px -149px;} .i-solution .i4{background-position: -128px -149px;} .i-solution .i5{background-position: -168px -149px;} .i-solution .hd li.on .i1, .i-solution li:hover .i1{background-position: -9px -224px;} .i-solution .hd li.on .i2, .i-solution li:hover .i2{background-position: -43px -224px;} .i-solution .hd li.on .i3, .i-solution li:hover .i3{background-position: -88px -224px;} .i-solution .hd li.on .i4, .i-solution li:hover .i4{background-position: -128px -224px;} .i-solution .hd li.on .i5, .i-solution li:hover .i5{background-position: -168px -224px;} .isoul-btn{position: absolute;top: 0;right: 709px;top: 387px;} .isoul-btn>a{float: left;width: 40px;height: 40px;background-image: url(img/icons.png);background-repeat: no-repeat;} .isoul-btn .prev{background-position: -31px 0;} .isoul-btn .prev:hover{background-position: -254px 0;} .isoul-btn .next{background-position: -71px 0;} .isoul-btn .next:hover{background-position: -294px 0;} .i-about{height: 680px;padding-top: 80px;box-sizing: border-box;background: url(img/i-about-bg.jpg) center fixed no-repeat;} .i-about .i-title{margin-bottom: 94px;} .i-about .i-about-inner{text-align: center;} .i-about .i-about-num{margin-bottom: 56px;font-size: 0;} .i-about-num li{position: relative;display: inline-block;padding: 0 68px;} .i-about-num li+li:before{position: absolute;display: block;content: "";width: 1px;height: 124px;background: #dedede;left: 0;top: 50%;margin-top: -62px;} .i-about-num li .p1{margin-bottom: 15px;color: #444;} .i-about-num li .p1 span{margin-right: 3px;font-size: 70px;font-weight: bold;color: #444;} .i-about-num li .p2{color: #666;} .i-about-num li.spcli .p1{position: relative;} .i-about-num li.spcli i{position: absolute;right: -4px;top: -26px;font-size: 30px;color: #4c4c4c;} .i-about-txt{display: inline-block;width: 830px;} .i-about-txt h6{margin-bottom: 24px;font-size: 18px;color: #444;font-weight: bold;} .i-about-txt p{margin-bottom: 55px;color: #666;} .i-about-txt a{display: inline-block;width: 172px;height: 33px;border: 1px solid #989898;line-height: 33px;text-align: center;color: #444;} .i-news{padding: 134px 0 136px;} .i-news .i-title{margin-bottom: 65px;} .i-news .i-newsslide{width: 76.4%;margin: 0 auto;} .i-news .i-newsslide .bd, .i-news .i-newsslide .bd ul, .i-news .i-newsslide .bd ul li{width: 100% !important;} .i-news .i-newsslide .hd{margin-bottom: 95px;} .i-news .hd ul{text-align: center;font-size: 0;} .i-news .hd li{display: inline-block;padding: 0 14px;font-size: 16px;line-height: 1em;color: #555;cursor: pointer;} .i-news .hd li.on{color: #0078bf;} .i-news .hd li.af:after{width: 1px;height: 12px;background: #888;right: 0;top: 50%;margin-top: -6px;} .i-news .i-newsslide .bd{} .i-news .i-newsslide .bd li{} .i-news .i-newsslide li dl{position: relative;height: 200px;margin: 0 2%;width: 21%;float: left;} .i-news .i-newsslide li dl:last-child{margin-right: 0;} .i-news .bd li dt{margin-bottom: 37px;font-size: 18px;line-height: 1em;color: #666;} .i-news .bd li dt:after{left: 0;bottom: -20px;width: 28px;height: 2px;background: #6c6c6c;} .i-news .bd li dd{color: #888;line-height: 26px;} .i-news dd a{position: absolute;bottom: 0;left: 0;display: block;width: 48px;height: 30px;background: #6c6c6c;transition: all .5s;overflow: hidden;} .i-news dd a span{position: absolute;left: -54px;top: 0;display: block;width: 54px;height: 30px;line-height: 30px;text-align: center;text-transform: uppercase;color: #fff;opacity: 0;transition: all .4s;} .i-news dd a i{position: absolute;right: 0;top: 0;display: block;width: 48px;height: 30px;background: url(img/icons.png) -123px 4px no-repeat;transition: all .5s;} .i-news dd a:hover{background: #0078bf;width: 94px;} .i-news dd a:hover span{left: 0;opacity: 1;} .i-map{background: #f9f9f9;} .i-map .i-map-inner{position: relative;width: 78%;height: 657px;margin: 0 auto;} .i-map .i-map-text{position: absolute;left: 20px;top: 50%;margin-top: -175px;width: 325px;height: 350px;padding: 50px 28px 0;box-sizing: border-box;background: #fff;border-radius: 5px;border-bottom: 6px solid #0078bf;} .i-map-text h5{font-size: 22px;color: #0078bf;} .i-map-text h5 span{margin-left: 10px;font-size: 16px;color: #0078bf;} .i-map-text ul{padding-left: 28px;background: url(img/icons.png) -474px 9px no-repeat;} .i-map-text ul li{font-size: 16px;color: #666666;line-height: 46px;} .i-map-pic{position: absolute;right: 0;top: 37px;width: 1144px;height: 590px;background: url(img/i-map.png) center no-repeat;} .i-map-pic .i-map-icon{position: absolute;width: 42px;height: 55px;cursor: pointer;} .i-map-pic .i-map-icon:hover .text1{display: block;} .i-map-pic .i-map-icon:hover{background: url(img/i-mapicon-bg.png) center no-repeat;} .i-map-pic .icon1{left: 142px;top: 213px;} .i-map-pic .icon2{left: 219px;top: 157px;} .i-map-pic .icon3{left: 561px;top: 79px;} .i-map-pic .icon4{left: 612px;top: 26px;} .i-map-pic .icon5{left: 836px;top: 229px;} .i-map-pic .icon6{left: 979px;top: 149px;} .i-map-pic .icon7{left: 660px;top: 120px;} .i-map-pic .text1{display: none;position: absolute;top: -35px;left: -50%;width: 200px;margin-left: -56px;text-align: center;font-size: 16px;color: #f80203;} .i-map-pic .text1 span{font-size: 14px;color: #f80203;} .i-map-pic .i-map-icon i{position: absolute;left: 4px;top: 3px;width: 34px;height: 33px;border-radius: 50%;background-repeat: no-repeat;background-position: center;} .i-map-pic .icon1 i{background-image: url(img/i-map-1.png);} .i-map-pic .icon2 i{background-image: url(img/i-map-2.png);} .i-map-pic .icon3 i{background-image: url(img/i-map-3.png);} .i-map-pic .icon4 i{background-image: url(img/i-map-4.png);} .i-map-pic .icon5 i{background-image: url(img/i-map-5.png);} .i-map-pic .icon6 i{background-image: url(img/i-map-6.png);} .i-map-pic .icon7 i{background-image: url(img/i-map-7.png);} .i-partner{padding: 55px 0;} .i-partner .i-parslide{position: relative;width: 1500px;margin: 0 auto;} .i-partner .i-parslide .bd, .i-partner .i-parslide .bd{width: 100% !important;} .i-partner .i-parslide li{float: left;width: 300px;height: 180px;background-position: center;background-repeat: no-repeat;} .i-partner .hd{} .i-partner .hd a{position: absolute;top: 50%;margin-top: -21px;display: block;width: 24px;height: 42px;background-image: url(img/icons.png);background-repeat: no-repeat;} .i-partner .hd .next{right: 0;background-position: -47px -398px;} .i-partner .hd .next:hover{right: 0;background-position: -47px -447px;} .i-partner .hd .prev{left: 0;background-position: -7px -398px;} .i-partner .hd .prev:hover{left: 0;background-position: -7px -447px;} .foot{padding: 64px 0 0;background: #504f4f;} .foot .foot-con, .foot .foot-cr{width: 78.125%;padding: 0 18px;margin: 0 auto;box-sizing: border-box;} .foot .foot-con{min-height: 270px;} .foot-con .foot-nav{width: 53%;} .foot-con .foot-info{width: 28%;min-width: 350px;padding-top: 16px;} .foot-nav dl{float: left;width: 20%;} .foot-nav dl dt{margin-bottom: 26px;font-size: 16px;line-height: 1em;color: #e7e6e6;} .foot-nav dt:after{width: 12px;height: 1px;background: #e7e6e6;bottom: -15px;left: 0;} .foot-nav dl dd a{font-size: 12px;color: #bbb;} .foot-info .foot-info-code{float: right;width: 180px;text-align: right;} .foot-info .foot-info-code:before{width: 1px;height: 220px;left: 0;top: -16px;background: #8d8d8d;} .foot-info .foot-info-code .p1{margin-bottom: 12px;color: #fff;} .foot-info .foot-info-code a{padding-left: 34px;background: url(img/foot-albb.png) 0 center no-repeat;color: #bbb;} .foot-info .foot-info-tel{} .foot-info .foot-info-tel dl{margin-bottom: 29px;} .foot-info .foot-info-tel dt{margin-bottom: 5px;font-size: 16px;line-height: 1em;color: #fff;} .foot-info .foot-info-tel dd{font-size: 16px;line-height: 26px;color: #ddd;} .foot-cr{border-top: 1px solid #8d8d8d;} .foot-cr p{font-size: 12px;color: #c4c4c4;line-height: 43px;text-align: center;} .foot-cr p span{margin-left: 30px;} .foot-cr p a{font-size: 12px;color: #c4c4c4;} /* 鍐呴〉 */ .banner{position: relative;width: 100%;height: 450px;} .banner hgroup{position: absolute;top: 50%;left: 11%;transform: translate(0,-50%);} .banner h4, .banner h5{color: #fff;font-weight: bold;line-height: 1em;} .banner h4{margin-bottom: 12px;font-size: 36px;} .banner h5{font-size: 30px;text-transform: capitalize;} .a-wrap1{width: 1080px;margin: 100px auto 62px;} .a-wrap1 .a-wrap1-pic{width: 377px;} .a-wrap1 .a-wrap1-con{width: 626px;} .a-wrap1 .a-wrap1-pic .a-wrap1-pict{margin-bottom: 20px;padding-bottom: 13px;border-bottom: 1px solid #cfcfcf;} .a-wrap1 .a-wrap1-pic p{color: #888;} .a-wrap1 .a-wrap1-pict .p1{position: relative;margin-top: -18px;font-size: 150px;line-height: 1em;text-indent: -15px;color: #0078bf;} .a-wrap1 .a-wrap1-pict .p2{margin: 15px 0 27px;font-size: 28px;line-height: 1em;} .a-wrap1 .a-wrap1-picb img{display: block;margin-bottom: 15px;} .a-wrap1 .a-wrap1-con{} .a-wrap1 .a-wrap1-con .title{margin-bottom: 38px;font-size: 26px;line-height: 1em;color: #666;} .a-wrap1 .a-wrap1-con .summary{} .a-wrap1 .a-wrap1-con .summary p{font-size: 13px;color: #777;line-height: 28px;} .com-title{font-size: 30px;line-height: 1em;text-align: center;color: #666;padding-bottom: 22px;} .com-title:after{width: 30px;height: 2px;bottom: 2px;left: 50%;margin-left: -15px;background: #777;} .a-wrap2{height: 700px;padding-top: 70px;background: url(img/a-yjy-bg.jpg) center no-repeat;box-sizing: border-box;} .a-wrap2 .com-title{margin-bottom: 47px;} .a-wrap2 .a-wrap2-text{width: 850px;margin: 0 auto;text-align: center;} .a-wrap2 .a-wrap2-text p{line-height: 26px;color: #777;} .a-wrap2 .line{margin: 22px auto;width: 71.1%;min-width: 1050px;height: 1px;background: #e0e3e4;} .a-wrap2-pic{text-align: center;} .a-wrap2-pic p{margin-bottom: 20px;font-size: 16px;line-height: 1em;color: #666;} .a-wrap2-pic ul{font-size: 0;} .a-wrap2-pic ul li{display: inline-block;} .a-wrap2-pic ul li+li{margin-left: 50px;} .a-wrap2-pic ul li img{display: block;} .a-wrap2-pic a{width: 172px;height: 33px;margin: 44px auto 0;border: 1px solid #7e7e7e;font-size: 15px;color: #777;line-height: 33px;text-align: center;text-transform: uppercase;} .a-wrap3{padding-top: 88px;} .a-wrap3 .com-title{} .a-wrap3 .a-wrap3-con{height: 530px;max-width: 1160px;margin: 65px auto 0;background: url(img/a-wrap3-pic.png) center 7px no-repeat;} .a-wrap3-con>div{position: relative;width: 50%;} .a-wrap3-con .a-wrap3-left dl{float: right;text-align: right;} .a-wrap3-con .a-wrap3-right dl{float: left;text-align: left;} .a-wrap3-con dl{transition: all 1s;} .a-wrap3-con dl:hover{transform:scale(1.1);} .a-wrap3 .dl1{margin-right: 217px;margin-bottom: 86px;} .a-wrap3 .dl2{margin-right: 270px;margin-bottom: 104px;} .a-wrap3 .dl3{margin-right: 237px;} .a-wrap3 .dl4{margin-left: 217px;margin-bottom: 98px;} .a-wrap3 .dl5{margin-left: 270px;margin-bottom: 78px;} .a-wrap3 .dl6{margin-left: 237px;} .a-wrap3 dl dt{margin-bottom: 12px;font-size: 18px;font-weight: bold;line-height: 1em;color: #666;} .a-wrap3 dl dd{font-size: 12px;color: #777;} .a-wrap4{} .a-wrap4 .com-title{margin-bottom: 34px;} .a-wrap4 .a-wrap4-con{padding: 0 15px;} .a-wrap4 .a-wrap4-con ul{display: flex;} .a-wrap4 .a-wrap4-con li{position: relative;margin-right: 15px;} .a-wrap4 .a-wrap4-con li:last-child{margin-right: 0;} .a-wrap4 li img{display: block;max-width: 100%;height: auto;} .a-wrap4 li .ali-bg-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 14px;box-sizing: border-box;} .a-wrap4 li .ali-bg-box .ali-bg{position: relative;width: 100%;height: 100%;background: rgba(0,0,0,.2);} .a-wrap4 .ali-text{position: absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);width: 80%;text-align: center;opacity: 0;transition: all .7s;} .a-wrap4 .ali-text .ali-t{margin-bottom: 28px;} .a-wrap4 .ali-b p{line-height: 30px;color: #fff;} .a-wrap4 .ali-t i{display: block;margin:0 auto 10px;width: 55px;height: 55px;background-image: url(img/icons.png);background-repeat: no-repeat;} .a-wrap4 .ali-t p{font-size: 18px;line-height: 1em;color: #fff;} .a-wrap4 .li1 i{background-position: 0 -294px;} .a-wrap4 .li2 i{background-position: -63px -294px;} .a-wrap4 .li3 i{background-position: -137px -294px;} .a-wrap4 .li4 i{background-position: -207px -294px;} .a-wrap4 .li5 i{background-position: -276px -294px;} .a-wrap4 .ali-tt{position: absolute;left: 22px;bottom: 22px;opacity: 1;transition: all .1s;} .a-wrap4 li:hover .ali-bg-box .ali-bg{background: rgba(0,120,191,.7);} .a-wrap4 li:hover .ali-text{opacity: 1;top: 50%;} .a-wrap4 li:hover .ali-tt{opacity: 0;} .a-wrap5{padding-top: 100px;} .a-wrap5 .com-title{margin-bottom: 30px;} .a-wrap5 .a-wrap5-top{width: 940px;margin: 0 auto;text-align: center;} .a-wrap5 .a-wrap5-top p{color: #777;} .a-wrap5 .parBd .slideBox:first-child{display: block;} .a-wrap5 .parBd .slideBox{display: none;} /*澶т簨璁皊tart*/ .event_box{width:100%;margin:110px auto 0;position:relative;min-height:420px;} .event_box .parHd {position: relative;width:100%;display:inline-block;height:100px;overflow:hidden;} .a-wrap5 .parHd ul{width:100%;text-align:center;margin:0 auto;} .a-wrap5 .parHd .tempWrap{margin:0 auto;} .a-wrap5 .parHd .tempWrap:after{content:'';width:100%;height:2px;background:#f0f0f0;position:absolute;top: 50%;margin-top: -1px;left: 0;z-index:10;} .a-wrap5 .parHd li.no_line:before{display:none;} .a-wrap5 .parHd li{display:inline-block;cursor:pointer;height: 100px;width: 170px;position:relative;} .a-wrap5 .parHd li i{position: absolute;left: 0;top: 3px;width: 100%;text-align: center;font-size:16px;color:#000;} .a-wrap5 .parHd li:after{content:'';background:url(img/dot_ico.png) no-repeat;width:22px;height:22px;position:absolute;z-index:20;top:50%;left:50%;margin-left:-11px;margin-top: -11px;} .a-wrap5 .parBd{text-align:center;} .a-wrap5 .parBd h4{margin-bottom: 70px;position:relative;font-size:16px;color: #777;padding:0 60px;display:inline-block;text-align:center;} .a-wrap5 .parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;} .a-wrap5 div#listBox {width:100%;} .a-wrap5 .parHd li.act span{display:block;width:22px;height:22px;overflow:hidden;background:url(img/cat.png) no-repeat;position:absolute;top:50%;margin-top: -11px;left:50%;margin-left: -11px;z-index:21;} .a-wrap5 .parHd li span,.parHd li.clone span{display:none;} .a-wrap5 .btn{z-index: 99;position: absolute;top: 50%;margin-top: -30px;display: block;width: 60px;height: 60px;border-radius: 50%;box-shadow: 0.5px 0.866px 16px 0px rgb(0,0,0,.1);background-image: url(img/icons.png);background-repeat: no-repeat;background-color: #fff;} .a-wrap5 .btn:hover{background-color: #0078bf;} .a-wrap5 .sPrev{left: 13%;background-position: -87px -391px;} .a-wrap5 .sNext{right: 13%;background-position: -149px -391px;} .a-wrap5 .sPrev:hover{background-position: -87px -435px;} .a-wrap5 .sNext:hover{background-position: -149px -435px;} .a-wrap5 .slideBox a{display: block;width: 172px;height: 33px;font-size: 15px;color: #777;line-height: 33px;text-align: center;border: 1px solid #7f7f7f;margin: 0 auto;text-transform: uppercase;} .about_wrap3{width:100%;height:660px;background:url(img/honorbg.jpg) no-repeat center;padding-top: 55px;box-sizing:border-box;margin-top:110px;} .about_wrap3 .honor_box{width:1400px;margin:40px auto 0px;} .about_wrap3 .honor_box li{width:250px;transform:scale(0.8);} .about_wrap3 .honor_box li span{display:block;width:100%;height:393px;} .about_wrap3 .honor_box li span:after{content:'';display: block;width:100%;height: 100%;background-color:rgba(245,245,246,0.6);position: absolute;top:0px;left:0px;} .about_wrap3 .honor_box li img{width:100%;position: absolute;top:50%;transform: translateY(-50%);} .about_wrap3 .honor_box li p{text-align: center;line-height: 1em;font-size:18px;color:#666666;margin-top: 35px;opacity: 0;transition: all 0.6s;} .about_wrap3 .honor_box li.swiper-slide-active{transform:scale(1);} .about_wrap3 .honor_box li.swiper-slide-active img{border:2px solid #00a0e9;} .about_wrap3 .honor_box li.swiper-slide-active p{opacity: 1;} .about_wrap3 .honor_box li.swiper-slide-active span:after{background-color:rgba(255,255,255,0);} .about_wrap3 .honor_box .button{position: absolute;top: 50%;margin-top: -30px;z-index: 10;display: block;width: 60px;height: 60px;border-radius: 50%;box-shadow: 0.5px 0.866px 16px 0px rgb(0,0,0,.1);background-image: url(img/icons.png);background-repeat: no-repeat;background-color: #fff;cursor: pointer;} .about_wrap3 .honor_box .button:hover{background-color: #0078bf;} .about_wrap3 .honor_box .button-prev{left: 0;background-position: -87px -391px;} .about_wrap3 .honor_box .button-next{right: 0;background-position: -149px -391px;} .about_wrap3 .honor_box .button-prev:hover{background-position: -87px -435px;} .about_wrap3 .honor_box .button-next:hover{background-position: -149px -435px;} .submenu{text-align: center;} .submenu ul li{float: left;width: 20%;} .submenu ul li a{display: block;} .submenu ul li:nth-child(2n+1){background: #f8f8f8;} .submenu ul li:nth-child(2n){background: #f4f4f4;} .submenu li i{position: relative;margin-right: 8px;top: 12px;display: inline-block;width: 35px;height: 35px;background-image: url(img/icons.png);background-repeat: no-repeat;} .submenu .i1{background-position: 7px -57px;} .submenu .i2{background-position: -24px -57px;} .submenu .i3{background-position: -61px -57px;} .submenu .i4{background-position: -96px -57px;} .submenu .i5{background-position: -132px -57px;} .submenu ul li.on, .submenu ul li:hover{background: #0078bf;} .submenu ul li.on span,.submenu li:hover span{color: #fff;} .submenu ul li.on .i1, .submenu li:hover .i1{background-position: 7px -92px;} .submenu ul li.on .i2, .submenu li:hover .i2{background-position: -24px -92px;} .submenu ul li.on .i3, .submenu li:hover .i3{background-position: -61px -92px;} .submenu ul li.on .i4, .submenu li:hover .i4{background-position: -96px -92px;} .submenu ul li.on .i5, .submenu li:hover .i5{background-position: -132px -92px;} .submenu li span{font-size: 16px;color: #666;line-height: 70px;} .pl-wrap{position: relative;margin-top: 73px;padding-bottom: 295px;} .pl-wrap .pl-title{margin-bottom: 90px;text-align: center;font-size: 26px;line-height: 1em;color: #666;} .pl-wrap .pl-title:after{bottom: -18px;left: 50%;margin-left: -15px;width: 30px;height: 2px;background: #777;} .pl-wrap .pl-type{margin-bottom: 60px;font-size: 0;text-align: center;} .pl-wrap .pl-type li{display: inline-block;} .pl-wrap .pl-type li a{position: relative;padding: 0 20px;font-size: 16px;color: #666;} .pl-wrap .pl-type li a:after{position: absolute;display: block;content: "";width: 1px;height: 8px;background: #999;right: 0;top: 50%;margin-top: -4px;} .pl-wrap .pl-type li:last-child a:after{display: none;} .pl-wrap .pl-type li a:hover, .pl-wrap .pl-type li.on a{color: #0078bf} .pl-wrap .pl-list{} .pl-wrap .pl-list ul{width: 1304px;margin: 0 auto;} .pl-wrap .pl-list li{float: left;width: 300px;margin: 0 13px 60px;} .pl-wrap .pl-list .pic{margin-bottom: 25px;width: 100%;overflow: hidden;} .pl-wrap .pl-list .pic img{display: block;max-width: 100%;transition: all .8s;} .pl-wrap .pl-list li:hover img{transform: scale(1.1);} .pl-wrap .pl-list .text{position: relative;height: 104px;overflow: hidden;} .pl-list .text .text-p .p1{font-size: 18px;color: #6f6f6f;} .pl-list .text .text-p .p2{font-size: 14px;line-height: 22px;max-height: 66px;overflow: hidden;color: #888;} .pl-list .text .text-a{position: absolute;bottom: 0;left: 0;display: block;width: 92px;height: 25px;line-height: 25px;text-align: center;border: 1px solid #0078bf;font-size: 12px;text-transform: uppercase; background: #0078bf;color: #fff;} .pl-list .text .text-a:hover{background: #fff;border-color: #8f8f8f;color: #6f6f6f;} .l-more{position: absolute;left: 50%;bottom: 130px;margin-left: -86px;display: block;width: 172px;height: 33px;font-size: 15px;color: #777;line-height: 33px;text-align: center;border: 1px solid #808080;} .l-more:hover{background: #0078bf; border-color: #0078bf; color: #fff;} .sl-submenu .i1{background-position: -9px -149px;} .sl-submenu .i2{background-position: -43px -149px;} .sl-submenu .i3{background-position: -88px -149px;} .sl-submenu .i4{background-position: -128px -149px;} .sl-submenu .i5{background-position: -168px -149px;} .sl-submenu ul li.on .i1, .sl-submenu li:hover .i1{background-position: -9px -185px;} .sl-submenu ul li.on .i2, .sl-submenu li:hover .i2{background-position: -43px -185px;} .sl-submenu ul li.on .i3, .sl-submenu li:hover .i3{background-position: -88px -185px;} .sl-submenu ul li.on .i4, .sl-submenu li:hover .i4{background-position: -128px -185px;} .sl-submenu ul li.on .i5, .sl-submenu li:hover .i5{background-position: -168px -185px;} .sl-wrap{position: relative;padding: 100px 0 245px;} .sl-wrap ul{width: 1500px;margin: 0 auto;} .sl-wrap ul li{float: left;width: 480px;margin-bottom: 44px;margin-right: 30px;} .sl-wrap ul li:nth-child(3n){margin-right: 0;} .sl-wrap li .pic{position: relative;margin-bottom: 8px;} .sl-wrap li .pic img{display: block;max-width: 100%;} .sl-wrap li .pic .pic-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: /*url(img/link-icon.png) center no-repeat */rgba(0,0,0,.5);opacity: 0;transition: all .5s;} .sl-wrap li .text{} .sl-wrap li .text h6{margin-bottom: 10px;font-size: 18px;line-height: 48px;color: #777;border-bottom: 1px solid #ececec;} .sl-wrap li .text h6:after{left: 0;bottom: 0;width: 0;height: 1px;background: #0078bf;transition: all .5s;} .sl-wrap li .text p{font-size: 13px;line-height: 2em;color: #888;} .sl-wrap li a:hover .text h6:after{width: 100%;} .sl-wrap li a:hover .pic .pic-bg{opacity: 1;} .nl-top{padding-top: 100px;margin-bottom: 38px;} .nl-top hgroup{margin-bottom: 60px;} .nl-top hgroup h4{line-height: 1em;text-align: center;} .nl-top hgroup .ent{margin-bottom: 20px;font-size: 34px;font-weight: bold;text-transform: uppercase;} .nl-top hgroup .cnt{font-size: 26px;color: #666;} .nl-top .nl-type{font-size: 0;text-align: center;} .nl-top .nl-type li{display: inline-block;position: relative;} .nl-top .nl-type li a{padding: 0 14px;font-size: 16px;color: #555;} .nl-top .nl-type li+li:after{position: absolute;left: 0;top: 50%;margin-top: -6px;background: #888;display: block;content: "";width: 1px;height: 12px;} .nl-top .nl-type li.on a, .nl-top .nl-type li a:hover{color: #0078bf;} .nl-wrap{width: 1084px;margin: 0 auto;padding-bottom: 282px;} .nl-wrap ul{} .nl-wrap ul li{height: 240px;padding: 22px 0;border-bottom: 1px solid #cfcfcf;box-sizing: border-box;} .nl-wrap ul li a{display: block;} .nl-wrap li .pic{float: left;width: 313px;transition: all .5s;} .nl-wrap li .pic img{display: block;max-width: 100%;} .nl-wrap .text{float: right;position: relative;width: 730px;padding-right: 250px;box-sizing: border-box;transition: all .5s;} .nl-wrap .text h6{margin: 20px 0;font-size: 18px;line-height: 1em;color: #666;} .nl-wrap .text p, .nl-wrap .text time{font-size: 14px;color: #888;} .nl-wrap .text p{height: 84px;overflow: hidden;margin-bottom: 15px;} .nl-wrap .text i{position: absolute;right: 62px;top: 50%;margin-top: -5px;width: 30px;height: 11px;background: url(img/icons.png) -131px -5px no-repeat;transition: all .5s;opacity: 0;} .nl-wrap li:hover{background: #0078bf;} .nl-wrap li:hover .pic{margin-left: 22px;} .nl-wrap li:hover .text{padding-left: 22px;padding-right: 228px;} .nl-wrap li:hover i{right: 40px;opacity: 1;} .nl-wrap li:hover h6{color: #fff;} .nl-wrap li:hover p{color: rgba(255,255,255,.8);} .nl-wrap li:hover time{color: #fff} .nr-wrap{padding-top: 75px;padding-bottom: 75px;} .nr-wrap .news_con{width: 1160px;margin: 0 auto;} .news_con .title{font-size:22px;color:#777777;line-height:1em;text-align:center;} .news_con .time{font-size:16px;color:#b5b5b5;line-height:1em;margin:23px auto 50px;text-align:center;} .news_con .content{padding:25px 5px;box-sizing:border-box;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3} .viewpage-link{margin-top:30px;} /*.viewpage-link ul{float:right;} .viewpage-link li{float:left} .viewpage-link li a{font-size:16px;color:#888888} .viewpage-link li:hover a{color:#29a7df;} .viewpage-link i{display:block;width:1px;height:10px;background:#cbcbcb;margin:10px 20px 0px;float:left;}*/ .viewpage-link ul{width: 60%;float: left;} .viewpage-link ul li, .viewpage-link ul li a{color: #999;line-height: 24px;} .viewpage-return{float: right;display: block;width: 84px;height: 30px;line-height: 30px;color: #fff;text-align: center;background: #00afff;} .pr-wrap{padding-top: 75px;width: 1400px;margin: 0 auto;} .pr-top{margin-bottom: 28px;padding-bottom: 24px;border-bottom: 1px solid #dadada;min-height: 385px;} .pr-top .picslide{float: left;width: 50%;} .pr-top .picslide .bd{float: left;width: 74.28%;} .pr-wrap .bd>ul, .pr-wrap .bd>ul li{width: 100% !important;} .pr-top .picslide .hd{float: right;width: 24.28%;} .pr-top img{display: block;max-width: 100%;} .pr-top .picslide .hd li img{border: 1px solid #fff;box-sizing: border-box;} .pr-top .picslide .hd li.on img{border: 1px solid #298ec9;} .pr-top .picslide .hd li+li{margin-top: 6px;} .pr-top .pictext{float: right;width: 46%;} .pr-top .pictext .tx-title{margin: 20px 0 18px;font-size: 24px;line-height: 1em;color: #6f6f6f;} .pr-top .tx-summary{border-top: 1px solid #dadada;padding: 16px 0;} .pr-top .tx-summary p{font-size: 13px;line-height: 22px;color: #716f6f;} .pr-con{} .pr-con .pr-con-type{margin-bottom: 30px;padding-bottom: 5px;font-size: 0;border-bottom: 1px solid #0078bf;} .pr-con-type li{display: inline-block;margin-right: 5px;padding: 0 43px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #666;background: #f4f4f4;cursor: pointer;} .pr-con-type li.on{color: #fff;background: #0078bf;} .pr-con-main .pr-js{} .pr-con-main .pr-table-box table{width: 100%;} .pr-con-main .pr-table-box table tr{} .pr-con-main .pr-table-box table tr td{height: 46px;} .pr-con-main .pr-table-box table tr td:nth-child(1){width: 200px;padding-left: 43px;box-sizing: border-box;font-size: 16px;color: #fff !important;} .pr-con-main .pr-table-box table tr td:nth-child(2),.pr-con-main .pr-table-box table tr td:nth-child(3),.pr-con-main .pr-table-box table tr td:nth-child(4){font-size: 16px;color: #777 !important;text-align: center;} .pr-table-box table tr:nth-child(2n+1) td:nth-child(1){background: #0080cc;} .pr-table-box table tr:nth-child(2n) td:nth-child(1){background: #1091dd;} .pr-table-box table tr:nth-child(2n+1) td:nth-child(2),.pr-table-box table tr:nth-child(2n+1) td:nth-child(3),.pr-table-box table tr:nth-child(2n+1) td:nth-child(4), .pr-table-box table tr:nth-child(2n+1) td:nth-child(5){background: #f4f4f4;} .pr-con-main .pr-table-box table tr.f4bg td{background: #f4f4f4 !important;color: #777 !important;} .pr-con-main .pr-table-box table tr.ffbg td{background: #fff !important;color: #777 !important;} .pr-table-box table tr:nth-child(2n) td:nth-child(2){background: #fff;} .go-back{display: block;margin: 150px auto 130px;width: 172px;height: 33px;font-size: 15px;color: #777;line-height: 33px;text-align: center;border: 1px solid #808080;} .go-back:hover{background: #0078bf; border-color: #0078bf; color: #fff;} /* contact */ .contact{min-width:1200px;position: relative;z-index: 10;padding: 76px 0px;background: #fff;} .dress p{text-align: center;font-size:30px;line-height: 34px;} .dress .line{width: 50px;height: 1px; background: #cdcdcd;margin:18px auto;} .dress span{text-align: center;display: block;font-size: 16px;color:#888888;margin-bottom: 8px;} .dress i{text-align: center;display: block;font-size: 18px;color:#888888;font-style: normal;} .map{width:1200px;margin:0 auto;margin-top: 40px;} .BMapLabel{display: none !important;} .BMap_cpyCtrl{display: none !important;} .contact_style{width:1200px;margin: 0 auto;margin-top: 50px;} .contact_style li{float: left;width:240px;margin-right:110px;} .contact_style li:last-child{margin-right: 0px;width: 150px;} .contact_style li i{display: block;width:30px;height: 30px;background: url(img/c_style.png) no-repeat;} .contact_style li .line{width:50px;height: 1px;background: #cdcdcd;margin-top: 10px;} .contact_style li p{font-size: 14px;font-weight: bold;line-height: 1em;margin: 20px 0px;} .contact_style li span{display:inline-block;color: #888;} .on_line{width:1200px;margin: 0 auto;margin-top: 53px;} .on_line p{text-align: center;font-size:48px;} .on_line span{display:block;text-align: center;margin-bottom: 35px;color:#888;} .on_line input{color:#888888;font-size:16px;} .on_line .input-left{width:430px;} .on_line .input-left input{width:400px;border:none;height: 45px;background:#f2f2f2;line-height: 45px;padding-left: 12px;margin-bottom: 10px;} .on_line .input-left i{color:red;float: right;font-style: normal;} .on_line textarea{width:700px;height: 240px;padding: 15px 11px;border:none;background:#f2f2f2;color:#888888;font-size:16px;resize:none} .on_line .submit-box{text-align: right;margin-top: 50px;} .on_line .btn{display: inline-block;width:210px;height: 55px;text-align: center;line-height: 55px;background:#f2f2f2;border:none;cursor: pointer;transition: all .5s;} .on_line .btn:hover{background: #0078bf;color: #fff;} .on_line .com-title{font-size: 26px;color: #666;margin-bottom: 50px;} .contact-wrap1-inner{width: 1200px;margin: 0 auto;padding: 100px 0;} .contact-wrap1-inner>div{width: 420px;float: left;} .contact-wrap1-inner>div img{float: left;display: block;margin-top: 17px;} .contact-wrap1-inner .contact-wrap1-text{margin-left: 75px;} .contact-wrap1-inner .contact-wrap1-list2{padding-left: 80px;width: 300px;} .contact-wrap1-inner .contact-wrap1-list3{padding-left: 120px;width: 280px;} .contact-wrap1-list2 .contact-wrap1-text{margin-top: 10px;} .contact-wrap1-list3 .contact-wrap1-text{margin-top: 7px;} /* service */ .tit{text-align: center;line-height: 1em;font-size:26px;color:#666666;position: relative;} .tit:after{content:'';display: block;width:30px;height: 2px;background-color: #777777;position: absolute;left:50%;margin-left: -15px;bottom:-21px;} .service_box{width:1380px;margin:100px auto 130px;} .service_wrap1 .sum{display: block;width:800px;color:#888888;text-align: center;margin:50px auto 55px;} .service_wrap1 img{margin:0 auto;display: block;max-width: 100%;height: auto;} .service_wrap1 .trait{width:1085px;margin:60px auto 0px;} .service_wrap1 .trait p{width:100%;line-height: 1em;padding-bottom: 20px;box-sizing:border-box;border-bottom:1px solid #cfcfcf;font-size:20px;color:#777777;} .service_wrap1 .trait dl{float:left;margin-top: 20px;width:50%;} .service_wrap1 .trait dt{font-size:16px;color:#666666;line-height: 1em;margin-bottom: 10px;} .service_wrap1 .trait dd{color:#888888;padding-left: 25px;} .service_wrap2 ul{margin-top: 75px;} .service_wrap2 li{float: left;width: 300px;margin-left:60px;position: relative;} .service_wrap2 li:after{content: '';display: block;width:20px;height: 8px;background:url(img/arrow.png) no-repeat center;position: absolute;top:40%;margin-top: -4px;right:-13%;} .service_wrap2 li:first-child{margin-left:0px;} .service_wrap2 li:last-child:after{display: none;} .service_wrap2 li a{display: block;width: 100%;height: 100%;} .service_wrap2 li .pic{position: relative;width: 100%;overflow: hidden;} .service_wrap2 li .pic .pic-bg{ width: 100%; height: 100%; padding: 5%; box-sizing: border-box; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; opacity: 0; -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s; } .service_wrap2 li .pic .pic-bg p{margin-top: 15px;font-size: 14px;line-height: 24px;color: #fff;} .service_wrap2 li a:hover .pic-bg{ opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background-color: rgba(0, 0, 0, 0.7); } .service_wrap2 li img{display: block;max-width: 100%;} .service_wrap2 li p{text-align: center;font-size:18px;color:#666666;line-height:1em;margin-top: 30px;} .service_wrap3{width:100%;margin:100px auto 0px;padding: 50px 0px;height: 620px;box-sizing: border-box;background:url(img/ser3bg.jpg);color:#fff;} .service_wrap3 .tit{color:#fff;margin-bottom: 65px;} .service_wrap3 .tit:after{background-color: #fff} .service_wrap3 .con{width:1380px;margin: 0 auto;} .service_wrap3 .pic_left{float: left;margin-left: 100px;margin-right: 154px;} .service_wrap3 .text_right{float: left;width:600px;} .service_wrap3 li{margin-top: 50px;} .service_wrap3 li:first-child{margin-top:35px;} .service_wrap3 li i{display: block;width:54px;height: 47px;border-right:1px solid #fff;float: left;margin-right:15px;margin-top: 2px;background-image: url(img/map_icon.png);background-repeat: no-repeat;} .service_wrap3 li .txt{float: left;} .service_wrap3 li p{line-height: 1em;font-size:20px;color:#fff;margin-bottom: 18px;} .service_wrap3 li span{display:block;line-height: 1.3em;color: #fff;} .service_wrap4 .sum{font-size:18px;color:#0078bf;display: block;line-height: 1em;text-align: center;width:100%;margin:65px auto 50px;} .service_wrap4 .cir{margin-bottom:85px;} .service_wrap4 .cir ul{width:772px;margin:0 auto;background: url(img/line-bg.png) center repeat-x;} .service_wrap4 .cir li{float: left;margin-left: 140px;position: relative;background: #fff;} .service_wrap4 .cir li:first-child{margin-left: 0px;} .service_wrap4 .cir li:after{content: '';display: block;width:140px;height: 4px;background-color: #ebebeb;position: absolute;right:-116%;top:50%;margin-top: -2px;z-index:-1;} .service_wrap4 .cir li:last-child:after{display: none;} .service_wrap4 .cir li span{display: block;width:80px;height:80px;background-color: #f4f4f4;border-radius: 100%;line-height: 80px;border:4px solid #4d9fcf;text-align: center;font-size:20px;color:#666666;transition: all 1s;text-transform: capitalize;} .service_wrap4 .cir li:hover span{transform: rotateY(180deg);} .service_wrap4 .ques_tab{position: relative;} .service_wrap4 .ques_tab .title{font-size:20px;color:#666666;line-height: 1em;margin-bottom: 50px;text-align: center;} .service_wrap4 .swiper-container{padding: 10px 0px;box-sizing:border-box;padding-left: 10px;} .service_wrap4 .ques_tab li{width:436px!important;height:172px;background-color: #fff;box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);padding:42px 36px;box-sizing:border-box;} .service_wrap4 .ques_tab li p{font-size:18px;color:#777777;line-height: 1em;border-left:2px solid #0078bf;padding-left: 7px;color:#0078bf;} .service_wrap4 .ques_tab li a{display: block;width:18px;height: 18px;background:url(img/down.png) no-repeat center;position: absolute;right:43px;bottom:36px;} .service_wrap4 .button{width:22px;height: 42px;background-image: url(img/left_arrow.png);background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -21px;z-index: 10;position:absolute;cursor:pointer;} .service_wrap4 .button:hover{background-image: url(img/hleft_arrow.png);} .service_wrap4 .button-prev{left:-60px;} .service_wrap4 .button-next{right:-60px;transform: rotate(180deg);} @media screen and (max-width: 750px) { .service_box{width:100%;overflow: hidden;padding: 0px 10px;box-sizing:border-box;} .service_wrap1 .sum{width:100%;} .service_wrap1 img{width:100%;} .service_wrap1 .trait{width:100%;} .service_wrap3 .con{width:100%;} .service_wrap3 .pic_left{margin:0 auto;} .service_wrap3 .pic_left img{width:100%;} .service_wrap4 .cir ul{width:100%;} .service_wrap1 .trait dl{float: none;width:100%;} .service_wrap2 li{margin-left:0px;margin:0 auto 60px;width:100%;text-align: center;} .service_wrap2 li:after{top:115%;left:50%;transform: rotate(90deg);margin-left: -10px;} .service_wrap2 li p{margin-top: 15px;} .service_wrap2 li img{margin:0 auto;} .service_wrap3 .text_right{width:100%;padding: 0px 10px;box-sizing:border-box;} .service_wrap3 li .txt{width:80%;} .service_wrap3 li p{margin-bottom: 10px;} .service_wrap3 li .txt span{line-height: 1.5em;} .service_wrap4 .sum{line-height: 1.5em;} .service_wrap4 .cir li{float: none;margin:0px;margin-bottom: 80px;} .service_wrap4 .cir li:after{right: 31%;transform: rotate(90deg);top: 136%;} .service_wrap4 .cir li span{margin:0 auto;} .service_wrap4 .ques_tab li{width:345px!important;} } /* 1680 */ @media screen and (max-width: 1680px){ /*.i-news .i-newsslide li dl{margin-right: 5%;}*/ .i-map .i-map-inner{width: 95%;} .i-partner .i-parslide{width: 1100px;} .i-partner .i-parslide li{width: 220px;height: 150px;} .foot .foot-con, .foot .foot-cr{width: 90%;} .foot-con .foot-nav{width: 66%;} .pl-wrap .pl-list ul{width: 1104px;} .pl-wrap .pl-list li{width: 250px;} /*.pl-wrap .pl-list .text{height: 180px;}*/ .sl-wrap ul{width: 1100px;} .sl-wrap ul li{width: 350px;margin-right: 25px;} .pr-wrap{width: 90%;} } @media screen and (max-width: 1440px){ .i-product .con-summary-text p{margin-bottom: 50px;font-size: 14px;line-height: 30px;} .i-product .con-main .proHd{width: 670px;} .i-product .con-main .proHd li{margin-right: 20px;} .i-solution{width: 1150px;} .i-news .i-newsslide{width: 92%;} /*.i-news .i-newsslide li dl{margin-right: 4%;}*/ .i-map .i-map-inner{width: 100%;} .i-map .i-map-text{bottom: 10%;top: auto;} .a-wrap4 .a-wrap4-con{padding: 0 10px;} .a-wrap4 .a-wrap4-con li{margin-right: 10px;} .a-wrap4 li .ali-bg-box{padding: 10px;} .a-wrap4 .ali-tt{left: 10px;bottom: 10px;} .a-wrap4 .ali-text .ali-t{margin-bottom: 13px;} .a-wrap4 .ali-t{transform: scale(.8);} .a-wrap4 .ali-b p{line-height: 22px;} .about_wrap3 .honor_box{width: 1100px;} .service_box{width: 1100px;} .service_wrap2 li{margin-left: 40px;width: 245px;} .service_wrap3 .con{width: 1100px;} .service_wrap3 .pic_left{margin-left: 27px;margin-right: 64px;} .service_wrap3 .text_right{width: 480px;} .service_wrap4 .ques_tab li{width: 340px !important;} .service_wrap4 .ques_tab li p{font-size: 14px;} .a-wrap5 .sPrev{left: 7%;} .a-wrap5 .sNext{right: 7%;} .submenu li span{font-size: 14px;} } @media screen and (max-width: 1200px){ .pr-top .tx-parameter li+li{margin-left: 10px;padding-left: 15px;} } /*浜烘墠鐞嗗康*/ #rcln{width: 1160px;margin: 100px auto 125px;} #rcln .rcln-warp1{margin-bottom: 195px;} #rcln .com-tit{font-size: 26px;color: #666666;line-height: 26px;position: relative;text-align: center;margin-bottom: 50px;} #rcln .com-tit:after{content: '';position: absolute;left: 50%;margin-left: -15px;width: 30px;height: 2px;background: #666;bottom: -20px;} #rcln .warp1-summary{text-align: center;line-height: 28px;color: #888} #rcln .warp1-slogen{height: 240px;overflow: hidden;background: url(img/rcln1.jpg) no-repeat center -200px;position: relative;margin: 55px auto 20px;box-shadow: 0px 1px 10px 0px rgba(26, 152, 227, 0.3);width: 100%} #rcln .warp1-slogen span{display: block;background: rgba(0,0,0,0.3);width: 100%;height: 100%;display: block;position: absolute;top: 0px;left: 0px;z-index: 1} #rcln .warp1-slogen p{line-height: 240px;text-align: center;font-size: 36px;color: #fff;z-index: 2;position: relative;} #rcln .warp1-slogen .mobile-show{display: none} #rcln .warp1-list p{font-size: 20px;color: #777;border-bottom:1px solid #cfcfcf;line-height: 60px; } #rcln .warp1-list ul li{width: 47%;color: #666;float: left;margin-bottom: 5px;line-height: 56px;margin-right: 3%} #rcln .warp2-list{display: flex; flex-wrap: wrap; justify-content:space-between;cursor: pointer;} #rcln .warp2-list li{width: 32%;box-shadow: 0px 1px 10px 0px rgba(223, 223, 223, 0.3);height: 163px;transition: background-color .3s ease;padding-top: 27px;margin-bottom: 22px;} #rcln .warp2-list li:hover{background-color: #0078bf;box-shadow: 0px 1px 10px 0px rgba(26, 152, 227, 0.3);} #rcln .warp2-list li p{width: 90%;margin: 0 auto;font-size: 12px;color: #transition: background-color .2s ease; } #rcln .warp2-list li:hover p{color: #fff;transition: color .3s ease;} #rcln .warp2-list li .p1{margin-bottom: 18px;} #rcln .warp2-list li .p1 span{line-height: 18px;font-size: 18px;} #rcln .warp2-list li .p1 span:last-child{font-size: 14px;} #rcln .warp2-list li .p2{height: 85px;border-bottom: 1px solid #efefef} #rcln .warp2-list li .p3{line-height: 42px;} .reccont{width: 86%;height: 330px;margin: 0 auto;overflow: auto;padding: 26px 0;border-bottom: 1px solid #efefef;box-sizing:border-box;} .reccont p{font-size: 14px;} .reccontfot{width: 86%;margin: 14px auto;} .reccontfot p{font-size: 12px;color: #0078bf;line-height: 1em;float: right;} /*.layui-layer-setwin{display: none;} .layui-layer-title{width: 86%;height: 100px !important;background: #fff !important;margin: 58px auto 0 !important;padding: 0 !important;font-size: 30px !important;line-height: 30px !important;color: #4c4948 !important;} */ .rec-read-title{} .rec-read-title h6{font-size: 24px;color: #666;line-height: 100px;} .rec-read-title p{font-size: 18px;color: #999;line-height: 100px;} @media screen and (max-width: 1160px) { #rcln{width: 96%;margin-bottom: 45px;} #rcln .rcln-warp1{margin-bottom: 95px;} } @media screen and (max-width: 768px) { #rcln .warp1-summary{text-align: left;} #rcln .warp1-list ul li{line-height: 36px;} #rcln .warp2-list li{width: 48%} #rcln .warp1-slogen p{font-size: 26px;} } @media screen and (max-width: 376px) { #rcln{width: 92%;} #rcln .warp1-list ul li{width: 100%;margin-right: 0px;} #rcln .warp2-list li{width: 100%} #rcln .warp1-slogen{background-size: cover;background-position: center;} #rcln .warp1-slogen .pc-show{display: none} #rcln .warp1-slogen .mobile-show{display: block;line-height: 36px;margin-top:48px;letter-spacing: 5px;text-indent: 5px; } } .chanye-list-pop{width: 528px;height: 748px;position: absolute;left: 50%;top: 50%;margin-left: -264px;margin-top: -374px;} .chanye-list-pop img{float:left;display:block;width:396px;height:auto;} .chanye-list-pop p{font-size:14px;line-height:2em;padding-top:20px ;float:right;width:350px;display:block;} .chanye-list-pop p b{font-size:32px;line-height: 50px;display:block;color:#00468e;font-weight:normal;padding:20px 0}