/*cn*/
.home-main .title .more:hover{ color:#e60012;}

*{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;    box-shadow: #ccc 0px 0px 5px 0px;}

.head-wrap{max-width: 1645px;width: 100%;height: 90px;line-height: 90px;margin: 0 auto;}

.head-logo{float: left;}

.head-nav{float: left;margin-left: 155px;}

.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: #e60012;display: none;transition: all .3s;}

.head-nav li>a{font-size: 18px;color: #666666;display: block;}

.head-nav li.on>a{color: #e60012;}

.head-nav li.on:before{display: block;}

.head-nav li:hover>a{color: #e60012;}

.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: 27px;}

.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: #e60012;}

.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(icon1.jpg) center left no-repeat,url(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(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;}

.head-phone .icon{width: 20px;display: inline-block;     margin-right: 5px;}

.head-phone .number{display: inline-block;font-size: 16px;color:#e60012;font-weight: bold;}

.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(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(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;}



/* footer */

.footer{width: 100%;height: auto;background: #fbfbfb;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: #e60012;}

.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(icon52.png) left top no-repeat;}

.foot-title .number{font-size: 20px;display: inline-block;vertical-align: top; color:#333!important;}

.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(icon4.png) center center no-repeat;background-size: cover;left: 30px;}

.home-swiper .swiper-button-next{background: url(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: #e60012;}

.prod-list{position: relative;margin-top: -40px;}

.prod-list li{box-shadow: 0 5px 10px rgba(0, 0, 0, .1);border-radius: 7px;padding: 55px 0 30px;background: #fff;} 

.prod-list .top{padding: 0 50px;}

.prod-list .h1{font-size: 36px;color: #111111;font-weight: bold;margin-bottom: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.prod-list .h2{font-size: 20px;color: #333333;font-weight: 300;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.prod-list .more{display: inline-block;width: 130px;height: 45px;line-height: 45px;background: url(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;margin-top: 20px;padding: 0 25px;}

.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: 50px;}

.home-main .title .h1{float: left;font-size: 36px;color: #111111;font-weight: bold;}

.home-main .title .more{float: right;font-size: 18px;color: #282828;padding-right: 40px;background: url(icon7.jpg) center right no-repeat;}

.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;}

.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;}

.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(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: 40px;display: inline-block;transition: all .3s;}

.story-swiper .box.on .suspend{background: rgba(230,0,18,.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: 30px 0 34px;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;}

.news-list li:hover .h1{color: #e60012;}

.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: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}

.news-list .more{margin-top: 30px;display: inline-block;font-size: 16px;color: #333333;}

.news-swiper .swiper-pagination{top: 76%;height: 12px;}

.news-swiper .swiper-pagination-bullet{width: 12px;height: 12px;}

.contact{background-size: cover;padding-top: 50px;min-height: 190px;}

.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: #89000b;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%;}

.location a{font-size: 14px;color: #ffffff;line-height: 21px;display: inline-block;margin-right: 5px;}

.location a.on{padding-left: 32px;background: url(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(icon13.png) 95% center no-repeat;text-align: center;width: 165px;transition: all .3s;}

.screen-nav .nav li>a.on{background: url(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(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(icon14.png) center right no-repeat;margin-bottom: 25px;transition: all .3s;}

.screen-list .h1.on{background: url(icon14-2.png) center right no-repeat;}

.screen-list .la_1{font-size: 0;display: block;margin-bottom: 20px;position: relative;}

.screen-list .check{width: 20px;height: 20px;}

.screen-list .icon{position: absolute;width: 20px;height: 20px;background: url(icon17.png) center center no-repeat;top: 0;left: 0;}

.screen-list .l-text{display: inline-block;vertical-align: top;line-height: 20px;width: calc(100% - 40px);padding: 0 8px 0 12px;}

.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{margin-bottom: 0;}

input[type=checkbox]:checked+span {background: url(icon18.png) center center no-repeat;}

.prod-list2 ul{padding: 0 25px;}
@media only screen and (max-width: 1199px){
.prod-list2 ul{padding: 0;}
}
.prod-list2 li{float: left;width: 24%;margin-right:1.25%;position: relative;padding-bottom: 40px;border: 1px solid #eeeeee;margin-bottom: 13px;padding-top: 35px;}

.prod-list2 li:nth-child(4n){margin-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: 0%;bottom: 0;background: rgba(230,0,18,.75);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; text-align:center;}

.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: #e60012;}

.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;width: 39px;height: 38px;line-height: 38px;border: 1px solid #eeeeee;border-right: 0;}

.nav-page a.on{color: #e60012;}

.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: #e60012;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(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(icon20.png) center center no-repeat;background-size: cover;}

.prod-top .arrow-right{right: 0;background: url(icon20-2.png) center center no-repeat;background-size: cover;}

.prod-top .view .img{width: 580px;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: #e60012;}

.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: #e60012;}

.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: 650px;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: 1600px;}

.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: #e60012;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: 108px;}

.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: #e60012;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: #e60012;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(icon80.png);background-size: cover;}

.box_6 .swiper-button-next{right: -90px;background-image: url(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(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(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(230,0,18,.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(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(icon150.png) top center no-repeat , url(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(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(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: #e60012;background: url(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: #e60012;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: #e60012;}

.nav-box .nav-wrap>ul>li.on>a:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #e60012;}

.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: #e60012;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(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: #e60012;color: #ffffff;}

.apply-list3 .more{display: inline-block;padding: 16px 14px;padding-right: 50px;font-size: 14px;color: #999999;background: url(icon56.png) 74% center no-repeat;transition: all .3s;}

.apply-list3 .suspend:hover .more{color: #ffffff;background: #e60012 url(icon56-2.png) 74% center no-repeat;}

.apply-list3 .suspend:hover .h1{color: #e60012;}

.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(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: #e60012;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: #e60012;margin-top: 66px;}

.swiper-scrollbar-drag:before{content: "";position: absolute;top: -9px;right: 0;width: 10px;height: 20px;background: #e60012;}



/* 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(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(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(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(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(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: #e60012;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(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: #e60012;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(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: #e60012;}

.news-list2 li:hover .h1{color: #e60012;}

.news-list2 li:hover .more{background: #e60012 url(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: #e60012;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 #e60012;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(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: 940px;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: #e60012;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(icon72.png);background-size: cover;}

.contact-box .place .name{display: inline-block;vertical-align: top;font-size: 16px;color: #ffffff;padding: 13px 19px;background: #e60012;position: relative;margin-left: 15px;border-radius: 5px;}

.contact-box .place .name:before{content:"";position: absolute;width: 18px;height: 42px;background: url(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: #e60012;}

.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(img73.jpg) right bottom no-repeat;padding: 72px 40px 0;height: 340px;}

.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(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: #e60012;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: 60px;}

.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(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(icon81.png);background-size: cover;top: 50%;margin-top: -20px;transition: all .3s;z-index: 2;}

.record .swiper-button-prev:hover{background-image: url(icon80-2.png);}

.record .swiper-button-next:hover{background-image: url(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: #e60012;}

.record .preview .active-nav:before{content: "";position: absolute;width: 52px;height: 2px;background: #e60012;left: 50%;margin-left: -26px;bottom: 0;}

.record .swiper-slide-active .year{width: 134px;height: 121px;line-height: 121px;background-image: url(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(icon82.png);background-size: cover;}

.honor .swiper-button-next{right: 7px;background-image: url(icon83.png);background-size: cover;}

.honor .swiper-button-prev:hover{background-image: url(icon82-2.png);}

.honor .swiper-button-next:hover{background-image: url(icon83-2.png);}

.honor .img{border: 1px solid #eeeeee;padding: 17px 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: #e60012;}

.honor-nav li.on:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #e60012;}

.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: #e60012;}

.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(icon90.png);background-size: cover;}

.recruit-main .banner input:checked+span{background-image: url(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: #e60012;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: #e60012;margin-right: 37px;cursor: pointer;}

.recruit-popup .return{font-size: 16px;color: #e60012;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(icon95.png) left center no-repeat;font-size: 24px;color: #e60012;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: #e60012 url(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(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: #e60012;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: #e60012;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: #e60012;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(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: #e60012;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: #e60012;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: #e60012;}

.ensure-swiper .box:hover .icon{background: #e60012;}

.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(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: #e60012;}

.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: #e60012;}

.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: #e60012;}



/* 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(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: #e60012;}

.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;}

}



@media only screen and (max-width:1600px) {

    /* header */

    /*.head-search{margin-left: 20px;}*/

    /*.language{margin-left: 50px;}*/

	/* about */

	.culture .img-box{width: 900px;}

	.culture .text-box{width: calc(100% - 900px);}

	/* 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 */

	.prod-list .top{padding: 0 25px;}

	.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;}	



	/*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: 750px;}

	.culture .text-box{width: calc(100% - 750px);}

	/* 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) {

	/* 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); margin-top:20px;}

	.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;}
	
		/* header */

	.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 15;background: #ffffff;    box-shadow: #ccc 0px 0px 5px 0px;}

	.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: 32%;margin-right: 2%;}

	.prod-list2 li:nth-child(4n){margin-right: 2%;}
	.prod-list2 li:nth-child(3n){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: 0;}

	/* 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 */
	#footer{display: block;font-size: 0;z-index: 999;}
	#footer ul{    background: #e60012;}
	#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 li{padding-top: 30px;}

	.prod-list .top{padding: 0 15px;}

	.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;}

	.prod-list .img{padding: 0 15px;}

	.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: 50%;display: inline-block;vertical-align: top;}

	.prod-list2 li{width: 48%;margin-right: 4%!important;}


	.prod-list2 li:nth-child(2n){margin-right: 0!important;}

	.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; 

}