﻿.sustainability .page-main{padding:50px 0 0}
.sustainability .modules1 .module-title,.modules3 .module-title{text-align:center}
.sustainability .modules1 .moduledev-l,.modules1 .moduledev-r,.modules3 .moduledev-l,.modules3 .moduledev-r{justify-content:center}
.sustainability .modules1 .moduledev-r,.modules3 .moduledev-r{margin-left:0}
.sustainability .modules1 .modules1-text{margin-top:25px}
.sustainability .modules1 .protype-des{color:#6a6f78;text-align:center}
.sustainability .modules1-image{text-align:center;margin-top:30px}
.sustainability .modules1-image img{max-width:1200px;width: 100%;}
.sustainability .modules1-arrow{text-align:center;margin-top:30px}
.sustainability .modules2{margin-top:50px}
.sustainability .mod2-item{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:125px}
.sustainability .mod2-item:nth-of-type(2n){flex-direction:row-reverse}
.sustainability .mod2-left .modSwiper2{padding-bottom:80px;margin-bottom:-80px}
.sustainability .mod2-left .modSwiper2 .swiper-pagination{bottom:0}
.sustainability .mod2-item::after{position:absolute;content:'';width:75%;height:100%;top:0;background:var(--color);opacity:.1;z-index:0}
.sustainability .mod2-item:nth-of-type(2n-1)::after{right:-16%}
.sustainability .mod2-item:nth-of-type(2n)::after{left:-16%}
.sustainability .mod2-left{width:48%;position:relative;padding:65px 0}
.sustainability .mod2-right{width:48%;position:relative;z-index:4}
.sustainability .mod2-text{margin-top:25px}
.sustainability .mod2-text p{color:#6a6f78;line-height:36px}
.sustainability .modSwiper2 .swiper-slide img{aspect-ratio:1.9/1;object-fit:cover;transition: all .3s ease-in-out;}
.sustainability .mod2-title{position:absolute;width:100%}
.sustainability .mod2-title p{font-size:20px;color:#262628;line-height:26px;text-align:center;margin-top:20px}
.sustainability .swiper-pagination-bullet{width:10px;height:10px;border-radius:0;background:var(--color)}
.sustainability .mod3-row{display:flex;justify-content:space-between}
.sustainability .mod3-col{width:32%;background:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);padding:60px 25px;text-align:center}
.sustainability .mod3-ic{width:100px;height:100px;background:#f43838;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 40px;transition: all .3s ease-in-out;}
.sustainability .mod3-ic em{font-size:36px;width:36px;line-height:1;color:#fff}
.sustainability .mod3-data p{font-weight:700;font-size:26px;color:#000002;line-height:1;margin-bottom:15px}
.sustainability .mod3-text p{color:#6a6f78;line-height:1.65}
.sustainability .mod3-tit{display:flex;align-items:center;margin-bottom:30px}
.sustainability .mod3-span{width:10px;height:10px;background:#f43837;margin-right:15px}
.sustainability .mod3-span p{font-size:20px;color:#000002;line-height:26px}
.sustainability .mod3-item{margin-bottom:60px}
.sustainability .modules3 .module-title{margin-bottom:30px}
.sustainability .modules4{padding:30px 0 80px;margin-top:20px;position:relative;z-index:2}
.sustainability .modules4::after{position:absolute;content:'';width:1920px;height:100%;background:#f9f9f9;top:0;left:-230px;z-index:-1}
.sustainability .modules4 .mod2-item::after{display:none}
.sustainability .modules4 .mod2-item{margin-bottom:0}
.sustainability .mod3-col:hover .mod3-ic{transform: rotateY(180deg);}
.sustainability .mod2-left .modSwiper2 .swiper-slide:hover img{transform: scale(1.02);}
@media (max-width:1640px) {.module-dev{margin-top: 15px;}
.sustainability .modules1 .modules1-text {margin-top: 15px;}
.sustainability .mod2-item{margin-bottom: 80px;}
.sustainability .mod2-left .modSwiper2 {padding-bottom: 65px;margin-bottom: -65px;}
.sustainability .mod2-title p{font-size: 18px;margin-top: 10px;}
.sustainability .mod2-text p{line-height: 1.62;}
.sustainability .mod3-col{padding: 40px 20px;}
.sustainability .mod3-ic{width: 80px;height: 80px;margin: 0 auto 25px;}
.sustainability .mod3-data p{font-size: 22px;margin-bottom: 10px;}
.sustainability .mod3-text p{font-size: 16px;}
.sustainability .mod3-tit{margin-bottom: 20px;}}
@media (max-width:1024px) {.sustainability .mod2-text{margin-top: 10px;}
.sustainability .mod2-item {margin-bottom: 45px;}
.sustainability .mod3-ic em{font-size: 28px;width: 28px;}
.sustainability .mod3-ic{width: 65px;height: 65px;}}
@media (max-width:768px) {.sustainability .page-main {padding: 20px 0 0;}
.module-dev {margin-top: 10px;}
.modules1-arrow img{max-width: 50px;}
.sustainability .mod2-item{flex-direction: column-reverse;}
.sustainability .mod2-item:nth-of-type(2n){flex-direction: column-reverse;}
.sustainability .mod2-left{width: 100%;padding: 30px 0 60px;}
.sustainability .mod2-right{width: 100%;}
.sustainability .mod2-item::after{display: none;}
.sustainability .mod2-item {margin-bottom: 20px;}
.sustainability .mod3-row{flex-wrap: wrap;}
.sustainability .mod3-col {padding: 25px 20px;width: 49%;margin-bottom: 2%;}
.sustainability .mod3-item {margin-bottom: 25px;}}
@media (max-width:550px) {.sustainability .mod3-ic {width: 55px;height: 55px;margin: 0 auto 15px;}
.sustainability .mod3-ic em{font-size: 22px;width: 22px;}
.sustainability .mod3-col{width: 100%;}}
.about-banner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;text-align: center;}
.about-banner .module-title h5{color: #fff;}
.about-banner .moduledev-l,.about-banner .moduledev-r{justify-content: center;}
.about-banner .moduledev-r{margin-left: 0;}
.about-banner .protype-des{margin-top: 25px;}