/* CSS Document */
@charset "utf-8";

/*position*/
.position{background: #fff;}
.position .pos{line-height: 360%;}
.position .pos i{font-size: 120%;color: #1d2088;margin-right: .5vw;}
.position .menu{width: 56%;}
.position .menu ul li{position: relative;}
.position .menu ul li a{line-height: 360%;letter-spacing: .1vw;color: #666;}
.position .menu ul li.on a{color: #1d2088;}
.position .menu ul li.on::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 100%;height: 100%;border-bottom: 2px solid #1d2088;}
.position .menu1{width: 30%;}
.position .menu2{width: 60%;}
.position .menu3{width: 50%;}

/*product*/
.product{background: #f2f2f2;overflow: hidden;padding: 5% 0;}
.product .con ul{justify-content: flex-start;}
.product .con ul li{width: 32%;margin: 1% 2% 1% 0;background: #fff;padding: 0 1.5vw 1vw 1.5vw;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);overflow: hidden;position: relative;}
.product .con ul li:nth-child(3n){margin-right: 0;}
.product .con ul li i{display: block;margin: 2.5vw 0 1.5vw;position: relative;}
.product .con ul li i::after{display: block;content: "";position: absolute;right: -1.5vw;top:0;width: 3vw;height: 20px;background: #ff4826;}
.product .con ul li .icon{height: 20px;margin: 0;}
.product .con ul li h3{font-size: 1.3vw;margin-bottom: 1vw;}
.product .con ul li span{position: absolute;left:-1vw;bottom:-1vw;background: #1d2088;border-radius: 50% 50% 50% 0;width: 4vw;line-height: 3vw;color: #fff;font-size: 1.5vw;text-align: center;padding: .2vw 0 .8vw .5vw;transition:all .3s linear;}
.product .con ul li:hover span{transform: scale(1.2);}

/*page*/
.page{margin-top: 3%;}
.page a{background: #fff;line-height: 200%;padding: 0 .6vw;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);margin: 0 .5vw;color: #666;}
.page span{background: #ff4826;line-height: 200%;color: #fff;padding: 0 .6vw;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);margin: 0 .5vw;}

/*detailPic*/
.detailPic{padding: 5% 0;background: #f2f2f2;}
.detailPic .container{align-items: flex-start;position: relative;}
.detailPic .PicBox{width: 40%;overflow: hidden;}
.detailPic .swiper-slide{background: #fff;}
.mySwiper1 .swiper-slide-thumb-active {border: 2px solid #ff4826;}
.detailPic .PicBox .mySwiper1{margin-top: 10px;}
.detailPic .PicBox .mySwiper2{position: relative;}
.detailPic .PicBox .mySwiper2 .swiper-pic-prev{display: none;position: absolute;left: 0;top:calc(50% - 1.5vw);line-height: 3vw;z-index: 333;font-size: 2vw;color: #1d2088;padding: 0 1vw;}
.detailPic .PicBox .mySwiper2 .swiper-pic-next{display: none;position: absolute;right: 0;top:calc(50% - 1.5vw);line-height: 3vw;z-index: 333;font-size: 2vw;color: #1d2088;padding: 0 1vw;}
.detailPic .PicBox .swiper-slide span{position: absolute;left: 0;top:0;background: #ff4826;color: #fff;padding: 0 .5vw;}
.detailPic .PicBox .mySwiper .swiper-slide span{font-size: 60%;line-height: 180%;}

.detailPic .info{width: 56%;}
.detailPic .info h2{font-size: 1.8vw;font-weight: bold;letter-spacing: .1vw;line-height: 150%;margin: 0 0 1vw 0;}
.detailPic .info p{margin-bottom: .5vw;}
.detailPic .info ul{margin-bottom: 3vw;}
.detailPic .info ul li{background: #fff;margin: .3vw .6vw .3vw 0;padding: 0 .8vw;border: 1px solid #1d2088;font-size: 80%;line-height: 240%;}
.detailPic .info ul li.on{background: #1d2088;color: #fff;}

.detailPic .info .select_box{}
.detailPic .info .model i{font-weight: bold;color: #ff4826;}
.detailPic .info .mySelect{width: 200px;max-height: 260px;background: #fff;overflow-y: auto;box-shadow: 0 0 16px rgba(0,0,0,.1);top: 2vw; padding: 10px 5px;margin-right: 1vw;color: #1d2088;font-size: .8vw;}
.detailPic .info .mySelect .option{color: #333;}

.annotation{width: 40%;display: none;margin-top: 1vw;}

.detailPic .infoContact{width: 22%;position: absolute;right: 0;bottom:0;background: #fff;webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);padding: 1.5vw 0;}
.detailPic .infoContact::after{display: block;content: "";position: absolute;left: 0;top:0;border-color: #1d2088 transparent transparent #1d2088;border-width: 15px;border-style: solid;}
.detailPic .infoContact img{width: 6vw;margin: 0 0 0 1vw;}
.detailPic .infoContact span{color: #666;text-align: center;}

/*detailBox*/
.detailBox{background: #f2f2f2;}
.detailBox .container{align-items: flex-start;}
.detailBox .detail{width: 76%;overflow: hidden;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.detailBox .detailPage{padding: 0 3%;}
.detailBox .detailPage ul li{line-height: 300%;letter-spacing: .1vw;color: #666;position: relative;}
.detailBox .detailPage ul li.on{color: #1d2088;}
.detailBox .detailPage ul li.on::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 100%;height: 2px;background: #1d2088;}

.detailBox .detail .swiper-slide{padding: 3%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.detailBox .detail .swiper-slide .title{font-size: 1.2vw;margin-bottom: 1%;}
.detailBox .detail .swiper-slide .content{line-height: 200%;}

.detailBox .content{overflow:hidden;}
.detailBox .content table{width:100%;white-space: nowrap;table-layout: auto;}
.detailBox .content table tr:nth-child(odd){background:#eee;}
.detailBox .content .p1{padding:1%;}

.subpage{padding: 1.5% 3%;}
.subpage span{color: #888;}

.right{width: 22%;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);overflow: hidden;padding: 1.5%;}
.right h4{font-size: 1.2vw;line-height: 200%;letter-spacing: .1vw;margin-bottom: .5vw;}
.right .swiper-container-cert{overflow: hidden;}
.right .Rnews{margin-top: 5%;}
.right .Rnews ul li a{display: block;padding: .5vw 0;border-top: 1px dashed #eee;}
.right .Rnews ul li i{font-size: 60%;color: #1d2088;margin-right: .5vw;line-height: 200%;}

/*hot*/
.hot{padding: 3% 0 5% 0;background: #f2f2f2;overflow: hidden;}
.hot h4{font-size: 1.5vw;letter-spacing: .1vw;font-weight: bold;margin-bottom: 2%;}
.hot h4 img{height: 1.5vw;margin-right: 1vw;}
.swiper-container-hot{overflow: hidden;position: relative;}
.swiper-container-hot .swiper-slide strong{display: block;padding-top: 5%;text-align: center;letter-spacing: .1vw;}
.swiper-container-hot .swiper-hot-prev{position: absolute;left: 2%;top:calc(50% - 1vw);width: 3vw;line-height: 3vw;z-index: 333;font-size: 1.5vw;background: rgba(0,0,0,.5);color: #fff;text-align: center;border-radius: 50%;}
.swiper-container-hot .swiper-hot-next{position: absolute;right: 2%;top:calc(50% - 1vw);width: 3vw;line-height: 3vw;z-index: 333;font-size: 1.5vw;background: rgba(0,0,0,.5);color: #fff;text-align: center;border-radius: 50%;}

/*cases*/
.cases{padding: 5% 0;background: #f2f2f2;}
.cases .list{width: 32%;margin: 1% 2% 1% 0;}
.cases .list:nth-child(3n){margin-right: 0;}
.cases .list .pic{overflow: hidden;}
.cases .list .pic img{transition:all .3s linear;}
.cases .list:hover .pic img{transform: scale(1.2);}
.cases .list .txt{padding: 2vw;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);position: relative;overflow: hidden;}
.cases .list .txt::after{display: block;content: "";position: absolute;right: -1vw;bottom:-1vw;width: 3vw;height: 3vw;border-radius: 50% 50% 0 50%;background: #1d2088;transition:all .3s linear;}
.cases .list:hover .txt::after{transform: scale(1.2);background: #ff4826;}
.cases .list .txt h4{font-size: 1.2vw;letter-spacing: .1vw;line-height: 150%;margin-bottom: 1vw;position: relative;z-index: 1;}
.cases .list .txt h4::before{display: block;content: "";position: absolute;left: 0;top:calc(50% - .6vw);width: 2px;height: 1.2vw;left: -2vw;background: #1d2088;}
.cases .list:hover .txt h4::before{background: #ff4826;}
.cases .list .txt p{font-size: 80%;color: #888;}

/*contentBox*/
.contentBox{padding: 5% 0 0 0;background: #f2f2f2;}
.contentBox .container{align-items: flex-start;}
.contentBox .content{width: 76%;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.contentBox .content .title{padding: 3%;}
.contentBox .content .title h2{font-size: 1.8vw;letter-spacing: .1vw;line-height: 150%;}
.contentBox .content .title p{font-size: 90%;color: #888;line-height: 150%;margin-top: .5vw;}
.contentBox .content .title p span{margin-right: 1vw;}
.contentBox .content .con{padding: 3%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.contentBox .content .con p{padding:.5vw 0}
.contentBox .content .con img{margin:5px auto}

/*download*/
.download{padding: 4% 0;background: #f2f2f2;}
.download .container{margin: 1% auto;align-items: stretch;}
.download .name{width: 10%;background: rgba(29, 32, 136,.1);color: #1d2088;}
.download .name a{color: #1d2088;}
.download .list{width: 90%;}
.download .list ul{align-items: initial;position: relative;background: #fff;z-index: 1;}
.download .list ul::after{display: block;content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;border: 1px solid #eee;z-index: -1;}
.download .list ul li{width: 25%;border-right: 1px solid #eee;border-bottom: 1px solid #eee;text-align: center;padding: 1%;}

/*news1*/
.news1{padding: 5% 0;background: #f2f2f2;}
.news1 h3 span,.news2 h3 span,.news3 h3 span{display: block;font-size: 3vw;letter-spacing: .2vw;line-height: 150%;}
.news1 h3 a,.news2 h3 a,.news3 h3 a{letter-spacing: .1vw;padding: .5vw 1vw;background: #1d2088;color: #fff;}
.news1 h3 a:hover,.news2 h3 a:hover,.news3 h3 a:hover{background: #ff4826;}
.news1 .con{position: relative;margin-top: 4%;}
.news1 .pic{width: 50%;position: relative;z-index: 1;}
.news1 .pic img{width: 120%;max-width:120%;}
.news1 .txt{width: 50%;position: relative;z-index: 2;background: #fff;padding: 4% 3% 3% 3%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.news1 .txt h4 a{font-size: 1.5vw;letter-spacing: .2vw;}
.news1 .txt p{color: #888;margin: 1vw 0 1.5vw 0;letter-spacing: .1vw;line-height: 200%;}
.news1 .txt .more{display: inline-block;width: 8vw;line-height: 2.4vw;background: #1d2088;color: #fff;text-align: center;}
.news1 .txt .more:hover{background: #ff4826;}

.news1 ul li{width: 22%;margin-top: 4%;}
.news1 ul li span{font-size: 90%;color: #666;}
.news1 ul li h4{font-size: 1.2vw;letter-spacing: .1vw;line-height: 2vw;height: 2vw;overflow: hidden;}
.news1 ul li p{font-size: 90%;color: #666;margin: .5vw 0;}
.news1 ul li .more{color: #1d2088;}
.news1 ul li .more:hover{color: #ff4826;}

/*news2*/
.news2{padding: 5% 0 6% 0;background: #fff;}
.news2 ul li{width: 31%;margin-top: 4%;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.news2 ul li .pic img{width: 100%;}
.news2 ul li .txt{padding: 8%;position: relative;}
.news2 ul li .txt h4{font-size: 1.2vw;letter-spacing: .1vw;line-height: 2vw;height: 2vw;overflow: hidden;}
.news2 ul li .txt p{font-size: 90%;color: #888;margin: .8vw 0 .5vw 0;padding-top: 1vw;position: relative;}
.news2 ul li .txt p::after{display: block;content: "";position: absolute;left: 0;top:0;width: 30px;height: 2px;background: #1d2088;}
.news2 ul li .txt span{position: absolute;right: 0;bottom:0;background: #eee;padding: .2vw 1vw;color: #888;}

/*news3*/
.news3{padding: 5% 0 6% 0;background: #f2f2f2;}
.news3 dl{width: 48%;background: #fff;padding: 2%;margin-top: 4%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.news3 dl dt{width: 40%;overflow: hidden;}
.news3 dl:hover dt img{transform: scale(1.1);}
.news3 dl dd{width: 56%;}
.news3 dl dd h4{font-size: 1.2vw;letter-spacing: .1vw;line-height: 2vw;height: 2vw;overflow: hidden;}
.news3 dl dd span{display: block;color: #888;font-size: 90%;margin: 0 0 .5vw 0;}
.news3 dl dd p{color: #666;font-size: 90%;}

/*newsList*/
.newsList{padding: 4% 0 5% 0;background: #f2f2f2;}
.newsList .container{align-items: stretch;}
.newsList .list{width: 48%;padding: 2%;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);margin: 2% 0;}
.newsList .list .date{font-size: 1.2vw;color: #888;font-family: Abel;padding-bottom: 5%;position: relative;}
.newsList .list .date::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #ff4826;}
.newsList .list .date span{display: block;color: #1d2088;font-size: 250%;line-height: 120%;}
.newsList .list .img{width: 50%;}
.newsList .list .img img{width: 100%;}
.newsList .list .txt{width: 100%;}
.newsList .list .txt h4{font-size: 1.2vw;letter-spacing: .1vw;margin: 1.5vw 0 .5vw 0;}
.newsList .list .txt p{color: #888;font-size: 90%;letter-spacing: .1vw;}

/*cert*/
.cert{padding: 4% 0 5% 0;background: #f2f2f2;}
.cert .name{margin: 3% 0 2% 0;padding-top: 2%;position: relative;}
.cert .name::before{display: block;content: "";position: absolute;left: 0;top:-4px;width: 10px;height: 10px;background: #1d2088;border-radius: 50%;}
.cert .name::after{display: block;content: "";position: absolute;left: 0;top:0;width: 3vw;height: 2px;background: #1d2088;}
.cert .name span{display: inline-block;font-size: 2.5vw;letter-spacing: .2vw;line-height: 150%;}
.cert ul{justify-content: flex-start;align-items: stretch;}
.cert ul li{width: 31%;margin: 1.6% 3.3% 1.6% 0;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.cert ul li:nth-child(3n){margin-right: 0;}
.cert ul li img{padding: 1vw;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.cert ul li h4 a{display: block;text-align: center;padding: 1vw;}

/*retrace*/
.retrace{width: 100%;height: 90vh;background: #1d2088 url(../images/retrace_bg.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.retrace .tit{margin-bottom: 5%;}
.retrace .tit h3{font-size: 2.8vw;letter-spacing: .3vw;color: #fff;line-height: 180%;}
.retrace .tit p{font-size: 1.2vw;letter-spacing: .1vw;color: #fff;font-weight: 100;line-height: 180%;}
.retrace .form{width: 80%;margin: 0 auto;background: #fff;padding: 3%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius: 1vw;}
.retrace .form .list{width: 25%;position: relative;}
.retrace .form .list em{font-size: 1.2vw;font-weight: 400;display: block;line-height: 150%;letter-spacing: .1vw;color: #1d2088;}
.retrace .form .list input{display: block;width: 100%;background: #fff;padding: 10px;margin: 10px 0;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius: 5px;}
.retrace .form .list i{color: red;position: absolute;right: 0;bottom:0;}
.retrace .form .list span{color: #888;font-size: 90%;}
.retrace .form .btn input{width: 8vw;font-size: 1.8vw;line-height: 8vw;background: #ff4826;color: #fff;border-radius: 50%;text-align: center;}
.retrace .form .btn input:hover{background: #1d2088;}

.retrace .result{width: 80%;margin: 3% auto 0 auto;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius: 1vw;overflow: hidden;}
.retrace .result .pic{width: 20%;}
.retrace .result .table{width: 80%;padding: 4% 4% 4% 0;}
.retrace .result .table h4{font-size: 1.5vw;letter-spacing: .1vw;text-align: center;margin-bottom: 3%;}
.retrace .result .con .tabT{background: #f2f2f2;}
.retrace .result .con ul{width: 100%;flex-wrap: nowrap;text-align: center;}
.retrace .result .con ul li{width: 12%;padding: .6vw 0;}
.retrace .result .con ul li:nth-child(1){width: 35%;}

/*specialized*/
.specialized{padding: 5% 0 ;background: #fff;}
.specialized .tit{width: 35%;}
.specialized .tit h3{font-size: 2vw;letter-spacing: .2vw;}
.specialized .tit h4{font-size: 1vw;letter-spacing: .1vw;color: #666;margin: .6vw 0 3vw 0;}
.specialized .tit img{width: 90%;margin: 0;}
.specialized .con{width: 60%;}
.specialized .con ul li{width: calc(100%/3);padding: 10% 0;}
.specialized .con ul li:nth-child(1),.specialized .con ul li:nth-child(2),.specialized .con ul li:nth-child(4),.specialized .con ul li:nth-child(5){border-right: 1px solid #eee;}
.specialized .con ul li:nth-child(1),.specialized .con ul li:nth-child(2),.specialized .con ul li:nth-child(3){border-bottom: 1px solid #eee;}
.specialized .con ul li .icon{overflow: hidden;}
.specialized .con ul li .icon img{width: 3.5vw;transition:all .3s linear;filter: drop-shadow(0 60px 0 #aaa);-webkit-filter: drop-shadow(0 80px 0 #aaa);transform:translateY(-80px);-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);}
.specialized .con ul li:hover .icon img{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
.specialized .con ul li span{font-size: 1vw;letter-spacing: .1vw;display: block;margin-top: 1vw;}
.specialized .con ul li:hover span{color: #1d2088;}

/*retraceList*/
.retraceList{padding:5% 0;background:#f2f2f2;}
.retraceList ul{border-top:1px solid #fff;border-right:1px solid #fff;}
.retraceList ul li{width:10%;text-align:center;border-bottom:1px solid #fff;border-left:1px solid #fff;}
.retraceList ul li a{display:block;padding:.5vw;}

/*feedback*/
.feedback{padding: 6% 0;background: #f2f2f2 url(../images/feedback_bg.jpg) center no-repeat;}
.feedback .container{align-items: stretch;border-radius: 1vw;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);overflow: hidden;}
.feedback .txt{width: 30%;background: #1d2088 url(../images/feedback.jpg) center no-repeat;color: #fff;padding: 4% 0 4% 4%;}
.feedback .txt h4{font-size: 1.8vw;letter-spacing: .1vw;font-weight: 100;}
.feedback .txt h4 span{display: block;}
.feedback .txt h3{font-size: 1.5vw;letter-spacing: .1vw;margin-top: 2vw;position: relative;z-index: 1;line-height: 150%;font-weight: 100;}
.feedback .txt h3::after{display: block;content: "";position: absolute;left: -1vw;top: -.5vw;width: 2vw;height: 2vw;background: #ff4826;border-radius: 50%;z-index: -1;}
.feedback .txt h3 span{display: block;color: #ff4826;}

.feedback .form{width: 70%;background: rgba(255,255,255,.8);padding: 4%;position: relative;}
.feedback .form h4 em{display: block;font-size: 2vw;line-height: 150%;letter-spacing: .2vw;}
.feedback .form h4 span{color: #666;letter-spacing: .1vw;}
.feedback .form h4 i{color: red;}
.feedback .form form{position: relative;}
.feedback .form ul li{width: 48%;margin-top: 3%;border-bottom: 1px solid #eee;position: relative;}
.feedback .form ul li:nth-child(7){width: 100%;}
.feedback .form ul li input,.feedback .form ul li textarea{width: 100%;padding: .8vw 0;font-size: 1vw;letter-spacing: .1vw;}
.feedback .form ul li .red{position: absolute;right: 0;top:.8vw;color: red;}
.feedback .form ul li:last-child{width: 30%;border-bottom: none;}
.feedback .form ul li:last-child input{width: calc(100% - 100px);}
.feedback .form .btn{width: 48%;position: absolute;right: 0;bottom:0;}
.feedback .form .btn input{width: 46%;background: #1d2088;color: #fff;font-size: 1.2vw;line-height: 3vw;border-radius: 5px;}
.feedback .form .btn input.submit{background: #ff4826;}
.feedback .form .btn input:hover{opacity: .8;}

/*contact*/
.contact{padding: 6% 0;background: #f2f2f2 url(../images/contact_bg.jpg) center no-repeat;}
.contact .tit h3{font-size: 2.4vw;letter-spacing: .2vw;padding-bottom: 1vw;margin-bottom: 2vw;position: relative;}
.contact .tit h3::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #ff4826;}
.contact .tit p{font-size: 1.2vw;letter-spacing: .1vw;color: #666;}
.contact .pic{width: 8vw;}
.contact ul{align-items: stretch;}
.contact ul li{width: 30%;background: #fff;padding: 3%;margin-top: 5%;position: relative;z-index: 1;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.contact ul li::after{display: block;content: "";position: absolute;left: 0;top:0;width: 2vw;height: 2vw;border-radius: 0 0 100% 0;background: #1d2088;transition:all .3s linear;z-index: -1;}
.contact ul li span{display: block;color: #666;font-size: 1vw;line-height: 150%;margin: .3vw 0;}
.contact ul li .phone{font-size: 160%;color: #1d2088;font-family: Abel;font-weight: bold;line-height: 150%;letter-spacing: .1vw;}
.contact ul li a,.contact ul li em{font-size: 160%;font-family: Abel;font-weight: bold;line-height: 150%;letter-spacing: .1vw;}
.contact ul li i{position: absolute;right: 6%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);font-size: 4vw;color: rgba(29, 32, 136, .1);width: 4vw;text-align: center;}
.contact ul li:hover::after{width: 100%;height: 100%;border-radius: 0;}
.contact ul li:hover{color: #fff;}
.contact ul li:hover span{color: #eee;}
.contact ul li:hover a{color: #fff;}
.contact ul li:hover i{color: rgba(255,255,255,.5);}

/*overview*/
.overview{background: #f2f2f2 url(../images/news_bg.jpg) top center no-repeat;-webkit-background-size: cover;background-size: cover;}
.overview .brand{padding:5% 0;}
.overview .brand .txt{width: 50%;}
.overview .brand .txt h3{font-size: 2.5vw;letter-spacing: .2vw;padding-bottom: 1.5vw;position: relative;}
.overview .brand .txt h3::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #1d2088;}
.overview .brand .txt p{font-size: 1vw;letter-spacing: .1vw;line-height: 220%;text-align: justify;margin-top: 2vw;color: #666;}
.overview .brand .txt p em{color: #1d2088;font-size: 120%;}
.overview .brand .pic{width: 44%;}

.overview .brandPro{background: #ff4826;padding: 3%;margin-bottom: -10%;position: relative;z-index: 2;}
.overview .brandPro p{width: 16%;font-size: 1vw;line-height: 200%;color: #fff;letter-spacing: .1vw;padding-top: 2vw;position: relative;}
.overview .brandPro p::after{display: block;content: "";position: absolute;left: 0;top:0;width: 30px;height: 2px;background: #fff;}
.overview .brandPro .swiper-container-brandPro{width: 80%;overflow: hidden;}
.overview .brandPro .swiper-container-brandPro .swiper-slide{width: 23%;}

.overview .number{background: #1d2088;padding: 15% 0 5% 0;color: #fff;overflow: hidden;position: relative;z-index: 1;}
.overview .number ul{align-items: flex-start;}
.overview .number ul li{font-size: 1.1vw;letter-spacing: .1vw;font-weight: 100;text-align: center;}
.overview .number ul li:nth-child(even){}
.overview .number ul li i{font-size: 200%;font-family: Abel;display: inline-block;line-height: 150%;color: #ff4826;}
.overview .number ul li span{display: block;}
.overview .number ul li img{width: 3vw;margin-bottom: 1vw;opacity: .5;}

/*culture*/
.culture{padding: 6% 0;background: #fff url(../images/why_bg.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.culture .container{align-items: stretch;}
.culture .txt{position: relative;}
.culture .txt h4{font-size: 2.5vw;letter-spacing: .2vw;padding-bottom: 1.5vw;position: relative;margin-bottom: 2vw;}
.culture .txt h4::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #ff4826;}
.culture .txt p{font-size: 1.2vw;letter-spacing: .1vw;font-weight: 100;line-height: 200%;}
.culture .txt p span{font-size: 120%;padding: 0 5px;color: #ff4826;}
.culture .txt em{font-size: 6vw;font-family: Abel;line-height: 100%;position: absolute;left: 0;bottom:0;color: #fff;text-shadow: 0 2px 5px rgba(0,0,0,.1);}

.culture .con{text-align: center;}
.culture .con .txt1{width: 24vw;height: 24vw;background: #1d2088;border-radius: 50%;}
.culture .con ul li{width: 16vw;height: 16vw;background: #ff4826;border-radius: 50%;}
.culture .con ul li:nth-child(2){margin-top: 2vw;}
.culture .con img{width: 3vw;opacity: .6;}
.culture .con h4{font-size: 1.5vw;letter-spacing: .1vw;margin: 1vw 0 .5vw 0;color: #fff;}
.culture .con p{font-size: 1vw;letter-spacing: .1vw;line-height: 200%;color: #fff;}

/*history*/
.history{padding: 5% 0;background: #1a1a2a url(../images/history_bg.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.history h3{font-size: 2.5vw;letter-spacing: .2vw;margin-bottom: 4%;color: #fff;position: absolute;left: 0;top:0;}
.history .pic{width: 60%;position: relative;}
.history .historyBox{position: relative;}
.history .historyBox::after{display: block;content: "";position: absolute;left: calc(7vw - 6px);top:0;width: 2px;height: 100%;background: #ccc;}
.history .historyBox .con{max-height: 580px;overflow-x: hidden;scrollbar-width: none;}
.history .historyBox .con::-webkit-scrollbar{width: 0;}
.history .sflex{margin: 2vw 0;color: #fff;}
.history .sflex:hover{color: #ff4826;}
.history .time{width: 5vw;text-align: right;font-size: 1.5vw;font-family: Abel;letter-spacing: .1vw;position: relative;z-index: 1;margin-right: 4vw;line-height: 2vw;}
.history .time::after{display: block;content: "";position: absolute;right: -2vw;top:calc(1vw - 5px);width: 10px;height: 10px;border: 2px solid #ff4826;border-radius: 50%;z-index: -1;background: #fff;}
.history .txt{letter-spacing: .1vw;line-height: 200%;}

/*structure*/
.structure{padding: 5% 0;}
.structure .title{margin-bottom: 5%;}
.structure .title h3{font-size: 2.5vw;letter-spacing: .2vw;}
.structure .title p{color: #666;margin-top: .5vw;}
.structure .top{margin-bottom: 3vw;position: relative;z-index: 1;margin-left: 2.2%;}
.structure .top::after{display: block;content: "";position: absolute;top:100%;left:calc(50% - 1px);width: 2px;height: 3vw;border-left: 2px dashed rgba(29, 32, 136, .2);z-index: -1;}
.structure .top span{display: inline-block;background: #1d2088;color: #fff;padding: 1vw 2vw;font-size: 1.5vw;font-weight: 100;letter-spacing: .1vw;border-radius: 8px;}
.structure .con{align-items: stretch;position: relative;z-index: 1;}
.structure .con::after{display: block;content: "";position: absolute;top:-1px;left:7vw;width: calc(100% - 14vw);height: 2px;border-top: 2px dashed rgba(29, 32, 136, .2);z-index: -1;}
.structure .list{text-align: center;margin-top: 3vw;}
.structure .list span{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;background: #1d2088;color: #fff;letter-spacing: .1vw;width: 6vw;height: 6vw;border-radius: 50%;margin: 0 auto;font-size: 1.2vw;font-weight: 100;}
.structure .list > span{position: relative;}
.structure .list > span::before{display: block;content: "";position: absolute;width: 2px;height: 3vw;border-left: 2px dashed rgba(29, 32, 136, .2);left: calc(50% - 1px);bottom:100%;}
.structure .list > span::after{display: block;content: "";position: absolute;width: 10px;height: 10px;background: #fff;border: 2px solid #1d2088;border-radius: 50%;left: calc(50% - 5px);top:calc(-3vw - 5px);}
.structure .list .group{margin-top: 2vw;}
.structure .list .group span{position: relative;background: rgba(29, 32, 136, .2);color: #333;}
.structure .list .group span:nth-child(2){margin-left: 2vw;}
.structure .list .group span::before{display: block;content: "";position: absolute;width: 4vw;height: 2px;border-top: 3px dashed rgba(29, 32, 136, .2);}
.structure .list .group span:nth-child(1)::before{left: 40%;top:-1.5vw;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.structure .list .group span:nth-child(2)::before{right: 40%;top:-1.5vw;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.structure .list .group span::after{display: block;content: "";left: calc(50% - 5px);top:-4px;position: absolute;width: 10px;height: 10px;background: #fff;border-radius: 50%;border: 2px solid rgba(29, 32, 136, .2);}

/*process*/
.process{background: #f2f2f2;padding: 5% 0;position: relative;z-index: 1;overflow: hidden;}
.process .tit{margin-bottom: 4%;}
.process .tit h3{font-size: 2.5vw;letter-spacing: .2vw;}
.process .tit p{font-size: 1.2vw;color: #666;letter-spacing: .1vw;margin-top: .5vw;font-weight: 100;}
.process ul{position: relative;z-index: 1;}
.process ul::before{display: block;content: "";position: absolute;left: calc(50% - 4px);top: 0;width: 8px;height: 8px;background: #d2d2e2;border-radius: 50%;z-index: -1;}
.process ul::after{display: block;content: "";position: absolute;left: calc(50% - 1px);top: 0;width: 2px;height: 120%;background: #d2d2e2;z-index: -1;}
.process ul li{padding: 2% 0;position: relative;}
.process ul li .num{width: 3vw;line-height: 2.4vw;background: #1d2088;color: #fff;font-size: 1.5vw;font-family: Abel;text-align: center;border-radius: 50%;border: .3vw solid rgba(255,255,255,.8);position: absolute;z-index: 1;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);left: calc(50% - 1.5vw);}
.process ul li h5{position: absolute;top:calc(50% - 3.5vw);width: 7vw;height: 7vw;background: #ff4826;color: #fff;border-radius: 50%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;font-size: 1.2vw;letter-spacing: .1vw;text-align: center;}
.process ul li h5::after{content: "";position: absolute;width: calc(100% + 2vw);height: calc(100% + 2vw);border: 2vw solid #ff4826;opacity: .1;left: -1vw;top:-1vw;z-index: -1;-webkit-border-radius:50%;border-radius:50%;-webkit-animation:scale-three2 1.5s ease infinite;-moz-animation:scale-three2 1.5s ease infinite;-o-animation:scale-three2 1.5s ease infinite;animation:scale-three2 1.5s ease infinite;animation-fill-mode:both}
.process ul li:nth-child(odd) h5{right: 2vw;}
.process ul li:nth-child(even) h5{left: 2vw;}
.process ul li .pic{width: 45%;position: relative;}
.process ul li .control{width: 45%;}
.process ul li .control p{letter-spacing: .1vw;margin: 2vw 0;}
.process ul li .control p span{display: block;margin-bottom: .5vw;color: #888;}
.process ul li:nth-child(even){text-align: right;justify-content: flex-end;}
.process ul li:nth-child(even) .control{position: absolute;left: 0;}
.process ul li:nth-child(odd) .num::after{display: block;content: "";position: absolute;left: 98%;top:calc(50% - .8vw);border-color: transparent transparent transparent #d2d2e2;border-width: .8vw;border-style: solid;z-index: -1;}
.process ul li:nth-child(even) .num::after{display: block;content: "";position: absolute;right: 98%;top:calc(50% - .8vw);border-color: transparent #d2d2e2 transparent transparent;border-width: .8vw;border-style: solid;z-index: -1;}

@keyframes scale-three2 {
0% {
transform:scale(1);
opacity:.6
}

100% {
transform:scale(1.2);
opacity:0
}
}

@-webkit-keyframes scale-three2 {
0% {
-webkit-transform:scale(1);
opacity:.6
}

100% {
-webkit-transform:scale(1.2);
opacity:0
}
}

@-moz-keyframes scale-three2 {
0% {
-moz-transform:scale(1);
opacity:.6
}

100% {
-moz-transform:scale(1.2);
opacity:0
}
}

@-o-keyframes scale-three2 {
0% {
-o-transform:scale(1);
opacity:.6
}

100% {
-o-transform:scale(1.2);
opacity:0
}
}

/*strength*/
.strength{padding: 5% 0 16% 0;background: #f2f2f2 url(../images/strength.png) -8vw bottom no-repeat;-webkit-background-size: cover;background-size: cover;}
.strength .txt{width: 45%;}
.strength .txt h3{font-size: 2.5vw;letter-spacing: .2vw;margin-bottom: 5%;padding-bottom: 4%;position: relative;}
.strength .txt h3::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 40px;height: 2px;background: #1d2088;}
.strength .txt p{line-height: 200%;letter-spacing: .1vw;margin-top: 3%;color: #666;text-align: justify;}
.strength .txt p span{color: #ff4826;font-size: 120%;}
.strength .txt .p{padding-right: 30%;}

/*safety*/
.safety{padding: 6% 0;height: 90vh;background: #1a1a2a url(../images/safety.jpg) center no-repeat;color: #fff;-webkit-background-size: cover;background-size: cover;}
.safety h3{font-size: 3vw;letter-spacing: .2vw;font-weight: bold;padding-top: 3%;position: relative;}
.safety h3::before{display: block;content: "";position: absolute;left: 0;top:0;width: 40px;height: 2px;background: #ff4826;}
.safety h3 span{display: block;}
.safety h4{display: inline-block;background: #ff4826;font-size: 1.5vw;letter-spacing: .2vw;line-height: 200%;padding: 0 1vw;border-radius: .5vw;margin: 1vw 0;}
.safety p{font-size: 1vw;font-weight: 100;letter-spacing: .1vw;}

/*service*/
.service{padding: 5% 0;background: #f2f2f2 url(../images/why_bg.jpg) top center no-repeat;-webkit-background-size: cover;background-size: cover;}
.service .tit{width: 32%;}
.service .tit h3{font-size: 2.5vw;letter-spacing: .2vw;}
.service .tit h4{font-size: 1.5vw;letter-spacing: .1vw;color: #ff4826;margin: .5vw 0 2vw 0;}
.service .tit p{font-size: 1vw;letter-spacing: .1vw;line-height: 200%;color: #666;font-weight: 100;margin-bottom: 5%;}
.service .con{width: 60%;}
.service .con ul{align-items: stretch;}
.service .con ul li{width: 47%;margin: 3% 0;padding: 5%;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius: 1vw;position: relative;}
.service .con ul li .icon{width: 3vw;position: absolute;right: 10%;top:15%;}
.service .con ul li h4{font-size: 1.5vw;letter-spacing: .1vw;margin-bottom: 1vw;padding-bottom: 1vw;position: relative;}
.service .con ul li h4::before{display: block;content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #ff4826;}
.service .con ul li p{letter-spacing: .1vw;color: #666;text-align: justify;}

/*idea*/
.idea{padding: 5% 0;}
.idea h3{font-size: 2.5vw;letter-spacing: .2vw;}
.idea ul{align-items: stretch;}
.idea ul li{width: 22%;margin-top: 4%;position: relative;}
.idea ul li img{border-radius: 1vw;}
.idea ul li h4{font-size: 1.5vw;letter-spacing: .2vw;line-height: 3vw;margin-bottom: 1vw;position: absolute;background: #ff4826;color: #fff;left: 0;margin-top: -2vw;padding: 0 1vw;border-radius: 0 1vw 0 0;}
.idea ul li p{letter-spacing: .1vw;line-height: 200%;color: #666;margin-top: 2vw;}

/*select*/
.select{padding: 2% 0;background: #1d2088;color: #fff;position: relative;}
.select::before{display: block;content: "";position: absolute;right: 0;top:20%;width: 65%;height: 100%;background: #ff4826;z-index: 2;border-radius: 2vw 0 0 2vw;}
.select h3{font-size: 2.5vw;letter-spacing: .2vw;}
.select h3 span{display: block;}
.select ul{width: 60%;position: relative;z-index: 33;padding-top: 10%;}
.select ul li .icon{width: 3vw;margin: 0 auto 1vw auto;}
.select ul li{font-size: 1.2vw;letter-spacing: .1vw;font-weight: 100;}

/*after-sales*/
.after-sales{padding: 5% 0;}
.after-sales .tit h3{font-size: 2.5vw;letter-spacing: .2vw;margin-bottom: .5vw;}
.after-sales .tit p{font-size: 1vw;letter-spacing: .1vw;color: #666;}
.after-sales .con dl{width: 48%;padding: 4% 3%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius: 1vw;margin-top: 4%;}
.after-sales .con dl dt{width: 100px;opacity: .6;}
.after-sales .con dl dd{width: calc(96% - 100px);}
.after-sales .con dl dd h4{font-size: 1.5vw;letter-spacing: .1vw;margin-bottom: 1vw;}
.after-sales .con dl dd p{letter-spacing: .1vw;color: #666;text-align: justify;}

/*joinAbout*/
.joinAbout{background: #f2f2f2 url(../images/joinAbout_bg.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.joinAbout .txt{text-align: center;padding-top: 5%;}
.joinAbout .txt h3{font-size: 2.5vw;letter-spacing: .2vw;margin-bottom: 2%;}
.joinAbout .txt p{font-size: 1vw;letter-spacing: .1vw;color: #666;line-height: 240%;}
.joinAbout .txt p span{font-size: 120%;color: #ff4826;}

/*feature*/
.feature{padding: 5% 0;}
.feature h3{font-size: 2.5vw;letter-spacing: .2vw;text-align: center;margin-bottom: 3%;}
.feature ul{align-items: stretch;}
.feature ul li{width: 32%;padding: 3%;border-radius: 1vw;margin-top: 2%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);position: relative;}
.feature ul li .icon{position: absolute;right: 10%;top:18%;width: 4vw;}
.feature ul li span{display: block;font-family: Abel;font-size: 2vw;line-height: 120%;color: #ccc;}
.feature ul li h4{font-size: 1.5vw;letter-spacing: .1vw;margin: 1vw 0;padding-top: 1vw;position: relative;}
.feature ul li h4::before{display: block;content: "";position: absolute;left: 0;top:0;width: 30px;height: 2px;background: #1d2088;}
.feature ul li p{letter-spacing: .1vw;color: #666;}

/*join*/
.join{background: #f2f2f2 url(../images/join_bg.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.join .container{padding: 5% 0;}
.join h3{font-size: 2.5vw;letter-spacing: .2vw;padding-bottom: 1%;position: relative;}
.join h3::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #ff4826;}
.join p{font-size: 1vw;letter-spacing: .1vw;color: #666;margin-top: 2%;width: 50%;line-height: 200%;}
.join h4{font-size: 2.5vw;letter-spacing: .2vw;margin: 3% 0 1.5% 0;}
.join ul li{margin-top: 1vw;font-size: 1vw;letter-spacing: .1vw;}
.join ul li span{background: #1d2088;color: #fff;font-size: 120%;line-height: 150%;display: inline-block;text-align: center;border-radius: 0 10px 10px 0;margin-right: 1vw;padding: .3vw 1vw .3vw .8vw;font-family: Abel;}
.join .pic{position: absolute;right: 0;bottom:0;}

/*joinBrand*/
.joinBrand{padding: 5% 0;background: #1a1a2a url(../images/joinBrand_bg.jpg) center no-repeat;color: #fff;-webkit-background-size: cover;background-size: cover;}
.joinBrand h3{font-size: 2.5vw;letter-spacing: .2vw;text-align: center;margin-bottom: 4%;}
.joinBrand h3 span{padding-left: 1vw;}
.joinBrand ul{width: 100%;}
.joinBrand ul li{text-align: center;font-size: 1.2vw;letter-spacing: .1vw;font-weight: 100;}
.joinBrand ul li img{width: 4vw;transition:all .5s linear;}
.joinBrand ul li:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.joinBrand ul li span{display: block;margin-top: 1vw;}

/*joinCase*/
.joinCase{padding: 5% 0;}
.joinCase h3{font-size: 2.5vw;letter-spacing: .2vw;text-align: center;}
.joinCase p{font-size: 1vw;letter-spacing: .1vw;color: #666;text-align: center;margin: 1vw 0;}
.joinCase ul li{width: 23.5%;margin-top: 2%;position: relative;border-radius: 1vw;overflow: hidden;}
.joinCase ul li span{position: absolute;left: 0;bottom:0;width: 100%;line-height: 240%;text-align: center;color: #fff;background:linear-gradient(transparent, rgba(0,0,0,.8));background: -webkit-linear-gradient(transparent, rgba(0,0,0,.8));background: -o-linear-gradient(transparent, rgba(0,0,0,.8));background: -moz-linear-gradient(transparent, rgba(0,0,0,.8));}


@media screen and (max-width:1440px){

.page span{padding: 0 .8vw;}
.page a{padding: 0 .8vw;}

.detailPic .info .mySelect{font-size: 1vw;}

.news1 h3 a, .news2 h3 a, .news3 h3 a{font-size: 90%;}

.retrace{height: auto;padding: 8% 0;}

.specialized .tit h3{font-size: 2.5vw;}
.specialized .tit h4{font-size: 1.2vw;}
.specialized .con ul li{padding: 7% 0;}
.specialized .con ul li .icon img{width: 5vw;}
.specialized .con ul li span{font-size: 1.2vw;}

.feedback .form ul li input, .feedback .form ul li textarea{font-size: 100%;}

.contact ul li span{font-size: 100%;}

.overview .brand .txt p{font-size: 100%;}

.overview .brandPro p{font-size: 100%;}

.culture .con p{font-size: 100%;}

.structure .top{margin-left: 0;}

.strength{background: #f2f2f2 url(../images/strength.png) right bottom no-repeat;-webkit-background-size: cover;background-size: cover;}

.after-sales .tit p{font-size: 100%;}

.joinAbout .txt p{font-size: 100%;padding: 0 3%;}

.join p{font-size: 100%;}
.join ul li{font-size: 100%;}

.joinCase p{font-size: 100%;}

}

@media screen and (max-width:1280px){

.joinAbout .txt p{padding: 0 8%;}

.join .pic{width: 50%;}

}

@media screen and (max-width:1024px){

.history .historyBox .con{max-height: 400px;}

.structure .title p{padding: 0 15%;}

.strength{padding-bottom: 12%;}
.strength .txt h3::after{width: 30px;}
.strength .txt .p{padding-right: 20%;}

.safety h3::before{width: 30px;}

.joinAbout .txt p{padding: 0;}

}

@media screen and (max-width:768px){

.position{overflow: hidden;}
.position .pos{line-height: 300%;}

.position .menu{width: 100%;position: relative;}
.position .menu::after{display: block;content: "";position: absolute;left: -50%;top:0;width: 200%;height: 1px;background: #eee;}
.position .menu1{width: 40%;}

.product .con ul li{width: 48%;margin: 2% 4% 2% 0;}
.product .con ul li:nth-child(3n){margin-right: 4%;}
.product .con ul li:nth-child(2n){margin-right: 0;}
.product .con ul li i{margin: 10% 0 4% 0;}
.product .con ul li i::after{width: 5vw;}
.product .con ul li .icon{height: 24px;margin-left: 3%;}
.product .con ul li h3{font-size: 2vw;margin-left: 3%;}
.product .con ul li span{width: 6vw;line-height: 5vw;font-size: 3vw;}

.page span{padding: 0 1.2vw;}
.page a{padding: 0 1.2vw;}

.detailPic .PicBox{width: 100%;}

.detailPic .info{width: 100%;margin-top: 5%;}
.detailPic .info h2{font-size: 3vw;}

.annotation{width: 52%;}

.detailPic .infoContact{display: none;}

.detailBox .detail{width: 100%;}
.detailBox .detail .swiper-slide .title{font-size: 2.5vw;}

.right{display: none;}

.hot h4{font-size: 2.5vw;}
.hot h4 img{height: 3vw;}
.swiper-container-hot .swiper-hot-prev{width: 5vw;line-height: 5vw;font-size: 3vw;top:calc(50% - 2.5vw);}
.swiper-container-hot .swiper-hot-next{width: 5vw;line-height: 5vw;font-size: 3vw;top:calc(50% - 2.5vw);}

.cases .list{width: 48%;margin: 2% 4% 2% 0;}
.cases .list:nth-child(3n){margin-right: 4%;}
.cases .list:nth-child(2n){margin-right: 0;}
.cases .list .txt::after{width: 6vw;height: 6vw;}
.cases .list .txt h4{font-size: 2vw;}
.cases .list .txt h4::before{height: 2vw;top:calc(50% - 1vw);}

.contentBox .content{width: 100%;}
.contentBox .content .title h2{font-size: 3vw;}

.download .name{width: 100%;background: none;font-size: 3vw;margin: 1% 0;}
.download .list{width: 100%;margin: 2% 0;}
.download .list ul li{width: 50%;padding: 1.5% 1%;}

.news1 h3 span, .news2 h3 span, .news3 h3 span{font-size: 4vw;}
.news1 h3 a, .news2 h3 a, .news3 h3 a{padding: .5vw 2vw;}
.news1 .pic{width: 100%;}
.news1 .pic img{width: 100%;max-width: 100%;}
.news1 .txt .more{width: auto;line-height: 240%;letter-spacing: .2vw;padding: 0 2vw;}
.news1 .txt{width: 100%;}
.news1 .txt h4 a{font-size: 3vw;}
.news1 ul li{width: 48%;}
.news1 ul li h4{font-size: 2.5vw;line-height: 4vw;height: 4vw;}

.news2 ul li{width: 48%;}
.news2 ul li:last-child{display: none;}
.news2 ul li .txt{padding: 6%;}
.news2 ul li .txt h4{font-size: 2.5vw;line-height: 4vw;height: 4vw;}
.news2 ul li .txt p{padding-top: 2vw;margin-top: 1.5vw;}

.news3 dl{width: 100%;}
.news3 dl dd h4{font-size: 2.5vw;line-height: 4vw;height: 4vw;}

.newsList .list .date{font-size: 1.8vw;}
.newsList .list .img{width: 65%;}
.newsList .list .txt h4{font-size: 2vw;}
.newsList .list .txt p{line-height: 180%;}

.cert .name::after{width: 5vw;}
.cert .name span{font-size: 3.5vw;}
.cert ul li{width: 48%;margin: 2% 4% 2% 0;}
.cert ul li:nth-child(3n){margin-right: 4%;}
.cert ul li:nth-child(2n){margin-right: 0;}
.cert ul li h4 a{padding: 1.5vw;}

.retrace .form{width: 100%;}
.retrace .tit h3{font-size: 4vw;}
.retrace .tit p{font-size: 2vw;}
.retrace .form .list em{font-size: 2vw;}
.retrace .form .btn input{width: 12vw;line-height: 12vw;font-size: 3vw;}

.retrace .result{width: 100%;}
.retrace .result .pic{width: 30%;}
.retrace .result .table{width: 70%;}
.retrace .result .table .con{align-items: flex-end;}
.retrace .result .table ul{width: 70%;flex-wrap: wrap;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.retrace .result .table ul li{width: 100%;}
.retrace .result .con .tabT{width: 30%;}
.retrace .result .con ul li{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.retrace .result .con ul li:nth-child(1){width: 100%;}
.retrace .result .table h4{font-size: 3vw;}

.specialized .tit{width: 100%;text-align: center;}
.specialized .tit h3{font-size: 4vw;}
.specialized .tit h4{font-size: 2vw;}
.specialized .tit img{width: 100%;padding: 0 10%;margin: 0 auto;}
.specialized .con{width: 100%;margin-top: 4%;}
.specialized .con ul li .icon img{width: 10vw;}
.specialized .con ul li span{font-size: 2.5vw;margin-top: 2vw;}

.feedback .txt{width: 100%;padding: 5% 0;-webkit-background-size: cover;background-size: cover;text-align: center;}
.feedback .txt h4{font-size: 4vw;}
.feedback .txt h4 span{display: inline-block;padding-left: 2vw;}
.feedback .txt h3{font-size: 3vw;margin-top: 1%;}
.feedback .txt h3 span{display: inline;}
.feedback .txt h3::after{display: none;}

.feedback .form{width: 100%;}
.feedback .form h4 em{font-size: 4vw;}
.feedback .form ul li input, .feedback .form ul li textarea{font-size: 2vw;}
.feedback .form .btn input{font-size: 2.5vw;line-height: 220%;}

.contact .tit h3{font-size: 5vw;}
.contact .tit p{font-size: 2.5vw;}
.contact .pic{width: 12vw;}
.contact ul li{width: 48%;margin-top: 4%;}
.contact ul li span{font-size: 2.5vw;}
.contact ul li i{font-size: 8vw;width: 8vw;}

.overview .brand .txt{width: 100%;}
.overview .brand .txt h3{font-size: 4.5vw;}
.overview .brand .txt p{font-size: 2vw;}
.overview .brand .pic{width: 100%;}

.overview .brandPro p{font-size: 2vw;width: 22%;}
.overview .brandPro .swiper-container-brandPro{width: 75%;}

.overview .number ul{width: 100%;justify-content: center;}
.overview .number ul li{font-size: 2.5vw;margin: 3% 6%;}
.overview .number ul li img{width: 6vw;}

.culture .txt{width: 100%;}
.culture .txt h4{font-size: 4.5vw;}
.culture .txt p{font-size: 2.5vw;}
.culture .txt em{display: none;}

.culture .con{width: 100%;}
.culture .con .txt1{width: 48vw;height: 48vw;}
.culture .con img{width: 8vw;}
.culture .con h4{font-size: 3vw;}
.culture .con p{font-size: 2.5vw;}
.culture .con ul li{width: 40vw;height: 40vw;}
.culture .con ul li:nth-child(2){margin-top: 6vw;}

.history .pic{width: 100%;margin-bottom: 3%;}
.history h3{font-size: 4.5vw;}
.history .historyBox{margin: 0 auto;}
.history .historyBox::after{left: calc(14vw - 6px);}
.history .historyBox .con{max-height: 320px;}
.history .time{width: 10vw;font-size: 3vw;line-height: 6vw;margin-right: 7vw;}
.history .time::after{top:calc(50% - 5px);right: -4vw;}

.structure .title h3{font-size: 4.5vw;}
.structure .title p{padding: 0 5%;}
.structure .top span{font-size: 2.5vw;}
.structure .list span{font-size: 2.2vw;line-height: 150%;padding: 2vw 1vw;height: auto;border-radius: 8px;}

.process .tit h3{font-size: 4vw;}
.process .tit p{font-size: 2.2vw;}
.process ul::before{display: none;}
.process ul::after{display: none;}
.process ul li{padding: 2% 0 0 0;}
.process ul li:nth-child(even){text-align: left;}
.process ul li .num{width: 15vw;line-height: 150%;font-size: 6vw;background: none;border: none;color: #1d2088;left: 2vw;top:15%;}
.process ul li:nth-child(odd) .num::after{display: none;}
.process ul li:nth-child(even) .num::after{display: none;}
.process ul li .pic{width: 70%;margin-left: auto;}
.process ul li .control{width: 100%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: flex-start;margin: 3% auto 1% auto;padding: 1% 4%;background: #fff;}
.process ul li .control p{width: 48%;}
.process ul li h5{width: 15vw;height: 15vw;font-size: 2.5vw;top:30%;}
.process ul li:nth-child(odd) h5{left: 2vw;right: auto;}
.process ul li:nth-child(even) .control{position: relative;}

.strength{padding-bottom: 68%;background: #f2f2f2 url(../images/strength.png) right bottom no-repeat;-webkit-background-size: 150%;background-size: 150%;}
.strength .txt{width: 100%;}
.strength .txt h3{font-size: 4vw;padding-bottom: 3%;margin-bottom: 3%;}
.strength .txt .p{padding: 0;margin-top: 1%;}

.safety h3{font-size: 5vw;}
.safety h4{font-size: 3vw;padding: 0 2vw;}
.safety p{font-size: 2.2vw;}

.service .tit{width: 100%;}
.service .tit h3{font-size: 4vw;}
.service .tit h4{font-size: 3vw;}
.service .tit p{font-size: 2.2vw;margin-bottom: 2%;padding-right: 40%;}

.service .con{width: 100%;}
.service .con ul li{width: 48%;padding: 4%;margin: 2% 0;}
.service .con ul li h4{font-size: 3vw;padding-bottom: 2vw;margin-bottom: 2vw;}
.service .con ul li .icon{width: 6vw;}

.idea h3{font-size: 4vw;}
.idea ul li{width: 48%;}
.idea ul li h4{font-size: 3vw;line-height: 6vw;margin-top: -4vw;padding: 0 2vw;margin-bottom: 3%;}
.idea ul li p{margin-top: 4vw;}

.select{padding: 4% 0;margin-bottom: 2%;}
.select h3{font-size: 4vw;position: relative;z-index: 222;margin-bottom: 4%;}
.select h3 span{display: inline-block;margin-left: 3vw;}
.select ul{width: 100%;padding: 10% 2% 0 8%;}
.select::before{width: 95%;height: 70%;top:14vw;}
.select ul li{font-size: 2.5vw;}
.select ul li .icon{width: 6vw;}

.after-sales .tit h3{font-size: 4vw;}
.after-sales .tit p{font-size: 2.2vw;}
.after-sales .con{align-items: stretch;}
.after-sales .con dl{align-items: flex-start;}
.after-sales .con dl dt{width: 50px;}
.after-sales .con dl dd{width: calc(96% - 50px);}
.after-sales .con dl dd h4{font-size: 2.5vw;}

.joinAbout .txt h3{font-size: 4vw;}
.joinAbout .txt p{line-height: 220%;display: inline;}

.feature{padding-bottom: 3%;}
.feature h3{font-size: 4vw;}
.feature ul li{width: 48%;margin: 2% 0;}
.feature ul li span{font-size: 4vw;}
.feature ul li h4{font-size: 2.5vw;padding-top: 3vw;}
.feature ul li .icon{width: 8vw;}

.join h3{font-size: 4vw;padding-bottom: 2%;}
.join p{width: 60%;}
.join h4{font-size: 4vw;}
.join ul li span{padding: .3vw 1.5vw;}
.join .pic{width: 40%;}

.joinBrand h3{font-size: 4vw;}
.joinBrand ul li{font-size: 2.5vw;}
.joinBrand ul li img{width: 6vw;}

.joinCase{padding-bottom: 3%;}
.joinCase h3{font-size: 4vw;}
.joinCase ul li{width: 48%;margin: 2% 0;}

}

@media screen and (max-width:480px){

.position .menu ul{width: 100%;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;flex-wrap: nowrap;}
.position .menu ul li{margin-right: 4%;}
.position .menu ul li:last-child{margin-right: 0;}
.position .menu1{width: 100%;}
.position .menu1 ul li{margin-right: 0;}

.product .con ul{align-items: initial;}
.product .con ul li .icon{height: 20px;}
.product .con ul li i::after{width: 8vw;}
.product .con ul li h3{font-size: 4vw;}
.product .con ul li span{width: 10vw;line-height: 9vw;font-size: 5vw;}

.page span{padding: 0 1.2vw;background: none;-webkit-box-shadow: none;box-shadow: none;color: #1d2088;font-weight: bold;}
.page a{padding: 0 1.2vw;background: none;-webkit-box-shadow: none;box-shadow: none;}

.detailPic .PicBox .swiper-slide span{padding: 0 1vw;}

.detailPic .info h2{font-size: 4.5vw;}
.detailPic .info ul li{padding: 0 1.5vw;line-height: 220%;margin: .5vw 1vw .5vw 0;}
.detailPic .info .mySelect{width: 50%;padding: 6px 5px;}

.annotation{width: 70%;margin: 3% auto 0 auto;}

.detailBox .detailPage ul{width: 100%;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;flex-wrap: nowrap;}
.detailBox .detailPage ul li{margin-right: 4%;}

.detailBox .detail .swiper-slide .title{font-size: 3.8vw;}
.detailBox .detail .swiper-slide .content{line-height: 180%;}

.detailBox .content table{transform-origin: top left;white-space: normal;}
.detailBox .content table tr td{transform: scale(0.7);line-height: 120%;}
.detailBox .content .p1{padding:0.5%;}

.subpage span{width: 100%;}

.hot h4{font-size: 4vw;}
.hot h4 img{height: 5vw;}

.swiper-container-hot .swiper-slide strong{height: 8vw;overflow: hidden;}

.cases .list .txt h4{font-size: 3.8vw;}
.cases .list .txt h4::before{height: 3.8vw;top:calc(50% - 1.9vw);}

.contentBox .content .title h2{font-size: 5vw;}

.download .name{font-size: 5vw;}
.download .list ul li{padding: 2%;}

.news1 h3 span, .news2 h3 span, .news3 h3 span{font-size: 5.5vw;}
.news1 h3 a, .news2 h3 a, .news3 h3 a{font-size: 80%;}

.news1 .txt h4 a{font-size: 4.5vw;}
.news1 .txt .more{padding: 0 3vw;}
.news1 ul li{width: 100%;}
.news1 ul li span{font-size: 100%;}
.news1 ul li h4{font-size: 4vw;line-height: 8vw;height: 8vw;}

.news2 ul li{width: 100%;}
.news2 ul li:last-child{display: block;}
.news2 ul li .txt{padding: 4%;}
.news2 ul li .txt h4{font-size: 4vw;line-height: 8vw;height: 8vw;}

.news3 dl dd h4{font-size: 4vw;line-height: 8vw;height: 8vw;}

.newsList .list{width: 100%;padding:4%;}
.newsList .list .date{font-size: 4vw;}
.newsList .list .txt h4{font-size: 4vw;margin-top: 3%;}

.cert .name::before{width: 6px;height: 6px;top:-2px;}
.cert .name::after{width: 8vw;}
.cert .name span{font-size: 5vw;}

.cert ul li h4 a{padding: 2vw 1.5vw;}

.retrace .tit h3{font-size: 6vw;}
.retrace .tit p{font-size: 4vw;}
.retrace .form .list{width: 100%;margin: 2% 0;}
.retrace .form .list em{font-size: 4vw;}
.retrace .form .btn{width: 100%;}
.retrace .form .btn input{width: 100%;font-size: 4vw;line-height: 10vw;border-radius: 1vw;}

.retrace .result .pic{width: 50%;margin: 0 25%;}
.retrace .result .table{width: 100%;padding: 4%;}
.retrace .result .table h4{font-size: 6vw;}
.retrace .result .con ul li{padding: 1vw 0;}
.retrace .result .con ul li:nth-child(1){padding: 1vw;}

.specialized{padding: 8% 0 5% 0;}
.specialized .tit h3{font-size: 6vw;}
.specialized .tit h4{font-size: 4vw;}
.specialized .con ul li span{font-size: 4vw;}

.feedback .txt h4{font-size: 6vw;}
.feedback .txt h4 span{padding: 0;display: block;}
.feedback .txt h3{font-size: 4vw;margin-top: 2%;}

.feedback .form h4 em{font-size: 6vw;}
.feedback .form ul li{width: 100%;}
.feedback .form ul li input, .feedback .form ul li textarea{font-size: 4vw;line-height: 200%;}
.feedback .form ul li:last-child{width: 100%;}
.feedback .form .btn{position: relative;width: 100%;margin-top: 4%;}
.feedback .form .btn input{font-size: 4vw;}

.contact .tit h3{padding-bottom: 3vw;margin-bottom: 4vw;}
.contact .tit p{font-size: 4vw;}
.contact .pic{display: none;}
.contact ul li{width: 100%;padding: 4%;}
.contact ul li::after{width: 4vw;height: 4vw;}
.contact ul li span{font-size: 4vw;}
.contact ul li i{font-size: 10vw;width: 10vw;}

.overview .brand .txt h3{font-size: 6vw;padding-bottom: 3vw;}
.overview .brand .txt p{font-size: 4vw;line-height: 180%;}

.overview .brandPro{padding-top: 5%;}
.overview .brandPro p{width: 100%;font-size: 4vw;line-height: 180%;padding: 3vw 0;}
.overview .brandPro .swiper-container-brandPro{width: 100%;}

.overview .number ul li{font-size: 4vw;}
.overview .number ul li img{width: 10vw;}

.culture .txt h4{font-size: 6vw;padding-bottom: 3vw;margin-bottom: 3vw;}
.culture .txt p{font-size: 4vw;}
.culture .con .txt1{width: 50vw;height: 50vw;}
.culture .con img{width: 10vw;}
.culture .con h4{font-size: 4.5vw;}
.culture .con p{font-size: 3.5vw;}
.culture .con ul li{width: 42vw;height: 42vw;}

.history .historyBox::after{left: calc(21vw - 6px);}
.history .historyBox .con{max-height:380px;}
.history h3{font-size: 6vw;}
.history .pic{margin-bottom: 5%;}
.history .time{width: 15vw;margin-right: 10vw;font-size: 6vw;}
.history .time::after{right: -6vw;}

.structure .title h3{font-size: 6vw;}
.structure .title p{padding: 0;}
.structure .top{margin-bottom: 5vw;}
.structure .top::after{height: 5vw;border-left: 2px solid rgba(29, 32, 136, .2);}
.structure .top span{font-size: 4vw;padding: 1.5vw 3vw;}

.structure .con::after{width: calc(100% - 16vw);left: 8vw;}
.structure .list{margin-top: 5vw;}
.structure .list span{width: 8vw;font-size: 3.8vw;padding: 3vw 1vw;}
.structure .list > span::before{height: 5vw;border-left: 2px solid rgba(29, 32, 136, .2);}
.structure .list > span::after{top:calc(-5vw - 5px);}
.structure .list .group{margin-top: 5vw;}
.structure .list .group span::before{width: 6vw;}
.structure .list .group span:nth-child(1)::before{left: 30%;top:-3vw;transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-o-transform: rotate(-60deg);}
.structure .list .group span:nth-child(2)::before{right: 30%;top:-3vw;transform: rotate(60deg);-moz-transform: rotate(60deg);-webkit-transform: rotate(60deg);-o-transform: rotate(60deg);}

.process .tit h3{font-size: 5vw;}
.process .tit p{font-size: 4vw;margin-top: 1vw;padding: 0 5%;}
.process ul li{margin-bottom: 3%;}
.process ul li:last-child{margin-bottom: 0;}
.process ul li .num{width: 18vw;font-size: 8vw;top:10%;}
.process ul li h5{width: 18vw;height: 18vw;font-size: 4vw;top:15vw;}
.process ul li h5 span i{display: block;}

.strength .txt h3{font-size: 6vw;}

.safety{height: auto;padding: 6% 0 20% 0;}
.safety h3{font-size: 6vw;}
.safety h4{font-size: 4vw;margin: 2vw 0;}
.safety p{font-size: 3.8vw;}

.service .tit h3{font-size: 6vw;}
.service .tit h4{font-size: 4.5vw;}
.service .tit p{font-size: 3.8vw;padding: 0;}
.service .con ul li .icon{width: 8vw;top:10%;}
.service .con ul li h4{font-size: 4.5vw;}
.service .con ul li h4::before{width: 20px;}

.idea h3{font-size: 6vw;}
.idea ul li h4{font-size: 4vw;line-height: 8vw;margin-top: -5vw;}
.idea ul li p{line-height: 180%;}

.select{margin-bottom: 3%;}
.select::before{width: 96%;height: 85%;top:16vw;}
.select h3{font-size: 6vw;}
.select ul li{font-size: 4.5vw;margin: 5% 10%;}
.select ul li .icon{width: 10vw;margin-bottom: 3vw;}

.after-sales .tit h3{font-size: 6vw;}
.after-sales .tit p{font-size: 4vw;}
.after-sales .con dl{width: 100%;}
.after-sales .con dl dd h4{font-size: 4.5vw;line-height: 200%;}

.joinAbout .txt h3{font-size: 6vw;}

.feature h3{font-size: 6vw;}
.feature ul li{padding: 4%;}
.feature ul li span{font-size: 6vw;}
.feature ul li h4{font-size: 4.5vw;}
.feature ul li h4::before{width: 25px;}
.feature ul li p{text-align: justify;}
.feature ul li .icon{width: 10vw;top:10%;right: 8%;}

.join .container{padding-bottom: 0;}
.join h3{font-size: 6vw;padding-bottom: 3%;margin-bottom: 3%;}
.join p{width: 100%;}
.join h4{font-size: 6vw;}
.join ul li span{padding: .5vw 3vw .5vw 2vw;margin-right: 2vw;}
.join .pic{position: relative;width: 80%;margin: 0 auto;}

.joinBrand{padding-top: 8%;}
.joinBrand h3{font-size: 6vw;}
.joinBrand ul li{font-size: 4vw;margin: 4% 6%;}
.joinBrand ul li img{width: 10vw;}

.joinCase h3{font-size: 6vw;}

}