.about-banner{width: 100%; position: relative;}
.about-banner .img{width: 100%; height: 8.6rem; display: flex;}
@media (max-width: 500px){.about-banner .img{height: 6rem;}}
.about-banner .img img{width: 100%; height: 100%; object-fit: cover;}
.about-banner .about-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media (max-width: 1600px){.about-banner .about-box{width: 84%;}}
@media (max-width: 1280px){.about-banner .about-box{width: 90%;}}
@media (max-width: 500px){.about-banner .about-box{position: relative; left: initial; top: initial; transform: translate(0, 0); margin: auto; padding: 0.5rem 0 0 0;}}
.about-banner .about-box .box1{width: 64.8%;}
@media (max-width: 500px){.about-banner .about-box .box1{width: 100%;}}
.about-banner .about-box .box1 .icon{width: 66px; height: 48px;}
.about-banner .about-box .box1 .icon img{width: 100%; height: 100%;}
.about-banner .about-box .box1 .title{font-size:2.6rem; color: #000; line-height: 0.5rem; margin-top: 0.2rem;  text-transform: capitalize;}
@media (max-width: 500px){.about-banner .about-box .box1 .title{color: #111;}}
.about-banner .about-box .box1 .txt{color: #FFFFFF; line-height:32px; height:138px; overflow-y: auto; margin-top: 0.55rem; padding-right: 0.3rem; /* 滚动条 */}
@media (max-width: 1600px){.about-banner .about-box .box1 .txt{line-height: 28px;}}
@media (max-width: 1440px){.about-banner .about-box .box1 .txt{line-height: 26px;}}
@media (max-width: 1366px){.about-banner .about-box .box1 .txt{line-height: 24px;}}
@media (max-width: 500px){.about-banner .about-box .box1 .txt{margin-top: 0.2rem; color: #333;}}
.about-banner .about-box .box1 .txt::-webkit-scrollbar{width: 3px;}
.about-banner .about-box .box1 .txt::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.08); border-radius: 2px;}
.about-banner .about-box .box1 .txt::-webkit-scrollbar-thumb{background: #009b4c; border-radius: 25px;}
.about-banner .about-box .box1 .txt::-webkit-scrollbar-corner{background: #fff;}
.about-banner .about-box .box2{width: 47%; background: rgba(217, 0, 18, 0.85); border-radius: 0.1rem; display: flex; flex-wrap: wrap; padding: 0.3rem 0.5rem;}
@media (max-width: 500px){.about-banner .about-box .box2{width: 100%; padding: 0.2rem 0.2rem; margin-top: 0.5rem;}}
.about-banner .about-box .box2 .item{width: 50%; color: #fff; padding: 0.5rem 0;}
.about-banner .about-box .box2 .item:last-child{display: flex; align-items: center; justify-content: center;}
@media (max-width: 500px){.about-banner .about-box .box2 .item{padding: 0.2rem 0;}}
.about-banner .about-box .box2 .item .num{font-size: 24px; display: flex; justify-content: center; font-weight: bold;}
.about-banner .about-box .box2 .item .num span{font-size: 0.62rem; line-height: 0.62rem; font-weight: initial;}
.about-banner .about-box .box2 .item .txt{text-align: center;}
.about-banner .about-box .box2 .item .icon{width: 0.66rem; height: 0.48rem; margin: auto; display: flex;}
.about{width: 100%;}
.about .abox3 .list .g-fzb p{ font-size:14px;}
.about .abox1{width: 100%; background: #f5f5f5; position: relative;}
@media (max-width: 500px){.about .abox1{padding-top: 1rem;}}
.about .abox1 .box{margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
@media (max-width: 1600px){.about .abox1 .box{width: 84%;}}
@media (max-width: 1280px){.about .abox1 .box{width: 90%;}}
.about .abox1 .box .item{width: 40%; background: #fff; border-radius: 0.1rem; display: flex; align-items: center; padding: 0.8rem 0.8rem 0.76rem 0.76rem; margin-top: -1.3rem;}
@media (max-width: 768px){.about .abox1 .box .item{padding:1rem; flex-wrap: wrap;}}
@media (max-width: 500px){.about .abox1 .box .item{margin-top: 0; width: 100%; margin-bottom: 0.3rem;} .about .abox1 .box .item:nth-child(2){margin-bottom: 0; margin-top:4%;}}
.about .abox1 .box .item .t1{flex-shrink: 0; font-size: 18px; font-weight: bold; color: #009b4c; line-height: 1;}
.about .abox1 .box .item .t1 img{width:3.7rem; display: block; margin-bottom: 1.2rem;}
.about .abox1 .box .item .t2{width:70%; margin-left:2%; font-size: 22px; color: #111111; line-height: 36px;}
@media (max-width: 1600px){.about .abox1 .box .item .t2{font-size: 20px; line-height: 34px;}}
@media (max-width: 1440px){.about .abox1 .box .item .t2{font-size: 18px; line-height: 32px;}}
@media (max-width: 1366px){.about .abox1 .box .item .t2{font-size: 16px; line-height: 30px;}}
@media (max-width: 768px){.about .abox1 .box .item .t2{margin-left:3%; margin-top: 0.3rem;}}
.about .abox2{width: 100%; background: #f5f5f5; padding: 1.2rem 0;}
.about .abox2 .box{ margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
@media (max-width: 1600px){.about .abox2 .box{width: 84%;}}
@media (max-width: 1280px){.about .abox2 .box{width: 90%;}}
.about .abox2 .box .left{width: 47%; padding-top: 35px; padding-left: 0.7rem; position: relative;}
@media (max-width: 500px){.about .abox2 .box .left{display: none;}}
.about .abox2 .box .left .line{width: 0.05rem; height: 100%; background: #DDDDDD; border-radius: 0.03rem; position: absolute; left: 0; top: 0;}
.about .abox2 .box .left .line span{height: 40%; background: #009b4c; border-radius: 3px; width: 100%; position: absolute; left: 0; top: 0; transition: all ease-in 0.5s;}
@media (max-width: 768px){.about .abox2 .box .left .line span{height: 45%;}}
.about .abox2 .box .left ul li{width: 100%; margin-bottom: 0.5rem; cursor: pointer;}
.about .abox2 .box .left ul li .t1{font-size: 0.28rem; line-height: 1;}
.about .abox2 .box .left ul li .t2{line-height:25px; color: #333; margin-top: 0.14rem; display: none;  height:121px; overflow-y: auto;}
.about .abox2 .box .left ul li.on .t1{color: #009b4c;}
.about .abox2 .box .left ul li.on .t2{display: block;}
.about .abox2 .box .img{width: 47%;}
@media (max-width: 500px){.about .abox2 .box .img{display: none;}}
.about .abox2 .box .img ul li{width: 100%; border-radius: 0.1rem; overflow: hidden; display: none;}
.about .abox2 .box .img ul li.on{display: block;}
.about .abox2 .box .img ul li img{width: 100%;}
.about .abox2 .box .mobile-list{width: 100%; display: none;}
@media (max-width: 500px){.about .abox2 .box .mobile-list{display: block;}}
.about .abox2 .box .mobile-list .swiper{width: 100%; height: 100%; overflow: hidden;}
.about .abox2 .box .mobile-list .swiper .swiper-slide{width: 100%; position: relative;}
.about .abox2 .box .mobile-list .swiper .swiper-slide .imgs{width: 100%; height: 4rem; border-radius: 0.1rem; overflow: hidden;}
.about .abox2 .box .mobile-list .swiper .swiper-slide .txt{width: 100%; /*position: absolute;*/ /*left: 0;*/ /*bottom: 0;*/ /*z-index: 2;*/ font-size: 0.28rem; color: #333; line-height: 0.38rem; margin-top: 0.2rem; /*background: rgba(0, 0, 0, 0.1);*/}
@media (max-width: 500px){.about .abox2 .box .mobile-list .swiper .swiper-slide .txt{font-size: 18px; line-height: 28px;}}
.about .abox2 .box .mobile-list .swiper .swiper-slide .t2{margin-top: 0.2rem; font-size: 14px; line-height: 24px; color: #666;}
.about .abox3{width: 100%; padding:8% 0;}
.about .abox3 .top .title{text-align: center; color: #161B27; font-size:2rem; line-height:30px;  text-transform: uppercase;}
.about .abox3 .top .title span{color: #009b4c;}
.about .abox3 .list{margin-top: 0.5rem;}
.about .abox1 .box .item .t2 p{ font-size:14px;}
.about .abox3 .list .g-about-fz-b{width: 100%; margin-bottom: 0.5rem; height: 100px; position: relative; z-index: 1;}
.about .abox3 .list .g-about-fz-b::after{content: ''; position: absolute; height: 1px; background: #E3E3E3; width: 100%; top: 50%; left: 0; z-index: -1;}
.about .abox3 .list .g-about-fz-b-box{padding: 0 1.3rem; height: 100%;}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b-box{padding: 0 5%;}}
.about .abox3 .list .g-about-fz-b-box .swiper-container{width: 100%; height: 100%; overflow: hidden;}
.about .abox3 .list .g-fzb{position: relative; cursor: pointer; height: 100%;}
.about .abox3 .list .g-fzb i{position: absolute; left: 50%; transform: translateX(-50%);}
.about .abox3 .list .g-fzb .i1{width:8px; height:8px; background: #E4E4E4; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media (max-width: 500px){.about .abox3 .list .g-fzb .i1{left: 0; transform: translate(0, -50%);}}
.about .abox3 .list .g-fzb .i2{width: 40px; height: 40px; border: 2px solid #ee7700; border-radius: 50%; opacity: 0;}
.about .abox3 .list .g-fzb p{color: #ccc; text-align: center; position: absolute; left: 53%; transform: translateX(-50%); top: calc(50% + 9px); font-weight: bold;}
@media (max-width: 500px){.about .abox3 .list .g-fzb p{left: 50%; transform: translateX(-75%); font-weight: initial;}}
.about .abox3 .list .g-about-fz-b .x-s-bot{display: flex;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{width: 60px; height: 60px; border-radius: 50%; position: absolute; cursor: pointer; background: #009b4c; transition: 0.5s all; margin-right: 20px; left: 0; top: 50%; transform: translateY(-50%); z-index: 100; border: 2px solid #009b4c;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{width: 50px; height: 50px;}}
@media (max-width: 767px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{width: 40px; height: 40px;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{display: none;}}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1:hover{background: #009b4c;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1:hover::before{background: url(../images/arrow8.png) no-repeat center; background-size: 100% 100%;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1::before{content: ""; width: 10px; height: 16px; background: url(../images/arrow8.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.5s all;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1::before{width: 10px; height: 14px;}}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{width: 60px; height: 60px; border-radius: 50%; position: absolute; cursor: pointer; background: #009b4c; transition: 0.5s all; right: 0; top: 50%; transform: translateY(-50%); z-index: 100; border: 2px solid #009b4c;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{width: 50px; height: 50px;}}
@media (max-width: 767px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{width: 40px; height: 40px;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{display: none;}}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1:hover{background-color: #009b4c;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1:hover::before{background: url(../images/arrow9.png) no-repeat center; background-size: 100% 100%;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1::before{content: ""; width: 10px; height: 16px; background: url(../images/arrow9.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.5s all;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1::before{width: 10px; height: 14px;}}
.about .abox3 .list .g-about-fz-b .x-s-bot{position: absolute; top: 50%; left: 50%; transform: translateX(-50%); z-index: 100;}
.about .abox3 .list .g-about-fz-b .swiper-slide{width: calc((100% - 7.76rem)/8) !important;}
@media (max-width: 768px){.about .abox3 .list .g-about-fz-b .swiper-slide{width: calc((100% - 7rem)/3) !important;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .swiper-slide{width: calc((100% - 7rem)/3) !important;}}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active{width:9rem !important;}
@media (max-width: 768px){.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active{width:9rem !important;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active{width:9rem !important;}}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb p{color: #009b4c; top: 50%; transform: translate(0, -50%); font-size: 0.9rem; padding: 0;}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb p{font-size:2.4rem; left: 11px; font-weight: bold;}}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb .i2{opacity: 1;}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb .i1{background: #009b4c;}
.about .abox3 .list .g-about-fz-box{background: #fff; padding: 0.82rem 0 0.9rem;}
.about .abox3 .list .g-about-fz-t{overflow: hidden;}
@media (max-width: 768px){.about .abox3 .list .g-about-fz-t{padding: 0;}}
.about .abox3 .list .g-fz{display: flex; justify-content: space-between;}
@media (max-width: 768px){.about .abox3 .list .g-fz{padding: 0 5%;}}
@media (max-width: 500px){.about .abox3 .list .g-fz{flex-wrap: wrap;}}
.about .abox3 .list .g-fz-l{width:100%; text-align:center;  display: flex; flex-direction: column; padding:0 0 0 0.7rem; /*align-items: flex-start; */line-height: 36px;}
@media (max-width: 1600px){.about .abox3 .list .g-fz-l{line-height: 34px;}}
@media (max-width: 1440px){.about .abox3 .list .g-fz-l{line-height: 32px;}}
@media (max-width: 1366px){.about .abox3 .list .g-fz-l{line-height: 30px;}}
@media (max-width: 1280px){.about .abox3 .list .g-fz-l{line-height: 28px;}}
@media (max-width: 1024px){.about .abox3 .list .g-fz-l{line-height: 26px;}}
@media (max-width: 768px){.about .abox3 .list .g-fz-l{padding: 0 0 0 0.3rem;}}
@media (max-width: 500px){.about .abox3 .list .g-fz-l{width: 100%; padding: 0; margin-top: 0.3rem;}}
.about .abox3 .list .g-fz-r{width: 50%; height: 4.5rem; border-radius: 0.1rem; overflow: hidden;}
@media (max-width: 768px){.about .abox3 .list .g-fz-r{height: 3.1rem;}}
@media (max-width: 500px){.about .abox3 .list .g-fz-r{width: 100%; height: 4rem;}}
.about .abox3 .list .g-fz-r img{width: 100%; height: 100%; object-fit: cover;}
.about .abox3 .list .g-fz-l p{color: #666; padding: 0 20px ; border-radius: 5px; transition: all 0.6s; font-size:13px;}
.about .abox3 .list .g-fz-l p span{width: 8px; height: 8px; border: 2px solid #009b4c; border-radius: 50%; opacity: 0; display: inline-block;}
.about .abox3 .list .g-fz-l p:hover{color: #111; font-size: 18px; font-weight: bold;}
.about .abox3 .list .g-fz-l p:hover span{opacity: 1;}
@media screen and (max-width: 1580px){.about .abox3 .list .g-fz-l p:hover{font-size: 16px;}}
.about .abox4{width: 100%; background: url() center center no-repeat; background-size: cover; padding: 1.17rem 0;}
.about .abox4 .top{width: 100%;}
.about .abox4 .top .title{font-size: 0.36rem; line-height: 0.4rem; color: #111; text-align: center;}
.about .abox4 .top .title span{color: #009b4c;}
.about .abox4 .top .txt{max-width: 860px; color: #666; line-height: 30px; margin: 0.2rem auto 0; text-align: center;}
@media (max-width: 1600px){.about .abox4 .top .txt{line-height: 28px;}}
@media (max-width: 1440px){.about .abox4 .top .txt{line-height: 26px;}}
@media (max-width: 1366px){.about .abox4 .top .txt{line-height: 24px;}}
.about .abox4 .list{width: 100%; margin-top: 0.45rem;}
.about .abox4 .list .swiper{width: 100%; overflow: hidden; height: 2.4rem;}
.about .abox4 .list .swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;}
.about .abox4 .list .swiper .swiper-slide{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); border-radius: 0.1rem; padding: 0 0.4rem; display: flex; justify-content: center; align-items: center; height: calc(100% / 2);}
.about .abox4 .list .swiper .swiper-slide img{max-width: 100%; max-height: 100%;}
.about .abox4 .list .swiper .swiper-slide:hover{background: #fff; -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */ filter: grayscale(0);}
@media (max-width: 500px){.about .abox4 .list .swiper .swiper-slide{padding: 0.2rem;}}
.about .abox4 .list .ckbox{width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 0.14rem; display: none;}
.about .abox4 .list .ckbox .prev{width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.about .abox4 .list .ckbox .prev img{width: 13px;}
.about .abox4 .list .ckbox .next{width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.about .abox4 .list .ckbox .next img{width: 13px;}

.whsl_t img{ width:96% !important; margin:auto;}


.whsl{position: relative;}
.whsl_tle{text-align: center;}
.whsl_tleh{font-size: 48px;}
.whsl_tleimg img{margin: 20px auto 0;}
.whsl_p{margin: 45px auto;width: 100%;/* text-align: center;*/font-size: 16px;color: #777777;line-height: 28px;}
.whsl_p p{margin-bottom: 5px;}
.whsl_p p:nth-child(even){margin-left: 2em;}
.whsl_t{display: flex;}
.whsl_t>div{width: 50%;}
.whsl_l{display: flex;flex-wrap: wrap;}
.whsl_l .whsl_la{position: relative;margin-right: 20px;width: calc(50% - 20px);overflow: hidden;margin-top: 20px;}
.whsl_l .whsl_la:nth-child(-n + 2){margin-top: 0;}
.whsl_la img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.whsl_la:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.whsl_ladw{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;background-color: rgba(0, 0, 0, .5);color: #fff;font-size: 16px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.whsl_la:hover .whsl_ladw{background-color: #009b4c;}
.whsl_r{position: relative;overflow: hidden;}
.whsl_r img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.whsl_r:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.whsl_rdw{position: absolute;bottom: 125px;right: 0;display: flex;height: 110px;background-color: rgba(0, 0, 0, .8);}
.whsl_rdwl{width: 270px;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.whsl_rdwlh{font-weight: 700;font-size: 24px;color: #fff;}
.whsl_rdwlp{font-size: 16px;color: #fff;opacity: .8;}
.whsl_rdwr{width: 100px;display: flex;align-items: center;justify-content: center;background-color: rgba(16, 110, 203, .8);}
.whsl_rdwr i{font-size: 45px;color: #fff;}
@media screen and (max-width: 1600px){/* 实力*/.whsl{margin-top: -20px;}
.whsl_tleh{font-size: 40px;}
.whsl_tleimg img{margin-top: 20px;}
.whsl_p{margin: 40px auto;width: 80%;font-size: 16px;line-height: 26px;}
.whsl_ladw{font-size: 16px;}
.whsl_rdw{bottom: 80px;}
.whsl_rdwlh{font-size: 26px;}
.whsl_rdwlp{font-size: 16px;}}@media screen and (max-width: 1400px){/* 实力*/.whsl_rdw{bottom: 60px;height: 100px;}
.whsl_tleh{font-size: 36px;}
.whsl_tleimg img{margin-top: 15px;}
.whsl_p{width: 85%;margin: 30px auto;}
.whsl_ladw{font-size: 14px;}
.whsl_rdwlh{font-size: 24px;}
.whsl_rdwlp{font-size: 14px;}}@media screen and (max-width: 1200px){/* 实力*/.whsl{margin-top: 0;}
.whsl_tleh{font-size: 32px;}
.whsl_tleimg img{margin-top: 12px;}
.whsl_p{font-size: 14px;line-height: 24px;}}@media screen and (max-width: 992px){/* 实力*/.whsl{margin: 0;}
.whsl_tleh{font-size: 30px;}
.whsl_tleimg img{margin-top: 10px;}
.whsl_p{margin: 25px auto;width: 90%;font-size: 13px;line-height: 23px;}
/* 优势*/.whsl_rdw{width: 100%;bottom: 0;}}@media screen and (max-width: 768px){/* 实力*/.whsl{margin-top: 50px;}
.whsl_tleh{font-size: 24px;}
.whsl_tleimg img{margin-top: 2px;max-width: 60%;}
.whsl_p{width: 100%;margin: 25px auto 20px;}
.whsl_t{flex-wrap: wrap;}
.whsl_t>div{width: 100%;}
.whsl_l .whsl_la{width: 49%;margin-right: 2%;margin-top: 10px;}
.whsl_l .whsl_la:nth-child(2n){margin-right: 0;}
.whsl_r{margin-top: 10px;}
.whsl_ladw{font-size: 12px;height: 40px;line-height: 40px;}
.whsl_rdwr i{font-size: 34px;}
.whsl_rdw{height: 80px;}
.whsl_rdwlh{font-size: 20px;}
.whsl_rdwlp{font-size: 12px;}}


.about .abox4 .top .title{text-align: center; color: #161B27; font-size:2rem; line-height:6rem;  text-transform: uppercase;}
.about .abox4 .top .title span{color: #009b4c;}


.about-banner .about-box .box1 .txt p { font-size: 1.2rem; line-height: 20px;}

.about-banner .about-box .box1 .icon img{width: 100%; height: 100%;}
.about-banner .about-box .box1 .title{font-size:1.4rem; line-height:28px; margin-top:1.3rem;}
.about-banner .about-box .box1 .title b{ font-size:1.4rem; line-height:30px; font-weight:normal;}