/*cn*/
*{margin: 0;padding: 0;}
html{overflow-x: hidden;}
html,body{font-size: 14px;line-height: 1;color: #333;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif;background: #fff;}
ul,li{list-style-type: none;}
li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input,textarea,select {-webkit-appearance: none;resize: none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: 0;}
a {text-decoration: none;color: #000;cursor: pointer;}
a:hover {text-decoration: none;}
img {max-width: 100%;border-style: none;vertical-align: middle;}
.zoom-img {overflow: hidden;}
.zoom-img .img {overflow: hidden;}
.zoom-img img {transition: all .5s;}
.zoom-img:hover img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clear{zoom:1}
.nav-page{font-size: 0;text-align: center;}
.wd{max-width: 1600px;width: 100%;margin: 0 auto;}
/* header */
.header{width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 12;background: #ffffff;}
.head-wrap{max-width: 1645px;width: 100%;height: 90px;line-height: 90px;margin: 0 auto;}
.head-logo{float: left; padding-top:12px;}
.selogo {display:block;}
.filogo {display:none;}
.head-nav{float: left;margin-left: 30px;}
.head-nav li{float: left;margin: 0 30px;height: 90px;position: relative;z-index: 10;}
.head-nav li:before{content: "";position: absolute;left: 50%;margin-left: -60%;top: 75px;width: 120%;height: 4px;background: #00aae1;display: none;transition: all .3s;}
.head-nav li>a{font-size: 18px;color: #666666;display: block;}
.head-nav li.on>a{color: #00a9e0;}
.head-nav li.on:before{display: block;}
.head-nav li:hover>a{color: #00a9e0;}
.head-nav li:hover:before{display: block;}
.head-nav .drop-down{position: absolute;top: 90px;left: -10%;padding: 35px 25px;line-height: 1;background: #f5f5f5;font-size: 0;display: none;white-space: nowrap;}
.head-nav .nav{display: inline-block;vertical-align: top;padding-right: 30px;}
.head-nav .nav .d_1{display: block;font-size: 16px;color: #333333;margin-bottom: 20px;}
.head-nav .nav .d_1 a{color: #333333;transition: all .3s;}
.head-nav .nav .d_1 span{display: inline-block;vertical-align: top;min-width: 190px;}
.head-nav .nav .d_1:last-child{margin-bottom: 0;}
.head-nav .nav .d_1 a:hover{color: #00aae1;}
.head-nav .img{display: inline-block;vertical-align: top;text-align: center;width: 280px;}
.head-nav li.special .img-box{display: inline-block;vertical-align: top;text-align: center;width: 140px;}
.head-nav li.special .img{width: 140px;display: none;}
.head-nav li.special .list{display: none;}
.head-nav li.special .list:nth-child(1){display: block;}
.head-nav li.special .img:nth-child(1){display: inline-block;}
.language{float: right;position: relative;z-index: 2;}
.language .on{cursor: pointer;display: inline-block;padding: 0 24px 0 44px;background: url(../images/icon1.jpg) center left no-repeat,url(../images/icon3.jpg) center right no-repeat;font-size: 16px;color: #666666;line-height: 26px;}
.language .drop-down{position: absolute;top: 90px;left: -30px;min-width: 100%;width: 140px;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);z-index: 2;padding: 0 5px;background: #ffffff;display: none;}
.language .drop-down a{display: block;font-size: 18px;color: #666666;line-height: 30px;text-align: center;line-height: 55px;border-bottom: 1px solid #eeeeee;display: block;}
.language .drop-down a:last-child{border-bottom: 0;}
.head-search{float: right;width: auto;margin-left: 10px;}
.head-search .form{display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;margin-top: 23px;font-size: 0;vertical-align: top;position: relative;}
.head-search .text{position: absolute;top: 50%;right: 45px;width: 200px;height: 40px;line-height: 40px;border: 1px solid #e5e5e5;background: #ffffff;border-radius: 7px;margin-top: -20px;z-index: 3;display: none;padding: 0 5px;}
.head-search .form:hover .text{display: block;}
.head-search .submit{display: inline-block;vertical-align: top;width: 45px;background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 43px;cursor: pointer;}
.head-search .link{position: absolute;width: auto;font-size: 0;line-height: 1;top: 12px;left: 14px;}
.head-search .link a{display: inline-block;height: 20px;line-height: 20px;padding: 0 5px;margin-left: 10px;font-size: 14px;color: #666666;background: #eeeeee;}
.head-search .link a:nth-child(1){margin-left: 0;}
.head-phone{float: right;margin-left: 30px; display:flex; align-items:center;}
.head-phone .icon{width: 20px; margin-right: 5px;}
.head-phone .number{font-size: 16px;color:#f26201;font-weight: bold;line-height:20px;}
.m-menu{float: right;width: 40px;display: none;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon>span{display: inline-block;width: 40px;height: 2px;background: #000;margin: 5px 0;display: inline-block;}
.m-menu .drop-down{display: none;position: fixed;top: 90px;left: 0;right: 0;background: #ffffff;height: calc(100vh - 151px);z-index: 10;text-align: center;padding: 30px 5%;border-top: 1px solid #eeeeee;overflow-y: auto;z-index: 12;}
.m-menu .drop-down::-webkit-scrollbar{display: none;}
.m-menu .drop-down>ul>li{line-height: 69px;border-bottom: 1px solid #eeeeee;}
.m-menu .drop-down>ul>li>a{font-size: 20px;color: #000;display: block;}
.m-menu .subnav{padding-bottom: 24px;display: none;}
.m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333333;}
.m-menu .drop-down .form{border: 1px solid #e5e5e5;display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative;}
.m-menu .drop-down .text{display: inline-block;vertical-align: top;width: 300px;height: 30px;margin-top: 6px;padding: 0 5px;}
.m-menu .drop-down .submit{display: inline-block;vertical-align: top;width: 45px;background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 43px;border-left: 1px solid #e5e5e5;cursor: pointer;}
.top-suspend{position: fixed;top: 80%;right: 0;box-shadow: 0 3px 8px rgba(0,0,0,.1);z-index: 10;margin-top: -104px;}
.top-suspend .box{width: 60px;position: relative;}
.top-suspend .column{width: 60px;height: 52px;border-bottom: 1px solid #e5e5e5;background: #ffffff;}
.top-suspend .icon{width: 60px;height: 52px;display: block;z-index: 5;position: relative;text-align: center;line-height: 52px;cursor: pointer;background: #ffffff;}
.top-suspend .icon .img_2{display: none;}
.top-suspend .icon:hover{background: #05b0e9;}
.top-suspend .icon:hover .img_1{display: none;}
.top-suspend .icon:hover .img_2{display: inline-block;}
.top-suspend .top-column{border-radius: 5px 5px 0 0;}
.top-suspend .service-box{display: none;position: absolute;padding-right: 10px;top: 0;width: 350px;left: -360px;bottom: 0;background: url(../images/icon161.png) right 37% no-repeat;}
.top-suspend .service-box .box-wrap{border-top: 2px solid #05b0e9;border-radius: 0 0 5px 5px;background: #ffffff;height: calc(100% - 2px);font-size: 0;box-shadow: 0 3px 5px rgba(0,0,0,.1);}
.top-suspend .d_1{display: inline-block;vertical-align: top;padding: 30px 20px 0;width: calc(50% - 40px);height: calc(100% - 30px);}
.top-suspend .d_1:nth-child(1){border-right: 1px solid #eeeeee;width: calc(50% - 41px);padding-top: 15px;height: calc(100% - 15px);text-align: center;}
.top-suspend .d_1 .h1{font-size: 18px;color: #000000;font-weight: bold;text-align: center;margin-bottom: 20px;}
.top-suspend .d_1 .h2{font-size: 18px;color: #000000;text-align: center;margin-bottom: 20px;font-weight: bold;}
.top-suspend .d_1 .a_1{display: block;border: 1px solid #e5e5e5;height: 43px;line-height: 43px;font-size: 0;color: #666666;margin-bottom: 15px;padding: 0 15px;}
.top-suspend .icon_2{display: inline-block;vertical-align: middle;width: 22px;height: 23px;margin-right: 10px;}
.top-suspend .icon_2 img{vertical-align: top;}
.top-suspend .icon_2 .img_2{display: none;}
.top-suspend .name{display: inline-block;vertical-align: middle;width: calc(100% - 32px);line-height: 23px;font-size: 14px;}
.top-suspend .d_1 .a_1:hover{background: #00a7df;}
.top-suspend .d_1 .a_1:hover .name{color: #ffffff;}
.top-suspend .d_1 .a_1:hover .img_1{display: none;}
.top-suspend .d_1 .a_1:hover .img_2{display: block;}
.top-suspend .service-column:hover .service-box{display: block;}
.top-suspend .x-column{border-radius: 0 0 5px 5px;position: relative;}
.top-suspend .phone-column{position: relative;}
.top-suspend .number{transition: all .3s;position: absolute;padding-right: 60px;width: 200px;height: 52px;line-height: 52px;background: #ffffff;box-shadow: 0 2px 5px rgba(0,0,0,.1);text-align: center;left: 60px;top: 0;z-index: 2;border-radius: 5px 0 0 5px;}
.top-suspend .column:hover .number{left: -200px;}
.newservice-box {
position: absolute;
top: 0;
left: 0;
box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
z-index: 10;
background: url(../images/notebg.png) no-repeat;
background-size: cover;
padding: 46px 80px 46px 80px;
line-height: 28px;
font-size: 16px;
color:red;
}
.newservice-box .box-wrap {position:relative;}
.newservice-box img {float:left; margin-right:10px; width:110px;}
.newservice-box .closeBtn {
background: url(../images/closeBtn.png) no-repeat;
width: 18px;
height: 18px;
background-size: 18px 18px;
position: absolute;
right: -22px;
top: -8px;
cursor: pointer;
display: none;
}
/* footer */
.footer{width: 100%;height: auto;background: #efefef;padding-top: 60px;}
.foot-nav{float: left;width: calc(100% - 220px);}
.foot-nav .column{float: left;margin-right: 140px;}
.foot-nav .column:last-child{margin-right: 0;}
.foot-nav .column li{margin-bottom: 26px;}
.foot-nav .column li:last-child{margin-bottom: 0;}
.foot-nav .column li a{font-size: 16px;color: #333333;transition: all .3s;}
.foot-nav .column li a:hover{color: #00a9e0;}
.foot-nav .column .name{font-size: 18px;color: #333333;font-weight: bold;}
.foot-top{padding-bottom: 39px;border-bottom: 1px solid #dbdbdb;}
.foot-top .r-box{float: right;width: 200px;}
.foot-top .r-box .name{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 24px;}
.foot-top .shake{font-size: 0;}
.foot-top .shake a{display: inline-block;margin-right: 15px;}
.foot-top .shake a:last-child{margin-right: 0;}
.foot-top .shake img{transition: all .3s;}
.foot-top .shake .icon_2{display: none;}
.foot-top .shake a:hover .icon_2{display: inline-block;}
.foot-top .shake a:hover .icon_1{display: none;}
.foot-bot{font-size: 16px;color: #666666;line-height: 17px;padding: 20px 0 24px;}
.foot-bot .l-bot{float: left;font-size: 0;height: 17px;}
.foot-bot .l-bot a{display: inline-block;padding-right: 17px;line-height: 17px;border-right: 1px solid #c2c2c2;font-size: 16px;color: #666666;margin-right: 17px;}
.foot-bot .l-bot a:last-child{border-right: 0;margin-right: 0;}
.foot-bot .r-bot{float: right;}
.foot-bot a{color: #666666;}
.foot-link{font-size: 0;}
.foot-link li:first-child{font-size: 14px;color:#666666;margin-right:2px;font-weight: bold; }
.foot-link li{display: inline-block; margin:10px 20px 20px 0;}
.foot-link li a{font-size: 14px;color:#666666;}
.foot-link a{display: inline-block;margin: 0 22px;font-size: 14px;}
.foot-link a:nth-child(1){margin: 0;}
.foot-title .h1{font-size: 16px;color: #222222;line-height: 24px;padding-bottom: 14px;border-bottom: 1px solid #dbdbdb;margin-bottom: 40px;padding-left: 43px;background: url(../images/icon52.png) left top no-repeat;}
.foot-title .number{font-size: 20px;display: inline-block;vertical-align: top;}
.foot-about{margin-bottom: 47px;}
.foot-shop .shake a{margin-right: 10px;}
/* main */
.main-page{padding-top: 90px;}
.main-page .banner .img_2{display: none;}
/* index */
.home-main .banner .suspend{text-align: left;padding-top: 15%;}
.home-main .banner .suspend .h1{font-size: 48px;color: #111111;font-weight: bold;margin-bottom: 30px;}
.home-main .banner .suspend .h2{font-size: 18px;color: #232323;font-weight: normal;margin-bottom: 40px;}
.home-main .banner .suspend .more{display: inline-block;width: 140px;height: 50px;line-height: 50px;font-size: 16px;color: #ffffff;text-align: center;background: #232323}
.home-swiper .swiper-button-prev,.home-swiper .swiper-button-next{width: 50px;height: 50px;margin-top: -25px;}
.home-swiper .swiper-button-prev{background: url(../images/icon4.png) center center no-repeat;background-size: cover;left: 30px;}
.home-swiper .swiper-button-next{background: url(../images/icon5.png) center center no-repeat;background-size: cover;right: 30px;}
.home-main .home-swiper .swiper-pagination{bottom: 65px;}
.home-swiper .swiper-pagination-bullet{background: #000;opacity: .3;width: 15px;height: 15px;margin: 0 8px !important;}
.home-swiper .swiper-pagination-bullet-active{opacity: 1;background: #0573ca;}
.prod-list{position: relative;margin-top: 40px;}
/*.prod-list li{box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);border-radius: 7px;background: #fff;}
.prod-list .top{color: #fff; position: absolute; top: 0; left: 0;right: 0;bottom: 0; background: #fff; background: rgba(0,0,0,.3);z-index: 2;transition: .8s;-webkit-transition: .8s;padding:50% 10%}
.prod-list .zoom-img a:hover .top{background: rgba(255,255,255,.8);color: #0098ca;}
.prod-list .h1{font-size: 20px;font-weight: bold;margin-bottom: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prod-list .h2{font-size: 16px;font-weight: bold; text-align:justify;line-height:24px;}
.prod-list .more{display: inline-block;width: 130px;height: 45px;line-height: 45px;background: url(../images/icon6.png) center center no-repeat;background-size: cover;font-size: 18px;color: #ffffff;text-align: center;font-weight: 500;margin-top: 20px;}
.prod-list .img{text-align: center;}
*/
.home-main .swiper-pagination{width: 100%;left: 0;bottom: -5%;}
.home-main .swiper-pagination .swiper-pagination-bullet{margin: 0 10px;width: 12px;height: 12px;}
.prod-swiper{padding: 12px;}
.apply{margin: 38px 0 50px;}
.home-main .title{line-height: 36px;margin-bottom: 40px;}
.home-main .title .h1{float: left;font-size: 36px;color: #111111;font-weight: bold;margin-bottom:0px;}
.home-main .title .more{float: right;font-size: 18px;color: #282828;padding-right: 40px;background: url(../images/icon7.jpg) center right no-repeat;margin-top:0px;}
.apply-list{position: relative;}
.apply-list li{margin-bottom: 4%;border-radius: 10px;top: 0;left: 0;transition: all .3s;z-index: 2;}
.apply-list li .box{position: relative;overflow: hidden;}
.apply-list li .img{overflow: hidden; border-radius: 10px;}
.apply-list li .suspend{position: absolute;overflow: hidden;background-size: cover;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;transition: all .3s; border-radius: 10px;}
.apply-list li .suspend_2{position: absolute;overflow: hidden;background-size: cover;top: 0;left: 0;right: 100%;transition: all 1s;z-index: 3;border-radius: 5px;overflow: hidden;}
.apply-list .r-box li .suspend_2{top: 0;left: 100%;right: 0;}
.apply-list li:hover .suspend_2{right: 0;bottom: 0;}
.apply-list .r-box li:hover .suspend_2{right: 0;bottom: 0;left: 0;}
.apply-list .r-box{width: 49%;float: right;}
.apply-list .r-box li:last-child{margin-bottom: 0;}
.apply-list li.list_1{float: left;width: 49%;margin-bottom: 0;left: 0;right: auto;}
.apply-list li .name{width: calc(100% - 80px);left: 0;bottom: 45px;font-size: 30px;color: #ffffff;font-weight: bold;position: absolute;padding: 0 40px;z-index: 2;}
.story{margin-bottom: 38px;}
.story .carousel{position: relative;}
.story .video{position: relative;overflow: hidden;border-radius: 5px;margin-bottom: 30px;}
.story .video .suspend{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .73);}
.story .video .box{max-width: 750px;width: 100%;margin: 0 auto;text-align: center;margin-top: 10%;}
.story .video .words{font-size: 40px;color: #ffffff;line-height: 60px;font-weight: bold;}
.story .video .play{display: inline-block;padding: 0 47px;line-height: 30px;background: url(../images/icon8.png) center right no-repeat;cursor: pointer;margin-top: 8%;}
.story .video .play a{font-size: 18px;color: #ffffff;text-decoration: underline;}
.story-swiper{padding: 12px;}
.story-swiper .box{overflow: hidden;border-radius: 5px;position: relative;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.story-swiper .img{position: relative;}
.story-swiper .img-suspend{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;background-size: cover;}
.story-swiper .suspend{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #FFFFFF;text-align: center;padding: 22% 11% 0;transition: all .3s;z-index: 3;}
.story-swiper .name{font-size: 24px;color: #111111;font-weight: bold;margin-bottom: 22px;transition: all .3s;}
.story-swiper .icon{display: inline-block;width: 30px;height: 3px;background: #000000;margin-bottom: 15px;transition: all .3s;}
.story-swiper .words{font-size: 16px;color: #333333;line-height: 30px;height: 60px;font-weight: 300;transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.story-swiper .more{font-size: 16px;color: #444444;margin-top: 50px;display: inline-block;transition: all .3s;}
.story-swiper .box.on .suspend{background: rgba(4,128,207,.73);}
.story-swiper .box.on .name{color: #ffffff;}
.story-swiper .box.on .icon{background: #ffffff;}
.story-swiper .box.on .words{color: #ffffff;}
.story-swiper .box.on .more{color: #ffffff;}
.story .carousel .swiper-pagination{bottom: -8%;}
.news{margin-bottom: 50px;}
.news .news-list ul{float: right;width: calc(100% - 750px);padding-left: 100px;}
.news .news-list .special{float: left;width: 650px;padding-left: 0;}
.news-list li{padding: 16px 0 12px;border-bottom: 1px solid #e5e5e5;}
.news-list li:last-child{border-bottom: 0;}
.news-list .time{font-size: 16px;color: #666666;margin-bottom: 15px;}
.news-list .h1{font-size: 20px;color: #282828;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .3s;height:30px; line-height:30px;}
.news-list .h2{font-size: 16px;color: #282828;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .3s; line-height:30px;}
.news-list li:hover .h1{color: #00a9e0;}
.news-list .special li{padding: 0;}
.news-list li:nth-child(1){padding-top: 0;}
.news-list .special .time{margin-top: 20px;margin-bottom: 15px;}
.news-list .special .h1{font-size: 24px;font-weight: bold;line-height: 30px;height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}
.news-list .more{margin-top:10px; display: inline-block;font-size: 16px;color: #333333;}
.news-swiper .swiper-pagination{bottom: 24%;height: 12px;}
.news-swiper .swiper-pagination-bullet{width: 12px;height: 12px;}
.contact{background-size: cover;padding-top: 50px;min-height: 190px;background: url(../images/img10.jpg)}
.contact .r-text{float: left;width: calc(100% - 850px);font-size: 18px;color: #ffffff;line-height: 30px;font-weight: 300;}
.contact .h1{font-size: 24px;color: #ffffff;font-weight: bold;margin-bottom: 20px;margin-top: 9px;}
.contact .form{float: right;width: 840px;}
.contact form>div{float: left;width: 700px;font-size: 0;}
.contact .submit{float: right;width: 122px;height: 140px;background: #0676bd;font-size: 22px;color: #ffffff;font-weight: bold;line-height: 30px;padding: 0 38px;white-space: pre-line;border-radius: 12px;}
.contact .text{width: calc(49% - 40px);height: 60px;line-height: 60px;background: #ffffff;border-radius: 7px;padding: 0 20px;margin-right: 2%;margin-bottom: 20px;}
.contact .text:nth-child(2n){margin-right: 0;}
.contact .text_2{width: calc(100% - 40px);margin-right: 0;margin-bottom: 0;}
/* product */
.banner{position: relative;}
.banner .suspend{position: absolute;top: 0;left: 0;width: 100%;text-align: center;padding-top: 5.5%;}
.banner .suspend .h1{font-size: 40px;color: #ffff;font-weight: bold;margin-bottom: 22px;line-height: 1;}
.product-main .banner .suspend .h1{color: #111111;}
.product-main .banner .suspend p{color: #111111;}
.banner .suspend{font-size: 24px;color: #ffffff;font-weight: 300;}
.location{position: absolute;left: 0;bottom: 23px;width: 100%; color:#fff;}
.location a{font-size: 14px;color: #ffffff;line-height: 21px;display: inline-block;margin-right: 5px;}
.location a.on{padding-left: 32px;background: url(../images/icon16.png) center left no-repeat;}
.product .l-box{float: left;width: 16%;padding-right: 2%;}
.product .r-box{float: left;width: calc(82% - 1px);border-left: 1px solid #e5e5e5;}
.screen-nav{background-size: cover;height: 60px;line-height: 60px;font-size: 0;position: relative;z-index: 9;}
.screen-nav a{display: inline-block;width: 115px;font-size: 16px;color: #444444;}
.screen-nav .nav{display: inline-block;}
.screen-nav .nav li{display: inline-block;position: relative;}
.screen-nav .nav li>a{color: #666666;background: url(../images/icon13.png) 95% center no-repeat;text-align: center;width: 165px;transition: all .3s;}
.screen-nav .nav li>a.on{background: url(../images/icon13-2.png) 95% center no-repeat;}
.screen-nav .drop-down{position: absolute;top: 59px;left: 0;min-width: 200px;background: rgba(255,255,255,.95);border: 1px solid #bbb;border-radius: 0 0 5px 5px;display: none;}
.screen-nav .drop-down a{display: block;font-size: 14px;width: auto;padding: 0 10px 0 50px;line-height: 40px;white-space: nowrap;}
.screen-nav .drop-down a:hover{background: #e5e5e5;}
.product-main .container{margin-top: 63px;}
.screen-box .name{font-size: 30px;color: #111111;font-weight: bold;margin-bottom: 27px;}
.screen-box .form{border: 1px solid #e5e5e5;height: 43px;line-height: 43px;border-radius: 25px;padding: 0 20px;font-size: 0;margin-bottom: 32px;}
.screen-box .submit{width: 19px;height: 19px;background: url(../images/icon15.png) center center no-repeat;vertical-align: top;margin-top: 12px;}
.screen-box .form .text{width: calc(100% - 30px);margin-left: 5px;vertical-align: top;height: 19px;margin-top: 12px;}
.screen-list li{border-bottom: 1px solid #eeeeee;padding-bottom: 10px;margin-bottom: 30px;}
.screen-list .drop-down{font-size: 0;}
.screen-list .h1{font-size: 18px;color: #111111;font-weight: bold;height: 20px;line-height: 20px;background: url(../images/icon14.png) center right no-repeat;margin-bottom: 25px;transition: all .3s;}
.screen-list .h1.on{background: url(../images/icon14-2.png) center right no-repeat;}
.screen-list .la_1{font-size: 0;display: block;margin-bottom: 10px;position: relative; border:1px solid #eee;}
.screen-list .check{width: 20px;height: 20px;}
.screen-list .icon{position: absolute;width: 20px;height: 20px;background: url(../images/icon17.png) center center no-repeat;top: 10px;left: 10px;}
.screen-list .l-text{display: inline-block;vertical-align: top;line-height: 20px;width: calc(100% - 48px);padding: 10px 8px 10px 40px;}
.screen-list .l-text:hover {background-color:#e3e3e3;}
.screen-list .name_2{float: left;font-size: 16px;color: #666666;width: calc(100% - 20px);}
.screen-list .number{float: right;font-size: 14px;color: #999999;width: 17px;}
.screen-list li.special .la_1{width: 50%;display: inline-block;}
.screen-list li:last-child{border-bottom: 0;margin-bottom: 0;}
input[type=checkbox]:checked+span {background: url(../images/icon18.png) center center no-repeat;}
.prod-list2 ul{padding: 0 25px;}
.prod-list2 li{float: left;width: 32%;padding-right: 2%;position: relative;padding-bottom: 40px;border-bottom: 1px solid #eeeeee;margin-bottom: 13px;padding-top: 35px;}
/*.prod-list2 li:nth-child(3n){padding-right: 0;}*/
.prod-list2 .img{margin-bottom: 35px;text-align: center;}
.prod-list2 .name{font-size: 20px;color: #111111;text-align: center;margin-bottom: 19px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prod-list2 .label{font-size: 0;text-align: center;}
.prod-list2 .label a{display: inline-block;vertical-align: top;height: 35px;line-height: 35px;padding: 0 12px;font-size: 14px;color: #666666;background: #f4f4f4;border-radius: 7px;margin: 0 5px;}
.prod-list2 .suspend{position: absolute;top: 0;left: 0;right: 6.2%;bottom: 0;background: rgba(0,170,225,.95);padding: 28% 10% 0;opacity: 0;transition: all .5s;}
.prod-list2 .suspend .name{font-size: 30px;color: #ffffff;font-weight: bold;line-height: 40px;height: 80px;margin-bottom: 5px;}
.prod-list2 .words{font-size: 16px;color: #ffffff;line-height: 30px;margin-bottom:20px;}
.prod-list2 .suspend .label{margin-top: 50px;margin-bottom: 25px;}
.prod-list2 .suspend .label a{background: #5fcff4;color: #ffffff;transition: all .3s;}
.prod-list2 .suspend .label a:hover{background: #ffffff;color: #00aae1;}
.prod-list2 .more-box{text-align: center;}
.prod-list2 .more{display: inline-block;width: 130px;height: 45px;line-height: 45px;background: #ffffff;font-size: 16px;color: #111111;text-align: center;border-radius: 5px;}
.prod-list2 li:hover .suspend{opacity: 1;}
.product .nav-page{margin-bottom: 73px;}
.nav-page{margin-top: 48px;}
.nav-page a{display: inline-block;font-size: 14px;color: #666666;padding:0 20px;height: 38px;line-height: 38px;border: 1px solid #eeeeee;}
.nav-page a.on{color: #00aae1;}
.nav-page a.a_1{width: auto;padding: 0 14px;}
.nav-page a:nth-child(1){border-radius: 5px 0 0 5px;}
.nav-page a.a_2{border-radius: 0 5px 5px 0;border-right: 1px solid #eeeeee;}
.nav-form{display: inline-block;font-size: 14px;color: #666666;margin-left: 34px;vertical-align: top;line-height: 40px;}
.nav-form .text{width: 38px;height: 38px;line-height: 38px;border: 1px solid #eeeeee;border-radius: 5px;margin: 0 5px;text-align: center;vertical-align: top;}
.nav-form .submit{height: 38px;padding: 0 10px;border: 1px solid #eeeeee;border-radius: 5px;background: none;font-size: 14px;color: #666666;margin-left: 10px;vertical-align: top;}
.prod-details .prod-top{background-size: cover;min-height: 846px;}
.prod-top .text-box{float: left;width: calc(100% - 1000px);padding-top: 200px;}
.prod-top .h1{font-size: 50px;color: #ffffff;font-weight: bold;margin-bottom: 50px;}
.prod-top .words{font-size: 16px;color: #ffffff;line-height: 36px;}
.prod-top .but-box{margin-top: 60px;font-size: 0;}
.prod-top .consu-but{display: inline-block;width:140px;height: 50px;line-height: 50px;text-align: center;background: #f26201;border-radius: 5px;font-size: 16px;color: #ffffff;margin-right: 30px;}
.prod-top .video-play{display: inline-block;width: 146px;height: 46px;line-height: 46px;background: url(../images/icon19.png) 85% center no-repeat;border: 2px solid #ffffff;border-radius: 5px;font-size: 16px;color: #ffffff;padding-left: 30px;}
.prod-top .img-box{float: right;width: 820px;position: relative;padding-top: 130px;margin-left: 180px;font-size: 0;}
.prod-top .view{width: 690px;display: inline-block;vertical-align: top;}
.prod-top .arrow-left,.prod-top .arrow-right{width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;z-index: 2;}
.prod-top .arrow-left{left: 0;background: url(../images/icon20.png) center center no-repeat;background-size: cover;}
.prod-top .arrow-right{right: 0;background: url(../images/icon20-2.png) center center no-repeat;background-size: cover;}
.prod-top .view .img{width: 540px;margin: 0 auto;}
.prod-top .preview{width: 100px;height: 540px;display: inline-block;vertical-align: top;margin-left: 30px;}
.prod-top .preview .swiper-container{height: 100%;}
.prod-top .preview .img{border: 1px solid rgba(255,255,255,.4);}
.prod-top .preview .active-nav .img{border: 1px solid #ffffff;}
.prod-details .prod-nav{background: #ffffff;width: 100%;height: 53px;line-height: 53px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size: 0;text-align: right;}
.prod-details .prod-nav ul{display: inline-block;vertical-align: top;}
.prod-details .prod-nav .price{font-size: 16px;color: #ffffff;display: inline-block;vertical-align: top;width: 100px;height: 35px;line-height: 35px;text-align: center;vertical-align: middle;margin-left: 10px;border-radius: 5px;background: #0573ca;}
.prod-details .prod-nav.on{position: fixed;top: 90px;left: 0;width: 100%;z-index: 10;}
.prod-nav li{display: inline-block;width: 100px;height: 35px;line-height: 35px;text-align: center;vertical-align: middle;margin-left: 10px;border-radius: 5px;}
.prod-nav li a{font-size: 16px;color: #111111;display: block;}
.prod-nav li.on{background: #0573ca;}
.prod-nav li.on a{color: #ffffff;}
.box_1{margin-top: 107px;}
.box_1 .h1{font-size: 40px;color: #111111;font-weight: bold;margin-bottom: 100px;}
.box_1 .list-box{font-size: 0;text-align: center;}
.box_1 .list-box li{display: inline-block;vertical-align: top;width: 25%;margin-bottom: 115px;}
.box_1 .icon{display: block;width: 60px;margin: 0 auto;margin-bottom: 28px;}
.box_1 .name{display: inline-block;vertical-align: middle;font-size: 20px;color: #111111;line-height: 30px;}
.prod-img-text .img-text{background-size: cover;min-height: 900px;background-position: center center;}
.prod-img-text .wd{max-width: 1400px;}
.img-text-1 .box{max-width: 570px;width: 100%;padding-top: 165px;}
.img-text-1 .h1{font-size: 50px;color: #111111;font-weight: bold;margin-bottom: 35px;}
.img-text-1 .words{font-size: 18px;color: #111111;line-height: 30px;font-weight: 300;}
.img-text .icon-list{font-size: 0;margin-top: 42px;}
.icon-list li{display: inline-block;width: 33.33%;margin-bottom: 44px;text-align: center;vertical-align: top;}
.icon-list .name{font-size: 20px;color: #111111;font-weight: 300;display: block;margin-top: 19px;}
.img-text-2 .box{padding-top: 230px;max-width: 570px;width: 100%;margin-left: 100px;}
.img-text-2 .h1{font-size: 70px;color: #111111;font-weight: bold;line-height: 100px;margin-bottom: 20px;}
.img-text-2 .words{font-size: 36px;color: #111111;line-height: 36px;font-weight: 300;}
.img-text-3 .box{padding-top: 190px;max-width: 600px;width: 100%;}
.img-text-3 .h1{font-size: 50px;color: #111111;line-height: 60px;font-weight: bold;margin-bottom: 42px;}
.img-text-3 .words{font-size: 18px;color: #444444;line-height: 36px;font-weight: 300;}
.img-text-4 .box{padding-top: 280px;max-width: 570px;width: 100%;}
.img-text-4 .h1{font-size: 50px;color: #ffffff;font-weight: bold;margin-bottom: 55px;}
.img-text-4 .icon-list{padding-bottom: 34px;border-bottom: 1px solid #ffffff;margin-bottom: 32px;}
.img-text-4 .icon-list li{margin-bottom: 0;}
.img-text-4 .name{margin-top: 12px;font-size: 18px;color: #ffffff;line-height: 24px;}
.img-text-4 .words{font-size: 18px;color: #ffffff;line-height: 36px;font-weight: 300;}
.img-text-5 .box{max-width: 600px;width: 100%;padding-top: 340px;}
.img-text-5 .h1{font-size: 50px;color: #111111;font-weight: bold;margin-bottom: 50px;}
.img-text-5 .words{font-size: 18px;color: #111111;line-height: 36px;font-weight: 300;}
.img-text-6 .box{max-width: 600px;width: 100%;padding-top: 275px;float: right;}
.img-text-6 .h1{font-size: 50px;color: #ffffff;font-weight: bold;margin-bottom: 28px;}
.img-text-6 .words{font-size: 18px;color: #ffffff;line-height: 36px;font-weight: 300;}
.img-text-6 li{width: 25%;}
.img-text-6 .name{margin-top: 10px;font-size: 18px;color: #ffffff;line-height: 24px;font-weight: 300;}
.img-text-7 .box{max-width: 590px;width: 100%;padding-top: 230px;}
.img-text-7 .h1{font-size: 50px;color: #000000;font-weight: bold;margin-bottom: 42px;}
.img-text-7 .words{font-size: 20px;color: #111111;line-height: 36px;font-weight: 300;}
.img-text-7 .name{margin-top: 16px;font-size: 20px;color: #111111;line-height: 36px;}
.box_2 .wd{max-width: 1400px;}
.box_2{background: #f3f4f8;padding: 60px 0 36px;}
.prod-details .title{margin-bottom: 40px;}
.prod-details .title .cn{font-size: 50px;color: #111111;font-weight: bold;}
.box_2 .words{font-size: 18px;color: #111111;font-weight: 300;}
.apply-list2{margin-top: 40px;font-size: 0;}
.apply-list2 li{display: inline-block;width: 24%;margin-right: 1.33%;background: #ffffff;height: 150px;line-height: 150px;margin-bottom: 24px;padding: 0 30px;}
.apply-list2 li:nth-child(4n){margin-right: 0;}
.apply-list2 .icon{display: inline-block;width: 58px;vertical-align: top;}
.apply-list2 .name{display: inline-block;width: calc(100% - 95px);margin-left: 37px;vertical-align: top;font-size: 24px;color: #111111;}
.box_3{background: #fbfbfb;padding: 60px 0 30px;}
.box_3 .wd{max-width: 1400px;}
.box_3 .title{margin-bottom: 40px;}
.box_3 .table-box{font-size: 0;}
.box_3 .table-box li{width: 48%;margin-right: 4%;display: inline-block;vertical-align: top;}
.box_3 .table-box li:nth-child(2n){margin-right: 0;}
.box_3 table{vertical-align: top;display: inline-block;background: #ffffff;box-shadow: 0 5px 10px rgba(0,0,0,.1);margin-bottom: 30px;}
.box_3 th{font-size: 20px;color: #00a9e0;line-height: 36px;font-weight: bold;padding: 19px 26px;border-bottom: 1px solid #eeeeee;}
.box_3 td{font-size: 18px;color: #111111;line-height: 36px;padding: 13px 26px;vertical-align: top;border-bottom: 1px solid #eeeeee;border-right: 1px solid #eeeeee;}
.box_3 td:nth-child(1){min-width: 90px;}
.box_3 td:nth-child(2){font-weight: 300;border-right: 0;width: 100%;}
.box_3 tr:last-child td{border-bottom: 0;}
.box_3 .more-box{text-align: center;}
.box_3 .more{display: inline-block;width: 170px;height: 54px;line-height: 54px;text-align: center;background: #00a9e0;font-size: 30px;color: #ffffff;font-weight: bold;margin-top: 54px;}
.box_4{padding: 60px 0;}
.box_4 .wd{max-width: 1400px;}
.download-list{font-size: 0;border: 1px solid #e5e5e5;position: relative;}
.download-list>ul>li{display: inline-block;width: 33.33%;padding: 46px 15px 4px;vertical-align: top;}
.download-list>ul>li:before{content: "";position: absolute;top: 0;height: 100%;width: 1px;background: #e5e5e5;left: 33.33%;}
.download-list>ul>li:nth-child(2):before{left: 66.66%;}
.download-list .h1{font-size: 20px;color: #00a9e0;font-weight: bold;padding-bottom: 21px;border-bottom: 1px solid #e5e5e5;margin-bottom: 36px;}
.download-list .list li{margin-bottom: 24px;}
.download-list .list .words{display: inline-block;vertical-align: top;width: calc(100% - 82px);margin-right: 10px;height: 36px;line-height: 36px;font-size: 18px;color: #111111;font-weight: 300;}
.download-list .format{display: inline-block;vertical-align: top;width: 70px;height: 34px;line-height: 34px;border: 1px solid #e5e5e5;text-align: center;font-size: 16px;color: #666666;font-weight: 300;}
.box_5{margin-bottom: 58px;}
.box_5 .wd{max-width: 1400px;}
.box_5 .title{margin-bottom: 40px;}
.parts-list{font-size: 0;}
.parts-list li{display: inline-block;vertical-align: top;text-align: center;width: 18.8%;margin-right: 1.5%;position: relative;}
.parts-list li:nth-child(5n){margin-right: 0;}
.parts-list .img{margin-bottom: 30px;}
.parts-list .name{font-size: 20px;color: #111111;margin-bottom: 40px;}
.parts-list .suspend{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(66, 182, 228, .9);text-align: center;padding: 23% 3% 0;opacity: 0;transition: all .3s;}
.parts-list .h1{font-size: 20px;color: #ffffff;margin-bottom: 20px;}
.parts-list .words{font-size: 16px;color: #ffffff;line-height: 26px;}
.parts-list .more{display: inline-block;vertical-align: top;width: 100px;height: 40px;line-height: 40px;font-size: 16px;color: #111111;border-radius: 5px;background: #ffffff;margin-top: 15px;}
.parts-list li:hover .suspend{opacity: 1;}
.box_6{margin-bottom: 90px;}
.box_6 .wd{max-width: 1400px;}
.box_6 .carousel{position: relative;}
.box_6 .swiper-button-next,.box_6 .swiper-button-prev{position: absolute;top: 50%;margin-top: -30px;width: 60px;height: 60px;}
.box_6 .swiper-button-prev{left: -90px;background-image: url(../images/icon80.png);background-size: cover;}
.box_6 .swiper-button-next{right: -90px;background-image: url(../images/icon81.png);background-size: cover;}
.box_6 .suspend{position: absolute;left: 0;bottom: 0;right: 0;height: 54px;line-height: 54px;background: rgba(0,0,0,.5);padding: 0 20px;font-size: 20px;color: #ffffff;}
.product-main2 .banner .suspend{padding-top: 12%;}
.product-main2 .product{background: #f7f7f7;padding: 82px 0 77px;}
.prod-list3{font-size: 0;}
.prod-list3>ul>li{display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;background: #ffffff;padding: 80px 40px;}
.prod-list3>ul>li:nth-child(2n){margin-right: 0;}
.prod-list3>ul>li .box{height: 541px;}
.prod-list3 .text-box{display: inline-block;vertical-align: top;width: calc(100% - 255px);}
.prod-list3 .img-box{display: inline-block;vertical-align: top;width: 255px;margin-top: 95px;}
.prod-list3 .h1{margin-bottom: 65px;}
.prod-list3 .en{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 20px;}
.prod-list3 .cn{font-size: 30px;color: #000000;font-weight: bold;}
.attribute-list li{display: inline-block;vertical-align: top;width: 47%;margin-right: 6%;margin-bottom: 35px;}
.attribute-list li:nth-child(2n){margin-right: 0;}
.attribute-list .icon{display: inline-block;vertical-align: top;width: 24px;margin-right: 10px;}
.attribute-list .words{display: inline-block;vertical-align: top;width: calc(100% - 34px);font-size: 16px;color: #333333;line-height: 24px;}
.prod-list3 .more{display: inline-block;width: 130px;height: 45px;line-height: 45px;border-radius: 5px;background: #3992ee;font-size: 16px;color: #fefefe;text-align: center;margin-top: 55px;}
.prod-list3 li.special .attribute-list li{width: 100%;margin-right: 0;}
.prod-list3 li.special .icon{width: 26px;}
.prod-list3 .text-box2{display: inline-block;vertical-align: top;width: calc(100% - 36px);font-size: 16px;color: #666666;line-height: 27px;}
.prod-list3 .h2{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 5px;line-height: 27px;}
.prod-list3 li.special .attribute-list{height: 236px;}
.product-main2 .product_2{background: #f5f8fb;padding: 90px 0 0;}
.product_2 .title{margin-bottom: 45px;text-align: center;}
.product_2 .title .h1{font-size: 40px;color: #111111;font-weight: bold;}
.prod_box_1{margin-bottom: 86px;}
.prod_box_1 .nav{font-size: 0;text-align: center;}
.prod_box_1 .nav li{display: inline-block;vertical-align: top;width: 175px;height: 70px;line-height: 70px;margin: 0 65px;font-size: 20px;color: #111111;font-weight: bold;cursor: pointer;}
.prod_box_1 .nav li.on{background: #ffffff;}
.prod_box_1 .list-box li{display: none;}
.prod_box_1 .list-box li.on{display: block;}
.prod_box_1 .list-box .box{font-size: 0;background: #ffffff url(../images/img90.jpg) bottom right no-repeat;}
.prod_box_1 .img-box{display: inline-block;vertical-align: top;width: 50%;text-align: center;}
.prod_box_1 .text-box{display: inline-block;vertical-align: top;width: calc(50% - 27px);padding-top: 120px;padding-left: 27px;}
.prod_box_1 .list-box .h1{font-size: 24px;color: #111111;font-weight: bold;padding-left: 14px;border-left: 3px solid #3992ee;line-height: 24px;margin-bottom: 30px;}
.prod_box_1 .words{font-size: 16px;color: #666666;line-height: 30px;padding-left: 17px;}
.prod_box_1 .bot-box{margin-top: 55px;padding-left: 17px;}
.prod_box_1 .icon{display: inline-block;vertical-align: top;margin-right: 60px;text-align: center;}
.prod_box_1 .name{display: block;font-size: 16px;color: #666666;margin-top: 10px;}
.prod_box_2{background: #ffffff;padding-top: 80px;}
.prod_box_2 .list-box{font-size: 0;text-align: center;padding-bottom: 115px;}
.prod_box_2 .list-box li{display: inline-block;vertical-align: top;max-width: 300px;width: 100%;margin: 0 80px;}
.prod_box_2 .list-box .icon{margin-bottom: 30px;}
.prod_box_2 .list-box .name{font-size: 20px;color: #111111;font-weight: bold;margin-bottom: 10px;}
.prod_box_2 .list-box .words{font-size: 16px;color: #666666;line-height: 30px;}
.prod_box_3{min-height: 790px;background-size: cover;padding-top: 110px;}
.prod_box_3 .box{background: #ffffff;font-size: 0;padding: 55px 100px;}
.prod_box_3 .l-box2{display: inline-block;vertical-align: top;width: calc(100% - 641px);padding-right: 15px;}
.prod_box_3 .title{text-align: left;line-height: 50px;}
.prod_box_3 .r-box2{display: inline-block;vertical-align: top;width: 535px;border-left: 1px solid #eeeeee;padding-left: 90px;padding-top: 15px;}
.prod_box_3 .icon{display: inline-block;vertical-align: top;width: 80px;margin-right: 25px;}
.prod_box_3 .text-box{display: inline-block;vertical-align: top;width: calc(100% - 105px);font-size: 16px;color: #666666;line-height: 40px;}
.prod_box_3 .name{font-size: 20px;color: #111111;font-weight: bold;}
.prod_box_3 li{margin-bottom: 50px;}
.prod_box_3 li:last-child{margin-bottom: 0;}
.prod_box_3 .words{font-size: 16px;color: #111111;line-height: 30px;}
.prod_box_3 .r-box2 .h1{font-size: 20px;color: #111111;font-weight: bold;margin: 37px 0 20px;}
.prod_box_3 .more{display: inline-block;vertical-align: top;width: 120px;height: 45px;line-height: 45px;font-size: 16px;color: #ffffff;text-align: center;background: #3992ee;border-radius: 5px;margin: 57px 0 33px;}
.prod_box_4{padding: 95px 0 35px;}
.prod_box_4 .list-box{font-size: 0;text-align: center;}
.prod_box_4 li{display: inline-block;vertical-align: top;width: 25%;margin-bottom: 55px;}
.prod_box_4 .name{font-size: 20px;color: #111111;font-weight: bold;margin: 34px 0 20px;}
.prod_box_4 .words{font-size: 16px;color: #666666;line-height: 24px;}
.prod_box_4 .box{max-width: 270px;margin: 0 auto;}
.box_7{padding-top: 90px;background: #fbfbfb;}
.box_7 .h1{font-size: 40px;color: #111111;font-weight: bold;text-align: center;margin-bottom: 50px;}
.box_7 .list-box{font-size: 0;}
.box_7 li{margin-bottom: 15px;}
.box_7 .text-box{float: left;;width: 50%;padding-top: 85px;}
.box_7 .number{display: inline-block;vertical-align: top;width: 62px;height: 62px;margin-right: 38px;background-image: url(../images/icon126.png);background-size: cover;font-size: 24px;color: #ffffff;font-weight: bold;text-align: center;line-height: 62px;}
.box_7 .h2{display: inline-block;vertical-align: top;font-size: 24px;color: #000000;line-height: 36px;font-weight: bold;width: calc(100% - 100px);margin-bottom: 26px;}
.box_7 .img-box{float: right;;width: 50%;}
.box_7 .words{font-size: 16px;color: #666666;line-height: 40px;padding-left: 100px;}
.box_7 li:nth-child(2n) .text-box{float: right;padding-left: 113px;width: calc(50% - 113px);}
.box_6 .prod-list2 li{width: 100%;border-bottom: 0;margin-bottom: 0;}
.box_6 .prod-list2 .suspend{position: absolute;top: 0;left: 0;right: 6.2%;bottom: 0;background: rgba(0,170,225,.95);padding: 28% 10% 0;opacity: 0;transition: all .5s;height: auto;}
.product-main .title-box{padding: 70px 0;text-align: center;background: #f3f4f8;}
.product-main .title-box .h1{font-size: 40px;color: #111111;font-weight: bold;margin-bottom: 28px;}
.product-main .title-box .h2{font-size: 18px;color: #666666;font-weight: 300;}
.product-main .title-box2{background: #fcf8f1;}
.signin{display: inline-block;vertical-align: top;width: 141px;height: 38px;border-radius: 19px;border: 1px solid #9cc9f7;background: rgba(255, 255, 255 ,.5);font-size: 16px;color: #ffffff;line-height: 38px;margin-top: 30px;}
.product-main .product_3{padding: 90px 0 0;background: #ffffff;}
.box_8 .h1{font-size: 36px;color: #111111;font-weight: bold;margin-bottom: 60px;text-align: center;}
.box_8 .box-swiper{font-size: 0;text-align: center;}
.box_8 .text-box{position: relative;padding: 30px 10px 0;transition: all .3s;}
.box_8 .icon{margin-bottom: 18px;}
.box_8 .icon img{transition: all .3s;}
.box_8 .img_2{display: none;}
.box_8 .name{font-size: 18px;color: #111111;font-weight: bold;transition: all .3s;line-height: 1.4;}
.box_8 .carousel{position: relative;}
.box_8 .swiper-pagination{left: 0;width: 100%;bottom: -10%;}
.box_8 .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;}
.box_8 .box-swiper .box:hover .text-box{margin-top: -60px;background: #3992ee;padding-bottom: 60px;}
.box_8 .box-swiper .box:hover .img_1{display: none;}
.box_8 .box-swiper .box:hover .img_2{display: inline-block;}
.box_8 .box-swiper .box:hover .name{color: #ffffff;}
.box_8 .bot-box{font-size: 0;margin-top: 200px;padding-bottom: 80px;}
.box_8 .l-box2{display: inline-block;vertical-align: top;width: calc(50% - 140px);padding-right: 140px;}
.box_8 .r-box2{display: inline-block;vertical-align: top;width: 50%;text-align: center;position: relative;}
.box_8 .h2{font-size: 36px;color: #111111;font-weight: bold;margin-top: 50px;margin-bottom: 50px;}
.box_8 .words{font-size: 20px;color: #111111;line-height: 40px;}
.box_8 .bot-box .name{font-size: 20px;color: #111111;line-height: 40px;font-weight: bold;position: absolute;}
.box_8 .name_1{top: 11%;left: 42%;}
.box_8 .name_2{bottom: 13%;left: 18.5%;}
.box_8 .name_3{bottom: 13%;right: 19.5%;}
.box_9{min-height: 655px;background-size: cover;padding-top: 105px;}
.box_9 .h1{text-align: center;font-size: 36px;color: #ffffff;font-weight: bold;margin-bottom: 60px;}
.box_9 .list-box{font-size: 0;}
.box_9 .list-box>ul>li{display: inline-block;vertical-align: top;width: 25%;position: relative;height: 441px;overflow: hidden;background-size: cover;}
.box_9 .suspend{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(204, 212, 238, .88);padding: 30% 2% 0;text-align: center;}
.box_9 .suspend .icon{margin-bottom: 35px;}
.box_9 .suspend .name{font-size: 24px;color: #111111;font-weight: bold;}
.box_9 .suspend_2{position: absolute;top: 0;bottom: 0;left: 0;right: 100%;opacity: 0;background: #f6f8ff;padding: 75px 60px;transition: all .5s;}
.box_9 .suspend_2 li{padding-left: 28px;font-size: 16px;color: #999999;line-height: 30px;margin-bottom: 20px;background: url(../images/icon138.png) left 10px no-repeat;display: none;}
.box_9 .suspend_2 .name{color: #111111;display: block;}
.box_9 .suspend_2 .icon_2{position: absolute;top: 65%;left: 75%;}
.box_9 .list-box>ul>li.on{width: 50%;}
.box_9 .list-box>ul>li.on .suspend{opacity: 0;}
.box_9 .list-box>ul>li.on .suspend_2{opacity: 1;left: 0;right: 0;}
.box_9 .list-box>ul>li.on .suspend_2 li{display: block;}
.box_10{padding: 85px 0 90px;background: #f6f8ff;}
.box_10 .h1{font-size: 40px;color: #111111;font-weight: bold;margin-bottom: 80px;text-align: center;}
.box_10 .img_2{display: none;}
.box_10 .icon2{margin-bottom: 70px;}
.box_10 .story-swiper img{transition: all .3s;}
.box_10 .story-swiper .suspend{padding-top: 19%;}
.box_10 .story-swiper .box.on .img_1{display: none;}
.box_10 .story-swiper .box.on .img_2{display: inline-block;}
.box_10 .carousel{position: relative;}
.box_10 .carousel .swiper-pagination{left: 0;width: 100%;bottom: -10%;}
.box_10 .carousel .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;}
.box_11{padding: 75px 0 95px;background: #ffffff;}
.box_11 .h1{font-size: 40px;color: #111111;font-weight: bold;margin-bottom: 45px;text-align: center;}
.box_11 .img{border: 1px solid #eeeeee;}
.box_11 .carousel{position: relative;}
.box_11 .carousel .swiper-pagination{left: 0;width: 100%;bottom: -10%;}
.box_11 .carousel .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;}
.prod-nav-suspend{position: fixed;top: 50%;left: 0;width: 50px;background: #333333;padding: 25px 0;margin-top: -100px;z-index: 12;}
.prod-nav-suspend .open-box{text-align: center;cursor: pointer;}
.prod-nav-suspend .open{width: 24px;font-size: 18px;color: #ffffff;padding: 35px 0 40px 0;display:block;text-align: center;background: url(../images/icon150.png) top center no-repeat , url(../images/icon151.png) bottom center no-repeat;margin: 0 auto;}
.nav-popup{position: fixed;top: 50%;left: 0;background: #ffffff;padding: 30px 25px 30px 10px;width: 250px;display: none;box-shadow: 0 5px 12px rgba(0,0,0,.1);margin-top: -300px;}
.nav-popup .top{border-bottom: 1px solid #eeeeee;font-size: 0;margin-bottom: 30px;padding: 0 15px;padding-bottom: 20px;}
.nav-popup .h1{display: inline-block;vertical-align: top;font-size: 20px;color: #111111;width: calc(100% - 60px);}
.nav-popup .close{display: inline-block;vertical-align: top;font-size: 14px;color: #999999;line-height: 20px;padding-right: 30px;background: url(../images/icon151-2.png) right center no-repeat;cursor: pointer;}
.nav-popup .nav{overflow-y: auto;height: 500px;}
.nav-popup .nav::-webkit-scrollbar{display: none;}
.nav-popup .nav a{font-size: 16px;color: #666666;display: block;padding: 0 15px;background: url(../images/icon152.png) 95% center no-repeat;margin-bottom: 30px;transition: all .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nav-popup .nav a:hover{color: #00aae1;background: url(../images/icon152-2.png) 95% center no-repeat;}
.nav-popup .nav a span:nth-child(1){display: inline-block;vertical-align: top;width: 100px;}
.nav-popup .nav a:last-child{margin-bottom: 0;}
/* problem */
.problem-main .suspend{padding-top: 9%;}
.problem-main .banner .form{font-size: 0;text-align: center;margin-top: 40px;}
.problem-main .banner .text{width: 450px;padding: 0 25px;height: 60px;line-height: 60px;vertical-align: top;}
.problem-main .banner .submit{width: 100px;height: 60px;line-height: 60px;background: #1f9bde;font-size: 20px;color: #ffffff;}
.problem-main .banner .select{height: 60px;padding: 0 10px;vertical-align: top;font-size: 16px;}
.nav-box{font-size: 0;text-align: center;background: #fafafa;}
.nav-box .nav-wrap>ul>li{display: inline-block;height: 60px;line-height: 60px;margin: 0 32px;}
.nav-box .nav-wrap>ul>li>a{font-size: 16px;color: #111111;padding: 0 20px;display: block;position: relative;}
.nav-box .nav-wrap>ul>li.on>a{color: #1f9bde;}
.nav-box .nav-wrap>ul>li.on>a:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #1f9bde;}
.problem-list{margin-bottom: 87px;}
.problem-list .title{padding: 75px 0 35px;text-align: center;}
.problem-list .h1{font-size: 30px;color: #111111;font-weight: bold;}
.problem-list li{float: left;width: 48%;margin-right: 4%;border-bottom: 1px solid #eeeeee;padding: 30px 0;}
.problem-list li:nth-child(2n){margin-right: 0;}
.problem-list .ask{font-size: 0;}
.problem-list .name{font-size: 18px;color: #444444;line-height: 24px;display: inline-block;vertical-align: top;width: calc(100% - 30px);margin-right: 10px;}
.problem-list .symbol{display: inline-block;vertical-align: top;width: 20px;text-align: center;}
.problem-list i{font-style: normal;font-size: 24px;color: #666666;display: inline-block;vertical-align: top;transition: all .3s;}
.problem-list .reduce{display: none;}
.problem-list .answer{margin-top: 25px;font-size: 16px;color: #666666;display: none;line-height: 1.4;}
.problem-list .message{margin-top: 22px;font-size: 14px;color: #999999;}
.problem-list .message a{color: #1f9bde;text-decoration: underline;}
.problem-list li.on .plus{display: none;}
.problem-list li.on .reduce{display: inline-block;}
/* case */
.case-main .banner .suspend{color: #111111;padding-top: 12%;}
.case-main .banner .suspend .h1{color: #111111;}
.case-main .nav-box li.special{position: relative;}
.case-main .nav-box .drop-down{z-index: 2;display: none;position: absolute;left: 0;top: 60px;min-width: 800px;padding: 28px 27px 30px;background: #ffffff;box-shadow: 0 5px 15px rgba(0,0,0,.1);line-height: 1;text-align: left;}
.case-main .nav-box li.special>a{padding-left: 55px;background: url(../images/icon55.png) 20px center no-repeat;}
.case-main .nav-box li.special .a_2{display: none;}
.case-main .nav-box .drop-down li{display: inline-block;}
.case-main .nav-box .drop-down li a{font-size: 16px;color: #888888;}
.case-main .nav-box .column{font-size: 0;}
.case-main .nav-box .column ul{width: 200px;display: inline-block;position: relative;margin-right: 52px;vertical-align: top;}
.case-main .nav-box .column ul:last-child{margin-right: 0;width: 200px;}
.case-main .nav-box .column ul:before{content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #eeeeee;}
.case-main .nav-box .column ul:last-child:before{display: none;}
.case-main .nav-box .column li{margin-right: 10px;line-height: 40px;width: 90px;}
.case-main .nav-box .column li:nth-child(2n){margin-right: 0;}
.case-main .nav-box .column li a{font-size: 16px;color: #888888;transition: all .3s;}
.case-main .nav-box .column li:hover a{color: #111111;}
.case{padding: 42px 0;background: #f8f8f8;}
.case .title{margin-bottom: 42px;}
.case .title .h1{font-size: 30px;color: #111111;font-weight: bold;}
.case-list li{position: relative;margin-bottom: 30px;}
.case-list .img{float: left;width: 40%;}
.case-list .text-box{position: absolute;top: 0;right: 0;bottom: 0;width: 60%;background: #ffffff;padding: 2% 3% 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.case-list .place{padding: 11px 10px;font-size: 14px;color: #999999;border: 1px solid #e5e5e5;display: inline-block;margin-bottom: 3%;}
.case-list .h1{font-size: 26px;color: #111111;margin-bottom: 3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case-list .words{font-size: 16px;color: #666666;line-height: 30px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.case-list .label{margin-top: 3%;font-size: 0;}
.case-list .attribute{display: inline-block;margin-right: 10px;padding: 10px 13px;background: #f4f4f4;border-radius: 7px;font-size: 14px;color: #666666;}
.case .nav-page{margin-top: 65px;}
.case .nav-page a{background: #ffffff;}
.case .nav-form .submit{background: #ffffff;}
.case-popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;display: none;background: rgba(0,0,0,.2);}
.case-popup .popup-wrap{position: absolute;top: 50%;left: 65%;transform: translate(-50%,-50%);width: 800px;background: #ffffff;box-shadow: 0 3px 7px rgba(0,0,0,.1);}
.case-popup .box{position: relative;max-height: 60vh;padding:50px 30px 30px;}
.case-popup .h1{font-size: 26px;color: #111111;line-height: 40px;margin-bottom: 10px;}
.case-popup .text-box{overflow-y: auto;padding: 0 10px;max-height: calc(60vh - 50px);}
.case-popup .text-box::-webkit-scrollbar{display: none;}
.case-popup .words{font-size: 16px;color: #666666;line-height: 30px;}
.case-popup .close{position: absolute;top: 5%;right: 5%;font-size: 20px;width: 25px;height: 25px;line-height: 20px;text-align: center;border: 1px solid #333333;border-radius: 50%;cursor: pointer;}
/* apply */
.apply-main .banner .suspend{background-size: cover;padding: 56px 0;margin-top: 9.7%;font-size: 20px;}
.apply-main .nav-box{background: #fafafa;}
.apply-main .apply{margin: 42px 0 72px;}
.apply .title .h1{font-size: 30px;color: #111111;font-weight: bold;}
.apply-list3{font-size: 0;}
.apply-list3 li{display: inline-block;width: 48%;margin-right: 4%;position: relative;margin-bottom: 60px;}
.apply-list3 li:nth-child(2n){margin-right: 0;}
/* .apply-list3 .img{width: 52%;} */
.apply-list3 .suspend{position: absolute;width: 60%;right: 1.5%;top: 10%;background: #fbfbfb;padding: 52px 43px 28px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.apply-list3 .suspend:hover{box-shadow: 0 5px 12px rgba(0,0,0,.1);}
.apply-list3 .h1{font-size: 26px;color: #111111;margin-bottom: 21px;transition: all .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.apply-list3 .words{font-size: 16px;color: #666666;line-height: 30px;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.apply-list3 .label{margin: 26px 0 28px;font-size: 0;}
.apply-list3 .attribute{display: inline-block;vertical-align: top;padding: 10px 13px;background: #f4f4f4;border-radius: 7px;font-size: 14px;color: #666666;margin-right: 10px;transition: all .3s;}
.apply-list3 .attribute:hover{background: #f26201;color: #ffffff;}
.apply-list3 .more{display: inline-block;padding: 16px 14px;padding-right: 50px;font-size: 14px;color: #999999;background: url(../images/icon56.png) 74% center no-repeat;transition: all .3s;}
.apply-list3 .suspend:hover .more{color: #ffffff;background: #00a9e0 url(../images/icon56-2.png) 74% center no-repeat;}
.apply-list3 .suspend:hover .h1{color: #00a9e0;}
.apply-main .nav-page{margin-top: 5px;}
.apply-main2 .banner .suspend{font-size: 20px;line-height: 36px;margin-top: 10.7%;padding: 0;}
.apply-main2 .banner .suspend .box{text-align: left;max-width: 540px;padding-left: 45px;}
.apply-main2 .banner .location{bottom: 88px;}
.apply-details .box-wrap{padding: 54px 54px 40px 37px;position: relative;margin-top: -68px;background: #ffffff;}
.apply-details .title{line-height: 30px;padding-bottom: 30px;border-bottom: 1px solid #eeeeee;margin-bottom: 52px;}
.apply-details .title .h1{font-size: 30px;color: #111111;font-weight: bold;float: left;width: calc(100% - 110px);}
.apply-details .title .return-list{float: right;padding-left: 53px;font-size: 16px;color: #111111;font-weight: bold;background: url(../images/icon57.png) left center no-repeat;}
.apply-details .box-wrap{box-shadow: 0 5px 12px rgba(0,0,0,.1);margin-bottom: 66px;}
.apply-details .box-wrap .h1{font-size: 26px;color: #111111;font-weight: bold;line-height: 1;}
.apply-details .box-wrap .h2{font-size: 20px;color: #111111;font-weight: bold;line-height: 1;}
.apply-details .box-wrap .words{font-size: 16px;color: #666666;line-height: 40px;}
.apply-details .box-wrap .label{font-size: 0;padding-top: 37px;border-top: 1px solid #e5e5e5;margin-top: 53px;}
.apply-details .box-wrap .attribute{display: inline-block;vertical-align: top;padding: 10px 13px;background: #f4f4f4;border-radius: 7px;font-size: 14px;color: #666666;margin-right: 10px;transition: all .3s;}
.apply-details .box-wrap .attribute:hover{background: #f26201;color: #ffffff;}
.apply-main .prod-list2{margin-bottom: 57px;}
.apply-main .prod-list2 .h1{font-size: 26px;color: #111111;font-weight: bold;margin-bottom: 70px;}
.apply-main .prod-list2 .suspend{right: 0;}
.apply-main .prod-list2 .swiper-slide:hover .suspend{opacity: 1;}
.apply-main .apply-list3{padding: 42px 0 0;}
.apply-main .apply-list3 .carousel{position: relative;}
.apply-main .apply-list3 .wd>.h1{font-weight: bold;margin-bottom: 54px;}
.apply-main .apply-list3 .swiper-container{width: 100%;height: 450px;}
.swiper-scrollbar{height: 2px;opacity: 1 !important;background: #e5e5e5;}
.swiper-scrollbar-drag{height: 2px;background: #00a9e0;margin-top: 66px;}
.swiper-scrollbar-drag:before{content: "";position: absolute;top: -9px;right: 0;width: 10px;height: 20px;background: #00a9e0;}
/* videos */
.videos-main .banner .suspend{padding-top: 12%;}
.videos{padding: 85px 0 71px;}
.video-list{font-size: 0;}
.video-list li{display: inline-block;vertical-align: top;width: 23.4%;margin-right: 2.13%;margin-bottom: 29px;cursor: pointer;}
.video-list li:nth-child(4n){margin-right: 0;}
.video-list .img{position: relative;}
.video-list .suspend{position: absolute;left: 0;right: 0;bottom: 0;height: 50px;line-height: 50px;font-size: 14px;color: #ffffff;background: rgba(0,0,0,.5);padding: 0 20px 0 14px;}
.video-list .number{float: left;padding-left: 25px;background: url(../images/icon58.png) left center no-repeat;}
.video-list .time{float: right;}
.video-list .text-box{font-size: 16px;color: #333333;padding: 27px 21px;background: #fafafa;}
.videos .nav-page{margin-top: 44px;}
#footer{display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.bigPicLayer{ display: none; width:1000px; height:556px; position:fixed; z-index:111; top: 40% !important; margin-top:-180px ; padding: 10px; }
.bigPicLayer .close{ display:block; width:38px; height:38px; background:url(../images/close.png) no-repeat; right: -50px; top:-50px; position: relative; position:absolute; z-index:222;}
.bigPicLayer .close em{ width: 1px; height: 50px; background: #009690; display: none; position: absolute; left: 50%; margin-left: -0.5px; top: 100%;}
.bigPicLayer .imgDiv{ text-align:center;}
.bigPicLayer .imgDiv img{ width:100%;}
.bigPicLayer .imgDiv span{ display: block; text-align: center;font-size: 18px; margin-top: 16px; color: #fff; font-weight: bold; position: absolute; left: 0; top: 100%; width: 100%; }
#Layer1{position: fixed;z-index: 9;background: #000000;top: 0;left: 0;}
@media screen and (max-width: 1440px){
.bigPicLayer{ display: none; width:600px; height:350px; position:fixed; z-index:111; top: 40% !important; margin-top:-100px ; padding: 10px; }
.bigPicLayer .close{ display:block; width:38px; height:38px; background:url(../images/close.png) no-repeat; right: -50px; top:-50px; position: relative; position:absolute; z-index:222;}
.bigPicLayer .close em{ width: 1px; height: 50px; background: #0a448d; display: none; position: absolute; left: 50%; margin-left: -0.5px; top: 100%; }
.bigPicLayer .imgDiv{ text-align:center;}
.bigPicLayer .imgDiv img{ width:100%;}
.bigPicLayer .imgDiv span{ display: block; text-align: center;font-size: 18px; margin-top: 16px; color: #fff; font-weight: bold; position: absolute; left: 0; top: 100%; width: 100%; }
}
@media screen and (max-width: 1004px){
.bigPicLayer{ width:300px; height:auto; padding: 0px; margin-top:-150px;}
.bigPicLayer .close{ display:block; width:38px; height:38px; background:url(../images/close.png) no-repeat; right: -50px; top:-50px; position: relative; position:absolute; z-index:222;}
.bigPicLayer .close em{ width: 1px; height: 20px; background: #0a448d; display: none; position: absolute; left: 50%; margin-left: -0.5px; top: 100%; }
.bigPicLayer .imgDiv{ height:169px;}
}
/* download */
.download-main .banner .suspend{padding-top: 12%;}
.download{padding: 74px 0 63px;}
.download .form{font-size: 0;padding-bottom: 18px;margin-bottom: 22px;border-bottom: 1px solid #e5e5e5;}
.download .form form{display: inline-block;vertical-align: top;width: calc(100% - 200px);}
.download .form .select{width: 250px;height: 50px;line-height: 50px;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 18px;margin-right: 20px;font-size: 16px;color: #444444;vertical-align: top;background: url(../images/icon59.png) 91% center no-repeat;}
.download .form .text{width: 212px;height: 48px;line-height: 48px;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 18px;margin-right: 10px;vertical-align: top;}
.download .form .submit{width: 80px;height: 50px;background: #1f9bde;font-size: 16px;color: #ffffff;border-radius: 5px;vertical-align: top;}
.download .form .text::-webkit-input-placeholder {color: #999;font-size: 14px;}
.download .form .text::-moz-placeholder {color: #999;font-size: 14px;}
.download .form .text:-ms-input-placeholder { color: #999;font-size: 14px;}
.download .result{font-size: 16px;color: #444444;text-align: right;display: inline-block;vertical-align: top;width: 200px;line-height: 50px;}
.download-list2{font-size: 0;}
.download-list2 li{display: inline-block;vertical-align: top;width: 48%;margin-right: 4%;background: #fafafa;margin-bottom: 30px;height: 100px;line-height: 100px;}
.download-list2 li:nth-child(2n){margin-right: 0;}
.download-list2 .name{display: inline-block;vertical-align: top;width: calc(100% - 230px);padding: 0 15px 0 105px;background-position: 40px center;font-size: 18px;color: #444444;background-repeat: no-repeat;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.download-list2 .icon{display: inline-block;vertical-align: top;width: 110px;height: 100px;background: url(../images/icon61.png);background-size: cover;}
.download .nav-page{margin-top: 30px;}
.download-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 9;display: none;}
.download-popup .form{position: absolute;top: 50%;left: 50%;width: 800px;height: 280px;margin-top: -140px;margin-left: -400px;background: #ffffff;}
.download-popup .form-wrap{position: relative;padding: 45px 34px 38px;}
.download-popup .h1{font-size: 24px;color: #111111;font-weight: bold;margin-bottom: 30px;text-align: center;}
.download-popup .close{position: absolute;top: 10px;right: 15px;width: 25px;height: 25px;cursor: pointer;}
.download-popup form{font-size: 0;}
.download-popup .text-box{display: inline-block;vertical-align: top;width: 318px;height: 58px;line-height: 58px;border: 1px solid #e5e5e5;margin-right: 30px;padding: 0 15px;margin-bottom: 22px;}
.download-popup .text-box:nth-child(2){margin-right: 0;}
.download-popup i{font-size: 16px;color: #e41313;display: inline-block;vertical-align: top;font-style: normal;}
.download-popup .text{height: 58px;line-height: 58px;width: calc(100% - 10px);}
.download-popup .submit-box{text-align: center;}
.download-popup .submit{width: 200px;height: 60px;background: #1f9bde;font-size: 16px;color: #ffffff;font-weight: bold;}
/* news */
.news-main .banner .suspend{padding-top: 12%;}
.news2{padding: 84px 0 71px;}
.news2 .l-box{float: left;width: calc(100% - 440px);margin-right: 40px;}
.news-list2 li{padding: 18px;transition: all .3s;margin-bottom: 4px;}
.news-list2 .img-box{float: left;width: 300px;position: relative;}
.news-list2 .suspend{position: absolute;top: 15px;left: 15px;}
.news-list2 .category{display: inline-block;padding: 9px 12px;background: rgba(0,0,0,.5);font-size: 14px;color: #ffffff;transition: all .3s;}
.news-list2 .text-box{float: left;width: calc(100% - 350px);margin-left: 50px;}
.news-list2 .h1{font-size: 24px;color: #111111;margin-bottom: 26px;transition: all .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-list2 .time{font-size: 14px;color: #999999;margin-bottom: 18px;}
.news-list2 .words{font-size: 16px;color: #666666;line-height: 30px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.news-list2 .more{display: inline-block;padding-right: 48px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666666;background: url(../images/icon63.png) 80% center no-repeat;margin-top: 21px;transition: all .3s;}
.news2 .r-box{float: right;width: 400px;}
.news-list2 li:hover{background: #fafafa;}
.news-list2 li:hover .category{background: #1f9bde;}
.news-list2 li:hover .h1{color: #1f9bde;}
.news-list2 li:hover .more{background: #1f9bde url(../images/icon63-2.png) 80% center no-repeat;padding-left: 16px;color: #ffffff;}
.news-main .nav-page{margin-top: 52px;}
.news-main .r-box .box{border: 1px solid #eeeeee;padding: 27px 19px 0;margin-bottom: 30px;}
.news-main .r-box .box .h1{font-size: 20px;color: #111111;padding-bottom: 14px;border-bottom: 1px solid #e5e5e5;}
.article-list{margin-top: 11px;}
.article-list li{padding: 15px 0;border-bottom: 1px dashed #eeeeee;font-size: 0;}
.article-list li.special{padding: 0;border: 0;margin-bottom: 5px;}
.article-list li:last-child{border: 0;margin-bottom: 21px;}
.article-list .number{display: inline-block;vertical-align: top;width: 18px;height: 18px;line-height: 18px;text-align: center;border: 1px solid #e5e5e5;font-size: 12px;color: #888888;margin-right: 12px;}
.article-list .words{display: inline-block;vertical-align: top;width: calc(100% - 32px);line-height: 20px;font-size: 16px;color: #666666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-main .label-box.box{margin-bottom: 39px;}
.label-list{font-size: 0;margin-top: 24px;margin-bottom: 13px;}
.label-list li{display: inline-block;vertical-align: top;}
.label-list li a{display: block;padding: 14px 12px;border-radius: 5px;background: #fafafa;font-size: 14px;color: #999999;margin-right: 20px;margin-bottom: 20px;transition: all .3s;}
.label-list li a:hover{background: #1f9bde;color: #ffffff;}
.news-main .video-box{margin-bottom: 52px;}
.news-main .video-box .video{position: relative;border: 1px solid #eeeeee;}
.news-main .video-box .h1{font-size: 20px;color: #111111;padding-bottom: 14px;border-bottom: 1px solid #e5e5e5;margin-bottom: 19px;}
.news-main .video-box .play-button{position: absolute;top: 50%;left: 50%;width: 68px;height: 68px;margin-top: -34px;margin-left: -34px;}
.news-main .video-box .suspend{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.5);padding: 0 20px;font-size: 16px;color: #ffffff;line-height: 60px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.recommend-box .h1{font-size: 20px;color: #111111;padding-bottom: 14px;border-bottom: 1px solid #e5e5e5;margin-bottom: 19px;}
.recommend-box .img-box{border: 1px solid #eeeeee;}
.recommend-box .suspend{position: absolute;top: 17%;left: 5%;right: 5%;font-size: 20px;color: #ffffff;text-align: center;}
.recommend-box .suspend .name{font-size: 24px;color: #ffffff;font-weight: bold;margin-bottom: 16px;line-height: 1;}
.recommend-swiper .swiper-pagination{bottom: 12px;}
.recommend-swiper .swiper-pagination-bullet{width: 9px;height: 9px;margin: 0 6px !important;}
.news-details{box-shadow: 0 5px 10px rgba(0,0,0,.2);padding: 48px 29px 34px;}
.news-details .title{padding-bottom: 23px;border-bottom: 1px solid #e5e5e5;margin-bottom: 25px;text-align: center;}
.news-details .title .h1{font-size: 30px;color: #111111;margin-bottom: 26px;}
.news-details .title .bot-box{font-size: 0;}
.news-details .title li{display: inline-block;vertical-align: top;font-size: 14px;color: #bbbbbb;margin: 0 32px;}
.news-details .title .shake a{display: inline-block;vertical-align: top;margin-right: 9px;}
.news-details .text-box{font-size: 16px;color: #666666;line-height: 30px;}
.news-details .text-box .h1{font-size: 20px;color: #333333;font-weight: bold;}
.news-details .about-text{padding: 30px 2px 37px;background: #fafafa;margin-top: 33px;margin-bottom: 24px;}
.news-details .about-text .h1{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 23px;border-left: 4px solid #1f9bde;padding-left: 14px;}
.news-details .about-text .words{font-size: 16px;color: #333333;line-height: 30px;padding: 0 20px;}
.up-down-return .up-down{float: left;width: calc(100% - 150px);}
.up-down-return .up-down a{display: block;font-size: 16px;color: #333333;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.up-down-return .return-list{float: right;margin-top: 30px;}
.up-down-return .return-list a{display: inline-block;padding: 16px 24px 16px 50px;font-size: 16px;color: #333333;border: 1px solid #e5e5e5;background: url(../images/icon68.png) 19px center no-repeat;}
/* about */
.about-main .banner .suspend{padding-top: 12%;line-height: 36px;}
.about{padding: 94px 0 83px;background: #f5f5f5;}
.contact-box{background: #ffffff;font-size: 0;margin-bottom: 42px;}
.contact-box .l-box{display: inline-block;vertical-align: top;width: calc(100% - 1050px);padding: 77px 45px 0;}
.contact-box .h1{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 60px;}
.contact-box .mode-list li{margin-bottom: 47px;}
.contact-box .mode-list .icon{display: inline-block;vertical-align: top;width: 25px;margin-right: 20px;}
.contact-box .mode-list .text-box{display: inline-block;vertical-align: top;width: calc(100% - 45px);font-size: 24px;color: #222222;line-height: 24px;}
.contact-box .mode-list .name{font-size: 16px;margin-bottom: 10px;}
.contact-box .r-box{display: inline-block;vertical-align: top;width: 960px;padding: 25px 0;}
.contact-box .img-box{position: relative;display: inline-block;vertical-align: top;width: 665px;}
.contact-box .phone{position: absolute;border: 2px solid #eeeeee;border-radius: 5px;top: 42%;left: 18%;background: #1f9bde;padding: 24px 15px;box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.contact-box .phone .icon{display: inline-block;vertical-align: top;width: 19px;margin-right: 10px;}
.contact-box .phone .text-box{display: inline-block;vertical-align: top;font-size: 24px;color: #ffffff;font-weight: bold;}
.contact-box .phone .name{font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.contact-box .place{position: absolute;}
.contact-box .place .icon{display: inline-block;vertical-align: top;width: 26px;height: 40px;background: url(../images/icon72.png);background-size: cover;}
.contact-box .place .name{display: inline-block;vertical-align: top;font-size: 16px;color: #ffffff;padding: 13px 19px;background: #f26201;position: relative;margin-left: 15px;border-radius: 5px;}
.contact-box .place .name:before{content:"";position: absolute;width: 18px;height: 42px;background: url(../images/icon73.png) center center no-repeat;left: -18px;top: 0;}
.contact-box .place_1{top: 49%;left: 60%;}
.contact-box .place_2{top: 79.5%;left: 72.5%;}
.contact-box .data-box{display: inline-block;vertical-align: top;width: calc(100% - 825px);padding: 0 50px 0 110px;margin-top: 38px;}
.contact-box .data-box li{margin-bottom: 28px;}
.contact-box .number{font-size: 20px;color: #222222;margin-bottom: 15px;}
.contact-box .words{font-size: 14px;color: #666666;line-height: 20px;}
.contact-box .data-box .icon{display: block;width: 100%;height: 1px;background: #e5e5e5;position: relative;margin-top: 23px;}
.contact-box .data-box .icon:before{content: "";position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #1f9bde;}
.address{font-size: 0;margin-bottom: 40px;}
.address-list>ul>li{display: inline-block;vertical-align: top;width: 48%;margin-right: 4%;background: #ffffff url(../images/img73.jpg) right bottom no-repeat;padding: 72px 40px 0;height: 340px;margin-bottom: 2%;}
.address-list>ul>li:nth-child(2n){margin-right: 0;}
.address-list .h1{font-size: 20px;color: #000000;font-weight: bold;margin-bottom: 34px;}
.address-list .list-box li{margin-bottom: 20px;}
.address-list .list-box .icon{display: inline-block;vertical-align: top;width: 18px;height: 20px;margin-right: 10px;}
.address-list .list-box .words{display: inline-block;vertical-align: top;width: calc(100% - 30px);line-height: 20px;font-size: 16px;color: #333333;}
.consult{padding: 77px 117px 44px;background: #ffffff;}
.consult .top{font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 28px;}
.consult .h1{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 27px;}
.consult .form i{font-style: normal;color: #dc0808;}
.consult label{width: calc(100% - 40px);height: 60px;background: #f8f8f8;font-size: 0;margin-bottom: 20px;display: inline-block;padding: 0 20px;}
.consult .name{display: inline-block;vertical-align: top;font-size: 16px;color: #666666;line-height: 60px;margin-right: 10px;}
.consult .text{display: inline-block;vertical-align: top;background: #f8f8f8;height: 60px;line-height: 60px;min-width: 60%;font-size: 16px;color: #666666;}
.consult .box{font-size: 0;}
.consult .la_2{width: calc(49% - 40px);margin-right: 2%;}
.consult .box .la_2:nth-child(2n){margin-right: 0;}
.consult .sel{display: inline-block;vertical-align: top;background: #f8f8f8;height: 60px;line-height: 60px;width: calc(100% - 150px);background: url(../images/icon78.png) right center no-repeat;font-size: 16px;color: #666666;}
.consult .tarea-box{height: auto;}
.consult .tarea-box .tarea{height: 150px;font-family: "microsoft yahei";}
.consult .submit{width: 200px;height: 60px;background: #1f9bde;font-size: 16px;color: #ffffff;font-weight: bold;margin: 0 auto;display: block;margin-top: 12px;cursor: pointer;}
/*introduce*/
.introduce{padding: 85px 0 75px;}
.introduce .title{margin-bottom: 34px;}
.introduce .title .h1{font-size: 40px;color: #111111;font-weight: bold;margin-bottom: 22px;}
.introduce .title .en{font-size: 14px;color: #999999;}
.profile{font-size: 0;margin-bottom: 80px;}
.profile .text-box{display: inline-block;vertical-align: top;width: calc(50% - 60px);padding-right: 60px;}
.profile .words{font-size: 16px;color: #444444;line-height: 36px;}
.profile .img-box{display: inline-block;vertical-align: top;width: 50%;text-align: right;}
.culture{padding: 85px 0 90px;background: #fafafa;}
.culture .title{margin-bottom: 73px}
.culture .box{font-size: 0;}
.culture .text-box{display: inline-block;vertical-align: top;width: calc(100% - 1060px);}
.culture .img-box{display: inline-block;vertical-align: top;width: 1060px;}
.culture-list li{font-size: 0;margin-bottom: 30px;}
.culture-list .icon{display: inline-block;vertical-align: top;width: 21px;margin-right: 9px;line-height: 36px;}
.culture-list .text-box2{display: inline-block;vertical-align: top;width: calc(100% - 30px);line-height: 36px;font-size: 16px;color: #444444;}
.culture-list .name{font-size: 16px;color: #222222;font-weight: bold;}
.advantages{min-height: 500px;background-size: cover;}
.advantages .box{padding-top: 115px;max-width: 560px;width: 100%;}
.advantages .words{font-size: 16px;color: #000000;line-height: 36px;}
.advantages-list{position: relative;padding: 50px 40px;margin-top: -120px;background: #ffffff;}
.advantages-list li{margin-bottom: 40px;}
.advantages-list .img-box{float: left;width: 800px;}
.advantages-list .text-box{float: left;width: calc(100% - 850px);margin-top: 80px;padding-left: 50px;}
.advantages-list .h1{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 30px;}
.advantages-list .words{font-size: 16px;color: #666666;line-height: 36px;}
.advantages-list li:nth-child(2n) .img-box{float: left;}
.advantages-list li:nth-child(2n) .text-box{float: right;padding-left: 90px;width: calc(100% - 890px);}
.record{padding: 90px 0 97px;background: #fafafa;position: relative;}
.record .title{text-align: center;position: relative;z-index: 1;margin-bottom: 90px;}
.record .years{position: absolute;font-size: 400px;color: #f4f4f4;z-index: 0;left: 50%;transform: translateX(-50%);top: 120px;}
.record .view .swiper-container{height: 121px;line-height: 121px;}
.record .view .swiper-slide .icon{position: absolute;width: 100%;top: 44%;line-height: 1;}
.record .view .swiper-slide:nth-child(1) .icon_1{-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);}
.record .view .swiper-slide:nth-child(1) .icon_2{-ms-transform:translateX(-200%);-moz-transform:translateX(-200%);-webkit-transform:translateX(-200%);-o-transform:translateX(-200%);;}
.record .view .swiper-slide:nth-child(1) .icon_3{-ms-transform:translateX(-300%);-moz-transform:translateX(-300%);-webkit-transform:translateX(-300%);-o-transform:translateX(-300%);}
.record .view .swiper-slide:nth-child(1) .icon_4{-ms-transform:translateX(-400%);-moz-transform:translateX(-400%);-webkit-transform:translateX(-400%);-o-transform:translateX(-400%);}
.record .view .swiper-slide:last-child .icon_5{-ms-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-o-transform:translateX(100%);}
.record .view .swiper-slide:last-child .icon_6{-ms-transform:translateX(200%);-moz-transform:translateX(200%);-webkit-transform:translateX(200%);-o-transform:translateX(200%);}
.record .view .swiper-slide:last-child .icon_7{-ms-transform:translateX(300%);-moz-transform:translateX(300%);-webkit-transform:translateX(300%);-o-transform:translateX(300%);}
.record .view .swiper-slide:last-child .icon_8{-ms-transform:translateX(400%);-moz-transform:translateX(400%);-webkit-transform:translateX(400%);-o-transform:translateX(400%);}
.record .year{position: absolute;bottom: 0;right: -18px;font-size: 24px;color: #222222;font-family: arial;transition: all .3s;line-height: 1;}
.record .view .swiper-slide:nth-child(2n) .year{bottom: auto;top: 0;}
.record .preview{position: relative;padding: 0 100px;}
.record .preview .swiper-slide{font-size: 16px;color: #999999;text-align: center;line-height: 50px;height: 50px;transition: all .3s;}
.record .box{width: 860px;margin: 0 auto;font-size: 0;}
.record .img-box{display: inline-block;vertical-align: top;width: 250px;margin-right: 60px}
.record .text-box{display: inline-block;vertical-align: top;width: calc(100% - 310px);font-size: 16px;color: #222222;line-height: 36px;padding-top: 10px;}
.record .view{position: relative;}
.record .swiper-button-prev{position: absolute;left: -50px;width: 40px;height: 40px;background-image: url(../images/icon80.png);background-size: cover;top: 50%;margin-top: -20px;transition: all .3s;z-index: 2;}
.record .swiper-button-next{position: absolute;right: -50px;width: 40px;height: 40px;background-image: url(../images/icon81.png);background-size: cover;top: 50%;margin-top: -20px;transition: all .3s;z-index: 2;}
.record .swiper-button-prev:hover{background-image: url(../images/icon80-2.png);}
.record .swiper-button-next:hover{background-image: url(../images/icon81-2.png);}
.record-list{margin: 72px 0 0;position: relative;z-index: 1;}
.record-list li{display: none;}
.record-list li.on{display: block;}
.record .preview .active-nav{color: #1f9bde;}
.record .preview .active-nav:before{content: "";position: absolute;width: 52px;height: 2px;background: #1f9bde;left: 50%;margin-left: -26px;bottom: 0;}
.record .swiper-slide-active .year{width: 134px;height: 121px;line-height: 121px;background-image: url(../images/icon79.png);background-size: cover;z-index: 9;text-align: center;font-size: 40px;color: #ffffff;text-indent: 10px;}
.honor{padding: 110px 0 0;}
.honor .title{text-align: center;margin-bottom: 50px;}
.honor .swiper-button-next,.honor .swiper-button-prev{width: 40px;height: 40px;margin-top: -20px;transition: all .3;}
.honor .swiper-button-prev{left: 7px;background-image: url(../images/icon82.png);background-size: cover;}
.honor .swiper-button-next{right: 7px;background-image: url(../images/icon83.png);background-size: cover;}
.honor .swiper-button-prev:hover{background-image: url(../images/icon82-2.png);}
.honor .swiper-button-next:hover{background-image: url(../images/icon83-2.png);}
.honor .img{border: 1px solid #eeeeee;padding: 20px 20px;}
.honor-list li{display: none;}
.honor-list li.on{display: block;}
.honor-nav{font-size: 0;text-align: center;margin-top: 58px;}
.honor-nav li{display: inline-block;vertical-align: top;padding: 0 10px;position: relative;padding-bottom: 25px;font-size: 20px;color: #222222;margin: 0 38px;cursor: pointer;transition: all .3s;}
.honor-nav li.on{color: #1f9bde;}
.honor-nav li.on:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #1f9bde;}
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}
/*recruit*/
.recruit-main .banner .suspend{padding-top: 11%;}
.recruit-main .banner .suspend .h1{margin-bottom: 50px;}
.recruit-main .banner .form{width: 800px;margin: 0 auto;text-align: left;}
.recruit-main .banner .box{font-size: 0;margin-bottom: 24px;}
.recruit-main .banner .text{display: inline-block;vertical-align: top;width: calc(100% - 150px);height: 60px;line-height: 60px;padding: 0 25px;background: rgba(255,255,255,.9);}
.recruit-main .banner .submit{width: 100px;height: 60px;font-size: 20px;color: #ffffff;background: #1f9bde;}
.recruit-main .banner .la_1{display: inline-block;vertical-align: top;margin-right: 38px;font-size: 18px;color: #ffffff;line-height: 18px;position: relative;}
.recruit-main .banner .radio{width: 15px;height: 15px;margin-right: 15px;margin-top: 1px;}
.recruit-main .banner .icon{position: absolute;top: 1px;left: 0;width: 15px;height: 15px;background-image: url(../images/icon90.png);background-size: cover;}
.recruit-main .banner input:checked+span{background-image: url(../images/icon89.png);}
.recruit{padding: 95px 0 55px;background: #fafafa;}
.recruit .h1{font-size: 30px;color: #000000;margin-bottom: 30px;}
.recruit .table{padding: 40px 30px 35px;box-shadow: 0 3px 7px rgba(0,0,0,.2);background: #ffffff;}
.recruit th{font-size: 20px;color: #000000;font-weight: bold;text-align: left;width: 24%;padding: 0 45px;padding-bottom: 28px;}
.recruit .special{opacity: 0;width: 6%;}
.recruit tbody>tr>td{background: #fafafa;}
.recruit tbody>tr:nth-child(2n) td{background: #ffffff;}
.recruit .top{cursor: pointer;}
.recruit .top td{font-size: 16px;color: #111111;width: 24%;line-height: 20px;padding: 30px 45px;}
.recruit .state{width: 6%;padding: 0;font-size: 16px;color: #666666;font-weight: bold;}
.recruit .close{display: none;}
.recruit .state.on .close{display: block;}
.recruit .state.on .open{display: none;}
.recruit .bot{padding: 0 30px;display: none;}
.recruit .bot .box{padding: 20px 15px;border-top: 1px solid #eeeeee;}
.recruit .words{font-size: 16px;color: #666666;line-height: 36px;}
.recruit .more{text-align: center;margin-top: 10px;}
.recruit .more span{display: inline-block;vertical-align: top;width: 150px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #ffffff;font-weight: bold;background: #1f9bde;cursor: pointer;}
.recruit-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.2);display: none;}
.recruit-popup .box{position: absolute;top: 50%;left: 50%;width: 1000px;margin-left: -500px;background: #ffffff;margin-top: -186px;}
.recruit-popup .filebox{position: relative;margin: 15px 0 4px;}
.recruit-popup .file_2{width: 292px;height: 38px;border: 1px solid #eeeeee;}
.recruit-popup .file_2 span{display: inline-block;vertical-align: top;width: 98px;height: 38px;border-right: 1px solid #eeeeee;line-height: 38px;text-align: center;font-size: 16px;color: #333333;background: #f9f9f9;}
.recruit-popup .file{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;opacity: 0;width: 100%;}
.recruit-popup .h1{font-size: 20px;color: #000000;font-weight: bold;padding-bottom: 22px;border-bottom: 1px solid #eeeeee;margin-bottom: 25px;}
.recruit-popup .box-wrap{position: relative;padding: 30px 35px 50px 35px;}
.recruit-popup .close{width: 23px;height: 23px;position: absolute;top: 14px;right: 11px;cursor: pointer;}
.recruit-popup .bot-box{font-size: 0;}
.recruit-popup .form{display: inline-block;vertical-align: top;width: 540px;border-right: 1px solid #eeeeee;padding-right: 70px;}
.recruit-popup .form .words{font-size: 16px;color: #666666;line-height: 30px;}
.recruit-popup .tips{font-size: 14px;color: #999999;line-height: 36px;display: inline-block;margin-bottom: 19px;}
.recruit-popup .submit{display: inline-block;vertical-align: top;width: 150px;height: 50px;line-height: 50px;font-size: 16px;color: #ffffff;background: #1f9bde;margin-right: 37px;cursor: pointer;}
.recruit-popup .return{font-size: 16px;color: #1f9bde;cursor: pointer;line-height: 50px;}
.recruit-popup .mode-list{display: inline-block;vertical-align: top;width: calc(100% - 634px);margin-left: 23px;margin-top: 8px;}
.recruit-popup .mode-list li{margin-bottom: 20px}
.recruit-popup .mode-list .icon{width: 20px;height: 20px;line-height: 20px;display: inline-block;vertical-align: top;margin-right: 15px;}
.recruit-popup .mode-list .words{display: inline-block;vertical-align: top;width: calc(100% - 35px);font-size: 16px;color: #666666;line-height: 20px;}
/*partner*/
.partner-main .banner .suspend{padding-top: 12%;}
.partner .title .h1{font-size: 40px;color: #000000;font-weight: bold;}
.win-win{font-size: 0;}
.win-win .title{padding-bottom: 44px;border-bottom: 1px solid #eeeeee;margin-bottom: 32px;}
.win-win .text-box{display: inline-block;vertical-align: top;width: calc(100% - 1220px);margin-top: 95px;padding-right: 100px;padding-left: 160px}
.win-win .img-box{display: inline-block;vertical-align: top;width: 960px;}
.win-win .words{font-size: 16px;color: #444444;line-height: 36px;}
.win-win .bot-box{margin-top: 70px;font-size: 0;}
.win-win .hotline{margin-right: 100px;}
.hotline{padding-left: 50px;background: url(../images/icon95.png) left center no-repeat;font-size: 24px;color: #1f9bde;font-weight: bold;display: inline-block;vertical-align: top;}
.hotline .name{font-size: 16px;color: #666666;font-weight: normal;margin-bottom: 10px;}
.consult-but{display: inline-block;vertical-align: top;width: 150px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #ffffff;background: #1f9bde url(../images/icon96.png) 20% center no-repeat;text-indent: 35px;cursor: pointer;}
.process{padding: 120px 0 93px;background: #fafafa;}
.process .title{margin-bottom: 55px;}
.process-list{font-size: 0;}
.process-list li{display: inline-block;vertical-align: top;width: 20%;position: relative;}
.process-list li:before{content: "";position: absolute;top: 50%;right: -25px;width: 50px;height: 10px;margin-top: -5px;background-image: url(../images/icon94.jpg);background-size: cover;}
.process-list li:last-child:before{display: none;}
.process-list .box{width: 154px;height: 154px;border-radius: 50%;border: 1px solid #eeeeee;padding: 10px;margin: 0 auto;position: relative;}
.process-list .round{border:12px solid #eeeeee;background: #ffffff;width: 130px;height: 130px;border-radius: 50%;overflow: hidden;line-height: 130px;text-align: center;}
.process-list .name{font-size: 16px;color: #444444;line-height: 26px;vertical-align: middle;display: inline-block;}
.process-list .number{position: absolute;width: 26px;height: 26px;line-height: 26px;font-size: 16px;color: #ffffff;text-align: center;background: #1f9bde;border-radius: 50px;right: 22px;bottom: 20px;}
.partnership .data-box{font-size: 0;text-align: center;padding: 90px 0 70px}
.partnership .data-box li{width: 25%;display: inline-block;vertical-align: top;}
.partnership .data-box i{font-style: normal;}
.partnership .data-box .top{font-size: 14px;color: #999999;font-weight: 300;margin-bottom: 30px}
.partnership .data-box .top span{font-size: 70px;color: #1f9bde;font-family: arial;}
.partnership .data-box .words{font-size: 14px;color: #444444;}
.partnership .map{margin-bottom: 75px;}
.partnership .message{min-height: 970px;background-size: cover;padding-top: 30px;border-top: 1px solid #eeeeee;}
.partnership .message .title .h1{line-height: 50px;margin-bottom: 55px;margin-top: 12px;}
.partnership .message .title .icon{display: inline-block;vertical-align: top;width: 70px;height: 4px;background: #1f9bde;margin-bottom: 54px;}
.partnership .message .box{font-size: 0;padding-top: 37px;}
.partnership .message .text-box{display: inline-block;vertical-align: top;width: 375px;padding-right: 120px}
.partnership .message .text-box .words{font-size: 16px;color: #444444;line-height: 30px;}
.partnership .message .hotline{margin-top: 60px;}
.message-box{display: inline-block;vertical-align: top;width: calc(100% - 495px);}
.message-box .form{border: 10px solid #eeeeee;font-size: 0;background: #ffffff;}
.message-box form{padding: 50px 35px 35px;}
.message-box .form-list li{display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-bottom: 20px;}
.message-box .form-list li:nth-child(2n){margin-right: 0;}
.message-box i{font-style: normal;color: #d80a0a;}
.message-box .name{display: inline-block;vertical-align: top;font-size: 16px;color: #000000;width: 125px;text-align: right;height: 50px;line-height: 50px;margin-right: 8px;}
.message-box .text{display: inline-block;vertical-align: top;width: calc(100% - 155px);height: 48px;line-height: 48px;border: 1px solid #e5e5e5;padding: 0 10px;font-size: 16px;color: #000000;}
.message-box li.special{width: 100%;margin-right: 0;}
.message-box .check-box{font-size: 0;display: inline-block;vertical-align: top;width: calc(100% - 155px);line-height: 50px;padding-bottom: 18px;border-bottom: 1px solid #eeeeee;}
.message-box .check{display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;background-image: url(../images/icon17.png);background-size: cover;}
.message-box .check-box label{display: inline-block;font-size: 16px;color: #666666;margin-right: 35px;position: relative;}
.message-box .check-box label:last-child{margin-right: 0;}
.message-box .check-box .icon{position: absolute;width: 20px;height: 20px;top: 15px;left: 0;}
.message-box .text_2{display: inline-block;vertical-align: middle;width: 148px;height: 38px;border: 1px solid #eeeeee;margin-left: 17px;padding: 0 10px;font-size: 16px;color: #000000;}
.message-box li.special .check-box{padding-bottom: 0;border-bottom: 0;}
.message-box li.special .check-box label{margin-right: 25px;}
.message-box li.special .check-box label:last-child{margin-right: 0;}
.message-box li.special_2 .name{line-height: 30px;height: auto;padding-top: 10px;}
.message-box .tarea{height: 178px;font-family: "microsoft yahei";font-size: 16px;color: #000000;}
.message-box .submit-box{text-align: center;}
.message-box .submit{display: inline-block;vertical-align: top;width: 180px;height: 60px;font-size: 16px;color: #ffffff;font-weight: bold;background: #1f9bde;margin-top: 18px;cursor: pointer;}
/* service */
.service-main .banner .suspend{padding-top: 12%;}
.service{padding: 95px 0 0;}
.service .title{text-align: center;margin-bottom: 50px;}
.service .title .h1{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 20px;}
.service .title .h2{font-size: 16px;color: #999999;}
.ensure{margin-bottom: 85px;}
.ensure-swiper .box{position: relative;text-align: center;}
.ensure-swiper .img_2{display: none;}
.ensure-swiper .text-box{padding: 0 18px 65px;transition: all .3s;}
.ensure-swiper .icon{position: relative;margin-top: -60px;border-radius: 50%;background: #ffffff;display: inline-block;overflow: hidden;margin-bottom: 28px;}
.ensure-swiper .icon img{transition: all .3s;}
.ensure-swiper .h1{font-size: 24px;color: #1f9bde;font-weight: bold;margin-bottom: 20px;transition: all .3s;}
.ensure-swiper .words{font-size: 16px;color: #666666;line-height: 30px;transition: all .3s;}
.ensure-swiper .box:hover{background: #1f9bde;}
.ensure-swiper .box:hover .icon{background: #1f9bde;}
.ensure-swiper .box:hover .img_1{display: none;}
.ensure-swiper .box:hover .img_2{display: inline-block;}
.ensure-swiper .box:hover .h1{color: #ffffff;}
.ensure-swiper .box:hover .words{color: #ffffff;}
.support{padding: 0 0 110px;}
.support-swiper .box{text-align: center;padding: 65px 0 40px;position: relative;}
.support-swiper .icon{margin-bottom: 30px;}
.support-swiper .name{font-size: 24px;color: #ffffff;font-weight: bold;margin-bottom: 15px;}
.support-swiper .more{font-size: 16px;color: #e1e1e1;display: inline-block;padding-right: 25px;line-height: 25px;background: url(../images/icon148.png) right center no-repeat;}
.support-swiper .support_1{background: #388ded;}
.support-swiper .support_2{background: #388ded;}
.support-swiper .support_3{background: #388ded;}
.support-swiper .suspend{background: #ffffff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: all .3s;}
.support-swiper .support_2 .suspend{border-top: 35px solid #48bf6c;border-right: 40px solid #48bf6c;border-bottom: 35px solid #48bf6c;border-left: 40px solid #48bf6c;}
.support-swiper .support_3 .suspend{border-top: 35px solid #f6af2a;border-right: 40px solid #f6af2a;border-bottom: 35px solid #f6af2a;border-left: 40px solid #f6af2a;}
.support-swiper .box:hover .suspend{opacity: 1;}
.support-swiper .icon_2{margin-top: 38px;margin-bottom: 20px;}
.support-swiper .words{font-size: 18px;color: #444444;line-height: 38px;}
.support-swiper .name_2{font-size: 18px;color: #444444;font-weight: bold;margin-top: 28px;margin-bottom: 15px;}
.triangle{padding: 60px 0 110px;background: #fafafa;}
.triangle .box{margin-bottom: 50px;}
.triangle .box .img-box{display: inline-block;vertical-align: top;width: 50%;}
.triangle .box .text-box{display: inline-block;vertical-align: top;width: calc(50% - 85px);}
.triangle .box .icon{margin-bottom: 15px;margin-top: 25px;}
.triangle .box .words{font-size: 16px;color: #000000;line-height: 40px;}
.service .message{padding-bottom: 120px;}
.service .message .box{padding: 65px 105px 35px;border: 10px solid #f5f5f5;position: relative;margin-top: -65px;background: #ffffff;}
.service .message .title{text-align: left;margin-bottom: 25px;}
.service .message .form{font-size: 0;}
.service .message .text-box{display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-bottom: 20px;border: 1px solid #e5e5e5;height: 60px;line-height: 58px;padding: 0 15px;}
.service .message .text-box:nth-child(2n){margin-right: 0;}
.service .message .name{display: inline-block;vertical-align: top;margin-right: 10px;font-size: 16px;color: #999999;}
.service .message .name i{font-style: normal;color: #d71313;}
.service .message .text{display: inline-block;vertical-align: top;height: 58px;width: 70%;font-size: 16px;font-family: Microsoft YaHei;}
.service .message .tarea-box{width: 100%;margin-right: 0;height: auto;}
.service .message .tarea{height: 148px;line-height: 58px;}
.service .message .submit{display: block;width: 200px;height: 60px;background: #48c1f0;font-size: 16px;color: #ffffff;font-weight: bold;margin: 0 auto;margin-top: 10px;cursor: pointer;}
/* search */
.search-main .banner .suspend{padding-top: 12%;}
.search-main .banner .suspend .h1{margin-bottom: 30px;}
.search-main .banner .form{max-width: 800px;width: 100%;height: 60px;line-height: 60px;font-size: 0;display: block;margin: 0 auto;}
.search-main .banner .form .submit{display: inline-block;vertical-align: top;width: 100px;font-size: 20px;color: #ffffff;height: 60px;background: #1f9bde;}
.search-main .banner .form .text{display: inline-block;vertical-align: top;width: calc(100% - 120px);height: 60px;padding: 0 10px;}
.search{background: #f7f7f7;padding: 95px 0 90px;}
.search-box{background: #ffffff;padding: 88px 63px 66px;}
.search .top-box{font-size: 24px;color: #222222;padding-bottom: 28px;border-bottom: 1px solid #e5e5e5;}
.search-list .list{padding: 38px 25px 33px;border-bottom: 1px solid #eeeeee;}
.search-list .h1{font-size: 20px;color: #111111;margin-bottom: 25px;transition: all .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.search-list .source{font-size: 16px;color: #999999;display: inline-block;vertical-align: top;margin-right: 65px;}
.search-list .more{display: inline-block;vertical-align: top;font-size: 16px;color: #1f9bde;}
.search-list .words{font-size: 16px;color: #666666;margin-bottom: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.search-list .list:last-child{border-bottom: 0;}
.search-list .list:hover .h1{color: #00a9e0;}
/* sitemap */
.sitemap-main{background: #f7f7f7;padding-bottom: 100px;}
.sitemap-main .location{position: static;bottom: auto;left: auto;padding: 45px 0 30px;}
.sitemap-main .location a{color: #666666;}
.sitemap-main .location a.on{background: url(../images/icon16-2.png) center left no-repeat;}
.sitemap-box{background: #ffffff;padding: 65px;}
.sitemap .title{font-size: 40px;color: #111111;margin-bottom: 60px;}
.sitemap .column{margin-bottom: 50px;font-size: 0;}
.sitemap .nav .h1{display: block;font-size: 20px;color: #111111;line-height: 1;width: 100%;}
.sitemap .nav a{display: inline-block;vertical-align: top;font-size: 16px;color: #666666;line-height: 60px;transition: all .3s;}
.sitemap .prod-column a{width: 33.33%;}
.sitemap .nav a:hover{color: #00a9e0;}
.sitemap .apply-column a{width: 14.28%;}
@media only screen and (max-width:1700px) {
/* partner */
.win-win .img-box{width: 830px;}
.win-win .text-box{width: calc(100% - 930px);padding: 0 50px 0;margin-top: 50px;margin-bottom: 30px;}
}
@media only screen and (max-width:1650px) {
/* header */
.head-wrap{max-width: 90%;}
.head-nav{margin-left: 100px;}
.head-nav li{margin: 0 20px;}
/* main */
.wd{max-width: 90%;}
/* product */
.screen-nav{background: #f5f5f5 !important;}
.selogo {display:none;}
.filogo {display:block;}
}
@media only screen and (max-width:1600px) {
/* header */
/*.head-search{margin-left: 20px;}*/
/*.language{margin-left: 50px;}*/
/* about */
.culture .img-box{width: 50%;}
.culture .text-box{width: calc(50% - 60px);padding-right:60px;}
/* partner */
.win-win .words{height: 540px;overflow-y: auto;}
.win-win .words::-webkit-scrollbar{display: none;}
.partnership .message{padding-bottom: 30px;}
/* case */
.case-list .text-box{padding: 2% 2% 0;}
.case-list .place{margin-bottom: 2%;}
.case-list .h1{margin-bottom: 2%;}
.case-list .label{margin-top: 2%;}
.case-popup .popup-wrap{top: 55%;width: 700px;}
/* product */
.prod-list3>ul>li{padding: 40px 30px;}
.prod-list3 .text-box{width: 100%;}
.prod-list3 .img-box{width: 100%;text-align: center;margin-top: 30px;}
.box_8 .name_2{left: 14.5%;}
.box_8 .name_3{right: 16%;}
.box_9 .suspend_2{padding: 50px;}
.box_10 .story-swiper .suspend{padding-top: 9%;}
.prod_box_2 .list-box li{margin: 0 50px;}
.prod-list2 .suspend{padding: 28% 2% 0;}
.prod-img-text .wd{max-width: 90%;}
.box_2 .wd{max-width: 90%;}
.box_3 .wd{max-width: 90%;}
.box_4 .wd{max-width: 90%;}
.box_5 .wd{max-width: 90%;}
.box_6 .wd{max-width: 90%;}
.prod-list3>ul>li .box{height: auto;}
.prod-list3 .text-box{height: 501px;}
.prod-img-text .img-text{min-height: 741px;}
/**/
.apply-main2 .banner .suspend .box{max-width: 50%;}
}
@media only screen and (max-width:1560px) {
/* header */
.head-nav{margin-left: 50px;}
}
@media only screen and (max-width:1500px) {
/* header */
/*.head-nav{display: none;}
.language{display: none;}
.head-search{display: none;}
.m-menu{display: block;}*/
.head-nav li{margin: 0 10px;}
/* index */
.story-swiper .suspend{padding-top: 15%;}
.news .news-list ul{padding-left: 90px;width: calc(100% - 740px);}
/* product */
.apply-list2 li{padding: 0 20px;}
.apply-list2 .name{margin-left: 22px;width: calc(100% - 80px);}
}
@media only screen and (max-width:1440px) {
/*header*/
/*.head-search .text{width: 120px;}*/
.head-nav li>a{font-size: 16px;}
.language .on{font-size: 14px;}
.language .drop-down{left: -20px;}
/* footer */
.foot-nav .column{margin-right: 100px;}
/* index */
.contact .r-text{width: 35%;}
.contact .form{width: 60%;}
.contact form>div{width: calc(100% - 132px);}
.home-main .banner .suspend .h1{font-size: 28px;}
.home-main .banner .suspend .h2{font-size: 16px;}
/*case*/
.case-popup .h1{font-size: 20px;line-height: 30px;}
.case-popup .words{font-size: 14px;line-height: 24px;}
.case-popup .popup-wrap{width: 600px;}
/* about */
.contact-box .l-box{width: calc(100% - 90px);}
.contact-box .mode-list li{display: inline-block;vertical-align: top;margin-right: 50px;margin-bottom: 0;}
.contact-box .mode-list li:nth-child(3){margin-right: 0;}
.contact-box .r-box{width: calc(100% - 90px);padding: 0;padding: 45px;}
.advantages-list .img-box{width: 700px;}
.advantages-list .text-box{width: calc(100% - 750px);margin-top: 30px;}
.advantages-list li:nth-child(2n) .text-box{width: calc(100% - 790px);}
/* recruit */
.recruit-main .banner .suspend{padding-top: 8%;}
/* partner */
.win-win .img-box{width: 650px;}
.win-win .text-box{width: calc(100% - 700px);padding: 0 25px 0;}
.win-win .words{height: 360px;}
.partnership .message .text-box{padding-right: 50px;}
.message-box{width: calc(100% - 425px);}
.message-box form{padding: 30px;}
/* product */
.box_8 .name_1{left: 40%;}
.box_8 .name_2{left: 11%;}
.box_8 .name_3{right: 11.5%;}
.story-swiper .suspend{padding: 9% 9% 0;}
.box_9 .suspend{padding-top: 35%;}
.prod_box_1 .nav li{width: 25%;margin: 0 auto;}
.product .l-box{width: 249px;padding-right: 10px;}
.product .r-box{width: calc(100% - 260px);}
.product .l-box{width: 100%;padding-right: 0;}
.screen-list{font-size: 0;}
.screen-list li{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;}
.screen-list li:nth-child(3n){margin-right: 0;border-bottom: 1px solid #eeeeee;}
.screen-list .drop-down{display: none;}
.product .r-box{width: 100%;padding-left: 0;border-left: 0;}
.prod-top .img-box{width: 700px;margin-left: 90px;padding-top: 80px;}
.prod-top .text-box{width: calc(100% - 790px);}
.prod-top .preview{width: 540px;height: auto;display: block;margin: 0 auto;margin-top: 30px;}
.prod-list .h1{font-size: 26px;}
.prod-list .h2{font-size: 16px;}
.apply-list li .name{font-size: 26px;}
.story .video .words{font-size: 26px;}
.prod-img-text .img-text{min-height: 666px;}
.nav-box .nav-wrap>ul>li{margin: 0 25px;}
.nav-box .nav-wrap>ul>li>a{padding: 0 15px;}
.prod-top .h1{font-size: 26px;line-height: 1.2;}
.box_1 .h1{font-size: 26px;line-height: 1.2;}
.img-text .h1{font-size: 26px;line-height: 1.2;}
.product-main .title-box .h1{font-size: 26px;line-height: 1.2;}
.prod-details .title .cn{font-size: 26px;}
/*apply*/
.apply-main2 .banner .suspend{margin-top: 8%;}
.apply-main2 .banner .suspend .box{max-width: 60%;}
}
@media only screen and (max-width:1366px) {
/*header*/
.head-nav{margin-left: 30px;}
/* index */
.news .news-list ul{width: calc(100% - 600px);padding-left: 50px;}
.news .news-list .special{width: 550px;}
.story-swiper .more{margin-top: 30px;}
.main-page .banner .suspend .h1{margin-bottom: 20px}
.home-main .banner .suspend .h2{font-size: 16px;margin-bottom: 15px;}
.home-main .banner .suspend .more{width: 100px;height: 36px;line-height: 36px;font-size: 14px;}
/* abaout */
.culture .img-box{width: 49%}
.culture .text-box{width: 48%; padding-right:2%;}
/* product */
.box_8 .name_1{top: 10%;}
.box_8 .name_2{bottom: 14%;left: 8.5%;}
.box_8 .name_3{right: 10%;bottom: 14%;}
.box_10 .icon2{margin-bottom: 40px;}
.prod_box_2 .list-box li{max-width: 33.33%;margin: 0 auto;padding: 0 10px;}
.product_2 .title .h1{font-size: 30px;line-height: 40px;}
.prod-img-text .img-text{min-height: 632px;}
/* .prod-top .text-box{padding-top: 100px;} */
.prod-top .h1{font-size: 40px;}
.prod-top .img-box{width: 550px;margin-left: 50px;}
.prod-top .view{width: 550px;}
.prod-top .text-box{width: calc(100% - 600px);}
.apply-list2 li{width: 32%;margin-right: 2%;}
.apply-list2 li:nth-child(4n){margin-right: 2%;}
.apply-list2 li:nth-child(3n){margin-right: 0;}
.box_6 .prod-list2 .suspend{padding: 28% 2% 0;}
/*case*/
.case-list .img{width: 50%;}
.case-list .text-box{width: 50%;}
.nav-box .nav-wrap>ul>li{margin: 0 20px;}
.case-popup .popup-wrap{left: 75%;}
}
@media only screen and (max-width:1300px) {
/*header*/
.head-search{width: auto;}
.head-search .form{border: 0;}
.head-search .text{position: absolute;top: 50%;right: 45px;width: 200px;height: 40px;line-height: 40px;border: 1px solid #e5e5e5;background: #ffffff;border-radius: 7px;margin-top: -20px;z-index: 3;display: none;}
.head-search .submit{border-left: 0;}
/*.head-search .form:hover .text{display: block;}*/
.head-phone .number{font-size: 14px;}
.head-phone{margin-left: 10px;}
.language .on{padding-left: 35px;}
.head-nav li{margin: 0 8px;}
/* footer */
.foot-nav .column{margin-right: 70px;}
/* recruit */
.recruit-main .banner .suspend{padding-top: 5%;}
/* product */
.prod_box_3 .box{padding: 50px;}
.prod_box_3 .r-box2{padding-left: 50px;}
.prod_box_3 .l-box2{width: calc(100% - 601px);}
.box_7 li:nth-child(2n) .text-box{padding-top: 30px;padding-left: 30px;width: calc(50% - 30px);}
/*apply*/
.apply-main2 .banner .suspend{margin-top: 5%;}
.apply-main2 .banner .suspend .box{max-width: 100%;padding-left: 0;}
/* case */
.case-popup .popup-wrap{left: 50%;}
}
@media only screen and (max-width:1199px) {
/* header */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 15;background: #ffffff;}
.head-nav{display: none;}
.language{display: none;}
.head-search{display: none;}
.head-phone{display: none;}
.m-menu{display: block;}
/* footer */
.foot-nav .column{margin-right: 40px;}
.foot-bot .l-bot{width: 100%;margin-bottom: 40px;text-align: center;}
.foot-bot .r-bot{width: 100%;}
.foot-bot{text-align: center;}
/* main */
.main-page{padding-top: 90px;}
/* index */
.prod-list{margin-top: 30px;}
.prod-swiper{overflow: hidden;padding: 10px;}
.story-swiper{overflow: hidden;padding: 10px;}
.story-swiper .box{box-shadow: 0 3px 8px rgba(0,0,0,.1);}
.story .video .box{margin-top: 8%;}
.news .news-list .special{width: 450px;}
.news .news-list ul{width: calc(100% - 500px);}
.news-list li{padding: 20px 0;}
.news-swiper .swiper-pagination{top: 65%;}
/* about */
.contact-box .img-box{width: 580px;}
.contact-box .data-box{padding: 0 50px;width: calc(100% - 680px);}
.profile .text-box{width: 100%;}
.profile .img-box{width: 100%;text-align: center;margin-top: 20px;}
.culture .text-box{width: 100%;}
.culture-list li{display: inline-block;vertical-align: top;margin-right: 20px;}
.culture .img-box{width: 100%;text-align: center;}
.advantages-list .text-box{width: 100%;padding: 0;margin-top: 0;}
.advantages-list .img-box{width: 100%;text-align: center;margin-top: 20px;}
.advantages-list li:nth-child(2n) .text-box{padding: 0;width: 100%;}
.advantages-list{padding: 50px 0;}
/* recruit */
.recruit th{width: 20%;padding: 0 20px 20px;}
.recruit th:nth-child(1){width: 34%;}
.recruit .top td{width: 20%;padding: 20px;}
.recruit td:nth-child(1){width: 34%;}
.recruit-popup .box{width: 90%;margin-left: -45%;}
.recruit-popup .form{width: calc(55% - 1px);padding-right: 5%;}
.recruit-popup .mode-list{width: 38%;margin-left: 2%;}
/* partner */
.win-win .img-box{width: 500px;}
.win-win .text-box{width: calc(100% - 550px);margin-top: 30px;}
.win-win .bot-box{margin-top: 30px;}
.win-win .title{margin-bottom: 20px;padding-bottom: 20px;}
.win-win .words{height: 300px;}
.win-win .hotline{margin-right: 50px;}
.process-list li:before{display: none;}
.partnership .message .text-box{width: 100%;padding-right: 0;margin-bottom: 30px;}
.message-box{width: 100%;}
/* news */
.news2 .r-box{display: none;}
.news2 .l-box{width: 100%;margin-left: 0;}
/* apply */
.apply-list3 li{width: 100%;margin-right: 0;}
/* case */
.nav-box .nav-wrap>ul>li{margin: 0 20px;}
.nav-box .nav-wrap>ul>li>a{padding: 0 18px;}
.case-list .words{height: 60px;-webkit-line-clamp: 2;}
/*service*/
.service .message .box{padding: 35px 50px;}
/* download */
.download-list2 li{width: 100%;margin-right: 0;}
/* problem */
.problem-main .suspend{padding-top: 5%;}
/* product */
.prod-list3 .en{font-size: 30px;}
.prod-list3 .cn{font-size: 30px;}
.product-main2 .banner .suspend{padding-top: 9%;}
.box_9 .suspend_2{padding: 30px;}
.box_9 .suspend_2 .icon_2{width: 100px;}
.box_9 .suspend{padding-top: 45%;}
.prod_box_3 .l-box2{width: 100%;padding-right: 0;margin-bottom: 20px;}
.prod_box_3 .r-box2{width: 100%;padding: 0;}
.prod_box_3 .title{margin-bottom: 20px;}
.prod_box_3 li{margin-bottom: 20px;}
.prod_box_3 .box{padding: 30px;}
.prod_box_3{padding-bottom: 30px;}
.prod-list2 li{width: 48%;margin-right: 4%;}
.prod-list2 li:nth-child(3n){margin-right: 4%;}
.prod-list2 li:nth-child(2n){margin-right: 0;}
.prod-top .text-box{width: 100%;padding-top: 50px;}
.prod-top .img-box{width: 100%;margin: 0 auto;padding-top: 50px;}
.prod-top .view{width: 690px;text-align: center;margin: 0 auto;display: block;}
.prod-details .prod-top{padding-bottom: 70px;}
.box_7 .img-box{width: 500px;}
.box_7 .text-box{width: calc(100% - 500px);padding-top: 30px;}
.box_7 li:nth-child(2n) .text-box{width: calc(100% - 530px);}
.prod-list3 .text-box{height: 481px;}
.prod-img-text .img-text{min-height: 553px;}
/* search */
.search-main .banner .suspend{padding-top: 8%;}
}
@media only screen and (max-width:1024px) {
/* footer */
.foot-nav{display: none;}
.foot-top .r-box{width: 100%;}
.foot-about{display: inline-block;margin-right: 30px;margin-bottom: 0;}
.foot-shop{display: inline-block;}
/* index */
.home-main .banner .suspend{padding-top: 12%;}
.home-main .home-swiper .swiper-pagination{bottom: 5%;}
.story .video .play{margin-top: 5%;}
/* about */
.nav-box{text-align: left;}
.nav-box .nav-wrap{position: relative;}
.nav-box .nav-wrap>ul{overflow-x: scroll;white-space: nowrap;}
.nav-box .nav-wrap>ul::-webkit-scrollbar{display: none;}
.nav-box .nav-wrap>ul>li{margin: 0 20px;}
.nav-box .nav-wrap>ul>li>a{padding: 0 10px;}
.case-main .nav-box .drop-down{white-space: normal;min-width: auto;left: 30px;}
.case-main .nav-box .column ul{width: auto;}
.case-main .nav-box li.special{position: static;}
.contact-box .mode-list li{margin-right: 30px;}
.contact-box .l-box{padding: 40px 30px 0;}
.contact-box .r-box{padding: 40px 30px;width: calc(100% - 60px);}
.contact-box .data-box{padding: 0;padding-left: 40px;width: calc(100% - 620px);}
.address-list>ul>li{padding: 40px 30px 0;}
.consult{padding: 50px 60px;}
.record .swiper-slide-active .year{width: 100px;height: 90px;line-height: 90px;font-size: 30px;top: 10px !important;bottom: auto !important;}
.record .year{font-size: 30px;}
.record .swiper-button-next{right: 0;}
.record .swiper-button-prev{left: 0;}
/* partner */
.win-win .text-box{width: calc(100% - 50px);}
.win-win .words{height: auto;}
.win-win .img-box{width: 100%;}
.process-list .box{width: 111px;height: 111px;}
.process-list .round{width: 88px;height: 88px;line-height: 88px;}
.process-list .number{right: 10px;bottom: 10px;}
/* apply */
.apply-main .apply-list3 .apply-swiper .suspend{top: 8%;}
/* case */
.case-list .img{width: 100%;float: none;}
.case-list .text-box{width: 100%;position: static;bottom: auto;top: auto;padding: 3% 2%;}
.case-main .nav-box li.special .a_1{display: none;}
.case-main .nav-box li.special .a_2{display: block;}
/* service */
.ensure-swiper .icon{width: 80px;height: 80px;margin-top: -40px;}
.triangle .box .img-box{width: 100%;}
.triangle .box .text-box{width: 100%;}
.service .message .text-box{width: 100%;margin-right: 0;}
/* product */
.box_8 .l-box2{width: calc(50% - 70px);padding-right: 70px;}
.box_8 .bot-box .name{font-size: 16px;line-height: 30px;}
.box_8 .name_1{left: 39%;}
.box_8 .name_2{left: 7%;}
.box_8 .name_3{right: 8%;}
.box_9 .list-box>ul>li{width: 100%;height: 360px;}
.box_9 .list-box>ul>li.on{width: 100%;}
.box_9 .suspend{padding-top: 10%;}
.box_9{padding-bottom: 50px;}
.prod_box_4 li{padding: 0 10px;}
.apply-list2 .name{width: calc(100% - 75px);margin-left: 17px;font-size: 20px;}
.parts-list li{width: 32%;margin-right: 2%;}
.parts-list li:nth-child(5n){margin-right: 2%;}
.parts-list li:nth-child(3n){margin-right: 0;}
.box_7 .text-box{width: 100%;}
.box_7 .img-box{width: 100%;text-align: center;}
.box_7 li:nth-child(2n) .text-box{width: 100%;padding-left: 0;}
.img-text-6 .box{max-width: 100%;margin-right: 0;}
}
@media only screen and (max-width:950px) {
/* main */
.wd{max-width: 94%;}
.main-page .banner .img_1{display: none;}
.main-page .banner .img_2{display: block;}
/* index */
.story-swiper .suspend{padding-top: 12%;}
.story .video .box{margin-top: 5%;padding: 0 3%;max-width: 94%;}
.story .video .words{font-size: 30px;}
.news .news-list .special{width: 100%;margin-bottom: 20px;}
.news .news-list ul{width: 100%;padding: 0;}
.news-swiper .swiper-pagination{top: auto;bottom: 24%;}
/* about */
.about-main .banner .suspend{padding-top: 20%;}
.contact-box .img-box{width: 100%;}
.contact-box .data-box{width: 100%;padding: 0;}
.contact-box .data-box li{display: inline-block;vertical-align: top;width: 30%;margin-right: 5%;}
.contact-box .data-box li:nth-child(3n){margin-right: 0;}
.culture-list li{width: 49%;margin-right: 2%;}
.culture-list li:nth-child(2n){margin-right: 0;}
.record .box{width: 100%;}
.record .preview{padding: 0 40px;}
/* recruit */
.recruit-main .banner .suspend{padding-top: 18%;}
.recruit-main .banner .form{width: 100%;}
/* news */
.main-page .banner .suspend{padding-top: 20%;}
.news2{padding: 30px 0;}
.news-list2 .img-box{width: 100%;}
.news-list2 .text-box{width: 100%;margin-left: 0;}
.news-list2 li{padding: 0;margin-bottom: 20px;}
.news-list2 .text-box{padding-top: 20px;}
.news-main .nav-page{margin-top: 10px;}
.nav-page a.a_1{margin-bottom: 10px;}
/* apply */
.apply-main .apply-list3 .swiper-container{height: 270px;}
.apply-main .apply-list3 .apply-swiper .img{width: 60%;}
.swiper-scrollbar-drag{margin-top: 20px;}
.apply-main .apply-list3 .carousel{padding-bottom: 35px;}
/* download */
.download .form form{width: 100%;margin-bottom: 20px;}
.download .result{text-align: left;}
.download .form .select{width: 200px;}
.download .form .text{width: 200px;}
/* problem */
.problem-main .banner .text{width: calc(100% - 350px);}
.problem-list li{width: 100%;margin-right: 0;padding: 15px 0;}
.problem-list .title{padding: 30px 0 20px;}
.problem-list .h1{font-size: 20px;}
.problem-list{margin-bottom: 30px;}
/* service */
.service .message .box{padding: 30px;}
/* product */
.prod-list3 li.special .attribute-list{height: auto;}
.product-main2 .product{padding: 50px 0;}
.prod-list3>ul>li{padding: 40px 30px;width: 100%;margin-right: 0;margin-bottom: 30px;}
.prod-list3>ul>li:last-child{margin-bottom: 0;}
.prod-list3 .h1{margin-bottom: 40px;}
.attribute-list li{margin-bottom: 20px;}
.prod-list3 .more{margin-top: 10px;}
.prod_box_1 .text-box{padding-top: 40px;}
.prod_box_1 .bot-box{margin-top: 30px;}
.prod_box_4 li{width: 33.33%;}
.prod-list2 .suspend .name{font-size: 20px;}
.prod-list2 .label a{font-size: 12px;padding: 0 10px;height: 30px;line-height: 30px;margin: 0 3px;}
.prod-list2 ul{padding: 0;}
.apply-list2 li{padding: 0 10px;height: 100px;line-height: 100px;}
.apply-list2 .icon{width: 40px;}
.apply-list2 .name{width: calc(100% - 50px);margin-left: 10px;}
.box_3 .table-box li{width: 100%;margin-right: 0;margin-bottom: 30px;}
.box_3 li:nth-child(2) table:last-child{margin-top: 30px;}
.download-list>ul>li{width: 100%;padding: 30px 15px 0;}
.download-list>ul>li:before{display: none;}
.img-text-1 .box{max-width: 100%;margin: 0;padding: 100px 0;}
.img-text-2 .box{max-width: 100%;margin: 0;padding: 200px 0;}
.img-text-3 .box{max-width: 100%;margin: 0;padding: 100px 0;}
.img-text-4 .box{max-width: 100%;margin: 0;padding: 100px 0;}
.img-text-5 .box{max-width: 100%;margin: 0;padding: 200px 0;}
.img-text-6 .box{max-width: 100%;margin: 0;padding: 100px 0;}
.img-text-7 .box{max-width: 100%;margin: 0;padding: 100px 0;}
.prod-img-text .img-text{min-height: auto;}
.prod-list3 .text-box{height: auto;}
/**/
.apply-main2 .banner .suspend{margin-top: 0;}
}
@media only screen and (max-width:768px) {
/* index */
.newservice-box {display:none;}
#footer{display: block;font-size: 0;z-index: 999;}
#footer ul{ background: #0385d1;}
#footer li {
display:inline-block;width: 50%;
}
.foot-link{margin-bottom: 0.6rem;}
#footer li a {
padding: 0.3rem 0;
display: block;
color: #fff;
text-align: center;
border-right: 1px solid #ddd;
font-size: 12px;
}
.contact{padding: 25px 0;}
.contact .r-text{width: 100%;margin-bottom: 20px;}
.contact .form{width: 100%;}
/* about */
.about{padding: 50px 0;}
.contact-box .mode-list li{margin-bottom: 20px;}
.contact-box .l-box{padding: 30px;width: calc(100% - 60px);}
.contact-box .r-box{padding: 10px 30px;}
.address-list>ul>li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.address-list>ul>li:last-child{margin-bottom: 0;}
.consult{padding: 30px;}
/* recruit */
.recruit th{padding: 0 10px 10px;font-size: 16px;}
.recruit .top td{padding: 10px;font-size: 16px;}
/* partner */
.partner-main .banner .suspend{padding-top: 20%;}
.main-page .banner .suspend {font-size: 18px;line-height: 1.4;}
.process-list{text-align: center;}
.process-list li{width: 33.33%;margin-bottom: 20px;}
.partnership .data-box .top span{font-size: 50px;}
/* product */
.box_8 .l-box2{width: 100%;padding-right: 0;}
.box_8 .r-box2{width: 100%;text-align: center;}
.box_8 .name_1{left: 43%;top: 12%;}
.box_8 .name_2{left: 16.5%;bottom: 16%;}
.box_8 .name_3{right: 18%;bottom: 16%;}
.prod-top .view{width: 100%;}
.prod-top .view .img{width: 100%;}
}
@media only screen and (max-width:640px) {
/* header */
.m-menu .drop-down{top: 60px;height: calc(100vh - 100px);padding: 20px;}
.m-menu .drop-down>ul>li{line-height: 49px;}
.m-menu .drop-down>ul>li>a{font-size: 16px;}
.m-menu .subnav{padding-bottom: 10px;}
.m-menu .subnav a{font-size: 14px;}
.m-menu .drop-down .text{width: 200px;}
.top-suspend .service-box{width: 280px;left: -290px;}
.top-suspend .d_1{padding: 20px 10px 0;width: calc(50% - 20px);height: calc(100% - 20px);}
.top-suspend .d_1:nth-child(1){width: calc(50% - 21px);}
.top-suspend .d_1 .a_1{padding: 0 10px}
.top-suspend .icon_2{margin-right: 5px;}
.top-suspend .name{font-size: 12px;}
/* footer */
.footer{padding-top: 30px;}
.foot-title .h1{line-height: 20px;background-size: auto 20px;padding-left: 30px;margin-bottom: 20px;}
.foot-top{padding-bottom: 20px;}
.foot-bot .r-bot{line-height: 1.4;}
/* main */
.head-wrap{max-width: 94%;}
.main-page{padding-top: 60px;}
/* index */
.home-main .title{margin-bottom: 30px;line-height: 24px;}
.prod-list .h1{font-size: 24px;margin-bottom: 15px;}
.prod-list .h2{font-size: 16px;}
.prod-list .more{margin-top: 15px;width: 100px;height: 33px;line-height: 33px;font-size: 14px;}
.home-main .swiper-pagination{bottom: -4%;}
.home-main .title .h1{font-size: 24px;}
.home-main .title .more{font-size: 16px;background-size: 20px auto;padding-right: 30px;}
.apply{margin: 50px 0;}
.apply-list li.list_1{width: 100%;margin-bottom: 20px;}
.apply-list .r-box{width: 100%;}
.apply-list li{margin-bottom: 20px;}
.apply-list li .name{padding: 0 20px;width: calc(100% - 40px);bottom: 20px;font-size: 20px;}
.story{margin-bottom: 50px;}
.story .video{height: 250px;overflow: hidden;}
.story .video .box{padding-top: 10%;}
.story-swiper .name{font-size: 20px;}
.story .video .words{font-size: 20px;line-height: 30px;}
.news{margin-bottom: 30px;}
.news .news-list .special li{padding-top: 0;}
.news-list .special .time{margin: 20px 0;}
.news-list .special .h1{font-size: 20px;}
.news-list .more{margin-top: 20px;}
.contact .h1{font-size: 20px;margin-top: 0;margin-bottom: 0;}
.contact form>div{width: 100%;margin-bottom: 20px;}
.contact .text{height: 40px;line-height: 40px;}
.contact .submit{margin: 0 auto;padding: 0;height: 40px;line-height: 40px;float: none;display: block;font-size: 16px;}
.home-swiper .swiper-button-prev, .home-swiper .swiper-button-next{width: 40px;height: 40px;margin-top: -20px;}
/* about */
.about-main .banner .suspend{font-size: 16px;line-height: 26px;}
.main-page .banner .suspend .h1{font-size: 24px;line-height: 1.4;}
.location{bottom: 15px;}
.location a.on{background-size: auto 18px;padding-left: 25px;line-height: 18px;}
.about{padding: 30px 0;}
.head-wrap{height: 60px;line-height: 60px;}
.m-menu .icon>span{width: 36px;margin: 4px 0;}
.nav-box .nav-wrap>ul>li{height: 50px;line-height: 50px;}
.contact-box .h1{font-size: 20px;margin-bottom: 20px;}
.contact-box .mode-list li{margin-right: 0;display: block;}
.contact-box .mode-list .icon{margin-right: 10px;}
.contact-box .mode-list .text-box{font-size: 14px;}
.contact-box .phone{padding: 5px;left: 15%;}
.contact-box .phone .text-box{font-size: 14px;}
.contact-box .place .icon{width: 13px;height: 20px;}
.contact-box .place .name{padding: 10px;font-size: 14px;margin-top: -15px;white-space: nowrap;margin-left: 20px;}
.contact-box .place .name:before{height: 34px;}
.contact-box .place_2 .name{margin-top: -30px;margin-left: 30px;}
.contact-box .data-box li{width: 47%;margin-right: 6%;}
.contact-box .data-box li:nth-child(2n){margin-right: 0;}
.contact-box{margin-bottom: 30px;}
.address{margin-bottom: 30px;}
.address-list>ul>li{height: auto;padding: 30px 15px;}
.consult .h1{font-size: 20px;margin-bottom: 20px;}
.consult .la_2{width: calc(100% - 20px);margin-right: 0;padding: 0 10px;}
.contact-box .l-box{padding: 30px 15px 0;width: calc(100% - 30px);}
.contact-box .r-box{padding: 10px 15px;width: calc(100% - 30px);}
.consult{padding: 30px 15px;}
.consult .top{margin-bottom: 20px;}
.consult label{vertical-align: top;padding: 0 10px;width: calc(100% - 20px);}
.consult .submit{width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
.introduce{padding: 30px 0;}
.introduce .title{margin-bottom: 20px;}
.introduce .title .h1{font-size: 30px;}
.profile{margin-bottom: 30px;}
.culture{padding: 30px 0;}
.culture-list li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.advantages{min-height: auto;}
.advantages .box{padding: 30px 0;}
.advantages-list{margin-top: 0;padding: 30px 0;}
.record{padding: 30px 0;}
.advantages-list li{margin-bottom: 30px;}
.record .year{font-size: 20px;}
.record .swiper-slide-active .year{width: 70px;height: 63px;line-height: 63px;font-size: 20px;bottom: auto !important;top: 25px !important;}
.record .img-box{width: 100%;margin-right: 0;}
.record .text-box{width: 100%;}
.record-list{margin: 30px 0;}
.honor{padding-top: 30px;}
.honor-nav{margin-top: 30px;}
.honor .img{padding: 30px 10px;}
/* recruit */
.recruit{padding: 30px 0;}
.recruit .h1{font-size: 20px;}
.recruit .table{padding: 30px 15px;}
.recruit th{padding: 0 5px 10px;font-size: 14px;}
.recruit .top td{padding: 10px 5px;font-size: 14px;}
.recruit .bot{padding: 0;}
.recruit .bot .box{padding: 15px 10px;}
.recruit .words{font-size: 14px;line-height: 24px;}
.recruit .more span{width: 100px;height: 36px;line-height: 36px;font-size: 14px;}
.recruit-main .banner .suspend .h1{margin-bottom: 30px;font-size: 26px;}
.recruit-main .banner .text{height: 40px;line-height: 40px;width: calc(100% - 120px);}
.recruit-main .banner .submit{height: 40px;font-size: 16px;width: 70px;}
.recruit-main .banner .la_1{font-size: 16px;line-height: 16px;}
.recruit-main .banner .radio{margin-right: 5px;vertical-align: top;}
.recruit-popup .box{margin-top: auto;margin-left: auto;transform:translate(-50%,-50%);}
.recruit-popup .box-wrap{padding: 20px 10px;}
.recruit-popup .form{width: 100%;padding-right: 0;border: 0;margin-bottom: 20px;}
.recruit-popup .mode-list{width: 100%;margin-left: 0;}
.recruit-popup .h1{margin-bottom: 15px;padding-bottom: 15px;}
.recruit-popup .file_2{width: 100%;}
.recruit-popup .submit{width: 100px;height: 40px;line-height: 40px;}
.recruit-popup .return{line-height: 40px;}
/* partner */
.partner .title .h1{font-size: 30px;}
.win-win .hotline{margin-right: 20px;font-size: 20px;}
.win-win .text-box{width: calc(100% - 6%);padding: 0 3%;}
.process{padding: 30px 0 10px;}
.process-list .box{width: 100px;height: 100px;}
.process-list .round{width: 77px;height: 77px;line-height: 77px;}
.process-list .name{font-size: 14px;}
.process .title{margin-bottom: 20px;}
.partnership .data-box{padding: 30px 0;}
.partnership .data-box .top span{font-size: 30px;}
.partnership .data-box .words{line-height: 1.3;}
.partnership .map{margin-bottom: 30px;}
.partnership .message .box{padding-top: 0;}
.partnership .message .title .h1{margin-top: 0;line-height: 40px;margin-bottom: 20px;}
.partnership .message .title .icon{margin-bottom: 20px;}
.partnership .message .hotline{margin-top: 20px;}
.message-box form{padding: 20px 10px;}
.message-box .form-list li{width: 100%;margin-right: 0;}
.message-box .form-list li:nth-child(2n){margin-right: 0;}
.message-box .name{width: auto;font-size: 14px;display: block;text-align: left;}
.message-box .text{width: calc(100% - 20px);}
.message-box li.special .check-box label{margin-right: 15px;font-size: 14px;vertical-align: top;}
.message-box .submit{width: 120px;height: 40px;font-size: 14px;margin-top: 0;}
.message-box li.special .check-box{width: 100%;}
/* news */
.news-details{padding: 30px 15px;}
.news-details .title .h1{font-size: 20px;line-height: 1.2;}
.news-details .title li{margin: 0 10px;margin-bottom: 10px;}
.news-details .title li:last-child{margin-bottom: 0;}
.news-details .title{margin-bottom: 20px;padding-bottom: 20px;}
.news-details .about-text .words{padding: 0 10px;}
.up-down-return .up-down{width: 100%;}
/* apply */
.apply-main .apply{margin: 0;padding: 30px 0;}
.apply-main .apply-list3{padding: 0;}
.apply-main .apply-list3 .img{width: 60%;}
.apply-list3 .suspend{padding: 15px;top: 8%;}
.apply-list3 .h1{font-size: 16px;margin-bottom: 10px;}
.apply-list3 .words{font-size: 14px;line-height: 24px;height: 48px;-webkit-line-clamp: 2;}
.apply-list3 .label{margin: 10px 0;}
.apply-list3 .attribute{margin-bottom: 5px;padding: 5px 10px;}
.apply-list3 .more{padding: 5px 10px;}
.apply-list3 li{margin-bottom: 20px;}
.apply-main .nav-page{margin-top: 10px;}
.apply-details .box-wrap{margin: 30px 0;padding: 30px 15px;}
.apply-main2 .banner .suspend{padding-top: 0;}
.apply-main2 .banner .suspend .box{padding-left: 0;}
.apply-main2 .banner .location{bottom: 15px;}
.apply-details .box-wrap .h1{font-size: 20px;}
.apply-details .title{padding-bottom: 20px;margin-bottom: 20px;}
.apply-details .box-wrap .h2{font-size: 18px;}
.apply-details .box-wrap .label{padding-top: 20px;margin-top: 20px;}
.apply-main .prod-list2 .h1{font-size: 20px;margin-bottom: 20px;}
.apply-main .apply-list3 .wd>.h1{margin-bottom: 20px;}
.apply .title .h1{font-size: 20px;margin-bottom: 20px;}
/* case */
.case{padding: 30px 0;}
.case .title{margin-bottom: 20px;}
.case .title .h1{font-size: 20px;}
.case-list .h1{font-size: 20px;}
.case .nav-page{margin-top: 0;}
.case-list .words{height: auto;-webkit-line-clamp: 99;}
.case-popup{display: none !important;}
/* download */
.download{padding: 30px 0;}
.download .form .select{width: 100%;margin-right: 0;margin-bottom: 20px;}
.download-list2 li{height: 60px;line-height: 60px;margin-bottom: 20px;}
.download-list2 .name{padding: 0 10px 0 40px;font-size: 16px;background-position: 10px center;background-size: 25px auto;width: calc(100% - 120px);height: 60px;line-height: 60px;}
.download-list2 .icon{height: 60px;width: 70px;}
.download .nav-page{margin-top: 10px;}
/* service */
.service{padding: 30px 0;}
.service .title .h1{font-size: 20px;}
.service .title .h2{line-height: 20px;}
.service .title{margin-bottom: 20px;}
.ensure-swiper .icon{margin-bottom: 10px;}
.ensure-swiper .text-box{padding: 0 15px 15px;}
.ensure{margin-bottom: 30px;}
.support{padding-bottom: 30px;}
.triangle{padding: 30px 0;}
.service .message .box{padding: 30px 15px;}
.service .message .text-box{width: 100%;margin-right: 0;}
.service .message .submit{width: 120px;height: 40px;font-size: 14px;}
.service .message{padding-bottom: 0;}
.problem-main .banner .form{margin-top: 20px;}
.problem-main .banner .text{height: 40px;line-height: 40px;width: calc(100% - 250px);padding: 0 10px;}
.problem-main .banner .submit{width: 60px;height: 40px;line-height: 40px;font-size: 16px;}
.problem-main .banner .select{height: 40px;}
.service .message .text-box{height: 42px;line-height: 40px;padding: 0 5px;}
.service .message .name{font-size: 14px;}
.service .message .text{font-size: 14px;height: 40px;}
.service .message .tarea{width: 100%;line-height: 30px;height: 148px;}
.service .message .tarea-box{height: auto;}
/* product */
.product-main2 .product{padding: 30px 0;}
.prod-list3>ul>li{padding: 30px 15px;}
.prod-list3 .en{font-size: 20px;}
.prod-list3 .cn{font-size: 20px;}
.prod-list3 .h1{margin-bottom: 30px;}
.main-page .banner .suspend{padding-top: 15%;}
.signin{margin-top: 20px;}
.box_8 .h1{font-size: 20px;}
.box_8 .h1{margin-bottom: 20px;}
.box_8 .swiper-pagination{bottom: -10%;}
.box_8 .bot-box{margin-top: 30px;padding-bottom: 30px;}
.box_8 .h2{font-size: 20px;}
.box_8 .h2{margin: 20px 0;}
.box_8 .words{font-size: 16px;line-height: 26px;}
.box_8 .bot-box .name{font-size: 14px;line-height: 24px;}
.box_8 .name_1{left: 39%;}
.box_8 .name_2{left: 7%;bottom: 15%;}
.box_8 .name_3{right: 7.5%;bottom: 15%;}
.box_9{padding: 30px 0;}
.box_9 .h1{font-size: 18px;margin-bottom: 20px;}
.box_9 .list-box>ul>li{height: 320px;}
.box_9 .suspend_2{padding: 30px 15px;}
.box_9 .suspend_2 li{line-height: 26px;margin-bottom: 10px;}
.box_9 .suspend_2 .icon_2{width: 70px;}
.box_9 .suspend_2 .icon_2{top: auto;left: auto;right: 5%;bottom: 5%;}
.box_9 .suspend{padding-top: 25%;}
.box_10{padding: 30px 0;}
.box_10 .h1{font-size: 20px;margin-bottom: 20px;}
.box_10 .icon2{width: 50px;margin: 0 auto;margin-bottom: 40px;}
.box_10 .carousel .swiper-pagination{bottom: -5%;}
.box_11{padding: 30px 0;}
.box_11 .h1{font-size: 20px;margin-bottom: 20px;}
.patent-swiper{padding: 2px;}
.box_8 .text-box{padding: 20px 10px 0;}
.box_8 .icon{width: 40px;margin: 0 auto;margin-bottom: 20px;}
.box_8 .name{font-size: 14px;}
.prod_box_1{margin-bottom: 30px;}
.prod_box_1 .img-box{width: 100%;}
.prod_box_1 .text-box{width: auto;padding-left: 0;}
.product_2 .title{margin-bottom: 20px;}
.product_2 .title .h1{font-size: 20px;line-height: 1.4;}
.prod_box_1 .nav li{font-size: 16px;height: 40px;line-height: 40px;}
.prod_box_1 .text-box{padding: 20px 15px;}
.prod_box_1 .list-box .h1{font-size: 20px;margin-bottom: 20px;}
.prod_box_1 .words{padding-left: 0;}
.prod_box_1 .bot-box{margin-top: 20px;padding-left: 0;}
.prod_box_2{padding-top: 30px;}
.prod_box_2 .list-box li{max-width: 100%;margin-bottom: 20px;}
.prod_box_2 .list-box{padding-bottom: 10px;}
.prod_box_3{padding: 30px 0;}
.prod_box_3 .box{padding: 30px 15px;}
.prod_box_3 .icon{width: 50px;margin-right: 10px;}
.prod_box_3 .text-box{width: calc(100% - 65px);}
.prod_box_3 .name{font-size: 16px;line-height: 30px;}
.prod_box_3 .text-box{font-size: 14px;line-height: 30px;}
.prod_box_3 .r-box2 .h1{font-size: 18px;margin: 20px 0;}
.prod_box_3 .r-box2{border-left: 0;}
.prod_box_3 .more{margin: 20px 0 0;}
.prod_box_4{padding: 30px 0 0;}
.prod_box_4 li{width: 50%;padding: 0 5px;margin-bottom: 20px;}
.prod_box_4 .name{margin: 20px 0;}
.screen-nav a{text-align: center;width: 100px;}
.screen-nav .nav li>a{width: 100px;}
.screen-nav .drop-down{left: auto;right: 0;min-width: 150px;}
.product-main .container{margin-top: 30px;}
.screen-box .name{font-size: 20px;margin-bottom: 20px;}
.screen-list li{width: 100%;margin-right: 0;}
.screen-list .la_1{width: 49.4%;display: inline-block;vertical-align: top;}
.prod-list2 li{width: 100%;margin-right: 0;}
.prod-list2 .suspend{right: 0;}
.prod-list2 li:nth-child(3n){margin-right: 0;}
.product .nav-page{margin-top: 17px;margin-bottom: 30px;}
.prod-top .preview{width: 100%;}
.parts-list li{width: 49%;margin-right: 2%;}
.parts-list li:nth-child(2n){margin-right: 0;}
.prod-top .text-box{padding-top: 30px;}
.prod-top .h1{font-size: 30px;margin-bottom: 20px;}
.prod-top .but-box{margin-top: 20px;}
.prod-top .img-box{padding-top: 20px;}
.prod-top .arrow-left, .prod-top .arrow-right{width: 40px;height: 40px;margin-top: -20px;}
.prod-details .prod-nav{overflow-x: auto;white-space: nowrap;}
.prod-details .prod-nav::-webkit-scrollbar{display: none;}
.box_1{margin-top: 30px;}
.box_1 .h1{font-size: 20px;margin-bottom: 20px;}
.box_1 .list-box li{width: 50%;padding: 0 5px;margin-bottom: 20px;}
.product-main .title-box{padding: 30px 0;}
.product-main .title-box .h1{font-size: 20px;margin-bottom: 20px;}
.product-main .title-box .h2{font-size: 16px;}
.img-text-2 .box{padding: 100px 0;}
.img-text-2 .h1{line-height: 40px;}
.img-text-2 .words{font-size: 18px;}
.icon-list li{margin-bottom: 20px;}
.icon-list li img{width: 50px;}
.img-text-1 .box{padding: 100px 0 50px;}
.img-text-3 .h1{line-height: 40px;}
.img-text-4 .name{font-size: 14px;}
.img-text-5 .box{padding: 100px 0;}
.img-text-6 .name{font-size: 14px;}
.img-text-7 .name{font-size: 14px;line-height: 24px;}
.box_2{padding: 30px 0 10px;}
.prod-details .title .cn{font-size: 20px;}
.prod-details .title{margin-bottom: 20px;}
.box_2 .words{font-size: 14px;line-height: 24px;}
.apply-list2{margin-top: 30px;}
.apply-list2 li{width: 49%;margin-right: 2%;}
.apply-list2 li:nth-child(3n){margin-right: 2%;}
.apply-list2 li:nth-child(2n){margin-right: 0;}
.apply-list2 .name{font-size: 16px;}
.box_3{padding: 30px 0;}
.box_3 th{padding: 15px;font-size: 16px;}
.box_3 td{padding: 15px;font-size: 14px;line-height: 24px;}
.box_3 .more{margin-top: 0;}
.box_4{padding: 30px 0;}
.download-list .h1{font-size: 16px;}
.download-list .list .words{font-size: 14px;}
.download-list .format{font-size: 14px;}
.parts-list .img{margin-bottom: 20px;}
.parts-list .name{font-size: 16px;margin-bottom: 20px;}
.parts-list .h1{font-size: 16px;margin-bottom: 10px;line-height: 1.3;}
.parts-list .words{font-size: 14px;line-height: 24px;}
.parts-list .suspend{padding-top: 5%;}
.parts-list .more{width: 70px;height: 30px;line-height: 30px;font-size: 14px;}
.box_5{margin-bottom: 30px;}
.box_6{margin-bottom: 30px;}
.box_7{padding: 30px 0 15px;}
.box_7 .h1{font-size: 20px;margin-bottom: 20px;}
.box_7 .number{width: 40px;height: 40px;margin-right: 10px;line-height: 40px;font-size: 16px;}
.box_7 .h2{width: calc(100% - 50px);font-size: 18px;margin-bottom: 0;}
.box_7 .text-box{padding-top: 0;}
.box_7 .words{padding-left: 0;}
.prod-details .prod-nav.on{top: 60px;}
.screen-nav .drop-down a{padding: 0 10px;}
.prod-nav-suspend{width: 50px;padding: 15px 0;display: none;}
.prod-nav-suspend .open{font-size: 16px;padding: 30px 0;}
.nav-popup{width: 50%;padding: 20px 10px;margin-top: -250px;}
.nav-popup .h1{font-size: 20px;width: calc(100% - 48px);}
.nav-popup .close{padding-right: 20px;}
.nav-popup .top{padding: 10px;margin-bottom: 20px}
.nav-popup .nav{height: 391px;}
.nav-popup .nav a{padding: 0;margin-bottom: 15px;font-size: 14px;padding-right: 20px;}
.top-suspend{display: none;}
.box_1 .icon{width: 60px;margin: 0 auto;margin-bottom: 15px;}
/* search */
.search-main .banner .form{height: 40px;line-height: 40px;}
.search-main .banner .form .text{height: 40px;}
.search-main .banner .form .submit{height: 40px;width: 70px;}
.search{padding: 30px 0;}
.search-box{padding: 30px 15px;}
.search .top-box{font-size: 20px;margin-bottom: 20px;padding-bottom: 20px;}
.search-list .list{padding: 15px 5px;}
/* sitemap */
.sitemap-main .location{padding: 30px 0;}
.sitemap-box{padding: 30px 15px;}
.sitemap .title{font-size: 20px;margin-bottom: 20px;}
.sitemap .nav .h1{font-size: 16px;margin-bottom: 10px;}
.sitemap .column{margin-bottom: 30px;}
.sitemap .nav a{line-height: 40px;}
.sitemap .prod-column a{width: 100%;font-size: 14px;}
.sitemap .apply-column a{width: 25%;}
.sitemap .column:last-child{margin-bottom: 0;}
.sitemap-main{padding-bottom: 30px;}
/**/
.apply-main2 .banner .suspend{margin-top: 0;padding-top: 3%;}
}
@media only screen and (max-width:375px) {
.main-page .banner .suspend .h1{font-size: 20px;}
.home-main .banner .suspend .h2{font-size: 14px;}
.recruit th{font-size: 12px;}
}
.jiyu{
margin:50px 0;
}
.jiyu .swiper-slide{
line-height: 25px;
text-align: left;
padding-left: 5px;
}
.jiyu .carousel{
padding-bottom: 35px;margin-bottom: 30px;
}
.jiyu .wd .box{
text-align: center;
overflow:hidden;
}
.jiyu .wd .box .title{
text-align: center;
padding-top: 40px;
}
.jiyu .wd .box .title .h1{
float:none;
}
.jiyu .wd .box .suspend{
margin-top:30px;
overflow: hidden;
}
.jiyu .wd .box .suspend .list{
float: left;
width: 33%;
width: -moz-calc(100% / 3);
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
padding: 0px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
color: #666;
font-size: 16px;
line-height: 25px;
}
.simi{
display: inline-block;
margin: 30px auto 30px;
padding: 10px 25px;
background-color:#ffffff;
font-size: 20px;
color: #333333;
border-radius: 5px;
}
.jiyu .btn{
width:160px;
font-size: 16px;
margin-bottom:20px;
background: #fff;
padding: 10px;
border-radius:5px;
margin: 0 auto 30px;
}
/*index-partner*/
.index-partner {
width:100%;
background:#f4f6fd;
padding-top:50px;
}
.partner-lsit {
margin:62px auto 0;
}
.partner-lsit .bd {
width:100%;
overflow:hidden;
}
.partner-lsit .bd li {
width:306px;
float:left;
margin-right:47px;
}
.partner-lsit .bd li .box {
width:100%;
}
.partner-lsit .bd li .box .img {
width:100%;
box-shadow:0 0 10px rgba(222,229,238,.75);
}
.partner-lsit .bd li .box .img:first-child {
margin-bottom:32px;
}
.partner-lsit .hd {
width:100%;
text-align:center;
padding:55px 0 75px 0;
}
.partner-lsit .hd li {
width:10px;
height:10px;
background:#cbcdd2;
border-radius:100%;
display:inline-block;
margin:0 11px;
}
.partner-lsit .hd li.on {
background:#074fa8;
}
.partner-lsit-m,.partner-lsit-mm {
display: none;
}
@media (min-width:768px) and (max-width:1023px) {
.partner-lsit-pc, .partner-lsit1024, .about-box-five .list, .about-box-five .list-pb {
display:none;
}
.partner-lsit-mm {
display:block;
}
}
@media (max-width: 1023px) and (min-width: 768px){
.partner-lsit-mm {
width:94%;
margin:auto;
position:relative;
padding-bottom:36px;
display:block;
margin-bottom:20px!important;
}
.partner-lsit-mm .swiper-slide {
width:50%!important;
box-sizing:border-box;
padding:0 1.5%;
}
.partner-lsit-mm .swiper-slide .box .img {
margin:8px 0 16px;
}
.partner-lsit-mm .swiper-pagination-bullet {
width:15px!important;
height:15px!important;
background:#cbcdd2;
opacity:1!important;
}
.partner-lsit-mm .swiper-pagination-bullet-active {
background:#0a448d;
}
.partner-lsit-mm .swiper-pagination {
bottom:1px!important;
}
}
@media (max-width:767px) {
.partner-lsit {
width:94%;
margin:auto;
}
.partner-lsit-pc {
display:none;
}
.partner-lsit-m {
display:none;
}
.partner-lsit-mm {
width:94%;
margin:auto;
position:relative;
padding-bottom:36px;
display:block;
}
.partner-lsit-mm .swiper-slide {
width:50%!important;
box-sizing:border-box;
padding:0 1.5%;
}
.partner-lsit-mm .swiper-slide .box .img {
margin:8px 0 16px;
}
.partner-lsit-mm .swiper-pagination-bullet {
width:7px!important;
height:7px!important;
background:#cbcdd2;
opacity:1!important;
}
.partner-lsit-mm .swiper-pagination-bullet-active {
background:#0a448d;
}
.partner-lsit-mm .swiper-pagination {
bottom:21px!important;
}
}
@media (min-width:1024px) and (max-width:1365px) {
.partner-lsit-pc {
display:none;
}
.partner-lsit1024 {
display:block;
}
}
@media (min-width:768px) and (max-width:1023px) {
.partner-lsit-pc, .partner-lsit1024 {
display:none;
}
.partner-lsit-mm {
display:block;
}
}
.zoom-img a{
position: relative;
display: block;
overflow: hidden;
}
/*产品分类*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }
.com-width { margin-right: auto; margin-left: auto; width: 100%; }
@media (max-width:1800px) {
.com-width,.w1400 {
width: 100%;
}
}
@media (max-width:1366px) {
.com-width,.w1400 {
width: 100%;
}
}
@media (max-width:1200px) {
.com-width,.w1400 {
width: 100%;
}
}
.sfq-list{display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top: 47px;height: 400px;}
.sfq-list li{position: relative;float: left;width: 14.2857%;height: 100%;overflow: hidden;background: #ddd; -webkit-transition: .6s;-o-transition: .6s; transition: .6s;}
.sfq-list li ~ li{margin-left: 0.2142%;}
.sfq-list li img{position: absolute;left: 50%;margin-left: -192.5px;top: 0;max-width: none;}
.sfq-list li.on{width: 27.5%;}
.sfq-list li .tab-tit{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;font-size: 24px;color: #f1f1f1;padding-top: 100px;line-height: 38px;font-family: "Microsoft Yahei Light";background: rgba(0, 0, 0, .5);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.sfq-list li .tab-tit span{font-size: 18px;}
.sfq-list li .tab-tit .icon{display: inline-block;width: 87px;height: 87px;margin-bottom: 60px;}
.sfq-list li .tab-tit .icon-s1{background: url(../images/icon-s1.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s2{background: url(../images/icon-s2.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s3{background: url(../images/icon-s3.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s4{background: url(../images/icon-s4.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s5{background: url(../images/icon-s5.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s6{background: url(../images/icon-s6.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s7{background: url(../images/icon-s7.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s8{background: url(../images/icon-s8.png) no-repeat center;}
.sfq-list li.on .tab-tit{opacity: 0;visibility: hidden;}
.sfq-list li .tab-cont{position: absolute;left: 0;top: 0;height: 100%;width: 384px;padding: 0 40px;background-color: rgba(41, 120, 205, .8);opacity: 0;visibility: hidden;color: #f1f1f1;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.sfq-list li.on .tab-cont{opacity: 1;visibility: visible;}
.sfq-list li .tab-cont h3{font-size: 26px;color: #f1f1f1;line-height: 1;}
.sfq-list li .tab-cont .en{margin-top: 10px;margin-bottom: 20px;}
.sfq-list li .tab-cont .des{line-height: 1.75;}
.sfq-list li .tab-cont .more{display: block;margin-top: 40px;width: 130px;height: 35px;line-height: 35px;text-align: center;background-color: #f1f1f1;color: #333;font-size: 14px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.sfq-list li .tab-cont .more:hover{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
@media (max-width: 1800px) {
.sfq-list li .tab-cont {
width: 296px;
}
.sfq-list li .tab-cont h3 {
font-size: 24px;
}
}
@media (max-width: 1000px) {
.sfq-list {
margin-top: 30px;
}
.sfq-list li img {
position: static;
margin-left: 0;
width: 100%;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
.sfq-list li {
width: 100%;
height: 50px
}
.sfq-list {
height: auto;
flex-wrap: wrap;
}
.sfq-list li.on {
width: 100%;
height: 300px;
}
.sfq-list li .tab-cont {
width: 100%;
padding: 0 20px;
}
.sfq-list li .tab-cont {
opacity: 1;
visibility: visible;
}
.sfq-list li .tab-cont .en,
.sfq-list li .tab-cont .des,
.sfq-list li .tab-cont .more,
.sfq-list li.on .tab-tit {
display: none;
}
.sfq-list li .tab-cont h3 {
font-size: 18px;
}
.sfq-list li .tab-cont {
background-color: rgba(3, 133, 209, .1);
}
.sfq-list li.on .tab-cont .en,
.sfq-list li.on .tab-cont .des,
.sfq-list li.on .tab-cont .more {
display: block;
}
.sfq-list li.on .tab-cont {
background-color: rgba(2, 133, 209, .8);
}
}
.prod-img-text {line-height:1.8;}