/* envi_top_inner */
.envi_top_inner .web_th{width: 52%;}
.envi_top_inner .web_th .title{text-transform: uppercase;}
.envi_top_inner .web_th .brief{color: #777; line-height: 28px; margin-top: 20px;}
.envi_top_inner .right_item{width: 44%;}
.envi_top_inner .right_item .pic{padding-bottom: 65%; border-radius: 12px;}
@media only screen and (max-width: 980px) {
    .envi_top_inner{flex-direction: column;}
    .envi_top_inner .web_th{width: 100%;}
    .envi_top_inner .web_th .brief{margin-top: 12px;}
    .envi_top_inner .right_item{width: 100%; margin-top: 20px;}
}

/* envi_goal */
.goal_list{margin-top: 2.4%;}
.goal_list .goal_item{width: 31%; margin-right: 3.5%;}
.goal_list .goal_item:nth-child(3n){margin-right: 0;}
.goal_list .goal_item:nth-child(n+4){margin-top: 3%;}
.goal_list .goal_item .th{padding-bottom: 20px; background: url(../img/bg_th2.png) no-repeat left bottom; margin-bottom: 10px;}
.goal_list .goal_item .th .txt{display: block; max-width: 360px; text-align: center; padding: 20px 10px; line-height: 28px; background: var(--commonColor); border-radius: 9px 9px 9px 0; font-size: 18px; font-weight: bold; color: #fff;}
.goal_list .goal_item .title{font-weight: bold; line-height: 28px;}
.goal_list .goal_item .title:nth-child(n+2){margin-top: 5px;}
.goal_list .goal_item .brief{color: #666; line-height: 28px;}
@media only screen and (max-width: 1450px) {
    .goal_list .goal_item .th{padding-bottom: 16px; background-size: auto 16px;}
    .goal_list .goal_item .th .txt{font-size: 17px; padding: 15px 10px;}
}
@media only screen and (max-width: 980px) {
    .goal_list{margin-top: 20px; flex-direction: column;}
    .goal_list .goal_item{width: 100%; margin-right: 0;}
    .goal_list .goal_item:nth-child(n+2){margin-top: 20px;}
}

/* envi_recycle */
.envi_recycle{background: #FAFAFA;}
.envi_recycle .web_th{width: 44%;}
.envi_recycle .web_th .desc{margin-top: 5%; line-height: 28px; color: #666;}
.envi_recycle .web_th .desc .th{font-weight: bold; color: #333; margin-bottom: 5px;}
.envi_recycle .right_item{width: 50%;}
.recycle_item{text-align: center; width: 50%; padding: 0 10px;}
.recycle_item:first-child{width: 100%;}
.recycle_item:nth-child(n+2){margin-top: 8%;}
.recycle_item .icon{width: 96px; height: 96px; background: var(--commonColor); border-radius: 50%; padding: 20px; margin: 0 auto;}
.recycle_item .icon img{display: block; height: 100%; width: auto; margin: 0 auto;}
.recycle_item .num{font-family: 'Archivo Black-Regular'; font-size: 32px; color: var(--commonColor); margin: 12px 0 10px; line-height: 30px;}
.recycle_item .brief{font-family: 'Archivo Black-Regular'; font-size: 24px; line-height: 28px;}
.recycle_item:hover .icon{animation: bounceInA 0.5s;}
@media only screen and (max-width: 1450px) {
    .recycle_item .icon{width: 86px; height: 86px;}
    .recycle_item .num{font-size: 30px;}
    .recycle_item .brief{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
    .envi_recycle .right_item{zoom: 0.88;}
}
@media only screen and (max-width: 980px) {
    .envi_recycle .layout{flex-direction: column;}
    .envi_recycle .web_th{width: 100%;}
    .envi_recycle .web_th .desc{margin-top: 20px;}
    .envi_recycle .right_item{width: 100%; margin-top: 20px;}
    .envi_recycle .right_item{zoom: 1;}
    .recycle_item{width: 100%;}
    .recycle_item:nth-child(n+2){margin-top: 20px;}
    .recycle_item .icon{width: 66px; height: 66px; padding: 14px;}
    .recycle_item .num{font-size: 24px;}
    .recycle_item .brief{font-size: 20px;}
}

/* envi_moudle */
.envi_moudle{background: var(--commonColor); color: #fff;}
.envi_moudle .moudle_left{width: 44%;}
.envi_moudle .moudle_left .pic{padding-bottom: 70%;}
.envi_moudle .web_th{width: 45%; margin-right: 5%;}
.envi_moudle .web_th .title, .envi_moudle .web_th .brief{color: #fff;}
.envi_moudle .web_th .brief{margin-top: 25px; line-height: 30px;}
.envi_moudle .web_th .brief *{color: inherit !important;}
.envi_moudle .moudle_div{margin-top: 26px; background: #B51226; padding: 20px 20px 30px; text-align: center;}
.envi_moudle .moudle_div .num{font-weight: bold; font-size: 48px;}
.envi_moudle .moudle_div .title{font-weight: bold; font-size: 24px; line-height: 1.5;}

@media only screen and (max-width: 1450px) {
    .envi_moudle .web_th .brief{margin-top: 20px; line-height: 28px;}
    .envi_moudle .moudle_div .num{font-size: 40px;}
    .envi_moudle .moudle_div .title{font-size: 22px;}
    .envi_moudle .web_th{width: 48%; margin-right: 2%;}
}
@media only screen and (max-width: 1300px) {
    .envi_moudle .web_th .brief{margin-top: 15px; line-height: 28px;}
    .envi_moudle .moudle_div .num{font-size: 36px;}
    .envi_moudle .moudle_div .title{font-size: 20px;}
    .envi_moudle .web_th{width: 50%; margin-right: 0;}
    .envi_moudle .moudle_div{margin-top: 20px;}
}
@media only screen and (max-width: 980px) {
    .envi_moudle .layout{flex-direction: column;}
    .envi_moudle .moudle_left{width: 100%;}
    .envi_moudle .web_th{width: 100%; margin-top: 20px;}
    .envi_moudle .moudle_div .num{font-size: 32px;}
    .envi_moudle .moudle_div .title{font-size: 18px;}
    .envi_moudle .web_th .brief{margin-top: 10px;}
}

/* envi_category */
.envi_cate_list{margin-top: 2.4%;}
.envi_cate_list .cate_item{width: 25%; padding: 0 20px; text-align: center;}
.envi_cate_list .cate_item:nth-child(5){margin-left: 12.5%;}
.envi_cate_list .cate_item:nth-child(n+5){margin-top: 3%;}
.envi_cate_list .cate_item img{display: block; height: 96px; width: auto; margin: 0 auto;}
.envi_cate_list .cate_item .title{font-weight: bold; line-height: 28px; margin: 8px 0 4px;}
.envi_cate_list .cate_item .brief{color: #666; line-height: 26px;}
.envi_cate_list .cate_item:hover img{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
    .envi_cate_list .cate_item{padding: 0 8px;}
    .envi_cate_list .cate_item img{height: 86px;}
}
@media only screen and (max-width: 980px) {
    .envi_cate_list{margin-top: 20px;}
    .envi_cate_list .cate_item{padding: 0 8px; width: 50%;}
    .envi_cate_list .cate_item:nth-child(n+3){margin-top: 20px;}
    .envi_cate_list .cate_item:nth-child(5){margin-left: 0;}
    .envi_cate_list .cate_item:nth-child(7){margin-left: 25%;}
    .envi_cate_list .cate_item img{height: 76px;}
}