body{

    background-color: #f2f3f7;

}



.detail p{

    margin: 0 0 5px !important;

}



/* 招聘职位 */

.careers .info{

    background-color: #fff;

    border-radius: 10px;

    overflow: hidden;

    border: solid 1px #fff;



    -moz-transition: all .5s; 

    -ms-transition: all .5s; 

    -o-transition: all .5s; 

    transition: all .5s;

}

.careers .info:hover{

    /* border: solid 1px #3b9066 ; */

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

}

.careers .info strong{

    /* color: #000; */

    font-size:18px;

    display: block;

    margin-bottom: 0.5vw;



    -moz-transition: all .5s; 

    -ms-transition: all .5s; 

    -o-transition: all .5s; 

    transition: all .5s;



    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

}





.careers .info p{

    color: #333;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:2;

    line-clamp: 2;

    -webkit-box-orient: vertical;



}

.careers .info .font{

    padding: 36px;

    padding-bottom: 10px;

    height: 170px;

    position: relative;

    

}

.careers .info .text-muted{

    color: #999;

    margin-left: 20px;

    margin-bottom: 30px;

}

.careers .info .font .icon{

    background-color: #3b9066 ;

    width: 0.3vw;

    height: 1.2vw;

    position: absolute;

    left: 0;

    top: 40px;

}



.careers .col-md-12 .info img{

    /* min-height: 13vw; */

    width: 100%;

    min-height: 11vw;

}



.careers .col-md-12 .info:hover  strong{

    color: #3b9066  !important;

}

.careers .col-md-12 .info .img{

    width: 100%;

    height: 11vw;

    overflow: hidden;

    background-color: #f8f8f8;

}



.careers .col-md-12 .info:hover  img{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}





/* 添加动效属性 */

.careers .col-md-12 .info img{

    -moz-transition: all .5s; 

    -ms-transition: all .5s; 

    -o-transition: all .5s; 

    transition: all .5s;

}







/* 文章详情页 */

.news_box{

    background-color: #fff;

    padding: 40px;

    margin-bottom: 40px;

}

.news_box h1{

    margin: 20px 0;

 }

.news_box img{

   max-width: 100% !important;

}



.netpage{

    margin: 30px 0;

}

.text-muted span{

    margin-right: 15px;

    color: #999;

}

.pages{

    /* padding: 40px; */

}



.detail{

    margin-top: 40px;

}





@media (max-width: 820px) {

    .container{

        margin: 0;

    }

    .container .row{

        /* margin: 0; */

        /* padding: 3vw; */

    }

    .news  .col-md-12 {

       width: 100%;

       max-width:100%;

       padding: 6vw 3vw;

    }

    .mt-5,.mb-4{

        /* margin: 0 !important; */

    }



    .p1 .container{

        padding: 3vw 0vw;

    }



    h1{

        font-size: 22px;

        font-weight: bold;

        margin: 0 !important;

        margin-bottom: 5vw !important;

    }

    .news_box{
        padding: 22px;
    }
    .news_box.mt-5{

        margin: 0 !important;

    }

    .careers .info .font .icon {

        background-color: #3b9066;

        width: 1vw;

        height: 3.2vw;

        position: absolute;

        left: 0;

        top: 10.2vw;

    }

    .careers .info .font{

        height: auto;

    }



}