.establish-box{
    height: 3.854rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7F5F1;
}
.establish-box .establish-text{
    width: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.index-title{
   font-size:0.24rem ;
   color: #836448;
   font-weight: 500;
   border-bottom: 0.021rem solid #75A78E;
   display: inline;
   margin-top: 0;
}

.establish-box .establish-text .desc{
     font-size:0.083rem ;
     color: #3D3D3D;
     opacity: 0.8;
}

.establish-box .establish-text .establish-list{
    width: 100%;
   display: flex;
   flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: 0.228rem 0;
}
.establish-box .establish-text .establish-list .item{
    width: 1.979rem;
    height: 1.458rem;
    position: relative;
    cursor: pointer;

}
.establish-box .establish-text .establish-list .item img{
    width: 1.979rem;
    height: 1.458rem;
}

.establish-box .establish-text .establish-list .item .title{
    height: 0.3125rem;
    text-align: center;
    background: #836448;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.establish-box .establish-text .establish-list .item .title h2{
    text-align: center;
    font-size: 0.125rem;
    color: #FFFFFF;
    line-height: 0.125rem;
}


.establish-box .establish-text .establish-list .item .content h2{
    text-align: center;
    font-weight: 400;
}
.establish-box .establish-text .establish-list .item .content{
    opacity: 0;
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 0.083rem;
    width: 1.979rem;
    height: 0;
    background: rgba(131, 100, 72, 0.9);
    color: #FFFFFF;
    padding: 0.104rem;
    overflow: hidden;
    visibility: hidden;
    transition: height 0.8s ease;
}

.establish-box .establish-text .establish-list .item:hover .content {
    opacity: 1; 
    visibility: visible; 
    height: 1.458rem;

}

.establish-box .establish-text .establish-list .item:hover .title{
    opacity: 0;
}


.introduction-box{
    height: 3.854rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EFEBE3;
}
.introduction-box .introduction-text{
    width: 6.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.introduction-box .introduction-text .text{
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0.276rem;
    width: 100%
}

.introduction-box .introduction-text .img{
    width: 3.125rem;
}
.introduction-box .introduction-text img{
    width: 100%;
}



.introduction-box .introduction-text .text .content p{
    font-size: 0.083rem;
    line-height: 0.125rem;
    color: #3D3D3D;
    opacity: 0.8;
}


.purpose-box{
    height: 4.583rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #EFEBE3;
    font-size: 0.083rem;
}
.purpose-box .purpose-text{
    width: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.purpose-box .purpose-text .content{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.purpose-box .purpose-text .content .left{

}
.title{
    position: relative;
}
.title h4{
    font-size: 0.15625rem;
    font-weight: 500;
    color: #252525;
}
.title .line{
    position: absolute;
    bottom: -0.0417rem;
    background: #75A78E;
    width: 0.2083rem;
    height: 0.01042rem;
}

.purpose-box .purpose-text .content .left .list{
    display: flex;
    flex-direction: column;

}

.purpose-box .purpose-text .content .left .list .item{
    width: 1.9375rem;
    border-bottom: 0.0052rem solid #D7D4B9;
    padding: 0.208rem 0;
}
.purpose-box .purpose-text .content .left .list .item:last-child{
    border-bottom: none;
}
.purpose-box .purpose-text .content .left .list .item img{
    width: 0.2292rem;
    height: 0.2292rem;
    border-radius: 100%;
}
.purpose-box .purpose-text .content .left .list .item p{
    font-size: 0.083rem;
    line-height: 0.083rem;
    color: #3D3D3D;
    opacity: 0.8;
}

.purpose-box .purpose-text .content .right .item{
    width: 3.125rem;
    padding: 0.177rem;
    background: #fff;
    margin-bottom: 0.052rem;
    cursor: pointer;
}
.purpose-box .purpose-text .content .right .item:first-child{
    background: #E7E5D5;
}


.purpose-box .purpose-text .content .right .item:hover{
    background: #E7E5D5;
}

.purpose-box .purpose-text .content .right .item h5 {
    font-size: 0.125rem;
    font-weight: 500;
    line-height: 0.125rem;
    color: #3D3D3D;
    opacity: 0.9;
    margin: 0;
}

.purpose-box .purpose-text .content .right .item p{
    font-size: 0.083rem;
    line-height: 0.083rem;
    color: #525251;
    margin: 0;
    margin-top: 0.0625rem;
}


.advantage-box{
    height: 5.1042rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #EFEBE3;
    font-size: 0.083rem;
}
.advantage-box .advantage-text{
    width: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;

}

.advantage-box .advantage-text .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 0.15625rem;
}

.advantage-box .advantage-text .content .title-box{
    display: flex;
    flex-direction: column;
    height: 2.13542rem;
    justify-content: space-between;
}

.advantage-box .advantage-text .content .title-box > div{
    margin-top: -28px;
}
.advantage-box .advantage-text .content .title-box img{
    width: 0.2292rem;
    height: 0.2292rem;

}
.advantage-box .advantage-text .content .title-box div span {
    font-size: 0.34375rem;
    font-family: Alimama FangYuanTi VF;
    color: rgba(37, 37, 37, 0.1);
    border-bottom: 0.01042rem solid #75A78E;
}

.advantage-box .advantage-text .content .title-box div h2{
    font-size: 0.15625rem;
    color: #252525;
    font-weight: bold;
}

.advantage-box .advantage-text .content .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.advantage-box .advantage-text .content .content-box{
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.949);
    padding:0.2292rem;
    width:5.0833rem;
}

.advantage-box .advantage-text .content .content-box .network {
    display: flex;
    align-items: center;
    border-bottom: 0.00821rem solid #D7D4B9;
    padding-bottom: 0.1823rem;
}
.advantage-box .advantage-text .content .content-box .empowerment{
    display: flex;
    align-items: center;
    padding-top: 0.1823rem;
}

.advantage-box .advantage-text .content .content-box .network .network-title{
    font-size: 0.125rem;
    color: #3D3D3D;
    opacity: 0.8;
    display: flex;
    align-items: center;
    padding: 0.2292rem 0.2292rem 0.2292rem 0;
    border-right: 0.00821rem solid #D7D4B9;
}

.advantage-box .advantage-text .content .content-box .empowerment .empowerment-title{
    font-size: 0.125rem;
    color: #3D3D3D;
    opacity: 0.8;
    display: flex;
    align-items: center;
    padding: 0.2292rem 0.2292rem 0.2292rem 0;
    border-right: 0.00821rem solid #D7D4B9;
}
.advantage-box .advantage-text .content .content-box .network .network-list{
    display: flex;
    margin: 0 0.15625rem;
    width: 76%;
    justify-content: space-between;
}

.advantage-box .advantage-text .content .content-box .empowerment .empowerment-list{
    display: flex;
    margin: 0 0.15625rem;
    width: 76%;
    justify-content: center;
}
.num{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin: 0;
}
.num p{
    margin: 0;
}
.advantage-box .advantage-text .content .content-box .network .network-list .network-item,.advantage-box .advantage-text .content .content-box .empowerment .empowerment-list .empowerment-item{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.advantage-box .advantage-text .content .content-box .network .network-list .network-item .num span ,.advantage-box .advantage-text .content .content-box .empowerment .empowerment-list .empowerment-item .num span{
    color: #75A78E;
    font-size: 0.09375rem;
}
.advantage-box .advantage-text .content .content-box .network .network-list .network-item .numd,.advantage-box .advantage-text .content .content-box .empowerment .empowerment-list .empowerment-item .numd{
    color: #75A78E;
    font-size: 0.23958rem;
}
.advantage-box .advantage-text .content .content-box .network .network-list .network-item p ,.advantage-box .advantage-text .content .content-box .empowerment .empowerment-list .empowerment-item p{
    color: #525251;
    font-size: 0.083rem;
}


.advantage-box .advantage-text .content .bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top:0.34375rem;
}

.advantage-box .advantage-text .content .bottom .title-box {
    display: flex
;
    flex-direction: column;
    height: 1.354rem;
    justify-content: space-between;
}

.advantage-box .advantage-text .content .bottom .content-box{
    display: flex;
}
.advantage-box .advantage-text .content .bottom .content-box .content-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.advantage-box .advantage-text .content .bottom .content-box .content-list .content-item{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}



.advantage-box .advantage-text .content .bottom .content-box .content-list .content-item .num span{
    color: #75A78E;
    font-size: 0.09375rem;
}
.advantage-box .advantage-text .content .bottom .content-box .content-list .content-item .numd{
    color: #75A78E;
    font-size: 0.23958rem;
}

.advantage-box .advantage-text .content .bottom .content-box .content-list .content-item p{
     color: #525251;
    font-size: 0.083rem;
}

.advantage-box .advantage-text .content .bottom .content-box .desc{
    color: #525251;
    font-size: 0.083rem;
}





@media (max-width: 600px) {
    .establish-box {
    height: 1200px;
    }
    
    .establish-box .establish-text{
    width: 100%;
        padding: 0 20px;
    }
    
    .establish-box .establish-text .establish-list .item{
        margin-bottom: 20px;
    }
  
       .introduction-box{
        height: 745px;
    }
    .introduction-box .introduction-text {
    width: 100%;
    padding: 0 20px;
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.introduction-box .introduction-text .img {
    width: 100%;
}
.introduction-box .introduction-text .text {
    display: flex
;
    flex-direction: column;
    align-items: center;
    margin-right: 0;
}

.purpose-box {
    height: 100%;
    padding-bottom: 50px;
}

.purpose-box .purpose-text {
    width: 100%;
    
    padding: 0 20px;
}

.purpose-box .purpose-text .content{
    flex-direction: column;
}

.purpose-box .purpose-text .content .left .list .item{
    display: flex;
}

.purpose-box .purpose-text .content .left .list .item img{
    margin-right: 10px;
}

.purpose-box .purpose-text .content .right .item {
    width: 100%;
}

.advantage-box .advantage-text .content .top{
    flex-direction: column;
}

.advantage-box .advantage-text .content .title-box{
    height: 100%;
}
.advantage-box .advantage-text .content .title-box img{
    display: none;
}

.advantage-box .advantage-text .content .title-box > div {
    margin-top: -28px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
.advantage-box .advantage-text .content .content-box
 {
    display: flex
;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.949);
    padding: 20px;
    width: 100%;
}

.advantage-box .advantage-text .content .content-box .network .network-title
 {
  
    align-items: center;
    padding: 0.2292rem 20px 0.2292rem 0;
    border-right: 0.00821rem solid #D7D4B9;
}

.advantage-box .advantage-text .content .content-box .network .network-list {

    margin: 0 10px;
    
}

.advantage-box .advantage-text .content .content-box .empowerment .empowerment-title
 {
    display: flex
;
    align-items: center;
    padding: 0.2292rem 20px 0.2292rem 0;
    border-right: 0.00821rem solid #D7D4B9;
}

.advantage-box
 {
    height: 100%;
    padding: 50px 0;
 }
 
 .advantage-box .advantage-text .content .bottom{
     flex-direction: column;
 }
    .advantage-box .advantage-text .content .bottom .title-box {
        height: 100%;
    }
    
    .advantage-box .advantage-text .content .bottom .content-box .content-list .content-item p {
  
    text-align: center;
}

}