.c_banner_txt .th{text-transform: capitalize;}

/* envi_promise */
.envi_promise{overflow: hidden; margin-top: 3.5%;}

.promise_inner{margin-top: 3%; background: url(../img/bg_v.png) no-repeat center; background-size: 100% 100%; padding: 6% 3% 7%;}
.promise_ul{justify-content: space-around;}
.promise_ul .promise_item{width: 32%; text-align: center;}
.promise_ul .promise_item .pic{width: 48%; padding-bottom: 48%; margin: 0 auto;}
.promise_ul .promise_item .title{font-family: 'Fredoka One-Regular'; font-size: 24px; color: #fff; line-height: 1.4; margin-top: 10px;}
.promise_ul .promise_item:hover .pic img{animation: flipInY 0.5s;}

@media only screen and (max-width: 1450px) {
    .promise_ul .promise_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
    .promise_inner{zoom: 0.85;}
}
@media only screen and (max-width: 980px) {
    .promise_inner{zoom: 1; background: var(--commonColor); margin-top: 15px; padding: 26px 15px; border-radius: 12px;}
    .promise_ul{flex-direction: column;}
    .promise_ul .promise_item{width: 100%;}
    .promise_ul .promise_item:nth-child(n+2){margin-top: 24px;}
    .promise_ul .promise_item .pic{width: 120px; padding-bottom: 0; height: 120px;}
    .promise_ul .promise_item .title{margin-top: 8px; font-size: 20px;}
}


/* envi_service */
.envi_service{overflow: hidden;}

.serv_ul{margin-top: 3%;}
.serv_ul .serv_item{width: 24%; text-align: center;}
.serv_ul .serv_item .pic{width: 42%; padding-bottom: 42%; margin: 0 auto;}
.serv_ul .serv_item .title{font-family: 'Fredoka One-Regular'; font-size: 20px; line-height: 1.4; margin: 20px 0 10px;}
.serv_ul .serv_item .brief{color: #666; line-height: 28px;}
.serv_ul .serv_item:hover .pic img{animation: bounceInA 0.5s;}

@media only screen and (max-width: 1450px) {
    .serv_ul .serv_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
    .serv_ul{zoom: 0.85;}
}
@media only screen and (max-width: 980px) {
    .serv_ul{zoom: 1;}
    .serv_ul .serv_item{width: 100%;}
    .serv_ul .serv_item:nth-child(n+2){margin-top: 20px;}
    .serv_ul .serv_item .title{margin: 16px 0 6px; font-size: 20px;}
    .serv_ul .serv_item .pic{width: 100px; padding-bottom: 0; height: 100px;}
}

/* envi_module */
.module_inner{position: relative;}
.module_inner:nth-child(n+2){margin-top: 3%;}
.module_inner .module_left{width: 27.5%; background: #FAF9F5; border-radius: 12px; padding: 20px; display: flex; justify-content: center; align-items: center;}
.module_inner .module_right{width: calc(72.5% - 16px);}

.module_right .module_item{background: #FAF9F5; padding: 20px; border-radius: 12px;}
.module_right .module_item .pic{padding-bottom: 83%; border-radius: 10px;}
.module_right .swiper-slide{width: calc((100% - 32px) / 2.5); margin-right: 16px;}

.envi_module_info{text-align: center; padding: 10px 10px;}
.envi_module_info .title{font-family: 'Fredoka One-Regular'; font-size: 24px; line-height: 1.4; margin: 8px 0 8px;}
.envi_module_info .brief{color: #666; line-height: 28px;}

.module_inner .common-prev{left: 0; background: url(../img/icon_left_w.png) no-repeat center; background-size: 24px auto; background-color: var(--commonColor);}
.module_inner .common-next{right: 12.4%; background: url(../img/icon_right_w.png) no-repeat center; background-size: 24px auto; background-color: var(--commonColor);}
.module_inner .common-prev::before,
.module_inner .common-next::before{display: none;}
.module_inner .common-prev:hover, .module_inner .common-next:hover{background-color: var(--otherColor);}

@media only screen and (max-width: 1450px) {
    .envi_module_info .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
    .module_inner{zoom: 0.85;}
    .module_inner .module_left{width: 34%;}
    .module_inner .module_right{width: calc(66% - 16px);}
    .module_right .swiper-slide{width: calc((100% - 16px) / 1.8); margin-right: 16px;}
    .envi_module_info{padding: 10px 0;}
}
@media only screen and (max-width: 980px) {
    .module_inner{zoom: 1; flex-direction: column;}
    .module_inner:nth-child(n+2){margin-top: 25px;}
    .module_inner .module_left{width: 100%; padding: 16px;}
    .module_inner .module_right{width: 100%; margin-top: 12px; position: relative;}
    .envi_module_info{padding: 0;}
    .module_right .module_item{padding: 16px;}
    .module_right .envi_module_info .title{margin-top: 16px;}
    .module_inner .common-prev{display: block !important;}
    .module_inner .common-next{display: block !important; right: 0;}
}