.about-wrap h2,.about-wrap h2 a {font-size:40px;color:#000;font-weight:bold;}
.about-wrap h3,.about-wrap h3 a {font-family:'Montserrat-Medium';font-size:18px;}
.about-wrap h4,.about-wrap h4 a {font-size:16px;}
.about-wrap p {margin-top:20px;font-size:16px;color:#666;line-height:30px;}
.about-wrap .float-left {float:left;}
.about-wrap .float-right {float:right;}
.about-wrap .padding-top {padding-top:100px;}
.about-wrap .paddinga-top {padding-top:90px;}
.about-wrap .padding {padding:100px 0;}
.about-wrap .paddinga {padding:90px 0;}
.about-wrap .margin-top {margin-top:100px;}
.about-wrap .margina-top {margin-top:90px;}

.about-wrap .wpa {display:flex;flex-wrap:wrap;}
.about-wrap .wpb {display:flex;justify-content:space-between;}
.about-wrap .lg-03 li {width:31%;}
.about-wrap .lg-03 li {margin-left:2.33%;}
.about-wrap .lg-03 li:nth-child(3n+1) {margin-left:0;}

@media screen and (max-width:1580px) {
.about-wrap .padding-top {padding-top:80px;}
.about-wrap .paddinga-top,.about-wrap .paddinga {padding-top:70px;}
.about-wrap .padding {padding:80px 0;}
.about-wrap .paddinga {padding:70px 0;}
.about-wrap .margin-top {margin-top:80px;}
}

@media screen and (max-width:960px) {
.about-wrap .lg-03 li {width:100%;}
.about-wrap .lg-03 li {margin-left:0;}
.about-wrap .padding-top,.about-wrap .paddinga-top,.about-wrap .paddinga {padding-top:50px;}
.about-wrap .padding,.about-wrap .paddinga {padding:50px 0;}
.about-wrap .margin-top,.about-wrap .margina-top {margin-top:50px;}
}

@media screen and (max-width:768px) {
.about-wrap .padding-top,.about-wrap .paddinga-top,.about-wrap .paddinga {padding-top:30px;}
.about-wrap .padding,.about-wrap .paddinga {padding:30px 0;}
.about-wrap .margin-top,.about-wrap .margina-top {margin-top:30px;}
}

.about-us .wp{display:flex;justify-content:space-between;align-items:center;}
.about-us .pic{width:42.4%;padding:0 5.3%;background:url(../images/about-bg1.png) repeat-x left 70%;background-size:auto 61.4%;}
.about-us .txt{width:51.4%;}


.about-video .wp{display:flex;justify-content:space-between;}

.about-video .main-href {margin-top:50px}
.about-video .main-href a {display:inline-block;padding:17px 60px;background:var(--color-noticeboard-backgroud);color:#fff;font-size:16px;font-family:montserrat-bold;cursor:pointer;border-radius:50px}
.about-video .main-href a:hover {background:#578ec1;text-decoration:none}
.about-wrap .title{width:90%;}
.about-wrap .title h1,.about-wrap .title h1 a {font-size:38px}
.about-wrap .title p {margin-top:30px;font-size:18px}
.about-video .videos {display:none;position:fixed;left:0;top:0;bottom:0;width:100%;height:100vh;background:rgba(0,0,0,.5);text-align:center;z-index:999;overflow:hidden}
.about-video .videos #video {position:fixed;left:10%;top:10vh;width:80%;height:80vh;background:#000;z-index:999}
.about-video .vclose {position:absolute;right:3%;top:5%;width:auto;cursor:pointer}
.about-video .vclose::before {font-size:32px;color:#fff}
.about-usleft {width:42.4%;padding:0 5.3%;background:url(../images/bg04.png) repeat-x left 70%;background-size:auto 61.4%}
.about-usleft span {display:block;overflow:hidden}
.about-usleft img {width:100%}
.about-usleft img:hover {-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
.about-usright {width:51.4%;margin-top:25px}
.about-usright p {margin-top:30px}

.about-wrap .number {margin-top:55px}
.about-wrap .number .home-aboutnum{display:flex;justify-content:space-between;flex-wrap:wrap;}
.about-wrap .number .home-aboutnum div{width:23%;padding:35px 30px;border-bottom:2px solid #dbdbdb;position:relative;}
.about-wrap .number .home-aboutnum div i {display:block;width:20px;height:16px;margin-bottom:20px;background:var(--color-text-button)}
.about-wrap .number .home-aboutnum span {font-size:16px}
.about-wrap .number .home-aboutnum span b {font-size:46px}
.about-wrap .number .home-aboutnum p {font-size:16px}
.about-wrap .number .home-aboutnum div::after {content:' ';position:absolute;z-index:2;bottom:-2px;left:0;width:100%;height:2px;-webkit-transition:.3s all;-moz-transition:.3s all;-ms-transition:.3s all;transition:.3s all}
.about-wrap .number .home-aboutnum div:hover::after {animation:border_width .5s linear forwards;background:var(--color-icon-primary)}


.about-videofl {width:43.8%;margin-top:20px}
.about-videofl span {display:block;width:92px;height:2px;margin-bottom:25px;background:#1872c4}
.about-videofl .main-href {margin-top:40px}

.about-videofr {position:relative;width:48.2%;height:100%;padding:0 35px 40px 0;background:url(../images/about-bg2.png) no-repeat right bottom;}
.about-videofr span {display:block;overflow:hidden}
.about-videofr span img {width:100%}
.about-videofr:hover img {-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
.about-videofr .pulse {position:absolute;left:-43px;bottom:12px;width:87px;height:87px;background:var(--color-icon-primary);border-radius:100%;cursor:pointer}
.about-videofr .pulse i {position:absolute;left:50%;top:50%;margin-top:-12px;margin-left:-11px;z-index:2;font-size:24px;color:#fff}
.about-videofr .ring {position:absolute;background:inherit;height:100%;width:100%;border-radius:100%;opacity:.2;animation:pulsing 2.5s ease-out infinite}

.about-choose {width:100%;background:url(../images/bg06.webp) no-repeat;background-size:100% 100%}
.about-choose .title{margin:0 auto 0;text-align:center}

.about-choose ul{margin-top:10px;display:flex;justify-content:space-between;flex-wrap:wrap}
.about-choose li {margin-top:30px;width:31%;padding:50px 30px;background:var(--color-noticeboard-backgroud);text-align:center;transition:.3s all}
.about-choose li:hover {background:var(--color-icon-primary)}
.about-choose li:hover span {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH}
.about-choose li span {display:block;font-size:90px;color:#fff;line-height:70px;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;transition:.5s all}
.about-choose li:nth-child(2) span {font-size:80px}
.about-choose li:nth-child(3) span {font-size:60px}
.about-choose li:nth-child(4) span {font-size:80px}
.about-choose li h3 {margin-top:35px;color:#fff;/*font-family:montserrat-bold*/}
.about-choose li p {margin-top:30px;color:#fff}

.about-factory .title{text-align:center}
.about-factory .list{margin-top:30px;}
.about-factory .list .swiper-slide{overflow:hidden;}
.about-factory .list .swiper-slide img {width:100%}
.about-factory .list .swiper-slide img:hover{transform:scale(1.03)}

.about-factory .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;}
.about-factory .swiper-pagination-bullet {height:14px;width:14px;margin:0 5px;background:#C1C1C1;border-radius:50%;opacity:1;}
.about-factory .swiper-pagination-bullet-active{background:#1872C4;}


.goods-tanktit .about-tanktitcon {width:85%;margin:0 auto}
.about-tanktitcon i {display:block;font-size:96px;line-height:48px;color:#1872c4;font-family:montserrat-bold;text-align:center;font-style:normal}
.goods-tanktit .about-tanktitcon h2 {padding-top:15px;font-size:37px;color:#fff;line-height:60px;text-shadow:-1px -1px 0 #aaa,1px -1px 0 #aaa,-1px 1px 0 #aaa,1px 1px 0 #aaa;letter-spacing:1px;text-align:center}
.goods-tanktit .about-tanktitcon h2 b {text-shadow:none;color:var(--color-icon-primary)}

.goods-send {width:56%;margin:0 auto;margin-top:25px;border-bottom:2px solid #eee;position:relative;}
.goods-send .crmFormVali-error {
    right: 120px;
    top: calc(50% - 6px);
}
    /* display:none; */}
.goods-send input {width:90%;height:84px;padding-left:15px;font-size:18px;color:#333;font-family:montserrat-medium;border:none;outline:none}
.goods-send button {width:10%;height:84px;font-size:30px;color:var(--color-noticeboard-backgroud);background:0 0;text-align:center;outline:none}

.goods-certifications .title{text-align:center;}
.goods-certifications .list{position:relative;}
.goods-certifications .swiper{width:86.4%;margin:40px auto 0;}
.goods-certifications .swiper-slide img {width:100%}
.goods-certifications .swiper-slide {width:25.86%;padding:17px;background:#fff;z-index:1;border:1px solid #bfbfbf;-webkit-transition:transform 1s;-ms-transition:transform 1s;-webkit-transform:scale(.8);transform:scale(.75)}
.goods-certifications .swiper-slide-active {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:10}
.goods-certifications .swiper-slide-prev,.goods-certifications .swiper-slide-next {-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);z-index:5}

.goods-certifications .swiper-button-prev,.goods-certifications .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:8px;background:none;margin-top:-25px;text-align:center;color:#C1C1C1;}
.goods-certifications .swiper-button-next::after, .goods-certifications .swiper-button-prev::after {display:none;}
.goods-certifications .swiper-button-prev i,.goods-certifications .swiper-button-next i{color:inherit;font-size:40px;display:inline-block;margin-top:1px;}
.goods-certifications .swiper-button-prev,.goods-certifications .swiper-container-rtl .swiper-button-next{left:0px;right:auto;}
.goods-certifications .swiper-button-next,.goods-certifications .swiper-container-rtl .swiper-button-prev{right:0px;left:auto;}
.goods-certifications .swiper-button-prev:hover,.goods-certifications .swiper-button-next:hover{color:var(--active-color);}

.goods-certifications .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;}
.goods-certifications .swiper-pagination-bullet {height:14px;width:14px;margin:0 5px;background:#C1C1C1;border-radius:50%;opacity:1;}
.goods-certifications .swiper-pagination-bullet-active{background:#1872C4;}

@media screen and (max-width:1580px) {
.about-wrap .main-href {margin-top:40px}
.about-wrap h2,.about-wrap h2 a {font-size:32px}
.about-wrap .title p {font-size:18px}
.about-wrap .main-href a {padding:16px 50px;font-size:15px}
.about-wrap .title p {margin-top:20px}
.about-choose li span {line-height:46px;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.about-tanktitcon i {font-size:80px}
.goods-tanktit .about-tanktitcon h2 {font-size:31px;line-height:48px}
.goods-certifications .swiper-slide {width:27.2%}
.goods-certifications .cert-btn a {width:56px;height:56px;line-height:56px;margin-top:62px}
}

@media screen and (max-width:1441px) {
.about-usright,.about-videofl {margin-top:0}
.about-usright p {margin-top:20px}
.about-wrap .swiper-pagination-progress {width:520px}
.goods-certifications .swiper-slide {width:28%}

.about-wrap .number .home-aboutnum div{padding:30px 20px;}
.about-wrap .number .home-aboutnum div i{height:10px;}
.about-wrap .number .home-aboutnum span b{font-size:40px;}

.about-choose li p{line-height:26px;}

}

@media screen and (max-width:1280px) {
.about-wrap h2,.about-wrap h2 a {font-size:28px}
.about-wrap .number .home-aboutnum div{padding:30px 0;}
}

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

.about-us .wp{display:block;}
.about-us .pic{width:100%;padding:0 5%;text-align:center;}
.about-us .txt{width:100%;margin:30px 0 0;}
.about-us .txt h2{text-align:center;}

.about-wrap .number .home-aboutnum div{width:48%;padding:25px 0;text-align:center;}
.about-wrap .number .home-aboutnum span b {font-size:30px}
.about-wrap .number .home-aboutnum div i{width:14px;height:7px;margin:0 auto 10px;}
.about-wrap .number .home-aboutnum p {margin-top:10px}

.about-video .wp{display:block;}
.about-videofl{width:100%;}
.about-videofl span{display:none;}
.about-wrap .main-href {margin-top:30px;text-align:center;}
.about-videofr{width:100%;margin:30px 0 0;}
.about-videofr .pulse{width:66px;height:66px;left:calc(50% - 33px);bottom:calc(50% - 33px);}

.about-choose li{width:48%;padding:35px 25px;}

.goods-certifications .swiper-button-prev,.goods-certifications .swiper-button-next{display:none;}
.goods-certifications .swiper-pagination-bullets{display:block;}


}

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



.about-wrap .main-href a{padding:10px 30px;font-size:14px;}

.about-wrap p{font-size:15px;line-height:24px}

.about-wrap .title {width:100%}
.about-wrap .title p {font-size:16px}
.about-wrap h2,.about-wrap h2 a {font-size:26px}
.about-wrap .title h1,.about-wrap .title h1 a {font-size:28px}
.about-wrap .number {margin-top:0}

.about-choose li{width:100%;margin-top:15px;padding:25px 15px;}
.about-choose li span {font-size:60px;line-height:1;}
.about-choose li:nth-child(2) span {font-size:60px}
.about-choose li:nth-child(3) span {font-size:60px}
.about-choose li:nth-child(4) span {font-size:80px}
.about-choose li h3{margin-top:20px;}
.about-choose li p{line-height:24px;margin:20px 0 0;}

.goods-tanktit .about-tanktitcon {width:100%}
.goods-tanktit .about-tanktitcon h2 {font-size:19px;line-height:30px}
.about-tanktitcon i {font-size:60px;line-height:26px}
.goods-certifications .swiper-container {padding-right:1px}
.goods-certifications .cert-btn a {margin-top:92px}
.goods-send {width:100%}
.goods-send input {font-size:16px}

.goods-certifications .swiper{width:100%;margin:30px auto 0;}

.goods-certifications .swiper-slide {padding:10px;-webkit-transform:scale(1);transform:scale(1)}
.goods-certifications .swiper-slide-prev,.goods-certifications .swiper-slide-next {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

}