@charset "UTF-8";
/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;overflow-x:hidden; color: #333;  }
a{font-size:14px;text-decoration:none;  color: #333; }
.logo span{ font-size:30px; font-weight:bold;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;border:none;background: none; width:60%}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{ display: none;}
.u_hidden1{ display: none;}
.fr{ margin:0 auto}
.z-container {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
@font-face {
  font-family: 'en';  /* project id 574899 */
  src: url("../fonts/AVIANB.TTF");;

}
/*::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}*/
.z_skew{    transform: skew(0, -2.4deg) ; -webkit-transform: skew(0, -2.4deg); -moz-transform: skew(0, -2.4deg); -o-transform: skew(0, -2.4deg); z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform-origin: left top;}
.z_skew2{  margin: auto;/*overflow: hidden;*/ box-sizing: content-box;position: relative; z-index: 20;} 
.sjbg{ display:none;}
.header{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; height: 100px; border-bottom: 1px solid #ddd;padding: 0 3vw; box-sizing: border-box; position: relative;}
.logo{ margin-left:50px;}
.gsm{ width:520px;}
/*.nav-list{ margin-right:50px;}*/
.nav-list>ul>li{float: left; padding:0px 20px; margin: 0 1.5vw;box-sizing: border-box; height: 100px; transition: ease-in-out 0.8s; transition-property: background-color color; }
.nav-list>ul>li .sub{ display: none;}
.nav-list>ul>li:before{ content: ""; display: block; width: 0%; height: 3px; background: #15499a; border-radius: 0 0 5px 5px  ; position: absolute; left: 0; top: 0; z-index: 1; transition: all .65s;}
.nav-list>ul>li:hover:before,.nav-list>ul li.on:before{ width: 100%;}
.nav-list>ul .on>a,.nav-list>ul>li:hover>a{ color: #f4ae00;  }
.nav-list>ul>li>a{ color: #333; display: block; font-size: 16px; position: relative; line-height: 95px; }
.nav-list>ul>li:hover .drop-down{transform: translateY(0px); visibility: visible; opacity: 1;}
.nav-list .drop-down{ position: absolute; top: 100px; transform: translateY(30px); background: #fff; text-align: center; width: 100%; height: 80px; opacity:0; overflow: hidden; left: 0px; transition: all ease-in-out 0.4s; z-index: 100; visibility: hidden; }
.nav-list .drop-down li{ display: inline-block; height: 80px; line-height: 80px; margin: 0 50px; overflow: hidden; text-align: center; display: inline-block; transition: all ease-in-out 0.6s; }
.nav-list .drop-down li a{ font-size: 15px; display: block;  }
.nav-list .drop-down li:hover a{ color:#f4ae00; }
.nav-bg{ height: 0px; width: 100%; background:#fff; position: absolute; top: 100px;left: 0; z-index: 9; filter: alpha(opacity=6); transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s;}
.header_right span{ display: inline-block; position: relative; margin: 0 10px;}
.header_right span .iconfont{ font-size: 24px; color:#888888; }
.header_right span a{width: 40px; height: 40px; border-radius: 50%; display: inline-block; line-height: 40px; text-align: center;}
.header_right .codeimg{ position: absolute; width: 80px; height: 80px; left: 50%; top: 100%; transform: translateX(-50%); display: none;z-index: 999;}
.header_right .codeimg img{ width: 100%;}
.header_right span:hover .codeimg{ display: block;}
.header_right .sou_text{ width: 140px; border-bottom: 1px solid #888888; opacity: 0; height: 24px; font-size: 12px; margin-left: 10px;vertical-align: top;height: 30px; transition: all .65s;}
.header_right span a:hover{ background: #f4ae00; color: #fff;}
.header_right span a:hover .iconfont{ color: #fff;}
.header_right .sou_text.on{ opacity: 1;}
.header_right{ margin-right: 50px;}
/*搜索框*/
.z_mask{ width: 100%; height: 100%; position: fixed; left: 0; top: 100px; background: rgba(0,0,0,.5); z-index: 10; display: none;}
.search_top{ width: 100%; height: 200px; position:absolute; left: 0; top:100px;transform: translateY(110px);background: linear-gradient(to right, #15499a ,#008fd7); transition: all 1.5s; z-index: 12; text-align: center; opacity: 0; visibility: hidden;}
.search_top.on{transform: translateY(0px); visibility: inherit; opacity: 1;}
.search_top .box_con{ width:40%; margin: 40px auto ; border-bottom: 1px solid #fff; height: 80px; line-height: 80px;}
.search_top .box_con .btn{ float: right; display: inline-block; width: 80px; height: 80px; background: url(../img/sou2.png) no-repeat center;}
.search_top .input_text{ color: #fff; float: left; height: 30px; margin: 25px 0; width: 70%; font-size: 18px;}
.search_top .input_text::-webkit-input-placeholder{ color:#fff; }
.search_top .input_text::-moz-placeholder{  color:#fff; }
.search_top .input_text:-moz-placeholder{ color:#fff; }
.search_top .input_text:-ms-input-placeholder{  color:#fff; }
.menuBtn{position:absolute; right:2vw; top:0; height:20px; top:15px;cursor:pointer; display: none;}
.menuBtn.on .line1{transform:rotate(45deg);transform-origin:14% 50%;}
.menuBtn.on .line2{width:0;}
.menuBtn.on .line3{transform:rotate(-45deg);transform-origin:14% 50%;}
.menuBtn span{display:block; width:26px; height:2px; background:#f4ae00; transition:all .45s;}
.menuBtn .line2{margin:5px 0;/* width:20px; transform:translateX(6px);*/}
.banner{ width:100%; position:relative; overflow:hidden; max-height: 720px;}

.swiper-slide .img{width:100%; height:100%;transform:scale(1.1); transition:ease 3s; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.swiper-slide.swiper-slide-active .img{transform:scale(1);}
.swiper-slide.swiper-slide-prev .img{transform:scale(1.1);}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%; position: relative;}
 
.swiper-container {margin: 0 auto;  position: relative; overflow: hidden;  z-index: 1;}
.swiper-wrapper { position: relative; width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
    display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform;
    transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;   box-sizing: content-box;}
.swiper-pagination{ height: 10px;text-align: center ;  width: 100%; position: absolute; left: 0; bottom: 120px; z-index: 999;}
.swiper-pagination span{display: inline-block; width: 20px; height: 20px;background: url(../images/dot1.png) no-repeat center; margin: 0 10px; transition: all .5s; cursor: pointer;}
.swiper-pagination-bullet-active{  background: url(../images/dot.png) no-repeat center!important;}
.arrow-left{  left: 80px;}
.arrow-right{  right: 80px;}
.banner_btn{ width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 99; cursor: pointer; transition: all .8s; border-radius: 50%; text-align: center; line-height: 60px;}
.banner_btn img{ width: auto; vertical-align: middle;}
.banner_btn:hover{ background:#f4ae00;}
.bannernum{}
.banner_mask{ width: 80%; height: 100%; position: absolute; left: 10%;top: 0; z-index: 10;display: flex; align-items: center;}
.banner_mask .z-container{ z-index: 999;}
.banner_text{ color: #fff; transition: all .8s; }

.banner_text .en{ font-size: 52px; font-family: "en";font-weight: bold;color: #fff; transition: all .65s;}
.banner_text h4{ font-size: 28px; margin-top: 20px;color: #fff; margin-bottom: 170px;transition: all .65s;}
.banner_text .more{ font-size: 50px; font-weight: bold; color: #fff; transition: all .65s; display: inline-block; width: 50px; height: 50px;}
.banner_text .more:hover{ color:#15499a; transform: rotate(360deg);}
.bannernum{ position: absolute; right:340px; bottom: 180px; color: #fff; font-size: 50px; font-family: "en"; border-bottom: 5px solid #fff; z-index: 99; font-weight: bold;}

.index_about{margin: auto; padding: 20px 5%; box-sizing: content-box; position: relative; padding-bottom: 120px; }
.abt_pic{ width: 37%; margin-top: 0px; float: left;margin-top: 5%;}
.abt_pic img{ max-width: 100%;}
.abt_info{ float: right; width: 52%; color: #fff;}
.index_tit{ font-size: 26px; }
.index_tit h3{ font-size: 42px; font-weight: bold; font-family:"en"; margin-bottom: 10px; color: #f4ae00;}
.index_tit2{ text-align: center;}
.index_tit2 h3{ background:linear-gradient(to right, #e67817, #f4ae00); -webkit-background-clip: text; color: transparent;}
.abt_info .abt_desc{ margin: 40px 0; line-height: 30px;}
.abt_icon ul{ display: flex; justify-content: space-between;}
.abt_icon ul li{ float: left; width: 120px; text-align: center; line-height: 138px; height: 138px; background: url(../images/liu.png) no-repeat center; background-size: 100% 100%; position: relative;}
.abt_icon ul li img{ vertical-align: middle;}
.abt_icon ul li .info,.join_icon ul li .info{ width:100%; color: #fff; height: 100%; font-size: 16px; position: absolute; left: 0%; top: 0%; background: url(../images/liu2.png) no-repeat center; background-size: 100% 100%; transition: all .8s; transform: scale(0,0);}
.abt_icon ul li:hover .info,.join_icon ul li:hover .info{ transform: scale(1,1);}
.index_pro{ position: relative; padding-bottom: 150px; padding-top: 45px;}
.indexpro_list{ width: 1200px;}
.indexpro_list ul{margin-top: 80px;}
.indexpro_list li{ width: 29%; float: left;margin-left: 6.5%; position: relative; transition: all .8s; z-index: 1; box-shadow: 20px 0 40px rgba(21,73,154,.15);}
.indexpro_list li:nth-child(1){ margin-left:0}
.indexpro_list li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.indexpro_list .img{ width: 100%; height: 300px; transform: skewY(-3deg); margin-top: -10px; overflow: hidden;}
.indexpro_list .img img{ width: 100%; height: 100%; transition: all .6s; }
/*.indexpro_list li:hover img{ transform: scale(1.1,1.1);}*/
.indexpro_list .info{ padding:40px 20px; box-sizing: border-box; background: #fff; margin-top: -13px; padding-bottom: 60px;}

.indexpro_list .info h3{ font-size: 22px; margin-bottom: 15px;}
.indexpro_list .info span{ font-size: 18px; font-weight: bold; font-family: "en"; margin-left: 10px;}
.indexpro_list .info p{ line-height: 24px; color: #666666; height: 48px; overflow: hidden; height: 48px;}
.indexpro_list .morebtn{ width: 60px; height: 60px;border-radius: 50%; background: #fff; text-align: center ; line-height: 60px; position: absolute; right: 30px; bottom: 155px; box-shadow: 0 0  10px #8bbef0; transition: all .6s; color: #f4ae00; box-shadow: 0 0 20px rgba(21,73,154,.2);}
.indexpro_list li:hover .morebtn{ background:#f4ae00; color: #fff; transform: rotate(360deg);}
.indexpro_list li:hover{ transform: translate(30px,-30px);} 
.indexpro_list li:before{ content: ""; display: block; width: 100%; height: 100%; background: #f4ae00; background-size: cover; position: absolute;left: 0;top: 0;transition: all .8s; z-index: -1;

}
.indexpro_list li:hover:before{ transform: translate(-30px,30px);}
.index_tec{ position: relative; padding: 145px 0; height: 790px; box-sizing: border-box; position: relative; }
/*.index_tec .tec_box{ z-index: 2000; width: 50%; background: rgba(19,79,159,.8); position: absolute; left: 0; top:0; height: 120%; transform: skewY(-3.2deg); margin-top: -20px;}
*/
.index_tec .z_skew:before{content: ""; display: block; width: 50%; height: 100%; background: rgba(19,79,159,.7); position: absolute; left: 0; top:0; transition: all 2s;   }
.index_tec:hover .z_skew:before{ width: 100%;}
.index_tec .tec_box{ color: #fff;}

.tec_info{ width: 100%; margin: 60px 0; line-height: 30px;}
.tec_info p{ text-indent:2em; font-size:16px}
.z_seemore{ display: block; width: 160px; height: 45px; text-align: center;color: #fff;line-height: 45px; font-weight: bold; position: relative;}
.z_seemore .iconfont{ margin-left: 20px;}
.Vbtn-1 { background: 0 0; text-align: center; display:block; margin:0 auto}
.Vbtn-1 svg { height: 45px; left: 0; position: absolute; top: 0; width: 100% }
.Vbtn-1 rect { fill: none; stroke: #fff; stroke-width: 3; stroke-dasharray: 422, 0; transition: all 450ms linear 0s }
.Vbtn-1:hover { background: transparent; font-weight: 900; letter-spacing: 1px; transition: all 150ms linear 0s }
.Vbtn-1:hover rect,.index_tec:hover .Vbtn-1 rect { stroke-width: 5; stroke-dasharray: 15, 310; stroke-dashoffset: 48; -webkit-transition: all 1.35s cubic-bezier(.19, 1, .22, 1); transition: all 1.35s cubic-bezier(.19, 1, .22, 1) }

.index_news{ position: relative; padding-bottom: 100px; padding-top: 45px;}
.index_news .index_tit{ margin-bottom: 46px;}
.newspic{ width: 46.6%; float: left;}
.newspic li{ box-shadow:0 20px 40px rgba(21,73,154,.3); height: 420px; }
.newspic img{ width: 100%; height: 100%; vertical-align: bottom; transition: all .8s;}
.newslist{ width: 49%; float: right;}
.newslist li:first-child{ margin-top: 20px;}
.newslist li h3{ font-size: 18px; line-height: 30px; transition: all .65s; color:#333}
.newslist li{ margin-bottom: 40px;}
.newslist li p,.newslist li span{ color: #666666; line-height: 24px;}
.newslist li:hover h3{ color: #15499a;}

.newslist .downcon{  height:0; transition: all .6s; overflow: hidden;}
.newslist li.on h3{ color: #f4ae00;}
.newslist li.on .downcon{height: 48px;}
.index_join{ padding: 120px 0; box-sizing: border-box; position: relative; padding-top: 45px;}
.join_desc{ margin: 25px 0; text-align: center; line-height: 30px; font-size:16px}
.join_icon{ text-align: center;}
.join_icon ul li{ width: 130px; height: 150px; display: inline-block; background: url(../images/liu3.png) no-repeat center; background-size: 100% 100%; line-height: 150px; position: relative; margin: 0 30px;}
.join_icon ul li img{vertical-align: middle;}
.footer{ width: 100%; background: url(../images/foot_bg.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; margin-top: -80px; overflow: hidden;}
.footer .z-container{ padding: 120px 0 40px;}
.foot_nav{ float: left; }
.foot_nav dl{ margin-right: 60px; display: inline-block; vertical-align: top;}
.foot_nav dl a,.foot_addre p{ display: block; color: #fff; margin-bottom: 20px;}
.foot_nav dl a:hover{ color: #f4ae00;}
.foot_nav dl dt,.foot_addre h3{ font-size: 16px; color: #fff; margin-bottom: 35px;}
.foot_addre{border-left: 1px solid rgba(255,255,255,.3); padding-left: 80px;}
.footerbar{ height: 60px; background: #1a1c1e; line-height: 60px;}
.footerbar span{ float: right;}
.footerbar a{ color:#f1f1f1; margin-left:10px}
.foot_addre{ float: right;}
.code img{ width:100px}
.other_banner{ background-attachment: fixed; height: 800px; position: relative; display: flex; align-items: center;}
.other_banner:before{ content: ""; display: block; width: 43%; height: 100%; background: url(../images/banner_bg.png) no-repeat left center; background-size: 100% 100%; position: absolute; left: 0; top: 0;animation: bannergo 3s forwards ease-in-out;}
@-webkit-keyframes bannergo {
  0% {
    left: 0%;
    opacity: 1;
  }

  100% {
    left: 63%;
    opacity: 1;
  }
}
@keyframes bannergo {
  0% {
    left: 100%;
    opacity: 1;
  }
  
  100% {
    left: 0%;
    opacity: 1;
  }
}
.other_tit{ color: #fff; z-index: 2;}
.banner_icon{  font-size: 16px; border-bottom: 1px solid #fff; width: 130px; padding-bottom: 10px; margin-top: 50px;}
.sb{ display: inline-block; width: 20px; height: 40px; background: url(../images/sb.png) no-repeat center; margin-right: 20px; vertical-align: middle;  animation: myfirst 2s infinite;}
 @keyframes myfirst { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -10px); } 100% { transform: translate(0px, 0px);} }

/*关于我们*/
.about_jj{ padding: 110px 0; position: relative; color: #fff;}
.about_jj .index_tit{ margin-bottom: 50px;}
.index_tit3 h3{ font-size: 40px;}

.jj_text{ width:46%; line-height: 30px;}
.jj_text p{ margin-bottom: 30px;}

.about_ln{ position: relative; padding: 60px 0; height: 700px;}
.cir_box{ position: relative; margin-top: 70px;}
.cir_item .cir{ width: 240px; height: 240px; border-radius: 50%; position: absolute; display: flex; align-items: center; justify-content: center; color: #fff; flex-wrap:wrap;transition: all .8s;}
.cir_item .cir_info { width: 480px; height: 100px; }
.cir_item .textbox { width: 300px; padding: 6px 0; font-size: 15px; position: relative;line-height: 30px; }
.cir_item1 .textbox { float: right;  } 
.cir_item1 .cir_info { background: url(/style/images/cir1.png) no-repeat center; background-size: 100% 100%; box-sizing: border-box;  } 
.cir_item .textbox:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: -20px; top: 18px; }
.cir_item .textbox:before { background: #15499a; } 
.cir_item2 .cir_info { background: url(../images/cir2.png) no-repeat center; background-size: 100% 100%; box-sizing: border-box;  } 
.cir_item2 .cir_info .textbox{ padding-left: 20px;}
.cir_item2 .cir_info .textbox:before { content: ""; display: block; width: 8px; height: 8px; background: #0bb8b6; border-radius: 50%; position: absolute; left: 0px; top: 16px;  }
.cir_item3 .cir_info { background: url(../images/cir3.png) no-repeat center; background-size: 100% 100%; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: flex-end; } 
.cir_item3 .textbox{ float: right; }
/*.cir_item .cir:after{ content: ""; display: block; width: 100%; height: 100%; border: 20px dashed #0E5EAB; position: absolute; left: 0; top: 0; border-radius: 50%; box-sizing: border-box;}
.cir_item .cir:hover{ z-index: 9; padding: 20px; box-sizing: border-box; }*/
.cir_item .cir:before{ content: ""; display: block;border-radius: 50%;}
.cir_item1 .cir{ background: rgba(21,73,154,.8); position: absolute; left: 50%; top: 0; margin-left: -120px;}
.cir_item1 .cir:before{ width: 70px; height: 70px; background: rgba(21,73,154,.8);  position: absolute; left: 250px; bottom: 60px;transition: all .8s;}
/*.cir_item1 .cir_info{ position: absolute;right: 60px; top: 10px; border-top: 1px solid #8aa4cc; line-height: 30px; width: 330px; }
.cir_item1 .cir_info:before{    content: ""; display: block; width: 150px; height: 1px; background: #8AA4CC; position: absolute; left: -136px; top: 40px; transform: rotate(-35deg);}*/
.cir_item1 .cir_info{ position: absolute; right: 50px; top: -50px;}
.cir_item2 .cir{ background: rgba(11,184,182,.8); position: absolute; left: 32%;top: 180px; }
.cir_item2 .cir:before{background: rgba(11,184,182,.8); width: 20px; height: 20px; position: absolute; left: 70px; top: -30px;}
.cir_item2 .cir_info{ position: absolute; left: 0; top: 130px;}
.cir_item3 .cir{ background: rgba(0,143,215,.8); position: absolute; right: 32%;top: 180px;}
.cir_item3 .cir:before{background: rgba(0,143,215,.8); width:40px; height: 40px;     position: absolute; left: -6px; bottom: -20px;}
.cir_item .cir h3{ font-size: 24px; text-align: center;}
.cir_item .cir h3 span{ display: block; font-size: 14px;}
.cir_item3 .cir_info{ position: absolute; right: 0;top: 380px; }
/*.cir_item .cir_info{ transition: all .8s; opacity: 0; transform: scale(0,0);}
.cir_item .cir_info.on{ opacity: 1;transform: scale(1,1);}*/

.process{ position: relative; padding: 100px 0;}
.process .index_tit{ color: #fff;}
.process .z_skew:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(21,73,154,.8);position: absolute; left: 0; top: 0;}
.process_box{ position: relative; margin-top: 60px;}
.process_box .swiper-slide{  color: #fff; padding-right: 50px; box-sizing: border-box; position: relative;}
.process_box .swiper-slide:before{ content: ""; display: block; width: 100%; height: 22px; background: url(../images/line.png) no-repeat left center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.process_box .swiper-slide:after{content: ""; display: block; width:0%; height: 22px; background: url(../images/line2.png) no-repeat left center; background-size: 100% 100%; position: absolute; left: 0; top: 0; transition: all .8s;}
.process_box .swiper-slide:hover:after{ width: 100%;}
.process_box .swiper-slide:hover .process_year{ color: #f4ae00;}
.process_box .process_year{ font-size: 50px; font-weight: bold; transition: all .8s; margin: 30px 0; margin-top: 50px;}
.process_li li{ margin-bottom: 10px; line-height: 26px; position: relative; padding-left: 15px;}
.process_li li:before{ content: ""; display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.process_box .btn{ border: 1px solid #fff; width: 56px; height: 56px; border-radius: 50%; text-align: center; line-height: 56px; opacity: .8; cursor: pointer; transition: all .6s;}
.process_box .btn:hover{ opacity: 1; background: #f4ae00; border: 1px solid #f4ae00;}
.process_box .btn img{ vertical-align: middle;}
.process_box .arrow-left{ position: absolute; left: -115px; top: 50%; transform: -50%;}
.process_box .arrow-right{ position: absolute; right: -115px; top: 50%; transform: -50%;}
.honer{ position: relative; padding-bottom: 100px; padding-top: 30px;}
.honer .index_tit{ margin-bottom: 40px;}
.honer_box .swiper-slide{ height: 500px; position: relative; margin-bottom: 80px; }
.honer_box .swiper-slide img{ width: 100%; height: 100%;}
.honer_box .swiper-slide h3{ position: absolute; width: 100%; left: 0; bottom: 0; height: 100px; line-height: 100px; text-align: center; color:#fff; background: url(../images/tit_bg.png) no-repeat center; background-size: 100% 100%; opacity: 0;transition: all .8s;}
.honer_box .swiper-slide:hover h3{ opacity: 1;}
.honer_box .swiper-pagination{ bottom: 10px!important;}
.honer_box .swiper-pagination span{ width: 15px; height: 15px; background: #fff; border-radius: 50%; border: 1px solid #6dc2ec; box-sizing: border-box;}
.honer_box .swiper-pagination-bullet-active{ background:#15499a!important; border-color: #15499a!important;}
/*点击荣誉图片放大样式*/
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.3)}
#zoom .content.loading{background-image:url("../images/loading.gif")}
#zoom .content .overlay{position:absolute;border:1px solid rgba(255, 255, 255, .08);top:-1px;left:-1px;width:100%;height:100%;-webkit-user-select:none}
#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url("../images/close.png") no-repeat 50% 50%;opacity:1;filter: alpha(opacity=100)}
#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}
#zoom .previous{left:0;background:url("../images/arrows.png") no-repeat 0 0}
#zoom .next{right:0;background:url("../images/arrows.png") no-repeat 100% 0}
#zoom .close:hover{background-color:#da4f49}
#zoom .next:hover,#zoom .previous:hover{background-color:#0088cc}
.about_bottm{ position: relative; height: auto;}
.about_bottm .z_skew{ }
.about_bottm .left,.about_bottm .right{ width: 50%;float: left; position: relative; height: 400px;overflow: hidden; display: flex; justify-content: center;align-items: center; color: #fff;}
.about_bottm  img{ width: 100%; height: 100%; position: absolute; left: 0; top:0;z-index: -1; transition: all 1s;}
.about_bottm .con{transform:  skew(0, 2.4deg);color:#fff;}
.about_bottm .index_tit{font-size: 22px; margin-bottom: 40px;}
.about_bottm .index_tit h3{ font-size: 34px; margin-bottom: 0;} 
.about_bottm .left:hover img,.about_bottm .right:hover img{transform: scale(1.1,1.1);}
/*fuw
 */
.service_ln{ position: relative; padding: 100px 0; padding-top: 30px;}
.service_ln .ln_text{ text-align: center; line-height: 30px; margin: 30px 0;}
.service_box{   text-align: center;}
.service_box .warp{ width: 650px; height: 650px; margin: 0 auto;background: url(../images/ln_box.png) no-repeat center; background-size: 100% 100%; position: relative;}
.service_box .warp:before{ content: ""; display: block; width: 178px; height: 350px; background: url(../images/box_r.png) no-repeat center; background-size: 100% 100%; position: absolute; right: -177px; top: 50%; margin-top: -176px;}
.service_box .warp:after{ content: ""; display: block; width: 178px; height: 350px; background: url(../images/box_l.png) no-repeat center; background-size: 100% 100%; position: absolute; left: -177px; top: 50%; margin-top: -176px;}


.service_box .box{ display: inline-block; width: 180px; height: 180px; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all .8s; }
.service_box .box h3{ text-align: center; color: #fff; font-size: 18px;}
.service_box .box span{ display: block;}
.service_box .box:before{ content: ""; display: block; width: 100%; height: 100%;  position: absolute ; left: 0; top: 0;transform: rotate(-45deg); z-index: -1;transition: all .8s;}
.service_box .box:hover:before{ transform: scale(1.3,1.3) rotate(-45deg); }
.service_box .box:hover{ z-index: 9;}
.service_box .box1{ position: relative; top: 95px; left: 50%; margin-left: -90px;}
.service_box .box1:before{ background: rgba(0,143,215,.7);}
.service_box .box1:hover:before{ background: rgba(0,143,215,1);}
.service_box .box1 .box_info{ position: absolute; left: -390px; top: 0; color: #4bacdc;}
.service_box .box2{ position: absolute; top: 235px; left: 95px;}
.service_box .box2:before{ background: rgba(26,89,187,.7);}
.service_box .box2:hover:before{ background: rgba(26,89,187,1);}
.service_box .box2 .box_info{ position: absolute; left: -280px; bottom: -90%; color: #5e8acf;}
.service_box .box3{ position: absolute; bottom:95px; left: 50%; margin-left: -90px;}
.service_box .box3:before{ background: rgba(31,182,102,.7);}
.service_box .box3:hover:before{ background: rgba(31,182,102,1);}
.service_box .box3 .box_info{ position: absolute; right: -390px; bottom:0; color: #62cc94;}
.service_box .box4{ position: absolute; top: 235px; right:95px;}
.service_box .box4:before{ background: rgba(34,176,181,.7);}
.service_box .box4:hover:before{ background: rgba(34,176,181,1);}
.service_box .box4 .box_info{ position: absolute; right: -280px; top: -90%; color: #22b0b5;}
.service_box .box .box_info{ position: absolute; line-height: 30px; width: 320px; font-size: 16px; font-weight: normal; text-align: left; transition: all .8s; opacity: 0; transform: scale(0,0);}
.service_box .box:hover .box_info{ opacity: 1; transform: scale(1,1); transform: scale(1,1);}
.service_con{ position: relative; padding: 60px 0;}
.service_con .index_tit{ margin-bottom: 60px;}


.pro_list ul{ margin-left: -4.3%;}
.pro_list ul li{ width: 29%; margin-left: 4.3%; float: left; height: 500px; position: relative; overflow: hidden; margin-bottom: 80px; box-shadow:0 20px 30px rgba(21,73,154,.3);}
.pro_list ul li>img{width: 100%; height: 100%;}
.pro_list .pro_tit{ position: absolute; left: 0;padding: 0 20px; box-sizing: border-box; bottom: 0; width: 100%; background: url(../images/tit_bg.png) no-repeat center; background-size: 100% 100%; height: 110px; line-height: 110px; text-align: center; color: #fff; font-size:18px;font-weight: bold; transition: all 1s;}
.pro_list .pro_tit .icon{ display: block; width: 48px; height: 48px; border-radius: 50%; background: #fff; text-align: center; line-height: 48px; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); top:-20px; color: #f4ae00; box-shadow: 0 0 20px rgba(17,85,164,.2);}
.pro_list .pro_info{ width: 100%; height: 100%; position: absolute; left: 0; top:0; background: url(../images/probg.png) no-repeat center; background-size: 100% 100%; text-align: center; color: #fff; padding: 50px 40px; box-sizing: border-box; transition: all .9s; transform: scale(0,0);}
.pro_list .pro_info h3{ font-size: 26px; margin-bottom: 30px; margin-top: 30px;}
.pro_list .pro_info p{ line-height: 30px;}
.pro_list ul li:hover .pro_tit{ transform: translateY(100%);}
.pro_list ul li:hover .pro_info{ transform: scale(1,1);}
.pro_list ul li .img{    width: 100%; height: 100%; background: #fff; display: flex; justify-content: center; align-items: center;  box-sizing: border-box;}
.pro_list ul li .img img{ max-width: 100%; max-height: 100%;}


.other_psge{ position: relative; padding-bottom: 100px; padding-top: 30px;}
.lc_yy .index_tit{ margin-bottom: 50px;}
.news_list{ margin-top: 50px; }
.news_list ul li{ padding: 0 20px;box-sizing: border-box;transition: all .8s;}
.news_list ul li a{ display: block; font-size: 17px; width: 100%; height: 80px; line-height: 80px; border-bottom:1px solid #dce2eb; padding-left: 15px; box-sizing: border-box;position: relative; }
.news_list ul li .time{ float: right;}
.news_list ul li .ellipsis{ width: 70%; display: inline-block;}
.news_list ul li a:before{ content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; border:2px solid #f4ae00; position: absolute; left: 0; top: 50%; transform: translateY(-50%); box-sizing: border-box;}
.news_list ul li:hover{ background: #fff;box-shadow:6px 0px 20px rgba(21,73,154,.16);}
.news_list ul li:hover a{ border-bottom: none;}
.news_list ul li .more{ display: block; width: 240px; height: 80px; position: absolute; right: -20px;top: 0; text-align: center; background: url(../images/tit_bg2.png) no-repeat center; background-size: 100% 100%; color: #fff; font-size: 14px; transform: translateX(300px); transition: all .8s; opacity: 0;}

.news_list ul li:hover .more{ transform: translateX(0); opacity: 1;}
.load_more{ display: block; width: 200px; height: 60px; line-height: 60px; text-align:center; background: #f4ae00; border-radius: 30px; box-shadow: 0 0 20px rgba(21,73,154,.16); margin: 0 auto; color: #fff; margin-top: 50px;}
.load_more em{ display: inline-block; width: 32px; height: 32px; background: url(../images/load.png) no-repeat center;background-size: 100% 100%; vertical-align: middle; margin-right: 10px;}
.load_more.on em{ animation: rotate 3s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.other_banner2:before{ display: none;}

/*临床应用详情*/
.xq_page{ position: relative; padding-bottom: 100px; padding-top: 0;}
.page_wz{ background: url(../images/dz_icon.png) no-repeat left center; padding: 5px 0; padding-left: 20px; margin-top: 50px;}
.page_wz a{ color: #fff;}
.left_con{ width: 74%; float: left; position: relative; padding: 40px 40px; box-sizing: border-box; margin-top: -70px; z-index: 2;}
.xq_tit h3{font-size: 24px; font-weight: bold;}
.xq_tit2{ padding-bottom: 30px;}
.xq_tit p{ margin: 30px 0; color: #888888;}
.xq_tit p span{ display: inline-block; margin-right: 40px;}
.xq_con{ padding: 30px 0; border-bottom:2px solid #e5e9f0;border-top:2px solid #e5e9f0; min-height: 400px; line-height: 36px; color: #555;}
.xq_con img{ max-width: 100%;}
.left_con .share_box{ text-align: center; margin: 50px 0;}
.left_con .share_box a{ display: inline-block; margin: 0 10px; width: 40px; height: 40px; position: relative; overflow: hidden;padding: 0; cursor: pointer;}
.left_con .share_box .bshare-weixin{ background: url(../images/s_wx.png) no-repeat center; background-size: 100% 100%; z-index: 2;}
.left_con .share_box .bshare-sinaminiblog{ background: url(../images/s_wb.png) no-repeat center; background-size: 100% 100%;z-index: 2;}
.left_con .share_box .bshare-qqim{ background: url(../images/s_qq.png) no-repeat center; background-size: 100% 100%;z-index: 2;}
.right_con{ width: 26%; float: right; position: relative; float: right; padding:30px 40px; padding-bottom: 80px; box-sizing: border-box; margin-top: -54px;}
.topbtmbar h3{ color: #fff; font-size: 18px; font-weight: bold;}
.topbtmbar h3 img{ margin-right: 10px;}
.topbtmbar p,.topbtmbar span{ color: #fff;}
.topbtmbar p{ margin: 10px 0;}
.topbtmbar .box{ border-bottom:2px solid #fff; padding: 30px 0;}
.topbtmbar .box:last-child{ border-bottom: none;}
.right_con .tit{ display: block;display: block; position: absolute; left: 0; bottom:-70px; font-size: 18px; font-weight: bold; color: #fff; text-align:center; width: 100%;}
.right_con .z_skew:before{content: ""; width: 100%; height: 80px; background: #ddd; position: absolute; left: 0; bottom: -30px;}
.probox{ position: relative;height: 540px;}
.probox .z_skew{ background: #2358ab; height: 540px;}
.probox:nth-child(2) .z_skew{ background:#008fd7;}
.probox:nth-child(3) .z_skew{ background:#2358ab;}
.probox .imgbox{ width: 50%;}
.probox .info,.probox .imgbox{height: 540px; overflow: hidden;}
.probox .imgbox  .img{width:100%; height: 540px;/*transform:scale(1.1); transition:ease 3s;*/ background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*.probox .imgbox:hover .img{ transform: scale(1);}*/
.probox .info{ display: flex; align-items: center;}
.probox .info_desc{ width: 43%;  transform:  skew(0, 2.4deg); color: #fff;}
.probox .info_desc h3{font-size: 26px;} 
.probox .info_desc h3 span{ display: block; font-size: 30px; font-family: "en";/*white-space:nowrap;*/margin-bottom: 10px; color: #f4ae00;}
.probox .info_desc p{ margin: 40px 0; line-height: 30px;}
.probox:hover .Vbtn-1 rect { stroke-width: 5; stroke-dasharray: 15, 310; stroke-dashoffset: 48; -webkit-transition: all 1.35s cubic-bezier(.19, 1, .22, 1); transition: all 1.35s cubic-bezier(.19, 1, .22, 1) }
.probox:nth-child(odd) .info{justify-content: flex-start;}
.probox:nth-child(even) .info{ justify-content: flex-end;}
.probox:nth-child(odd) .imgbox{ float: right; position: absolute; right: 0; top: 0;}
.probox:nth-child(even) .imgbox{ float: left; position: absolute; left: 0;top: 0;}
/*.probox:nth-child(odd) .info_desc{  margin-left: auto; margin-right: 9%; }
.probox:nth-child(even) .info_desc{  margin-right: auto; margin-left: 9%; }*/
/*产品三级分类*/
#wrapper{  position: relative;}
.page_nav{ margin: 0 auto;  text-align: center; margin-bottom: 80px;  background: #fff; }
.page_nav li span{ display:block; color: #777777;font-size: 16px;}
.page_nav li {  border-radius: 30px; padding: 30px 0px; width: 33.3%;  text-align: center; float: left; }
.page_nav li a{ font-size:24px;}

.page_nav li.cur a,.page_nav li:hover a{ color: #f4ae00;}
/*加入我们*/
.talent_con{line-height: 30px; font-size: 16px; color: #333333; min-height: 400px;box-sizing: border-box;}
.talent_con img{ max-width: 100%;}

/*联系我们*/
.contact_way{  margin-bottom: 0;}
.contact_box{ width: 48%;  box-sizing: border-box;}

.contact_box .way_tit{ font-size: 24px; margin-bottom:50px; }
.contact_box .way_tit h3{ line-height: 20px; }
.contact_box .way_tit span{font-size: 40px; margin-bottom: 10px; display: inline-block; font-family: "en";background: linear-gradient(to right, #e67817, #f4ae00); -webkit-background-clip: text; color: transparent;}
.way_text p{ margin-bottom: 20px;}
.way_text p span{ font-size: 14px; font-family: "em"; margin-right: 20px;}
.way_text i{vertical-align: middle; margin-right: 10px; display: inline-block; width: 25px;}
.way_code{ margin-top: 30px; width: 160px; height: 160px;}
.way_code img{ width: 100%; height: 100%;}
/*.way_code .box{ width: 150px; float: left; font-size: 12px; text-align: center; margin-right: 60px;}
.way_code .box .img{ width: 150px;height: 150px; border: 1px solid #dddddd; padding: 14px; box-sizing: border-box; margin-bottom: 10px;}
.way_code .box .img img{ width: 100%; height: 100%;}*/
.lybox{ width: 45%; float: right;}
.ly_form { width:100%;}
.ly_form li{ width: 100%; height:45px;border: 1px solid #dddddd;background: #fff; padding: 0 20px; box-sizing: border-box; margin-bottom: 15px;}
.ly_form li label{ line-height: 58px;}
.ly_form li .input_text{width: 87%; color: #666; background: #fff;}
.ly_form li.ly_text{height: 180px;}
.ly_form li.ly_text textarea{ width: 87%; height: 120px;padding-top: 25px; box-sizing: border-box;color: #666;}
.ly_form li.ly_text label{ vertical-align: top;}
.tj_btn{ color:#f4ae00; float: right;font-size: 16px;display:block}
.contact_map{ width: 100%; height: 580px; margin-top: 40px;}
/*人才招聘*/
.talent_zp{ margin-top: 100px;}
.sideMenu{}
.zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left;}
.rc_box .tit{ background: #fff; line-height: 80px; border-bottom:1px solid #dddddd; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{ padding: 0 20px; box-sizing: border-box;}
.rc_box .tit span{display: block; width: 25%; float: left;}
.rc_box .tit.on{ background:#f4ae00; color: #fff;border-bottom:none}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url(../images/cha.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box ul{ width: 100%; padding: 50px 20px; box-sizing: border-box; background: #fff; border:2px solid #fff; display: none;}
.rc_box ul.on{ border-color: #f4ae00;}
.rc_box ul h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px;}
.rc_box ul .box{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; color: #555;}
.rc_box ul .box p{ margin-bottom: 10px;}
.rc_box ul .bz{ padding: 0 20px; box-sizing: border-box; margin-top: 30px; width: 100%; float: left; font-size: 16px;}
.rc_box ul .bz span{ color: #f4ae00 ;}
.z_seemore2{ margin: 0 auto; background:linear-gradient(to right, #e67817, #f4ae00); border: none; margin-top: 80px; position: relative; left: 50%; transform: translateX(-50%);}
.z_seemore3{display:block; margin:15px auto 0; float:left}
.z_seemore3:hover{ background: linear-gradient(to right, #e67817, #f4ae00);}
.dy_banner{ position: relative; height: 500px;}
.dy_banner img{width: 100%; vertical-align: middle;}
.dy_banner .dy_mask{ width: 42%; height: 100%; position: absolute; right: 0; top: 0; background: rgba(19,81,162,.5); color: #fff;display: flex; align-items: center; justify-content: center;}
.dy_banner .dy_text h3{font-size: 24px; font-family: "en";}
.dy_banner .dy_text h4{ font-size: 32px; font-weight: bold; margin: 30px 0;}
.dy_banner .dy_text p{ font-size: 22px;}
.dy_page{ box-shadow: 0 0 30px rgba(4,142,215,.2);}

.dy_moddle{ display: flex; justify-content:space-between ;align-items: center; width: 100%; padding:100px; box-sizing: border-box; background: #fff;}
.mod_tit{ color: #048ed7;}
.mod_tit h3{ font-size: 20px; margin: 20px 0;}
.mod_tit span,.mod_tit h2{ font-weight: bold; font-size: 26px; font-family: "en"; display: block;}
.mod_box{ border: 3px solid #cce9f7; width: 470px; border-radius: 0 30px 0 30px;}
.mod_box .box{ width: 50%; float: left; height: 200px; text-align: center; box-sizing: border-box; border-bottom: 3px solid #cce9f7; }
.mod_box .box:nth-child(odd){ border-right: 3px solid #cce9f7;}
.mod_box .box:nth-child(3){ border-bottom: none;}
.mod_box .box:nth-child(4){ border-bottom: none;}
.mod_box em{ display: block; width: 100%; height: 66px; margin-top: 36px; margin-bottom: 20px;}
.mod_box em img{ transition: all .8s;}
.mod_box .box:hover img{ transform: rotate(360deg);}
.mod_box h3{ font-size: 16px; font-weight: bold; color:#008fd7; font-family:"微软雅黑";}
.mod_right img{ max-width: 196px;}
.dy_adv{ background: #f2fbff; padding: 70px 100px; box-sizing: border-box;}
.adv_left{ width: 40%; float: left;}
.adv_tit{color: #048ed7; font-size: 26px; margin-bottom: 40px;}
.adv_tit span{ font-size: 34px; display: block;font-family:"en"; }
.adv_desc{ line-height: 34px;color: #666666;}
.adv_right{ float: right; width: 50%;text-align: center;}
.adv_right .box{ display: inline-block; text-align: center; margin: 0 20px; margin-top:50px;}

.adv_right .box h3{ color:#048ed7; font-size: 12px;}
.other_psge2{padding: 100px 0; padding-bottom: 160px;}
.pro_p{ padding-top: 80px;}

.youce{ position:fixed; right:0; top:50%; z-index:999999999}
.youce ul li{ margin-bottom:3px}
.youce ul li a{display:block; width:80px; height:80px; color:#fff; padding-top:50px; box-sizing:border-box}
.youce ul li a span{ line-height:25px; width:100%; display:block; text-align:center}
.youce ul li .yc1{ background:#0a6bb8 url(../images/yc_01.png) no-repeat center 20%}
.youce ul li .yc2{ background:#0a6bb8 url(../images/yc_02.png) no-repeat center 20%}
.youce ul li .yc3{ background:#0a6bb8 url(../images/yc_03.png) no-repeat center 20%; position:relative}
.youce ul li .yc4{ background:#0a6bb8 url(../images/yc_04.png) no-repeat center 30%}
.youce ul li .yc3 .weixin{ width:80px; position:absolute; left:-80px; top:0; display:none}
.youce ul li .yc3:hover .weixin{ display:block}



@media(min-width:421px){
	.nav-list{display:none!important;}
}
@media(max-width: 1025px){
	.menu{display:none;}
}
@media(max-width: 1025px)and(min-width:767px){
	.header>.logo>img{width:520px !important;margin-top:0 !important;}
}




@media screen and (max-width:1700px) {
.nav-list>ul>li{ margin: 0 1vw!important;}	
}
@media screen and (max-width:1550px) {
	.header{ padding: 0 1vw}
	
}
@media screen and (max-width:1400px) {
.nav-list>ul>li{ margin: 0!important;}	
.header_right{ display: none;}
}
@media screen and (max-width:1200px) {
	.z-container,.z-container2{ width: 94%;}
	
	.abt_pic{ display:none;}
	.indexpro_list{ width: 100%;}
	.abt_info{ width: 100%;}
	.foot_nav dl{ margin-right: 30px;}
}
@media screen and (max-width: 1025px) {
.header{ height: 50px; display: block;z-index: 99;position: fixed; width: 100%; left: 0; top: 0; background: #fff; float: left;}
.banner,.other_banner{ margin-top: 50px;}
.header_right{ float: left; margin-top: 5px; }
.header .logo{  display:inline-block; height: 50px; line-height: 50px;}
/*.header .logo img{ height: 40px; vertical-align: middle;}*/
.nav-list{ width:180px; position: fixed; right: 0; top: 50px;background: linear-gradient(to top, #15499a, #008fd7); display: none;}
.nav-list .drop-down{ display: none;}
.nav-list>ul>li{ width: 100%; text-align: center;}
.header .menuBtn{ display: block;}
.nav-list>ul>li>a{ color: #fff;}
.banner_btn{-webkit-transform:translateY(-50%);}
.arrow-left{ left: 10px;}
.arrow-right{right: 10px;}	
.bannernum{ bottom: 50px; right: 40px;font-size: 30px;}
.abt_info{ width: 60%;}
.newslist li{ margin-bottom: 10px;}
.newslist li:first-child{ margin-top: 0;}
.foot_addre{ float: none; border: none;}
.nav-list>ul>li{ height: auto; line-height: 60px;}
.nav-list .drop-down{ position: relative; opacity: 1; display: none; transition: none; visibility: visible; top: auto;line-height: normal; transform: translateY(0); background: none;height: auto ;}
.nav-list .drop-down li{ display: inline-block; height: auto; line-height: normal; margin: 0 ; width: 100%; line-height: 30px;}
.nav-list .drop-down li a{ color: #fff;}
.nav-list>ul>li>a{ line-height: 60px;}
}
@media screen and (max-width:800px) {
.abt_pic{ display: none;}	
.abt_info{ width: 100%;}
.indexpro_list .img{ height: auto;}
.index_tec{ height: auto; padding: 30px 0; padding-bottom: 80px;}
.tec_info{ width: 100%; margin: 20px 0;}
.index_tec .z_skew:before{ width: 100%;}
.index_pro,.index_news,.index_join{ padding: 30px 0;}
.index_tit h3{ font-size: 18px; margin-bottom: 0;}
.index_tit{ font-size: 18px;}
.cir_item .cir{ width: 140px; height: 140px;}
.about_ln{ height: auto;}
.cir_box{ height: 300px;}
.cir_item1 .cir { margin-left: -70px;}
.cir_item2 .cir,.cir_item3 .cir { top: 100px;}
.cir_item .cir_info{ display: none;}
.other_banner{ height: auto;}
.other_tit{ padding: 30px; box-sizing: border-box;}
.other_banner:before{ width: 60%;}
/*.page_nav { line-height: 50px; height: 50px; overflow: hidden; min-width: 100vw;text-align: left; margin-bottom: 20px; }
.page_nav li{ padding: 0 20px; margin-bottom: 0;}
.page_nav li.cur{ background: none;}
.page_nav li.cur a{ color: #1157A6;}*/
.dy_banner{ height: 200px;}
.dy_banner .dy_mask{ width: 100%;}
.dy_moddle{ padding: 20px;}
.other_psge2{ padding: 30px 0;}
}
@media screen and (max-width: 420px) {

	.z-container,.z-container2{ width: 96%;}
	
.header_right{ display: none;}
.logo{ margin-left:0}	
.header .logo img{    width: 80%;  margin-top: 2%;}

.abt_pic{ display: none;}
.banner_btn{display: none;}
.swiper-pagination{ bottom: 20px;}
.swiper-pagination span{ margin: 0 5px;}
.banner_btn img{ max-height: 100%;}


.bannernum{ font-size: 20px; border-bottom: none; bottom: 20px;}
.abt_info .abt_desc{ margin: 20px 0; line-height: 20px;}
	.index_about{ padding: 20px 0;}
	.abt_icon ul li{ height: 98px; line-height: 98px;}
.abt_icon ul li img{ max-height: 40px;}

.indexpro_list ul{ margin-top: 30px; margin-left: 0;}
.indexpro_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}

.z_seemore{ width: 120px; height: 40px; line-height: 40px; font-size: 12px;}
.Vbtn-1 svg{ height: 40px;}
.newspic{ display: none;}
.newslist{ width: 100%;}
.index_news .index_tit{ margin-bottom: 30px;}
.join_desc{ margin: 20px 0;}
.join_icon ul li{ width: 100px; height: 120px; line-height: 120px; margin: 0 5px;}
.join_icon ul li img{ max-height: 40px;}
.newslist li h3{ font-size: 14px;}
.footer .z-container{ padding: 30px; box-sizing: border-box;}
.foot_addre{  padding: 0;}
.foot_nav{ display: none;}
.footerbar{ line-height: 20px; height: auto; padding: 10px 0;}
.footerbar span{ float: none;}
.jj_text{ width: 100%; line-height: 24px;}
.about_jj,.about_ln,.process,.service_con{padding: 30px 0;}
.about_jj .index_tit{ margin-bottom: 30px;}
.cir_item2 .cir{ left: 11%;}
.cir_item3 .cir{ right: 11%;}
.cir_item1 .cir:before { left: 150px;}
.process_box .swiper-container{ width: 80%;}
.process_box .btn{ width: 30px; height: 30px; line-height: 30px;}
.process_box .btn img{ max-height: 80%;}
.process_box .arrow-right{ right: 0;}
.process_box .arrow-left{ left: 0;}
.process_box .swiper-slide{ padding-right: 0;}
.process_box{ margin-top: 30px;}
.process_box .process_year{ font-size: 30px; margin: 20px 0;    margin-top: 40px;}
.honer_box .swiper-slide{ height: auto;}
.honer,.service_ln{ padding-bottom: 30px;}
.honer_box .swiper-slide{ margin-bottom: 30px;}
.honer_box .swiper-pagination span{ width: 10px; height: 10px;}
.about_bottm .left, .about_bottm .right{ width: 100%; height: 100%; height: auto;justify-content: flex-start;}
.about_bottm{ }
.about_bottm .con{ padding: 30px 20px;box-sizing: border-box; text-align: left;}
.about_bottm .index_tit{ font-size: 16px;}
.about_bottm .index_tit h3{ font-size: 20px;}
.service_box .warp{ width: 100%; height: auto; background: none;}
.service_box .warp:before,.service_box .warp:after{display: none;}
.service_box .box{ width: 100%; height:100%; padding: 10px 0; position: relative; left: 0; top: 0; margin-left: 0;  font-size: 14px;}
.service_box .box:before{ transform: rotate(0);}
.service_box .box:hover:before{ transform: rotate(0);}
.service_box .box img{ max-height: 40px;}
.service_box .box h3{ font-size: 16px;}
.service_box .box{ display: block; }
.service_box .box .box_info{ opacity: 1;position: relative; left:0px; top: 0; transform: scale(1,1); width: auto; z-index: 2; color: #fff; line-height: 24px; padding: 0 10px; box-sizing: border-box; font-size: 14px; margin-top: 10px;}
.service_box{ height: auto;}
.pro_list ul{ margin-left: 0;}
.pro_list ul li{ width: 48%; height: auto; margin-left: auto; margin-bottom: 20px; height: 240px;}
.pro_list ul li:nth-child(even){ float: right;}
.pro_list ul li img{ width: 100%;}
.service_con .index_tit{ margin-bottom: 30px;}
.news_list ul li a{ font-size: 14px;}
.news_list ul li{ padding: 0;}
.lc_yy .index_tit{ margin-bottom: 30px;}
.news_list{ margin-top: 30px; }
.news_list ul li a{ height: 40px; line-height: 40px;}
.load_more{ height: 40px; line-height: 40px; width: 160px; margin-top: 30px;}
.right_con{ display: none;}
.other_banner2{ height: auto!important;}
.left_con{ width: 100%; margin-top: -20px;}
.xq_tit h3{ font-size: 16px;}
.left_con{ padding: 20px;}
.page_wz{ margin-bottom: 30px;}
.xq_tit p,.left_con .share_box{ margin: 20px 0;}
.xq_tit p span{ margin-right: 10px;}
.xq_page{ padding-bottom: 30px;}
.xq_con{ padding: 20px 0; line-height: 24px;} 
.probox .info, .probox .imgbox{ width: 100%;}
.probox:nth-child(odd) .info_desc,.probox:nth-child(even) .info_desc{ width: 100%; margin: 0; padding: 20px; box-sizing: border-box;}
.probox .info_desc h3 span{ font-size: 20px;}
.probox .info_desc h3{ font-size: 16px;}
.probox .info_desc p{ margin: 20px 0; line-height: 20px;}
.probox .z_skew{ height: 340px;}
.probox .info, .probox .imgbox{ height: auto;}
.probox .imgbox .img{ height: 200px;}
.probox{ height: 400px;}
.pro_nav{ padding-bottom: 80px;}
.contact_box{ width: 100%;}
.ly_form li .input_text,.ly_form li.ly_text textarea{ width: 77%;}
.ly_form li.ly_text textarea{ padding-top: 10px;}
.contact_box{ margin-bottom: 30px;}
.contact_box .way_tit span{ font-size: 20px; margin-bottom: 0;}
.contact_box .way_tit h3{ font-size: 16px;}
.contact_box .way_tit{ margin-bottom: 20px;}
.way_text p{ margin-bottom: 10px;}
.ly_form li{ margin-bottom: 10px; height: 40px;}
.ly_form li label{line-height: 40px;}
.contact_map{ height: 380px;}
.zp_tit span{ width: 33.3%; font-size: 12px;}
.zp_tit span:last-child,.rc_box .tit span:last-child{ display: none;}
.zp_tit, .rc_box .tit{ padding: 0 10px;}
.rc_box .tit span{ width: 40%;}
.rc_box .tit span:nth-child(3){ width: 10%;}
.rc_box .tit{ line-height: 40px;}
.news_list ul li .more{ transform:translateX(0); right: 0; display: none;}
.rc_box ul{ padding: 20px;}
.rc_box ul .box{ width: 100%; padding: 0;}
.rc_box ul h4{ font-size: 14px; margin-bottom: 20px;}
.talent_zp{ margin-top: 0;}
.z_seemore2{ margin-top: 20px;}
.probox:nth-child(odd) .imgbox,.probox:nth-child(even) .imgbox{ position: relative;}
.page_nav{ margin-bottom: 20px; width: 100%;}
.page_nav li{ padding: 10px 10px;
    width: auto;}
.page_nav li a{font-size: 14px;}
.page_nav li span{font-size: 12px; display: none;}
#wrapper{ background: #fff;}
.dy_banner .dy_text h4{ margin: 20px 0;}
.dy_banner .dy_text h4,.dy_banner .dy_text p{ font-size: 18px;}
.dy_banner .dy_text h3{ font-size: 20px;}
.dy_moddle{ display: block;}
.mod_box{ width: 100%; margin: 20px 0;}
.mod_box h3{ font-size: 12px;}
.mod_box .box{ height: 160px;}
.mod_box em{ margin: 20px 0;}
.mod_tit{ width: 100%; text-align: center;}
.mod_tit h3{ font-size: 18px; margin: 10px 0;}
.mod_tit span, .mod_tit h2{font-size: 20px;}
.mod_right img{ max-width: 100%;}
.dy_adv{ padding: 10px;}
.adv_left,.adv_right{ width: 100%;}
.adv_tit{ margin-bottom: 20px;font-size: 20px;}
.adv_tit span{font-size: 20px;}
.adv_right .box{ margin: 0 10px}
.foot_addre h3{/* margin-top: 35px;*/}
/*.footer{ position: relative;
    top: 0px;
    z-index: 9;
    margin-top: -20px;}*/
.nav-list .drop-down li a{font-size: 13px;}
.indexpro_list .info{ padding: 10px; padding-top: 30px;}
.indexpro_list .morebtn{ bottom: 105px;}
.indexpro_list .info h3{ font-size: 18px;}
.pro_p{ padding-top: 30px;}
.pro_list .pro_tit{ height: 60px; line-height: 60px;font-size: 14px;}
.pro_list .pro_tit .icon{ left: auto;right: 0;}
.other_psge{ padding-bottom: 40px;}
.cir_item .cir h3{font-size: 20px;}
.indexpro_list li:hover,.indexpro_list li:hover:before{ transform: translate(0,0);}
.indexpro_list li:before{ display: none;}
.newslist li{ border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.banner_icon{ margin-top: 30px;}
.other_banner{ background-size: cover!important;    background-attachment: initial!important;}
.probox .imgbox .img{ background-size: 100% auto!important;}
.footer{margin-top: -20px; background-attachment: initial;}
.honer_box .swiper-slide img{ height: auto;}
.pro_list .pro_tit .icon{ width: 38px; height: 38px; line-height: 38px;}
.pro_list .pro_info{ padding: 10px; box-sizing: border-box;}
.pro_list .pro_info h3{ font-size: 16px; margin: 10px 0;}
.nav-list>ul>li>a{ width: 60%;}
.nav-list>ul>li .sub{ display:inline-block; width: 60px; height: 60px; font-size: 20px;color: #fff; position: absolute;right: 0; top: 0;}
.nav-list>ul>li{ position: relative;}
.probox .info_desc h3 span{ word-wrap:break-word;white-space: pre-wrap;font-size: 18px;}
.youce{ display:none}
table{ width:96%; margin:2%;}
td{ width:50%}
.aaa{ display:none}


.hm_sv li .box{width:212px !important;}
.hm_sv li .box .title{width:200px !important;}
}