.about{position:relative;z-index:2;padding-top:72px}
.about .box1{margin-top:49px;padding-bottom:75px}
.about .box1 .box-t{display:flex;justify-content:space-between}
.about .box1 .box-t .r{font-size:16px;font-family:Poppins;font-weight:400;color:#333;line-height:28px;width:65%}
.about .box1 .box-t .r .text-box p{margin-bottom:15px}
.about .box1 .box-b{margin-top:74px}
.about .box1 .box-b .list{display:flex;justify-content:space-between;padding: 0 8%;}
.about .box1 .box-b li{display:flex;align-items:center;flex-wrap: wrap;justify-content: center;}
.about .box1 .box-b .li-l img{display:block;transition:all .6s}
.about .box1 .box-b .li-r{margin-left:19px}
.about .box1 .box-b .li-r .number{font-size:20px;font-family:Century Gothic;font-weight:700;color:#b8b8b8;line-height:1;display:flex;align-items:flex-start}
.about .box1 .box-b .li-r .counter{font-size:36px;font-family:Impact;font-weight:400;color:#333;line-height:1;margin-right:10px}
.about .box1 .box-b .li-r .text{font-size:16px;font-family:Poppins;font-weight:400;color:#888;margin-top:5px}
.about .box2{position:relative;background-color:#4f9d57}
.about .box2 .l{width:42.77%;padding:117px 0 125px}
.about .box2 .l .text-title{font-size:28px;font-family:Poppins;font-weight:400;color:#fff;text-transform:uppercase;}
.about .box2 .l .text-des{font-size:18px;font-family:Poppins;font-weight:400;color:#fff;line-height:26px;margin-top:30px}
.about .box2 .l .text-des p:not(:last-child){margin-bottom:25px}
.about .box2 .r{position:absolute;top:0;right:0;width:50%;height:100%}
.about .box2 .r .pic{height:100%}
.about .box2 .r img{width:100%;height:100%;object-fit:cover}
.about .box3{padding:79px 0;background-color:#f8f8f8}
.about .box3 .box-c{display:flex;justify-content:space-between}
.about .box3 .l{width:85.13%}
.about .box3 .l .text-box{font-size:18px;font-family:Poppins;font-weight:400;color:#333;line-height:26px;margin-top:40px}
.about .box3 .l .text-box .dot{padding:0 7px 0 3px}
.about .box3 .l .img{margin:20px 0 0}
.about .box3 .l .img img{display:block;max-width:100%}
.about .box3 .r{flex:1;display:flex;flex-direction:column;align-items:flex-end}
.about .box3 .r .dateTime-box{position:relative;height:395px;padding-right:17px;width:100%}
.about .box3 .r .dateTime-box:before{position:absolute;content:"";right:24px;top:0;height:100%;border-right:1px dashed #aaa}
.about .box3 .r .dateTime-box .swiper{height:100%;width:100%}
.about .box3 .r .dateTime-box .swiper-slide{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}
.about .box3 .r .dateTime-box .date{font-size:20px;font-family:Poppins;font-weight:600;color:#a8a8a8;line-height:1}
.about .box3 .r .dateTime-box .swiper-slide-thumb-active .date{transform:scale(2);transform-origin:right center;color:#4f9d57}
.about .box3 .r .dateTime-box .swiper-slide-thumb-active .dot{background-color:#4f9d57}
.about .box3 .r .btn{width:48px;height:48px;border:1px dashed #535353;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7c7c7c;cursor:pointer}
.about .box3 .r .btn .iconfont{font-size:24px;transform:rotate(90deg)}
.about .box3 .r .btn:hover{border-color:#4f9d57;color:#4f9d57}
.about .box3 .r .dot{width:15px;height:15px;background:#fff;border:3px solid #4f9d57;border-radius:50%;margin-left:17px}
.about .box5{margin: 80px 0;}
.about .box5 .box-c{margin-top:30px}
.about .box5 .box-c .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.about .box5 .box-c .list i,.about .box5 .box-c .list li{width:23.64%}
.about .box5 .box-c .text-title{font-size:20px;font-family:Poppins;font-weight:500;color:#333;line-height:1;margin-top:29px}
.about .box5 .box-c .text-des{font-size:16px;font-family:Poppins;font-weight:400;color:#333;line-height:24px;margin-top:15px}
.about .box6{margin-top:72px;padding:80px 0;background-image:url(../img/about-box6-bg.jpg);background-size:cover}
.about .box6 .box-c{margin-top:40px}
.about .box6 .box-c img{display:block;max-width:100%;margin:0 auto}
.about .box7{padding:80px 0}
.about .box7 .box-c{margin-top:30px}
.about .box7 .box-c ul{display:flex;justify-content:space-between}
.about .box7 .box-c li{background-color:#f5f7f9;padding:50px 40px 69px;text-align:center}
.about .box7 .box-c i,.about .box7 .box-c li{width:23.31%}
.about .box7 .box-c li .icon{width:90px;height:90px;background:#ebeff3;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center}
.about .box7 .box-c li .icon img{transition:all .6s;max-width:100%;max-height:100%}
.about .box7 .box-c li:hover .icon img{transform:rotateY(180deg)}
.about .box7 .box-c li .text-title{font-size:20px;font-family:Poppins;font-weight:700;color:#000;line-height:26px;margin-top:27px}
.about .box7 .box-c li:hover .text-title{color:#4f9d57}
.about .box7 .box-c li .text-des{font-size:16px;font-family:Poppins;font-weight:400;color:#333;line-height:26px;margin-top:15px}
.quality-assurance{position:relative;padding:70px 0 0;z-index:1}
.quality-assurance .box1{margin-top:30px}
.quality-assurance .box1 .box-c{margin-top:28px}
.quality-assurance .box1 .box-c .text-title{font-size:22px;font-family:Poppins;font-weight:500;color:#4f9d57;line-height:36px}
.quality-assurance .box1 .box-c .text-des{font-size:16px;font-family:Poppins;font-weight:400;color:#666;line-height:28px}
.quality-assurance .box1 .box-c .text-box{font-size:16px;font-family:Poppins;font-weight:400;color:#666;line-height:28px}
.quality-assurance .box1 .box-c .text-box:not(:last-child){margin-bottom:15px}
.quality-assurance .box1 .box-c .text-box .btn{display:table;padding:7px 29px;background:#4f9d57;border-radius:5px;font-size:16px;font-family:Poppins;font-weight:400;color:#fff;line-height:28px;margin-top:20px}
.quality-assurance .box1 .box-c .text-box .email{color:#4f9d57;font-weight:700}
.quality-assurance .box1 .box-c .text-box .text{font-size:16px;font-family:Poppins;font-weight:400;line-height:28px;color:#666;margin-top:15px}
.quality-assurance .box1 .box-c .text-box .text span{color:#4f9d57}
.quality-assurance .box1 .box-c .text-box1{margin-top:26px}
@media (max-width:1440px){.about .box7 .box-c li{padding:30px 15px}
.about .box7 .box-c li .icon{height:70px;width:70px}
.about .box7 .box-c li .icon img{height:38px}
.about .box4 .box-c li{padding:40px 20px}
}
@media (max-width:1199px){.about .box3 .l{width:82%}
.about .box1 .box-b .li-r .text{font-size:14px}
}
@media (max-width:1024px){.about .box1 .box-t{flex-direction:column}
.about{padding-top:30px}
.about .box1{margin-top:30px;padding-bottom:20px}
.about .box1 .box-t .r{width:100%;margin-top:10px}
.about .box1 .box-t .r .text-box p{margin-bottom:10px}
.about .box1 .box-b{margin-top:20px}
.about .box1 .box-b .list{flex-wrap:wrap;justify-content:flex-start;padding: 0;}
.about .box1 .box-b li{margin-bottom:20px}
.about .box2{padding-bottom:40px}
.about .box2 .l{width:100%;padding:40px 0 40px}
.about .box2 .r{position:relative;width:100%}
.about .box1 .box-b .li-r .counter{font-size:30px}
.about .box2 .l .text-des{margin-top:15px}
.about .box2 .l .text-des p:not(:last-child){margin-bottom:10px}
.about .box3 .r .dateTime-box .swiper-slide-thumb-active .date{transform:scale(1.5)}
.about .box3 .r .dateTime-box{height:330px}
.about .box3{padding:50px 0}
.quality-assurance{padding-top:30px}
.quality-assurance .box1{margin-top:20px}
.quality-assurance .box1 .box-c{margin-top:8px}
.quality-assurance .box1 .box-c .text-box:not(:last-child){margin-bottom:5px}
.quality-assurance .box1 .box-c .text-box1{margin-top:16px}
.quality-assurance .box1 .box-c .text-box .text{margin-top:0}
}
@media (max-width:768px){
.about .box1 .box-b li{width: 50%;border: 1px solid rgb(0 0 0 / 40%);padding: 15px 5px;}
.about .box1 .box-b .li-r .counter{font-size:26px}
.about .box1 .box-b .li-l{height:35px;width:100%;display: flex;justify-content: center;margin-bottom: 10px;}
.about .box1 .box-b .li-r{width: 100%;margin-left:0px;text-align: center;}
.about .box1 .box-b .li-r .number{font-size: 16px;display:block;}
.about .box1 .box-b .li-l img{max-width:100%;max-height:100%}
.about .box2 .l .text-title{font-size: 26px;}
.about .box3 .r .dateTime-box .swiper-slide-thumb-active .date{transform:scale(1)}
.about .box3 .r .dateTime-box{height:260px}
.about .box3 .r .btn{width:36px;height:36px}
.about .box3 .r .dateTime-box{padding-right:11px}
.about .box3 .r .dateTime-box:before{right:18px}
.about .box3 .r{flex:none;width:100px}
.about .box3 .l{width:78%}
.about .box3 .r .dot{margin-left:12px}
.about .box5 .box-c .list i,.about .box5 .box-c .list li,.about .box7 .box-c i,.about .box7 .box-c li{width:48%}
.about .box7 .box-c ul{flex-wrap:wrap}
.about .box5 .box-c .text-title{margin-top:15px}
.about .box5 .box-c .list li,.about .box7 .box-c li{margin-bottom:25px}
.about .box5 .box-c .text-des{margin-top:10px}
.about .box7{padding:60px 0}
.about .box6 .box-c{margin-top:30px}
.about .box6{padding:60px 0;margin-top:40px}
.quality-assurance .box1 .box-c .text-title{font-size:18px;line-height:1.5}
.quality-assurance .box1 .box-c .text-box .btn{padding:7px 15px}
}
@media (max-width:500px){.about .box3 .l .text-box{margin-top:10px}
.about .box3 .r .dateTime-box .date{font-size:16px}
.about .box3 .r .dateTime-box{height:210px}
.about .box3 .l .text-box{font-size:16px;line-height:1.5}
.about .box3{padding:35px 0}
.about .box5,.about .box5 .box-c{margin-top:20px}
.about .box5 .box-c .list i,.about .box5 .box-c .list li,.about .box7 .box-c i,.about .box7 .box-c li{width:100%}
.about .box5 .box-c .text-des{margin-top:5px}
.about .box6{margin-top:10px;padding:30px 0}
.about .box6 .box-c{margin-top:20px}
.about .box7{padding:40px 0 20px}
.about .box7 .box-c{margin-top:20px}
.about .box7 .box-c li .text-title{margin-top:15px}
.about .box7 .box-c li .text-des{margin-top:5px}
}