@keyframes scale2 {from {-webkit-transform:scale(1);transform:scale(1)}
50% {-webkit-transform:scale(1.4);transform:scale(1.4)}
to {-webkit-transform:scale(1);transform:scale(1)}
}

.index-tit {text-align:center;}
.index-tit em {font-size:16px;color:#c2000c;font-weight:600;text-transform:uppercase;}
.index-tit h3 {margin:20px 0 0;font-size:36px;line-height:1;color:#333;font-weight:bold;}
.index-tit p {margin:35px 0 0;font-size:20px;line-height:1.8;color:#666;}

.about {padding:90px 0}
.about .box{display:flex;align-items:flex-start}
.about .pic {width:50%;position:relative}
.about .v-box {position:absolute;right:0;bottom:-90px;background:#fff;width:82%;padding:30px 38px;box-shadow:0 2px 20px 0 rgba(227,230,230,0.6)}
.about .v-box p {color:#212121;font-size:20px;line-height:1.8}
.about .v-box .v {margin:20px 0 0;display:flex;justify-content:space-between;align-items:center}
.about .v-box .v h5 {font-size:20px;color:#666}
.about .v-box .v hr {width:200px;height:4px;background:#f4f4f4}
.about .v-box .v a {width:52px;position:relative;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.about .v-box .v a::after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgb(153 53 67 / 25%);animation:scale2 2s linear infinite}

.about .txt {-webkit-flex:1;flex:1;margin-right:70px}
.about .txt h1 {font-size:36px;color:#333;line-height:1;font-weight:700}
.about .txt .t {margin:40px 0 0;font-size:18px;color:#666;line-height:2}
.about .txt .t strong {color:var(--text-color-active)}
.about .txt .t p~p {margin-top:25px}

.about ul {margin:100px 0 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.about ul li {width:calc(25% - 30px);position:relative;padding:30px 20px;box-sizing:border-box;border-bottom:2px solid #e6e6e6}
.about ul li::after {content:"";width:0;height:2px;background:var(--bg-color);position:absolute;left:0;bottom:-2px;transition:all 0.3s cubic-bezier(0.55,0.23,0.62,1) 0s;-webkit-transition:all 0.3s cubic-bezier(0.55,0.23,0.62,1) 0s}
.about ul li h5 {color:var(--text-color-active);font-size:46px;line-height:1;display:inline-block;position:relative;font-weight:700}
.about ul li h5 em {font-size:20px;}
.about ul li h5::after {content:attr(date-txt);position:absolute;right:-25px;top:0;color:#212121;font-size:46px;font-weight:400}
.about ul li:nth-child(3) h5::after {right:-50px;font-size:22px;top:2px}
.about ul li p {font-size:18px;color:#666;line-height:1.5;margin:13px 0 0}
.about ul li:hover::after {width:100%}


.about2 {background:url(../image/d4531e92f548dd85b689f10799de3cdfbbf9b0613d3b42286dc32710d0027462.jpg) no-repeat center;padding:90px 0;}
.about2 .wp {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.about2 .tit {width:325px;background:var(--text-color-active);padding:40px 44px;text-align:left;}
.about2 .tit .tips {background:url('../image/ibg11.png') no-repeat right 60px center;text-align:left;}
.about2 .tit .tips em {font-size:20px;color:#fff}
.about2 .tit .tips span {font-size:76px;color:#fff;font-weight:700;display:block;margin:10px 0 0}
.about2 .tit .tips p {font-size:20px;line-height:36px;color:#fff;margin:4px 0 0}
.about2 .tit img {margin:43px 0 0}
.about2 .list {-webkit-flex:1;flex:1;margin-left:70px}
.about2 .list h3 {font-size:36px;line-height:1;color:#333;font-weight:700;letter-spacing:1px}
.about2 .list ul {margin:30px 0 0;overflow:hidden;display:flex;flex-wrap:wrap}
.about2 .list ul li {margin:26px 0 0;font-size:18px;color:#212121;line-height:21px;width:30%;display:flex;align-items:flex-start}
.about2 .list ul li:nth-child(3n + 2) {width:40%}
.about2 .list ul li::before {content:"-";color:inherit;display:block}
.about2 .list ul li a {margin-left:12px}
.about2 .list ul li:hover {color:#c2000c}
.about2 .list ul li:hover a {color: var(--bg-color);text-decoration:underline}

.about3{padding:90px 0}
.about3 ul {}
.about3 ul li {position:relative;display:flex}
.about3 ul li + li {margin-top:120px}
.about3 ul li .pic {width:512px}
.about3 ul li .txt {-webkit-flex:1;flex:1;margin:0 0 0 75px;border-bottom:1px solid #c2000c;display:flex;flex-direction:column;justify-content:center;padding-left:30px}
.about3 ul li .txt h5 {font-size:36px;font-weight:700;line-height:1;color:#333}
.about3 ul li .txt .t {margin:35px 0 0;font-size:20px;color:#777;line-height:1.8;}
.about3 ul li .txt .t p~p {margin-top:15px}
.about3 ul li:nth-child(2n + 1) {flex-direction:row-reverse;}
.about3 ul li:nth-child(2n + 1) .txt {margin:0 75px 0 0}



.quality {padding:90px 0;background:#f8f8f8}
.quality .index-tit h3 {margin:0}
.quality .list{margin:60px 0 0;position:relative}
.quality .swiper-slide{}
.quality .swiper-slide img{width:100%;display:block}

.quality .swiper-button-prev,.quality .swiper-button-next {width:48px;height:48px;overflow:hidden;border-radius:0;background:var(--btn-bg);margin-top:-24px;text-align:center;color:#fff}
.quality .swiper-button-prev i,.quality .swiper-button-next i {color:inherit;font-size:24px;line-height:48px}
.quality .swiper-button-prev,.quality .swiper-container-rtl .swiper-button-next {left:-70px;right:auto}
.quality .swiper-button-next,.quality .swiper-container-rtl .swiper-button-prev {right:-70px;left:auto}
.quality .swiper-button-prev::after,.quality .swiper-button-next::after {display:none;}
.quality .swiper-button-prev:hover,.quality .swiper-button-next:hover {background-color:var(--btn-bg-hover)}

.quality .swiper-pagination {position:static;width:100%;margin-top:30px;display:none}
.quality .swiper-pagination-bullet {height:10px;width:10px;margin:0 10px;background:#ccc;border-radius:50%;opacity:1;}
.quality .swiper-pagination-bullet-active {background:#C2000C}

.cert-list {padding:90px 0;background:#fff}
.cert-list .index-tit h3 {margin:0}
.cert-list .list {margin:45px 0 0;position:relative}
.cert-list .swiper {padding:15px 0}
.cert-list .swiper-slide {width:378px;padding:17px;background:#fff;box-shadow:0 0 10px rgba(4,0,0,0.24)}
.cert-list .swiper-slide img {display:block}
.cert-list .swiper-button-prev,.cert-list .swiper-button-next {width:48px;height:48px;overflow:hidden;border-radius:0;background:var(--btn-bg);margin-top:-24px;text-align:center;color:#fff}
.cert-list .swiper-button-prev i,.cert-list .swiper-button-next i {color:inherit;font-size:24px;line-height:48px}
.cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next {left:-70px;right:auto}
.cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev {right:-70px;left:auto}
.cert-list .swiper-button-prev::after,.cert-list .swiper-button-next::after {display:none;}
.cert-list .swiper-button-prev:hover,.cert-list .swiper-button-next:hover {background-color:var(--btn-bg-hover)}
.cert-list .swiper-pagination {position:static;width:100%;margin-top:30px;display:none}
.cert-list .swiper-pagination-bullet {height:10px;width:10px;margin:0 10px;background:#ccc;border-radius:50%;opacity:1;}
.cert-list .swiper-pagination-bullet-active {background:#C2000C}


@media screen and (max-width:1550px) {
.about,.about2,.about3,.quality,.cert-list{padding:80px 0;}
.about ul li{width:calc(25% - 20px);padding:30px 15px;}

.about2 .tit .tips span{font-size:65px;}

.about3 ul li + li{margin-top:100px;}


}

@media screen and (max-width:1441px) {
.about,.about2,.about3,.quality,.cert-list{padding:70px 0;}
.index-tit h3,.about .txt h1,.about2 .list h3,.about3 ul li .txt h5{font-size:34px;}

.index-tit p{margin:30px 0 0;font-size:19px;}

.about .txt .t{margin:30px 0 0;line-height:1.8;}
.about .v-box .v h5{font-size:19px;}
.about .v-box{bottom:-80px;width:70%;padding:30px 25px;box-shadow:0 2px 10px 0 rgba(227,230,230,0.6);}
.about .v-box p{font-size:19px;}

.about ul li h5{font-size:44px;}
.about ul li h5 em{font-size:19px;}

.about2 .tit .tips{background-position:right 50px center;}
.about2 .tit .tips span{font-size:60px;}
.about2 .tit .tips em{font-size:19px;}
.about2 .tit .tips p{font-size:19px;line-height:34px;}

.about3 ul li + li{margin-top:90px;}
.about3 ul li .txt{padding-left:0;}
.about3 ul li .txt .t{font-size:19px;}

.quality .swiper-button-prev,.quality .swiper-button-next {width:40px;height:40px;margin-top:-20px}
.quality .swiper-button-prev i,.quality .swiper-button-next i {font-size:21px;line-height:40px}
.quality .swiper-button-prev,.quality .swiper-container-rtl .swiper-button-next {left:-55px}
.quality .swiper-button-next,.quality .swiper-container-rtl .swiper-button-prev {right:-55px}
.cert-list .swiper-button-prev,.cert-list .swiper-button-next {width:40px;height:40px;margin-top:-20px}
.cert-list .swiper-button-prev i,.cert-list .swiper-button-next i {font-size:21px;line-height:40px}
.cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next {left:-55px}
.cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev {right:-55px}
}


@media screen and (max-width:1367px) {
.about,.about2,.about3,.quality,.cert-list{padding:65px 0;}
.index-tit h3,.about .txt h1,.about2 .list h3,.about3 ul li .txt h5{font-size:32px;}

.index-tit p{margin:25px 0 0;font-size:18px;line-height:1.7;}

.about .txt .t {margin:25px 0 0;font-size:17px;line-height:1.7;}
.about .v-box .v h5{font-size:18px;}
.about .v-box p{font-size:18px;line-height:1.6;}

.about ul li h5{font-size:42px;}
.about ul li h5 em{font-size:18px;}

.about2 .list ul li{margin:25px 0 0;font-size:17px;}

.about3 ul li + li{margin-top:80px;}
.about3 ul li .txt{margin:0 0 0 60px;}
.about3 ul li:nth-child(2n+1) .txt{margin:0 60px 0 0;}
.about3 ul li .txt .t{font-size:18px;margin:30px 0 0;}

}

@media screen and (max-width:1280px) {
.about,.about2,.about3,.quality,.cert-list{padding:60px 0;}
.index-tit h3,.about .txt h1,.about2 .list h3,.about3 ul li .txt h5{font-size:30px;}

.index-tit p{margin:20px 0 0;font-size:17px;line-height:1.6;}

.about .txt .t p~p {margin-top:18px}
.about .v-box {width:70%;padding:20px;}
.about .v-box p {font-size:17px;line-height:1.5}
.about .v-box .v hr {width:130px}
.about .v-box .v h5 {font-size:18px}

.about ul{margin:70px 0 0}
.about ul li{padding:25px 10px;}
.about ul li p{font-size:17px;}
.about ul li h5{font-size:40px;}

.about2 .list {margin-left:50px}
.about2 .list ul li {margin:22px 0 0;font-size:17px;width:50%;}
.about2 .list ul li:nth-child(3n+2){width:50%;}

.about3 ul li .txt .t{margin:25px 0 0;}

.quality .swiper-slide h6 {font-size:20px;padding:20px 15px}
.quality .swiper-slide .t p {font-size:17px;line-height:1.7;margin:30px 0 0}
.quality .swiper-button-prev,.quality .swiper-container-rtl .swiper-button-next {left:0}
.quality .swiper-button-next,.quality .swiper-container-rtl .swiper-button-prev {right:0}
.cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next {left:0}
.cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev {right:0}
.cert-list .swiper-slide {width:330px;padding:15px}

}

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

.about .box{display:block;}
.about .txt{margin-right:0;}
.about .txt h1 {text-align:center}
.about .txt .t{line-height:1.6;}
.about .pic{width:80%;margin:30px auto 0;}
.about .v-box {position:static;width:100%;padding:25px 20px}
.about .v-box p {font-size:16px;line-height:1.4}
.about .v-box .v {margin:20px 0 0}
.about .v-box .v h5 {font-size:17px}
.about .v-box .v hr{width:auto;flex:1;margin:0 20px;}
.about .v-box .v a {width:48px}

.about ul{margin:40px 0 0;}
.about ul li{width:calc(50% - 15px);text-align:center;}
.about ul li h5{font-size:38px;}
.about2 .list ul{margin-top: 10px;}
.about2 .list ul li{margin: 10px 0 0 0;}
.about2 .list ul li a{font-size: 13px;}
}

@media screen and (max-width:768px) {
.about,.about2,.about3,.quality,.cert-list{padding:30px 0;}
.index-tit h3,.about .txt h1,.about2 .list h3,.about3 ul li .txt h5{font-size:28px;}

.index-tit p{margin:15px 0 0;font-size:16px;line-height:24px;}

.about .pic{margin:25px 0 0;width:100%}

.about .txt .t {margin:20px 0 0;font-size:16px;line-height:1.4}
.about .txt .t p~p {margin-top:10px}

.about ul {margin:20px 0 0}
.about ul li h5 {font-size:34px}
.about ul li h5 em{font-size:17px;}
.about ul li p {font-size:16px;}

.about2 {background-size:cover}
.about2 .wp {flex-direction:column}
.about2 .tit {width:100%;padding:30px;text-align: center;}
.about2 .tit .tips {background:none;text-align:center;}
.about2 .tit .tips em {font-size:17px;}
.about2 .tit .tips span {font-size:50px}
.about2 .tit .tips p {font-size:17px;line-height:30px}
.about2 .tit .tips p br{display:none;}
.about2 .tit img {margin:20px 0 0}
.about2 .list {width:100%;margin:25px 0 0}
.about2 .list h3 {text-align:center}
.about2 .list ul {margin:20px 0 0}
.about2 .list ul li {margin:12px 0 0;font-size:16px;line-height:20px;width:50%}
.about2 .list ul li:nth-child(3n + 2) {width:50%}
.about2 .list ul li::before {content:"-";color:inherit;display:block}
.about2 .list ul li a {margin-left:12px}


.about3 ul li {-webkit-flex-direction:column;flex-direction:column}
.about3 ul li + li {margin-top:20px}
.about3 ul li .pic {width:auto;max-width:500px;margin:0 auto}
.about3 ul li .txt {-webkit-flex:1;flex:1;margin:20px 0 0;padding-left:0;border:none}
.about3 ul li .txt h5 {text-align:center}
.about3 ul li .txt .t {margin:20px 0 0;font-size:16px;line-height:24px}
.about3 ul li .txt .t p~p {margin-top:10px}
.about3 ul li:nth-child(2n + 1) {-webkit-flex-direction:column;flex-direction:column}
.about3 ul li:nth-child(2n + 1) .txt {margin:20px 0 0}


.quality .list {margin:30px 0 0}
.quality .swiper-slide h6 {font-size:20px;padding:15px 10px}
.quality .swiper-slide .t {display:none}
.quality .swiper-slide:hover h6 {opacity:1}
.quality .swiper-button-prev,.quality .swiper-button-next {display:none}
.quality .swiper-pagination {display:block}

.cert-list .list {margin:25px -10px 0}
.cert-list .swiper {padding:10px}
.cert-list .swiper-slide {width:378px;padding:10px;box-shadow:0 0 6px rgba(4,0,0,0.24)}
.cert-list .swiper-button-prev,.cert-list .swiper-button-next {display:none}
.cert-list .swiper-pagination {display:block}

}

@media screen and (max-width:576px) {
.index-tit h3,.about .txt h1,.about2 .list h3,.about3 ul li .txt h5{font-size:26px;}

.about ul li h5{font-size:30px;}
.about ul li h5 em{font-size:16px;}
.about ul li p{font-size:15px;margin:10px 0 0;}

}

@media screen and (max-width:480px) {
.index-tit h3,.about .txt h1,.about2 .list h3,.about3 ul li .txt h5{font-size:24px;}
.about .v-box .v hr {width:150px}

.about ul li{width: calc(50% - 10px);padding:15px 0;}
.about ul li h5{font-size:26px;}
.about ul li h5 em{font-size:15px;}

.about .v-box{padding:20px 15px;}

.about3 ul li .txt .t {margin:15px 0 0;font-size:15px;line-height:22px}

}

@media screen and (max-width:420px) {
.index-tit h3,.about .txt h1,.about2 .list h3,.about3 ul li .txt h5{font-size:22px;}
.about ul li h5{font-size:24px;}
}