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

/*banner*/
.swiper-container-banner{width: 100%;}
.swiper-container-banner .swiper-pagination {bottom: 6%;}
.swiper-container-banner .swiper-pagination-bullet {opacity: 1;position: relative;width: 50px;height: 3px;border-radius: 0;margin: 0 4px;background-color: rgba(0,0,0,0.5);transition: background-color .3s ease;}
.swiper-container-banner .swiper-pagination-bullet::before {display: block;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;transform: scaleX(0);transform-origin: 0 0;}
.swiper-container-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {animation: sliderPagination 3s linear forwards}
.swiper-container-banner .swiper-pagination-bullet:hover {background-color: #fff;}
.swiper-container-banner .swiper-slide{overflow: hidden;transform: scale(1);transition: all 4s ease-in-out;}
/*
.swiper-container-banner .swiper-slide-active{transform: scale(1.05);}

@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}
*/


/*feature*/
.feature{padding: 3% 0;}
.feature .featureTxt img{height: 120px;}
.feature .featureTxt .txt{margin-left: 1vw;}
.feature .featureTxt .txt h4{font-size: 1.5vw;letter-spacing: 0.1vw;margin-bottom: .5vw;}
.feature .featureTxt .txt h4 span{font-size: 150%;font-family: Abel;font-weight: bold;color: #1d2088;}
.feature .featureTxt .txt h3{font-size: 1vw;letter-spacing: 0.1vw;color: #666;}
.feature .featureTxt .txt h3 span{display: block;}
.feature .featureTxt .txt h3 em{font-size: 120%;color: #ff4826;}
.feature .featureTxt .txt h3 i{font-size: 120%;color: #1d2088;}
.feature ul{width: 56%;}
.feature ul li .icon{overflow: hidden;}
.feature ul li .icon img{width: 3.5vw;transition:all .3s linear;filter: drop-shadow(0 90px 0 #aaa);-webkit-filter: drop-shadow(0 90px 0 #aaa);transform:translateY(-90px);-webkit-transform:translateY(-90px);-moz-transform:translateY(-90px);}
.feature ul li:hover .icon img{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
.feature ul li span{display: block;margin-top: 1vw;}
.feature ul li:hover span{color: #1d2088;}


/*product*/
.product{background: #f2f2f2 url(../images/product_bg.jpg) center no-repeat;overflow: hidden;padding: 5% 0 3% 0;-webkit-background-size: cover;background-size: cover;}
.productNav{margin-bottom: 2%;}
.productNav h3{font-size: 2.8vw;letter-spacing: 0.2vw;}
.productNav ul{width: 50%;}
.productNav ul li a{color: #666;}
.productNav ul li.on a{color: #1d2088;}
.swiperBoxCon .swiper-wrapper{height: auto !important;}
.swiper-container-product{overflow: hidden;padding: 5px 5px 70px 5px;}
.swiper-container-product .swiper-slide{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;}
.swiper-container-product .swiper-slide i{display: block;margin: 2.5vw 0 1.5vw;position: relative;}
.swiper-container-product .swiper-slide i::after{display: block;content: "";position: absolute;right: -1.5vw;top:0;width: 3vw;height: 20px;background: #ff4826;}
.swiper-container-product .swiper-slide .icon{height: 20px;margin: 0;}
.swiper-container-product .swiper-slide h3{font-size: 1.3vw;margin-bottom: 1vw;}
.swiper-container-product .swiper-slide 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;}
.swiper-container-product .swiper-slide:hover span{transform: scale(1.2);}

.swiper-pagination .swiper-pagination-bullet-active{background: #ff4826;}
.swiper-container-product .swiper-product-prev{width: 4vw;line-height: 4vw;font-size: 2vw;text-align: center;color: #aaa;background: #fff;border-radius: 50%;position: absolute;left: 3%;top:calc(50% - 4vw);z-index: 33;}
.swiper-container-product .swiper-product-next{width: 4vw;line-height: 4vw;font-size: 2vw;text-align: center;color: #aaa;background: #fff;border-radius: 50%;position: absolute;right: 3%;top:calc(50% - 4vw);z-index: 33;}
.swiper-container-product .swiper-product-prev:hover,.swiper-container-product .swiper-product-next:hover{background: #ff4826;color: #fff;}


/*strength*/
.strength{position: relative;z-index: 1;}
.strength::before{display: block;content: "";position: absolute;left: 0;top:0;width: 100%;height: 70%;background: #1a1a2a url(../images/strength_bg.jpg) center no-repeat;z-index: -1;-webkit-background-size: cover;background-size: cover;}
.strength .txt{width: 46%;color: #fff;padding: 9% 0;}
.strength .txt h3{font-size: 3.5vw;letter-spacing: 0.2vw;margin-bottom: .5vw;}
.strength .txt h5{font-size: 1.5vw;letter-spacing: 0.1vw;font-weight: 100;}
.strength .txt ul{margin: 3vw 0;}
.strength .txt ul li{font-size: 1.2vw;font-weight: 100;letter-spacing: .1vw;}
.strength .txt ul li i{font-size: 180%;font-family: Abel;font-weight: bold;color: #ff4826;}
.strength .txt ul li span{display: block;margin-top: .5vw;}
.strength .txt p{font-size: 1vw;letter-spacing: 0.1vw;line-height: 200%;}
.strength .txt p span{display: inline-block;}
.strength .pic{width: 46%;}

.strength .number{background: #f2f2f2;padding: 4% 5%;}
.strength .number ul li{font-size: 1vw;letter-spacing: 0.1vw;line-height: 200%;}
.strength .number ul li i{font-size: 200%;font-family: Abel;font-weight: bold;color: #1d2088;}
.strength .number ul li span{display: block;}

.strength .cert{}
.strength .cert ul li{width: 33%;margin-top: .5%;padding: 3vw 2vw;}
.strength .cert ul li:nth-child(1){background: #1a1a2a url(../images/cert1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.strength .cert ul li:nth-child(2){background: #1a1a2a url(../images/cert2.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.strength .cert ul li:nth-child(3){background: #1a1a2a url(../images/cert3.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.strength .cert ul li img{height: 30px;margin: 0;}
.strength .cert ul li span{display: block;font-size: 1vw;color: #fff;letter-spacing: .1vw;padding-top: 1.2vw;margin-top: 1.2vw;position: relative;}
.strength .cert ul li span::before{display: block;content: "";position: absolute;left: 0;top:0;width: 40px;height: 2px;background: #ff4826;}


/*why*/
.why{background: #f2f2f2 url(../images/why_bg.jpg) center no-repeat;overflow: hidden;margin-top: 6%;position: relative;-webkit-background-size: cover;background-size: cover;}
.why .whtTit{width: 100%;position: absolute;top:12%;left: 0;}
.why .whtTit h3{font-size: 2.8vw;letter-spacing: 0.1vw;line-height: 140%;margin-bottom: .5vw;}
.why .whtTit h3 span{display: block;}
.why .whtTit h3 em{font-weight: bold;color: #1d2088;}
.why .whtTit p{width: 32%;background: #ff4826;color: #fff;font-size: 1.5vw;letter-spacing: .2vw;padding: 1% 0;text-align: center;font-weight: 100;}
.why .whtTit p span{width: calc(100%/3);}
.why .whtTit p span.i{border-left: 1px solid #fff;border-right: 1px solid #fff;}

.swiper-container-why{padding: 6% 0 5% 0;overflow: hidden;}
.swiper-container-why .swiper-slide{align-items: flex-start;}
.swiper-container-why .txt{width: 48%;margin-top: 21%;}
.swiper-container-why .txt span{font-size: 5vw;font-family: Abel;font-weight: bold;color: #ddd;}
.swiper-container-why .txt h4{font-size: 1.3vw;font-weight: bold;color: #1d2088;margin: -2vw 0 1.5vw 2vw;}
.swiper-container-why .txt p{font-size: 1vw;line-height: 200%;}

.swiper-container-why .pic{width: 40%;position: relative;}
.swiper-container-why .pic::after{content: "";position: absolute;width: calc(100% + 4vw);height: calc(100% + 4vw);border: 4vw solid #1d2088;opacity: .1;left: -2vw;top:-2vw;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}

.swiper-container-why .swiper-slide{opacity: 0;}
.swiper-container-why .swiper-slide-active{opacity: 1;}

.whyPage{position: relative;z-index: 1;margin-top: -3vw;padding: 3% 0;}
.whyPage::after{display: block;content: "";position: absolute;right: 0;top:0;width: 120%;height: 100%;background: #fff;border-radius: 0 1vw 1vw 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);z-index: -1;}
.whyPage ul li{width: 20%;}
.whyPage ul li img{width: 40px;margin: 0;filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);opacity: .3;transition:all .15s linear;}
.whyPage ul li span{font-size: 1.1vw;color: #666;margin-left: .8vw;font-weight: bold;}
.whyPage ul li.on img{filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0);opacity: 1;}
.whyPage ul li.on span{color: #ff4826;}


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

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

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

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

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

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

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

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


/*quality*/
.quality{background: #1d2088;color: #fff;}
.quality .txt h3{font-size: 2vw;letter-spacing: .1vw;}
.quality .txt h3 span{font-size: 130%;color: #ff4826;}
.quality .txt h4{font-size: 1.5vw;letter-spacing: .1vw;margin: .5vw 0 2vw 0;padding-bottom: 2vw;position: relative;}
.quality .txt h4::after{display: block;content: "";position: absolute;left: 0;bottom:0;width: 40px;height: 2px;background: #fff;}
.quality .txt p{font-size: 1vw;letter-spacing: .05vw;line-height: 220%;}
.quality .txt p span{display: block;}
.quality .pic{width: 48%;}
.quality .pic .img{width: 50%;margin: 3vw 2vw 0 0;}
.quality .pic .text{font-size: 2.6vw;letter-spacing: .2vw;line-height: 150%;font-weight: bold;}
.quality .pic .text span{display: block;margin-bottom: .8vw;}
.quality .pic .text a{display: block;background: #ff4826;color: #fff;font-size: 2vw;font-family: Abel;letter-spacing: 0;text-align: center;line-height: 160%;}


/*technology*/
.technology{background: #f2f2f2 url(../images/technology_bg.jpg) center no-repeat;overflow: hidden;padding: 5% 0;-webkit-background-size: cover;background-size: cover;}
.technology .title{position: absolute;left: 0;top:1.5vw;}
.technology .title h3{font-size: 2.8vw;letter-spacing: 0.2vw;line-height: 140%;}
.technology .title p{font-size: 1.5vw;line-height: 180%;letter-spacing: .1vw;padding-top: 1vw;font-weight: 100;color: #666;}
.technology .title p span{display: block;}
.technology ul li{position: relative;width: 13.5%;padding: 3% 0;margin:2vw 0 1vw 1vw;z-index: 1;transition:all .3s linear;}
.technology ul li:hover{transform: scale(1.1);}
.technology ul li::before{display: block;content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(255,255,255,.6);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);z-index: -1;}
.technology ul li::after{display: block;content: "";position: absolute;left: -1vw;top:-1vw;width: 4vw;height: 4vw;border-radius: 1vw;background:linear-gradient(-45deg,#1d2088 40%, transparent 80%);background: -webkit-linear-gradient(-45deg,#1d2088 40%, transparent 80%);background: -o-linear-gradient(-45deg,#1d2088 40%, transparent 80%);background: -moz-linear-gradient(-45deg,#1d2088 40%, transparent 80%);z-index: -2;}
.technology ul li i{position: absolute;left: 0;top:0;z-index: 1;color: #1d2088;font-size: 1.5vw;font-weight: bold;font-family: Abel;width: 3vw;line-height: 3vw;text-align: center;}
.technology ul li img{width: 3vw;filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);opacity: .3;transition:all .15s linear;}
.technology ul li:hover img{filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0);opacity: 1;}
.technology ul li span{font-size: 1vw;display: block;margin-top: 1vw;}

.technology ul li:nth-child(1){margin-left: calc(34% + 1vw);}
.technology ul li:nth-child(5){margin-left: 18.3%;}
.technology ul li:nth-child(14){margin-right: 17%;}


/*service*/
.service{background: #fff;padding: 5% 0;}
.service .tit{align-items: flex-end;margin-bottom: 2.5vw;}
.service .tit h3{font-size: 2.8vw;letter-spacing: 0.2vw;}
.service .tit p{font-size: 1.2vw;letter-spacing: .1vw;font-weight: 100;color: #666;}
.service .con ul li{width: 31%;margin: 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);border-radius: 1vw;overflow: hidden;padding: 2.5vw 3vw;position: relative;}
.service .con ul li .icon{position: absolute;right: 3vw;top:-.2vw;width: 4vw;padding: 1.5vw .8vw 1vw .8vw;border-radius: 0 0 1vw 1vw;background:linear-gradient(-45deg,#1d2088 40%, transparent 80%);background: -webkit-linear-gradient(transparent, #1d2088 80%);background: -o-linear-gradient(-45deg,#1d2088 40%, transparent 80%);background: -moz-linear-gradient(-45deg,#1d2088 40%, transparent 80%);}
.service .con ul li h4{font-size: 1.5vw;letter-spacing: .1vw;margin-bottom: .8vw;}
.service .con ul li p{font-size: 1vw;letter-spacing: .1vw;line-height: 180%;color: #666;}
.service .con ul li p span{display: block;}
.service .con ul li i{font-size: 6vw;font-family: Abel;line-height: 100%;color: #eee;position: absolute;right: 2vw;bottom:-2vw;}


/*about*/
.about{overflow: hidden;}
.swiper-container-about{margin-bottom: 5%;}
.about .aboutPage{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 2;color: #fff;}
.about .aboutPage::after{display: block;content: "";position: absolute;left: 0;top: 0;width: 50%;height: 100%;background:linear-gradient(0deg,rgba(29,32,136,.3) 60%, transparent);background: -webkit-linear-gradient(0deg,rgba(29,32,136,.3) 60%, transparent);background: -o-linear-gradient(0deg,rgba(29,32,136,.3) 60%, transparent);background: -moz-linear-gradient(0deg,rgba(29,32,136,.3) 60%, transparent);z-index: -1;}
.about .aboutPage .aboutTxt{height: 100%;padding: 6% 0;}
.about .aboutPage h3{font-size: 2.8vw;letter-spacing: 0.2vw;margin-bottom: 1vw;}
.about .aboutPage h4{font-size: 1.2vw;letter-spacing: .1vw;}
.about .aboutPage .txt{width: 46%;z-index: 1;position: absolute;right: 0;bottom: 0;}
.about .aboutPage .txt::after{display: block;content: "";position: absolute;left: -5vw;top:-4.5vw;width: calc(150% + 10vw);height: calc(100% + 9vw);background: rgba(29,32,136,.8);z-index: -1;border-radius: 2vw 0 0 2vw;}
.about .aboutPage .txt p{line-height: 240%;text-align: justify;}
.about .aboutPage .txt .more{display: inline-block;background: #fff;color: #1d2088;width: 7vw;line-height: 2.4vw;text-align: center;margin-top: 2vw;}

.about .aboutPage ul{width: 12vw;margin-top: 6%;}
.about .aboutPage ul li{line-height: 400%;position: relative;}
.about .aboutPage ul li a{display: block;font-size: 1vw;letter-spacing: .1vw;color: #fff;}
.about .aboutPage ul li i{display: none;}
.about .aboutPage ul li.on::after{display: block;content: "";position: absolute;left: 0;bottom: 20%;width: 100%;height: 1px;background: #fff;}
.about .aboutPage ul li.on a{position: relative;}
.about .aboutPage ul li.on i{display: block;position: absolute;right: 0;top:.1vw;}

.about .aboutlist .swiper-slide img{width: 100%;}


/*application*/
.application{margin: 2% 0 2% 0;}
.application .applyTit h3{font-size: 2.8vw;letter-spacing: 0.2vw;}
.application .applyTit p{font-size: 1vw;letter-spacing: .1vw;color: #666;line-height: 180%;}
.swiper-container-application{position: relative;overflow: hidden;padding: 3% 0 4% 0;}
.swiper-container-application .swiper-slide{width:45%;}
.swiper-container-application .swiper-slide::after{display: block;content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.swiper-container-application .swiper-slide-active::after{display: none;}
.swiper-container-application .swiper-slide img{width: 100%;}

.swiper-container-application .swiper-application-prev{width: 4vw;line-height: 4vw;font-size: 2vw;text-align: center;color: #ff4826;background: rgba(255,255,255,.3);border-radius: 50%;position: absolute;left: 18%;top:calc(50% - 2vw);z-index: 33;}
.swiper-container-application .swiper-application-next{width: 4vw;line-height: 4vw;font-size: 2vw;text-align: center;color: #ff4826;background: rgba(255,255,255,.3);border-radius: 50%;position: absolute;right: 18%;top:calc(50% - 2vw);z-index: 33;}


/*news*/
.news{background: #f2f2f2 url(../images/news_bg.jpg) center no-repeat;overflow: hidden;padding: 5% 0;-webkit-background-size: cover;background-size: cover;}
.news .newsPage{align-items: flex-end;margin-bottom: 2%;}
.news .newsTit h3{font-size: 2.8vw;letter-spacing: 0.2vw;}
.news .newsTit p{font-size: 1vw;letter-spacing: .1vw;color: #666;line-height: 180%;}
.news .newsPage ul{width: 24%;}
.news .newsPage ul li a{font-size: 1vw;color: #666;}
.news .newsPage ul li.on a{color: #1d2088;}

.newslist .con{}
.newslist .con .pic{width: 28%;}
.newslist .con dl{width: 66%;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: 1% 0;padding: 1vw 0 1vw 1vw;}
.newslist .con dl dt{width: 62%;}
.newslist .con dl dd{width: 38%;padding: 0 5%;}
.newslist .con dl dd span{color: #aaa;}
.newslist .con dl dd h4{margin: .5vw 0 1.5vw 0;}
.newslist .con dl dd p{font-size: 80%;color: #aaa;margin-bottom: .5vw;}
.newslist .con dl dd .more{font-size: 1.6vw;color: #1d2088;}
.newslist ul li{width: 32%;padding: 2vw 1vw 1.5vw 1vw;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: 1% 0;}
.newslist ul li h4{border-bottom: 1px solid #ddd;padding-bottom: .8vw;margin-bottom: .8vw;width: 100%;}
.newslist ul li span{color: #aaa;}
.newslist ul li i{color: #aaa;}


/*link*/
.link{padding: 1% 0;}
.link span{display: block;font-size:3.6vw;line-height: 100%;font-family: Impact;color: #1d2088;}
.link p{width: calc(100% - 8vw);line-height: 180%;}
.link p a{margin-right: 10px;display: inline-block;}


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

.feature .featureTxt .txt h3{font-size: 1.2vw;}
.feature ul li span{font-size: 1.1vw;}

.productNav ul{width: 56%;}
.productNav ul li a{font-size: 1.2vw;}

.strength .txt p{font-size: 1.2vw;}
.strength .number ul li{font-size: 1.2vw;}
.strength .cert ul li span{font-size: 1.2VW;}

.why{-webkit-background-size: cover;background-size: cover;}
.swiper-container-why .txt h4{font-size: 1.5vw;}
.swiper-container-why .txt p{font-size: 1.2vw;}
.whyPage ul li span{font-size: 1.3vw;}

.quality .txt p{font-size: 1.2vw;}
.quality .pic .img{width: 45%;}

.technology{-webkit-background-size: cover;background-size: cover;}
.technology .title{top:3vw;}
.technology ul li{padding: 3.5% 0;}
.technology ul li span{font-size: 1.2vw;}

.service .con ul li p{font-size: 1.2vw;}

.about .aboutPage ul li a{font-size: 1.2vw;}
.about .aboutPage .txt p{line-height: 200%;}

.application .applyTit p{font-size: 1.2vw;}

.news{-webkit-background-size: cover;background-size: cover;}
.news .newsTit p{font-size: 1.2vw;}
.news .newsPage ul li a{font-size: 1.2vw;}
.newslist .con dl dd h4{font-size: 1.2vw;}
.newslist .con dl dd p{font-size: 1vw;line-height: 200%;}
.newslist ul li h4{font-size: 1.2vw;}

}

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

.swiper-container-banner .swiper-pagination-bullet{width: 40px;}

.feature .featureTxt img{height: 100px;}

.swiper-container-product .swiper-product-prev{left: 1.5%;}
.swiper-container-product .swiper-product-next{right: 1.5%;}

.strength::before{-webkit-background-size: cover;background-size: cover;}

.about .aboutPage .txt{width: 48%;line-height: 240%;}
.about .aboutPage .txt p{line-height: 240%;}

}

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

.feature .featureTxt img{height: 80px;}


.technology .title{top:4vw;}

.about .aboutPage .txt{width: 50%;}

}

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

.swiper-container-banner .swiper-pagination-bullet{width: 30px;height: 2px;}

.feature .featureTxt{display: none;}
.feature ul{width: 100%;}
.feature ul li .icon img{width: 5vw;}
.feature ul li span{font-size: 2vw;}

.swiper-container-product{padding-bottom: 60px;}
.productNav{margin-bottom: 4%;}
.productNav h3{width: 100%;text-align: center;font-size: 4vw;margin-bottom: 2%;}
.productNav ul{width: 100%;padding: 0 5%;}
.productNav ul li a{font-size: 2vw;}
.swiper-container-product .swiper-slide i{margin: 10% 0 4% 0;}
.swiper-container-product .swiper-slide i::after{width: 5vw;}
.swiper-container-product .swiper-slide .icon{height: 24px;margin-left: 3%;}
.swiper-container-product .swiper-slide h3{font-size: 2vw;margin-left: 3%;}
.swiper-container-product .swiper-slide span{width: 6vw;line-height: 5vw;font-size: 3vw;}
.swiper-container-product .swiper-product-prev{width: 6vw;line-height: 6vw;font-size: 4vw;left: 2%;}
.swiper-container-product .swiper-product-next{width: 6vw;line-height: 6vw;font-size: 4vw;right: 2%;}

.strength::before{height: 65%;}

.strength .txt{width: 100%;padding: 6% 0 3% 0;text-align: center;}
.strength .txt h3{font-size: 5vw;}
.strength .txt h5{font-size: 2.5vw;}
.strength .txt ul{padding: 2% 12% 0 12%;}
.strength .txt ul li{font-size: 2.5vw;}
.strength .txt ul li span{margin-top: 1vw;}
.strength .txt p{font-size: 2vw;}
.strength .txt p span{display: inline;}
.strength .pic{width: 100%;padding: 0 15%;margin-bottom: 6%;}

.strength .number{padding: 4% 3% 3% 3%;}
.strength .number ul{justify-content: center;}
.strength .number ul li{font-size: 2.2vw;margin: 3% 6%;text-align: center;}

.strength .cert{position: relative;z-index: 1;}
.strength .cert::before{display: block;content: "";position: absolute;right: 0;bottom:0;width: 30px;height: 2px;background: #1d2088;}
.strength .cert::after{display: block;content: "certificate";position: absolute;right: 0;bottom:0;font-size: 8vw;line-height: 200%;font-family: Abel;text-transform: uppercase;color: #f2f2f2;}
.strength .cert ul li{width: 49%;padding: 5% 3%;margin-top: 2%;}
.strength .cert ul li span::before{width: 30px;}
.strength .cert ul li span{font-size: 2vw;}

.why .whtTit{position: relative;top:0;text-align: center;}
.why .whtTit h3{font-size: 4vw;}
.why .whtTit p{width: 44%;margin: 0 auto;font-size: 2.5vw;}
.swiper-container-why .txt{width: 100%;margin: 8% auto 5% auto;text-align: center;}
.swiper-container-why .pic{width: 70%;margin: 0 auto;}

.swiper-container-why .txt span{font-size: 8vw;}
.swiper-container-why .txt h4{font-size: 3vw;margin-top: -4vw;}
.swiper-container-why .txt p{font-size: 2vw;}

.whyPage{padding-right: 5%;}
.whyPage ul li{display: block;width: auto;}
.whyPage ul li img{margin: 0 auto;}
.whyPage ul li span{font-size: 2vw;margin: 1vw 0 0 0;display: block;}

.quality {padding: 3% 0;}
.quality .txt h3{font-size: 4vw;}
.quality .txt h4{font-size: 2.5vw;}
.quality .txt p{font-size: 2vw;}

.quality .pic{width: 25%;}
.quality .pic .img{width: 100%;margin-right: 0;}
.quality .pic .text{display: none;}

.technology{padding-bottom: 3%;}
.technology .title{position: relative;top:0;text-align: center;margin-bottom: 2%;}
.technology .title h3{font-size: 4vw;}
.technology .title p{font-size: 2.5vw;margin-top: 1%;padding: 0;}
.technology .title p span{display: inline;}
.technology ul li{width: 28%;margin: 3% 1vw 2% 1vw;padding: 4% 0;}
.technology ul li::after{width: 5vw;height: 5vw;}
.technology ul li:nth-child(1){margin-left: 1vw;}
.technology ul li:nth-child(5){margin-left: 1vw;}
.technology ul li:nth-child(14){margin-right: 1vw;}
.technology ul li i{width: 4vw;line-height: 4vw;font-size: 2.5vw;}
.technology ul li img{width: 6vw;}
.technology ul li span{font-size: 2vw;}

.service .tit{margin-bottom: 2%;}
.service .tit h3{font-size: 4vw;width: 100%;text-align: center;}
.service .tit p{font-size: 2.2vw;width: 100%;text-align: center;margin-top: 1%;}
.service .con ul li{width: 48%;margin: 2% 0;}

.service .con ul li h4{font-size: 3vw;}
.service .con ul li p{font-size: 2vw;}
.service .con ul li .icon{width: 8vw;padding: 2.5vw 1.5vw 1.5vw 1.5vw;}
.service .con ul li i{font-size: 9vw;}

.about .aboutPage{position: relative;color: #333;text-align: center;}
.about .aboutPage::after{display: none;}
.about .aboutPage .aboutTxt{padding: 0;}
.about .aboutPage h3{font-size: 4vw;}
.about .aboutPage h4{font-size: 2.5vw;}
.about .aboutPage .txt{width: 100%;position: relative;margin: 3% auto;}
.about .aboutPage .txt::after{display: none;}
.about .aboutPage .txt p{font-size: 2vw;line-height: 200%;color: #666;}
.about .aboutPage .txt .more{background: #1d2088;color: #fff;width: 20%;font-size: 2vw;line-height: 240%;}

.about .aboutPage ul{width: 100%;position: relative;z-index: 1;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: center;}
.about .aboutPage ul::after{display: block;content: "";position: absolute;left: -50%;top:0;width: 200%;height: 100%;background: #f2f2f2;z-index: -1;}
.about .aboutPage ul li a{font-size: 2.2vw;color: #666;}
.about .aboutPage ul li.on a{color: #1d2088;}
.about .aboutPage ul li.on i{display: none;}
.about .aboutPage ul li.on::after{background: #1d2088;bottom:auto;top:0;}

.application .applyTit h3{font-size: 4vw;text-align: center;}
.application .applyTit p{font-size: 2vw;text-align: center;margin-top: 1%;}
.swiper-container-application{padding: 4% 0 6% 0;}
.swiper-container-application .swiper-slide{width: 70%;}
.swiper-container-application .swiper-application-prev{width: 6vw;line-height: 6vw;font-size: 3vw;left: 5%;}
.swiper-container-application .swiper-application-next{width: 6vw;line-height: 6vw;font-size: 3vw;right: 5%;}

.news .newsTit{width: 100%;text-align: center;}
.news .newsTit h3{font-size: 4vw;}
.news .newsTit p{font-size: 2vw;}
.news .newsPage ul{width: 50%;margin: 3% auto 0 auto;}
.news .newsPage ul li a{font-size: 2vw;}

.newslist .con .pic{display: none;}
.newslist .con dl{width: 100%;}
.newslist .con dl dt{width: 55%;}
.newslist .con dl dd{width: 45%;}
.newslist .con dl dd h4{font-size: 2vw;}
.newslist .con dl dd p{font-size: 1.8vw;}
.newslist ul li{width: 48%;margin-top: 4%;padding: 3vw 2vw 1.5vw 2vw;}
.newslist ul li h4{font-size: 2vw;}

.link{padding: 2% 0;}
.link span{font-size: 6vw;}
.link p{width: calc(100% - 12vw);}

}

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

.feature ul li{width: 32%;margin: 4% 0;}
.feature ul li .icon img{width: 8vw;}
.feature ul li span{font-size: 4vw;margin-top: 2vw;}

.product{background: #f2f2f2 url(../images/product_bg.jpg) left center no-repeat;-webkit-background-size: cover;background-size: cover;padding: 6% 0 3% 0;}
.productNav h3{font-size: 6vw;}
.productNav ul{justify-content: center;padding: 0;}
.productNav ul li{margin: 1% 3%;}
.productNav ul li a{font-size: 4vw;}

.swiper-container-product{padding-bottom: 40px;}
.swiper-container-product .swiper-slide i::after{width: 8vw;}
.swiper-container-product .swiper-slide h3{font-size: 4vw;}
.swiper-container-product .swiper-slide span{width: 10vw;line-height: 9vw;font-size: 5vw;}

.strength::before{height: 55%;}
.strength .txt h3{font-size: 8vw;}
.strength .txt h5{font-size: 4vw;}
.strength .txt ul{padding: 2% 0 0 0;}
.strength .txt ul li{font-size: 4vw;}
.strength .txt p{font-size: 3.5vw;}
.strength .pic{padding: 0 10%;}

.strength .number ul li{font-size: 4vw;}

.strength .cert ul li{width: 100%;padding: 6% 4%;}
.strength .cert ul li span{font-size: 4vw;padding-top: 3vw;margin-top: 3vw;}

.why .whtTit h3{font-size: 6vw;}
.why .whtTit p{width: 60%;font-size: 4vw;margin-top: 1%;}

.swiper-container-why .txt span{font-size: 12vw;}
.swiper-container-why .txt h4{font-size: 5vw;margin-top: -6vw;}
.swiper-container-why .txt p{font-size: 3.5vw;text-align: justify;}
.swiper-container-why .pic{width: 80%;}

.whyPage ul li{margin: 2% 0;}
.whyPage ul li span{font-size: 4vw;}
.whyPage ul li img{width: 8vw;}

.quality .txt{width: 100%;text-align: center;padding: 5% 0 0 0 ;}
.quality .txt h3{font-size: 6vw;}
.quality .txt h4{font-size: 4vw;margin: 2vw 0 4vw 0;padding-bottom: 4vw;}
.quality .txt h4::after{width: 30px;left: calc(50% - 15px);}
.quality .txt p{font-size: 3.5vw;line-height: 180%;}
.quality .txt p span{display: inline;}

.quality .pic{width: 80%;margin: 0 auto;justify-content: center;}
.quality .pic .img{width: 40%;}
.quality .pic .text{display: block;font-size: 5vw;letter-spacing: .5vw;margin-left: 4vw;}
.quality .pic .text a{font-size: 4vw;line-height: 180%;}

.technology .title h3{font-size: 6vw;}
.technology .title p{font-size: 4vw;}
.technology ul li{width: 28%;padding: 6% 0;}
.technology ul li::after{width: 7vw;height: 7vw;}
.technology ul li i{width: 6vw;line-height: 6vw;font-size: 4vw;}
.technology ul li img{width: 8vw;}
.technology ul li span{font-size: 4vw;}

.service .tit h3{font-size: 6vw;}
.service .tit p{font-size: 4vw;}
.service .con ul li h4{font-size: 4.5vw;margin: 1.5vw 0;}
.service .con ul li p{font-size: 3.5vw;line-height: 180%;z-index: 33;}
.service .con ul li .icon{width: 9vw;}

.about .aboutPage h3{font-size: 6vw;}
.about .aboutPage h4{font-size: 4vw;}
.about .aboutPage .txt p{font-size: 3.5vw;}
.about .aboutPage .txt .more{width: auto;font-size: 4vw;padding: 0 5%;}
.about .aboutPage ul li a{font-size: 3.8vw;line-height: 300%;}

.application .applyTit h3{font-size: 6vw;}
.application .applyTit p{font-size: 3.5vw;line-height: 180%;}

.swiper-container-application{padding-bottom: 12%;}
.swiper-container-application .swiper-slide{width: 75%;}
.swiper-container-application .swiper-application-prev{left: 2%;top: calc(42% - 2vw);}
.swiper-container-application .swiper-application-next{right: 2%;top: calc(42% - 2vw);}

.news .newsTit h3{font-size: 6vw;}
.news .newsTit p{font-size: 4vw;}
.news .newsPage ul{width: 80%;}
.news .newsPage ul li a{font-size: 4vw;}

.newslist .con dl{padding: 3%;}
.newslist .con dl dt{width: 100%;}
.newslist .con dl dd{width: 100%;padding: 4% 2% 0 2%;}
.newslist .con dl dd h4{font-size: 4vw;}
.newslist .con dl dd p{font-size: 3.5vw;}

.newslist ul li{width: 100%;margin-top: 2%;padding: 4%;}
.newslist ul li h4{font-size: 3.5vw;width: 90%;padding-bottom: 0;margin-bottom: 0;border: none;}
.newslist ul li span{display: none;}

.link span{font-size: 8vw;padding: 2vw 0;}
.link p{width: 100%;}

}