.content{
   
  
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: .3rem ;
}
img{
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}


.news-top-bg{
    width: 100%;
    /* height: 4rem; */
    background: url(../image/news-top-bg.jpg) no-repeat center  -1px;
    background-size: 38.4rem 4rem;
    box-sizing: border-box;
    overflow: hidden;
}


/* 头部 */

.recommend{
    min-height: 3.95rem;
    background: url(../image/hire-bg.png) no-repeat 0 0;
    
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 1.12rem .7rem .4rem 4.56rem;
    margin-top: 2.7rem;
}




.recommend-title{
    font-weight: bold;
    font-size: .64rem;
    color: #1658A0;
    line-height: .76rem;
    text-align: left;
    margin-bottom: .46rem   ;
}
.recommend-list{

}
.recommend-list a{
 
    width: 49%;
    font-weight: 400;
    color: #4F4F4F;
    margin-bottom: .28rem;
}
.recommend-list a span:nth-child(1){
    width: .2rem;
    height: .2rem;
    background: url(../image/detail-li.png) no-repeat 0 0 ;
    background-size: 100% 100%;
    margin-right: .18rem;
}









/* 一楼 */
.floor1{
   
    margin-top: .6rem;
    height: 9rem;
}
.floor1>div{
    /* width: 48%; */
    box-sizing: border-box;
    flex-shrink:0 ;
}
.floor1-swiper{
    width: 14.38rem;
    height: 9rem;
}
.floor1-news{
    width: 9.1rem;
    height: 9rem;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../image/news-floo1-right.png) no-repeat 0 0;
    background-size: 100% 100%;
}


.floor1-swiper .item a{
    display:block;
    position: relative;
    height: 9rem;
    width: 100%;
}

.floor1-swiper .swiper-text{
    width: 100%;
    position: absolute;
    bottom: 0%;
    /* height: 2.08rem; */
    height: 1.08rem;
    background: rgba(41,47,54,.34);
    padding: .2rem .3rem;
    font-weight: bold;
    font-size: .32rem;
    color: #FFFFFF;
    line-height: .38rem;
}

.floor1-swiper .swiper-text-icon{
    /* width: 2.6rem;
    height: 1rem; */
    /* background: url(../image/swiper-text-icon.png) no-repeat 0 0; */
    background-size: 100% 100%;
    /* margin-bottom: .22rem; */
}

.floor1-swiper .swiper-text div:nth-child(2){
    width: 70%;
    line-height: 1.08rem;
}


.floor1 .swiper-pagination{
    height: .4rem;
}
.floor1 .swiper-pagination {
    text-align: right;
    box-sizing: border-box;
    padding-right: .5rem;
}
.floor1 .swiper-pagination-fraction, 
.swiper-pagination-custom,
.floor1  .swiper-horizontal > .swiper-pagination-bullets,
.floor1  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: .34rem;
}
.floor1  .swiper-pagination-bullet {
   width: .2rem;
   height: .2rem;
    background:#fff;
    opacity:.7;
}
.floor1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.swiper-button-next::after, .swiper-button-prev::after{
    content:""
}
.swiper-button-next{
    background: url(../image/youth-establish-next.png) no-repeat 0  0 ;
    background-size: 100% 100%;
    opacity: .8;
    right: 0%;
}
.swiper-button-next:hover{
    opacity: 1;
}
 .swiper-button-prev{
    background: url(../image/youth-establish-prev.png) no-repeat 0  0 ;
    /* right: 1.77rem; */
    background-size: 100% 100%;
    opacity: .8;
    left: auto;
    
}
 .swiper-button-prev:hover{
    opacity: 1;
}



/* 轮播右边 */

.floor1-news .floor2-title .icon0{
    height: .96rem;
    background: url(../image/nav-title-bg0.png) no-repeat 0 0 ;
    background-size: 100% 100%;
    margin-top: .2rem;
}

.floor1-news .right-news-item1 a img{
    width: 4.2rem;
    margin-right: .3rem;
    height: 2.36rem;
    flex-shrink: 0;
}









/* 广告 */
.advertisement a{
    display: block;
    width: 100%;
    height: 2.4rem;
}




/* 二楼 */


.floor2>div{
    width: 11.8rem;
    box-sizing: border-box;
    
}


.floor2-title .floor2-title-icon{
    width: 100%;
    height: .98rem;
    background: url(../image/nav-title-bg1.png) no-repeat 0 0 ;
    background-size: 100% 100%;
}
.floor2-title>div.icon-left{
    /* width: 5.93rem; */
}
.floor2-title .icon-right{
    /* height: .78rem; */
    background: url(../image/nav-title-bg2.png) no-repeat 0 0 ;
    background-size: 100% 100%;
}

.floor2-title>a{
    width: 100%;
    height: .98rem;
    display: block;
}

.floor2-title div:nth-child(2){
    flex-grow: 1;
    flex-basis:0;
}
.floor2-title a:nth-child(3){
    background: url(../image/nav-title-more.png) no-repeat 0 0 ;
    background-size: 100% 100%;
    width: .38rem;
    height: .38rem;
    margin-bottom: .2rem;
    margin-right: .1rem;
}

.floor2-title a:nth-child(4){
    font-weight: 400;
    font-size: .28rem;
    color: #CE4542;
    line-height: .32rem;
    text-align: left;
    margin-bottom: .2rem;
}







.left-new a{
    display: block;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 4.8rem;
}
.left-new a h5{
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(3,3,3,.4);
    width: 100%;
    padding: .2rem .3rem;
    font-size: .36rem;
    line-height: .8rem;
    box-sizing: border-box;
    color: #fff;
}

.list{
    line-height: .64rem;
    text-decoration: none;
    font-size: .28rem;
    color: #000;
    margin-top: .4rem;
    box-sizing: border-box;
    padding-right: .3rem;
}

.floor2 .list li{
    margin-top: .3rem;
    font-weight: bold;
    font-size: .32rem;
    color: #1D2125;
    line-height: .38rem;
}
.list li{
    margin-top: .46rem;
    font-weight: bold;
    font-size: .32rem;
    color: #1D2125;
    line-height: .38rem;
    
}
.list li span{
    background: url(../image/detail-li.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: .3rem;
    height: .3rem;
    margin-right: .2rem;
    text-align: left;
    font-weight: 400;
    font-size: .4rem;
    color: #999999;
    flex-shrink: 0;
}



.nav-left .right-news-item1 a img{
    width: 5.2rem;
    margin-right: .3rem;
    height: 2.92rem;
    flex-shrink: 0;
}




.nav-right{
    width: 11.8rem;    
}
.right-news>div:nth-child(1){
    width:100%;
    height: 3.17rem;
    overflow: hidden;
    box-sizing: border-box;
   
    margin-bottom: .46rem;
}
.right-news-item1 a {
    width:100%;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: 400;
    font-size: .36rem;
    color: #1D2125;
    line-height: .48rem;
    text-align: left;
  
}
.right-news-item1 a img{
    width: 5.64rem;
    margin-right: .3rem;
    height: 3.17rem;
    flex-shrink: 0;
}
 .floor1 .right-news-item1 a div{
    height: 2.36rem;
}
.right-news-item1 a div{
    height: 3.17rem;
}
.right-news-item1 a p:nth-child(1){

    font-weight: bold;
    font-size: .36rem;
    color: #1D2125;
    text-align: left;
}
.right-news-item1 a p:nth-child(2){
    font-family: KaiTi ;
    font-weight: 400;
    font-size: .3rem;
    color: #4F4F4F;
    line-height: .5rem;
    text-align: left;
    margin-top: .24rem;
    text-align: justify;
    text-align-last: left;
}




.right-news>div:nth-child(2){
    width: 5.64rem;
    height: 3.1rem;
    overflow: hidden;
    box-sizing: border-box;

}
.right-news>div:nth-child(3){
    width: 5.64rem;
    height: 3.1rem;
    overflow: hidden;
    box-sizing: border-box;
}
.right-news-item a{
    display: block;
    position: relative;
    width: 5.64rem;
    height: 3.1rem;
}
.right-news-item p{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: .6rem;
    font-weight: 400;
    font-size: .32rem;
    color: #FFFFFF;
    line-height: .6rem;
    text-align: left;
    background: rgba(29,33,37,.5);
    box-sizing: border-box;
    padding: 0 .28rem;
}




/* 综合 */
.integrated{
    box-sizing: border-box;
    margin-top: 1.34rem;
    padding-bottom: 1.28rem;

}

.integrated-left{
    width: 24rem;
    min-height: 1rem;
}


.left-item{
    width: 7.3rem;
    /* margin-right: 1rem; */
    margin-bottom: .48rem;
    font-weight: 400;
    font-size: .32rem;
    color: #1D2125;
    line-height: .62rem;
    box-sizing: border-box;
    overflow: hidden;
    text-align: justify;
    text-align-last: left;
}
.left-title {
    margin-bottom: .48rem;
}
.left-title div:nth-child(1){
    width: 6rem;
    height: .66rem;
    background: url(../image/title-icon-beijing.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.left-item:nth-child(2) .left-title  div:nth-child(1){
    background: url(../image/title-icon-shanghai.png) no-repeat 0 0;
    background-size: 100% 100%;
} 

.left-item:nth-child(3) .left-title  div:nth-child(1){
    background: url(../image/title-icon-tai.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.left-item:nth-child(4) .left-title  div:nth-child(1){
    background: url(../image/title-icon-min.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.left-item:nth-child(5) .left-title  div:nth-child(1){
    background: url(../image/title-icon-jiangxi.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.left-item:nth-child(6) .left-title  div:nth-child(1){
    background: url(../image/title-icon-guangdong.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.left-item:nth-child(7) .left-title  div:nth-child(1){
    background: url(../image/title-icon-zhejiang.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.left-item:nth-child(8) .left-title  div:nth-child(1){
    background: url(../image/title-icon-hainan.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.left-item:nth-child(9) .left-title  div:nth-child(1){
    background: url(../image/title-icon-gang.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.left-item:nth-child(10) .left-title  div:nth-child(1){
    background: url(../image/title-icon-xinjiang.png) no-repeat 0 0;
    background-size: 100% 100%;
} 
.title-bg  .left-title {
    margin: 0;
} 
.title-bg  .left-title  span:nth-child(1){
    background: none;
} 


.left-title div:nth-child(2){
    width: .34rem;
    height: .34rem;
    border-radius: 50%;
    border: .02rem solid #4F4F4F;
    text-align: center;
    margin: 0 .1rem 0 .02rem;
    /* line-height: .2rem; */
    color: #4F4F4F;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
}
.city-top{}
.city-top img{
    width: 3.65rem;
    height: 2.05rem;
    margin-right: .34rem;
    flex-shrink: 0;
}
/* 中间背景 */
.moddel-bg{
    width: 100%;
    height: 16.6rem;
    /* background: url(../image/news-city-bg.png) no-repeat center 0; */
    background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/a5091d9c-8ea9-41e8-b134-7c42a57c005f.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0;
    
    width: 38.4rem 16.6rem;
    position: absolute;
    top: 23.8rem;
    z-index: -1;
}


.industrial{
    margin-top:.14rem;
    height: 10.96rem;
    background: url(../image/news-industrial-bg.png) no-repeat  center 0;
    background-size: 38.4rem 10.96rem;
    padding: .12rem 0 1.24rem 0;
    box-sizing: border-box;
    overflow: hidden;
}

.industrial .title-bg{
    width: 100%;
    height: 1.14rem;
    background: #000;
    background: url(../image/news-industrial-titlebg.png) no-repeat  center 0;
    background-size: 100% 100%;
    margin-bottom: .8rem;
}


.industrial-list .item{
    width: 5.68rem;
}
.industrial-list .item a{
    display: block;
    width:100%;
    height: 3.6rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin-bottom: .4rem;
}
.industrial-list .item:nth-child(2n+1) a{
    display: block;
    width:100%;
    height: 7.6rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.ind-list img{
    float: left;
    width: 5.68rem;
    height:2.6rem;
}

.item-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:  rgba(29,33,37,0.65);
    font-weight: 400;
    font-size: .28rem;
    color: #FFFFFF;
    display: flex;
    padding: .32rem;
    box-sizing: border-box;
    overflow: hidden;
    line-height: .48rem;
    text-align: center;
    transition: all .3s;
    transform: scaleX(0);
}
.item-text div{
    margin: auto;
}
.item-text .title{
    font-weight: bold;
    font-size: .32rem;
    margin-bottom: .24rem;
}
.item-text .subtitle{
    text-align: justify;
    text-align-last: center;
}
.item a:hover .item-text{ 
    transform: scaleX(1);
}


.m-right-list{
    display: none;
}

/*  */
@media (max-width: 651px) {
    .news-top-bg{
        background: url(../image/m-news-top-bg.png) no-repeat center  -1px;
        background-size: 100% 1.74rem;
        margin-top: 1.2rem;
    }
    .recommend {
        width: 100%;
        height: auto;
        background: none;
        box-sizing: border-box;
        padding: .32rem;
        margin-top: 1.74rem;
        border-radius: 0;
    }
    .m-recommend{
        background: url(../image/m-hire-bg.png) no-repeat 0 0;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding: .32rem;
    }
    .recommend-title {
        font-weight: bold;
        font-size: .4rem;
        color: #1658A0;
        line-height: .52rem;
        text-align: left;
        margin-bottom: .26rem;
        padding: 0 .22rem ;

    }
    .recommend-list a{
        width: 100%;
    }
    .content{
        margin-top: 0;
    }
    .floor1{
        flex-wrap: wrap;
        height: auto;
        padding:0 .32rem;
        margin-top: 0;
    }
    .floor1-swiper{
        width: 100%;
        height: auto;
        /* padding-bottom: 1rem; */
    }
    .floor1-swiper .item a{
        height: 3.86rem;
        border-radius: .2rem;
    }
    .floor1-swiper .item a img{
        height: 3.86rem;
        border-radius: .2rem;
    }
    .floor1-swiper .item a .swiper-text{
        box-sizing: border-box;
        border-radius: .2rem;
        font-size: .32rem;
        line-height: .56rem;
    }
    .floor1-swiper .swiper-text div:nth-child(2){
        box-sizing: border-box;
        border-radius: .2rem;
        font-size: .32rem;
        line-height: .56rem;
        width: 100%;
    }


    .floor1 .swiper{
        padding-bottom: .4rem;
    }
    .floor1 .swiper-pagination-fraction, .swiper-pagination-custom, .floor1 .swiper-horizontal > .swiper-pagination-bullets, .floor1 .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: .0;
        left: 0;
    }
    .floor1 .swiper-pagination {
        text-align: center;
    }
    .floor1  .swiper-pagination-bullet {
        width: .12rem;
        height: .12rem;
         background:#BEBEBE;
         opacity:.7;
     }
     .floor1 .swiper-pagination-bullet-active {
         opacity: 1;
         background: #1658A0;
         width: .24rem;
        height: .12rem;
        border-radius: .12rem;
     }
     .floor1 .swiper-button-next, .floor1 .swiper-button-prev{
        display: none;
    }

    .floor1-news {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
        background:none;
        margin-top: .6rem;
        padding-bottom: .4rem;
    }
    .floor1-news .floor2-title{
        margin-bottom: .26rem;
    }
    .floor1-news .floor2-title .icon0 {
        height: .86rem;
        background: url(../image/m-nav-title-bg0.png) no-repeat 0 0;
        background-size: 100% 100%;
        margin-top: 0;
    }

    .floor1-news .right-news-item1 a img {
        width: 2.9rem;
        margin-right: .3rem;
        height: 1.64rem;
        border-radius: .1rem;
    }
    .right-news-item1 a p:nth-child(1){
        font-size: .28rem;
        line-height: .42rem;
        margin-bottom: .2rem;
    }

    .right-news-item1 a p:nth-child(2){
        font-size: .24rem;
        line-height: .32rem;
        margin: 0;
    }
    .floor1 .right-news-item1 a div{
        height: auto;
    }
    .list li{
        font-size: .28rem;
    }
    .list li span{
        width: .2rem;
        height: .24rem;
    }


    .floor2{
        margin-top: .28rem;
        flex-wrap: wrap;
    }
    .floor2>div{
        width: 100%;
        padding: .32rem;
    }
    .floor2-title .floor2-title-icon {
        width: 100%;
        height: .8rem;
        background: url(../image/m-nav-title-bg1.png) no-repeat 0 0;
        background-size: 100% 100%;
    }

    .nav-left .right-news-item1 a img {
        width: 2.9rem;
        margin-right: .3rem;
        height: 1.64rem;
        border-radius: .1rem;
    }

    .right-news-item1 a p:nth-child(1){
        font-size: .28rem;
        line-height: .42rem;
        margin-bottom: .2rem;
    }

    .right-news-item1 a p:nth-child(2){
        font-size: .24rem;
        line-height: .32rem;
        margin: 0;
    }
     .right-news-item1 a div{
        height: auto;
    }
    .floor2 .list li{
        font-size: .28rem;
    }
   


    .floor2-title .icon-right {
        /* height: .78rem; */
        background: url(../image/m-nav-title-bg2.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .right-news-item{
        display: none;
    }
    .right-news>div:nth-child(1){
        height: auto;
        margin-bottom: .24rem;
    }
    .right-news-item1 a img {
        width: 2.9rem;
        margin-right: .3rem;
        height: 1.64rem;
        border-radius: .1rem;
    } 
    .right-news-item1 a p:nth-child(1){
        font-size: .28rem;
        line-height: .42rem;
        margin-bottom: .2rem;
    }

    .right-news-item1 a p:nth-child(2){
        font-size: .24rem;
        line-height: .32rem;
        margin: 0;
    }
     .right-news-item1 a div{
        height: auto;
    }
    .m-right-list{
        display: block;
    }


    .left-item{
        width: 100%;
        padding: 0 .32rem;
    }

    .left-title div:nth-child(1){
        /* width: 5.8rem; */
        height: .64rem;
        flex-grow: 1;
  flex-basis:0;
    }

    .left-title div:nth-child(2){
        font-weight: 400;
        font-size: .26rem;
        color: #4F4F4F;
        text-align: left
    }
    .left-title div:nth-child(3){
        font-weight: 400;
        font-size: .26rem;
        color: #4F4F4F;
        text-align: left
    }

    .city-top img {
        width: 3.2rem;
        height: 1.8rem;
        margin-right: .3rem;
    }
    .integrated{
        padding-bottom: 0;
    }
    

    .industrial .title-bg {
        width: 100%;
        height: 1.14rem;
        background: #000;
        box-sizing: border-box;
        background: url(../image/m-news-industrial-titlebg.png) no-repeat center 0;
        background-size: 100% 100%;
        margin-bottom: .8rem;
        padding: 0 .32rem;
        align-items: flex-end;
    }
    .industrial-list{
        flex-wrap: wrap;
        padding: 0 .32rem;
    }
    .industrial{
        height: auto;
    }
    .industrial-list .item {
        width: 48%;
    }
    .industrial-list .item a {
        display: block;
        width: 100%;
        height: 2.1rem;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        margin-bottom: .24rem;
    }
    .industrial-list .item:nth-child(2n+1) a {
        display: block;
        width: 100%;
        height: 4.4rem;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }
    .item-text{
        transform: scaleX(1);
        background: rgba(29, 33, 37, 0.25);
    }
    .item-text .title{
        font-size: .28rem;
    }
    .item-text .subtitle{
        font-size: .24rem;
    }


/*  */
}

@media (max-width: 345px) {
    .floor1-swiper .item a,.floor1-swiper .item a img{
        height: 3.2rem;
    }
    .left-title div:nth-child(1),.left-item:nth-child(2) .left-title div:nth-child(1),.left-item:nth-child(3) .left-title div:nth-child(1),.left-item:nth-child(4) .left-title div:nth-child(1),
    .left-item:nth-child(4) .left-title div:nth-child(1),.left-item:nth-child(5) .left-title div:nth-child(1),.left-item:nth-child(6) .left-title div:nth-child(1),
    .left-item:nth-child(7) .left-title div:nth-child(1),.left-item:nth-child(8) .left-title div:nth-child(1),.left-item:nth-child(9) .left-title div:nth-child(1){
        width: 100%;
        background-size: cover;
    }
    .city-top img{
        width: 2.6rem;
        height: 1.46rem;

    }
    .left-item{
        font-size: .3rem;
        line-height: .42rem;
    }
    .engineering-list .left a img{
        height: auto;
    }
}