/* 生态标准规范 */
.article-banner{
    width: 100%;
    /* height: 60.2rem!important; */
}
.banner-desc{
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height: 100%; */
    padding: 18.1rem 0rem 0rem 23.4rem;
}
.specification-container .title .section-title {
 line-height: 4.8rem;
 font-size: 4.2rem;
}

.specification-container .title p{
    text-align: center;
    font-family: 'SourceHanSansCN-Medium';
    font-size: 2.2rem;
    line-height: 3.6rem;
    color: var(--text-color-4);
    margin-top: 4rem;
}
.specification-step{ 
    margin-top: 9rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}
.specification-step-item{
    width: 46.9rem;
    height: 59.9rem;
    border-radius: 2.4rem;
    background-color: var(--bg-color-1);
}
.specification-step-item:hover{
    cursor: pointer;
    box-shadow: 2px 7px 16px 0px #7878781A, 8px 29px 30px 0px #78787817, 17px 65px 40px 0px #7878780D, 31px 116px 48px 0px #78787803, 48px 181px 52px 0px #78787800;
}
.specification-step-item .top-img{
    width: 46.9rem;
    height: 28rem;
    position: relative;
}
.top-img .top-img-bg{
    width: 100%;
    height: 100%;
}
.top-img-icon{
    width: 5.8rem;
    height: 5.8rem;
    position: absolute;
    top: 3rem;
    left: 2.9rem;
}
.specification-step-item .specification-desc{
    padding: 0rem 1.3rem 1rem 2.3rem;
}
.specification-desc .step-name{
    margin-top: 5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.step-name h3{
    font-family: 'SourceHanSansCN-Bold';
    font-size: 2.4rem;
    color: #333333;
}
.step-name a img{
    width: 2.2rem;
}
.step-desc{
    font-family: 'SourceHanSansCN-Regular';
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 3.2rem;
    color: #626262;
}
.step-link{
    margin-top: 5.6rem;
}
.step-link a{
    display: inline-block;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-decoration: underline;
    text-underline-offset: 0.8rem;
    margin-right: 2.5rem;
    color: #0D67FF;
}

.module-container{
    background-color: var(--bg-color-1);
}
/* .section-title{
    font-size: 5rem!important;
} */
.module-content{
    margin-top: 9rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}
.module-content .module-item{
    width: 46.9rem;
    height: 21.23rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.module-content .module-item .icon-bg{
    width: 11.4rem;
    height: 11.4rem;
    background: url('../../images/eco/bg_module_icon.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.7rem;
}
.module-content .module-item .icon-bg img{
    width: 4.2rem;
    height: 4.2rem;
}
.module-content .module-item:first-child{
    background: url('../../images/eco/bg_module1.png') no-repeat;
    background-size: 100% 100%;
}
.module-content .module-item:nth-child(2){
    background: url('../../images/eco/bg_module2.png') no-repeat;
    background-size: 100% 100%;
}
.module-content .module-item:nth-child(3){
    background: url('../../images/eco/bg_module3.png') no-repeat;
    background-size: 100% 100%;
}

.module-content .module-item p{
    font-family: 'SourceHanSansCN-Regular';
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 1.6rem;
    color: var(--text-color-4);
}

/* 媒体查询 */
@media (max-width:768px) {
    .article-banner{
        height: 15rem!important;
    }
    .banner-img{
        height: 15rem!important;
    }
    .banner-desc{
        padding: 4rem 0rem 0rem 1rem!important;
    }
    .specification-container{
        padding: 2rem 0.5rem!important;
    }
    .specification-container .title .section-title {
        line-height: 1.5rem;
        font-size: 1rem;
    }
    .specification-container .title p{
        font-size: .55rem;
        line-height: 1rem;
        margin-top: 1rem;
    }
    .specification-step{ 
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0rem;
    }
    .specification-step-item{
        width: 100%;
        height: 20rem;
        border-radius: 0.9rem;
        margin-bottom: 1rem;
    }
    .specification-step-item .top-img{
        width: 100%;
        height: 10rem;
        position: relative;
    }
    .top-img-icon{
        width: 2.6rem;
        height: 2.6rem;
        position: absolute;
        top: 1.5rem;
        left: 1.5rem;
    }
    .specification-step-item .specification-desc{
        padding: 0rem 1.2rem;
    }
    .specification-desc .step-name{
        margin-top: 1rem;
    }
    .step-name h3{
        font-size: 0.8rem;
    }
    .step-name a img{
        width: 1rem;
    }
    .step-desc{
        font-size: 0.65rem;
        line-height: 1.2rem;
        margin-top: 1rem;
    }
    .step-link{
        margin-top: 0.5rem;
    }
    .step-link a{
        font-size: 0.65rem;
        line-height: 1.6rem;
        text-underline-offset: 0.2rem;
        margin-right: 1rem;
    }
    .module-content{
        margin-top: 2rem;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0rem;
    }
    .module-content .module-item{
        width: 100%;
        height: 9rem;
        margin-bottom: 1rem;
    }
    .module-content .module-item .icon-bg{
        width: 4rem;
        height: 4rem;
        margin-top: 1.5rem;
    }
    .module-content .module-item .icon-bg img{
        width: 1.5rem;
        height: 1.5rem;
    }
    .module-content .module-item p{
        font-size: 0.8rem;
        line-height: 1.6rem;
        margin-top: 0.8rem;
    }
    
}