.pubModule2 i{
    position: absolute;
    bottom: 0.24rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../images/development4.png)no-repeat center center;
    background-size: 100% 100%;
    z-index: 2;
    /* 调用动画 */
	animation-name: arrowMove;
    animation: arrowMove 2.5s linear infinite;
}
@keyframes arrowMove {
	0%{
		margin-bottom: 0rem;
	}
	50%{
		margin-bottom: 0.2rem;
	}
    100%{
		margin-bottom: 0rem;
	}
}


/* ESG报告 下载 */
.downBox{
    max-width: 2rem;
    margin: 0.4rem auto 0rem auto;
    text-align: center;
}
.downTxt{
    display: inline-block;
    border: 0.01rem solid #fff;
    line-height: 0.5rem;
    width: 100%;
    cursor: pointer;
}
.downList{
    display: none;
    background: #fff;
}
.downList a{
    display: block;
    line-height: 0.4rem;
    color: #666;
}
.downList li:hover{
    background: #f6f6f6;
}
.downBox:hover .downList{
    display: block;
}


/* 环保 */
.environment .top{
    border-bottom: 0.01rem solid #EFEFEF;
}
.environment .top>div{
    position: relative;
}
.environment .top ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.environment .top li{
    line-height: 0.6rem;
    cursor: pointer;
    color: #999;
    margin: 0rem 0.5rem;
}
.environment .top .on,
.environment .top li:hover{
    color: #000;
}
.environment .top h3{
    position: absolute;
    left: 0rem;
    top: 0rem;
    color: #999;
    line-height: 0.6rem;
    font-family: "Montserrat-Bold";
}
.environment .btm{
    padding: 0.6rem 0rem;
}
.environmentSwiper{
    width: 100%;
    height: 6.4rem;
    color: #fff;
}
.environmentSwiper img{
    position: absolute;
    top: 0rem;
    left: 0rem;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.environmentSwiper .txt{
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 1.6rem;
}
.environmentSwiper h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.3rem;
}


/* esg */
.esg{
    height: 9rem;
    position: relative;
}
.esg img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.esg .txt{
    position: absolute;
    top: 1.1rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #000;
    max-width: 8rem;
    z-index: 2;
}
.esg h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.24rem;
    text-transform: uppercase;
}


@media (max-width: 800px){
    .downBox{
        max-width: 3.2rem;
    }
    .downTxt{
        line-height: 1rem;
    }
    .downList a{
        line-height: 0.8rem;
    }
    
    .pubModule2 i{
        width: 0.4rem;
        height: 0.4rem;
    }
    .environment .btm{
        padding: 0.5rem 4%;
    }
    .environment .top ul{
        justify-content: flex-start;
        padding: 0rem 4%;
        width: 100%;
        overflow-x: auto;
        flex: 0 0 auto;
    }
    .environment .top li{
        line-height: 1rem;
        flex: 0 0 auto;
        margin: 0rem 0.7rem 0rem 0rem!important;
    }
    .environment .top li:last-of-type{
        margin-right: 0rem!important;
    }
    .environment .top h3{
        text-align: center;
        position: relative;
        left: unset;
        top: unset;
        padding-top: 0.2rem;
    }
    .environmentSwiper{
        height: 10rem;
        border-radius: 0.1rem;
    }
    .environmentSwiper .txt{
        padding: 1.5rem 4%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: left;
    }
    .environmentSwiper h3{
        font-size: 0.38rem;
        margin-bottom: 0.6rem;
    }
    .environmentSwiper .txt>div{
        line-height: 1.6;
        font-size: 0.3rem;
    }
    .esg{
        height: 11rem;
    }
    .esg .txt{
        width: 100%;
        padding: 0rem 4%;
    }
    .esg h3{
        margin-bottom: 0.5rem;
    }
}