.content{
   
    margin: 0 auto;
    box-sizing: border-box;
    font-weight: 400;
    font-size: .32rem;
    color: #4F4F4F;
    line-height: .64rem;
}


img{
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}
.cont-right img:hover{
    transform: scale(1.2);
}

body{
    /* background: #f5f5f5; */

    color: #000;
    -webkit-text-size-adjust: 100%
}
/*  */

.youth-top-bg{
    background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/938d6752-d637-451d-9748-7035a67cb0f9.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center -1px #27AFD1;
    
    
    background-size:  38.4rem 8.36rem;
    width: 100%;
    min-width: 24rem;
    height: 8.36rem;
}



.youth-top-about{
        background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/d3c375f9-b488-4caf-a9f2-8ca95c8159e5.png) no-repeat center 0 #27AFD1;
        
        /* background-size:  38.4rem 13.7rem; */
        background-size:  100% 100%;
        width: 100%;
        min-width: 24rem;
        min-height: 13.7rem;
        box-sizing: border-box;
        overflow: hidden;
        font-size: .36rem;
        line-height: .52rem;
    
}


.youth-about{
    margin-top: 1.86rem;
    font-size: .36rem;
    line-height: .52rem;

    padding-bottom: .5rem;
}

/* .youth-about h1{
    font-weight: bold;
    font-size: .8rem;
    margin-bottom:.15rem ;
}
.youth-about h4{
    font-weight: 400;
    font-size: .4rem;
    margin-bottom: .8rem;
}
.youth-about div{
    font-size: .36rem;
    width: 16.72rem;
    margin:0 auto;
    text-align: justify;
    font-size: .36rem;
    line-height: .52rem;
    color: #111111;
    background:rgba(255,255,255,0.68);
    padding: .5rem;
    box-sizing: border-box;
    overflow: hidden;
} */
/* .youth-about p{
    font-size: .36rem;
    width: 16.72rem;
    margin:0 auto;
    text-align: justify;
    font-size: .36rem;
    line-height: .52rem;
    color: #111111;
    
} */


.youth-swiper{
    background: #F5F5F5;
}

.establish{
    /* border: 1px solid red; */
}
.swiper-item img{
   width:  13.4rem;
   height: 10rem;
   margin-right: .96rem;
} 
.swiper-item div{
    width: 9.6rem;
    text-align: left;
    padding-right: .2rem;
    box-sizing: border-box;
}

.swiper-item div .title{
    font-weight: bold;
    font-size: .8rem;
    color: #1D2125;
    line-height: 1rem;
    text-align: left;
    
}
.swiper-item div .subtitle{
    text-align: left;
}

.swiper-item div .abstract{
    font-size: .36rem;
    margin-top: .58rem;
    text-align: left;
}






.establish .btnbox{
    position: absolute;
    height: .8rem;
    bottom: .88rem;
    left: 14.36rem;
    width: 1.90rem;
    z-index: 3000;
    box-sizing: border-box;
}
.establish .swiper-button-next::after,.establish .swiper-button-prev::after{
    content:""
}
.establish .swiper-button-next{
    width: .8rem;
    height: .8rem;
    background: url(../image/youth-establish-next.png) no-repeat 0  0 #D5D5D5;
    right: 0%;
}
.establish .swiper-button-prev{
    width: .8rem;
    height: .8rem;
    background: url(../image/youth-establish-prev.png) no-repeat 0  0 #D5D5D5;
    left: auto;
    
}



.young-titles{
    font-weight: bold;
    font-size: .72rem;
    color: #1D2125;
    line-height: .84rem;
}

.young-titles-left p:nth-child(2){
    font-weight: 400;
    font-size: .32rem;
    color: #4F4F4F;
    line-height: .48rem;
    margin-top: .1rem;
}
.young-titles-icon{
    background: url(../image/young-titles-icon.png) no-repeat center 0 ;
    background-size:  100% 100%;
    width: .46rem;
    height:.5rem;
    margin-right: .18rem;
}
.young-titles-more{
    font-weight: 400;
    font-size: .28rem;
    color: #4F4F4F;
    line-height: .36rem;
    margin-bottom: .36rem;
}
.young-titles-more a span:nth-child(1){
    background: url(../image/union-title-more.png) no-repeat center 0 ;
    background-size:  100% 100%;
    width: .32rem;
    height:.32rem;
    margin-right: .14rem;
}



.brand .young-titles{
    margin-top: 1.44rem;
    margin-bottom: .54rem;
}

.brand-item{
    width: 7.7rem;
}

.brand-item img{
    height: 4.33rem;
}
.brand-item div{
    background: #F5F5F5;
    padding: .54rem .48rem .3rem ;
    text-align: center;
    min-height: 3rem;
}
.brand-item div p:nth-child(1){
    font-weight: bold;
    font-size: .4rem;
    color: #1D2125;
    line-height: .5rem;
    margin-bottom: .58rem;
 
}



.resources .young-titles{
    margin-top: 1.44rem;
    margin-bottom: .54rem;
    
}
.resources-left{
    width: 12rem;
    margin-right: .56rem;
}
.resources-left a{
    display: block;
    position: relative;
    width: 12rem;
    height: 6.75rem;
}
.resources-left a div{
    position: absolute;
    bottom: 0%;
    left: 0%;
    background: rgba(41,47,54,0.38);
    padding: .3rem 2rem .2rem .2rem;
    color: #FFFFFF;
}
.resources-left a div .title{
    font-weight: bold;
    font-size: .36rem;
    color: #FFFFFF;
    line-height: .48rem;
    margin-bottom: .1rem;
}



.resources-right{
    width: 11.88rem;
}

.resources-right-item a{
    display: block;
    position: relative;
    width: 5.4rem;
    height: 3.04rem;
    margin-bottom: .66rem;
}

.resources-right-item a p{
    position: absolute;
    bottom: 0%;
    left: 0%;
    background: rgba(41,47,54,0.38);
    padding: .2rem .5rem .12rem .2rem;
    color: #FFFFFF;
}

.introduce{
    min-width: 24rem;
    margin-top: 1.94rem;
}

.introduce-left{
    width:  calc(50% + .56rem);
    flex-shrink:0;
}
.introduce-left-text{
    width: 12.1rem;
    box-sizing: border-box;
    padding-right: .56rem;
}


.introduce-left-text .title{
    font-weight: bold;
    font-size: .72rem;
    color: #1D2125;
    line-height: .84rem;
    text-align: left;
    margin-top: 1.4rem;
    
}
.introduce-left-text.subtitle{
    text-align: left;
    font-size: .4rem;
    color: #4F4F4F;
    line-height: .52rem;
}

.introduce-left-text .abstract{
    font-size: .32rem;
    margin-top: .58rem;
    text-align: justify;
    text-align-last: left;
}











.introduce-right{
    height: 11.60rem;
    width:  calc(50% - .56rem);
    /* min-width: 20rem; */
}



@media (max-width: 651px) {
    .content {
        
        margin-top: 1.2rem;
    }
    .youth-top-bg {
        background: url(../image/m-youth-bg.png) no-repeat center 0 ;
        background-size: 100% 3.6rem;
        width: 100%;
        min-width: 100%;
        height: 3.6rem;
    }
    .youth-top-about{
        padding: 0 .32rem;
        width: 100%;
        min-width: 100%;
    }
    .youth-about{
        width: 100%;
        padding: 0;
    }

    .youth-top-about{
        background: url(../image/m-youth-aboutbg.png) no-repeat center 0 ;
        background-size: 100% 100%;
    }









/*  */
}