.article{

    width: 1200px;

    margin: 0 auto;

    background: #fff;

    margin-top: 40px;

    display: inline-block

}

.four_color{

    width:100%;

    overflow:hidden;

    margin:0 0 40px 0;

}

.four_color li{

    float:left;

    width:270px;

    height:50px;

    margin-right:40px;

    /* border-radius:5px; */

    transition:all .3s linear;

}

.four_color li:hover{

    border-radius:25px;

}

.four_color li:nth-child(1){

    background-image: -moz-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -webkit-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -ms-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

}

.four_color li:nth-child(2){

    background-image: -moz-linear-gradient( 0deg, #008e62 0%, #00aa74 100%);

    background-image: -webkit-linear-gradient(0deg, #008e62 0%, #00aa74 100%);

    background-image: -ms-linear-gradient( 0deg, #008e62 0%, #00aa74 100%);

}

.four_color li:nth-child(3){

    background-image: -moz-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

    background-image: -webkit-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

    background-image: -ms-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

}

.four_color li:nth-child(4){

    background-image: -moz-linear-gradient( 0deg, #316cdc 0%,#329fdd 100%);

    background-image: -webkit-linear-gradient( 0deg, #316cdc 0%, #329fdd 100%);

    background-image: -ms-linear-gradient( 0deg, #316cdc 0%, #329fdd 100%);

    margin-right:0;

}

.four_color li a{

    display:block;

    font-size:18px;

    line-height:50px;

    color:#fff;

}

.article div{

    float: left;

}

.article_left{

    width: 280px;

    text-align: center

}

.article_tab{

    width:280px;

}

.article_tab>ul>li{

    position:relative;

    height:51px;

    border-bottom: 1px #e5e5e5 solid;

    background: #f5f5f5;

}



.article_tab>ul>li:hover{

    background-image: -moz-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -webkit-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -ms-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    color:#fff;

}

.article_tab>ul>li:hover a ,

.article_tab>ul>li:hover a>i{

    color:#fff;

}



.article_tab>ul>li:hover .article_hover{

    -webkit-transform:translateX(40px);

        -ms-transform:translateX(40px);

            transform:translateX(40px); 

    opacity:1;

}

.article_tab>ul>li>.article_hover{

    position:absolute;

    z-index:2;

    top:0;

    right:0 ;

    content: "";

    height:51px;

    width:40px;

    background:#fb9f00!important;

    opacity: 0;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    -o-transition: transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s;

}

.article_tab>ul>li>.article_hover>i{

    font-size:18px;

    line-height:51px;

    color:#fff;

}

/* .article_tab .article_cur{

    background:rgba(0, 139, 174, 0.74)!important;

} */



/* .article_tab .article_cur a ,

.article_tab .article_cur a i{

    color:#fff!important;

} */



.article_tab>ul>li>a{

    display:block;

    text-align:left;

    padding-left:80px;

    height:50px;

    font-size:16px;

    line-height:50px;

}

.article_tab>ul>li>a>i{

    font-size:20px;

    color:#fb9f00;

}

.article_tab>ul>li>a>span{

    margin-left:20px;

    text-align:left;

}



.article_tab>ul>li:last-child img{

    float:left;

}

.article_tab>ul>li:last-child p{

    display:inline-block;

  /*   float:right; */

    width:71%;

    font-size:16px;

    line-height:22px;

}





.teacher ,

.article_message{

    width:100%;

    overflow:hidden;

    margin: 20px auto 0;

}

.teacher_con{

    overflow:hidden;

    border:solid 1px #eee;

}

.teacher_text{

    width:100%;

    overflow:hidden;

    padding:10px;

}

.teacher_text p{

    font-size:14px;

    color:#676767;

    text-align:left;

}

.teacher_text p:first-child{

    margin-bottom:10px;

}

.teacher_text p:first-child span{

    font-size:12px;

}

.teacher_text p span{

    display:inline-block;

    width:18px;

    height:18px;

    border-radius:3px;

    background:#fb9f00;

    font-size:16px;

    color:#fff;

    text-align:center;

    line-height:18px;

}



.message_left{

    width:100%;

    overflow:hidden;

    margin-top:5px;

}

.message_left li{

    text-align:left;

    font-size:14px;

}

.message_left li:not(:last-child){

    height:42px;

    margin-bottom:15px;

}

.message_left li span{

    display:block;

    float:left;

    width:40px;

    height:40px;

    line-height:40px;

    border-radius:5px;

    background:#fb9f00;

    color:#fff;

    font-size:24px;

    text-align:center;

    transition:background .3s;

}

/* .message_left li span:hover{

    background:#fb9f00;

} */

.message_left li p{

    float:left;

    display:block;

    margin-left:5px;

    color:#666;



}















.article_right{

    width: 860px;

    margin-left: 5%;

    overflow:hidden;

}

.tit_posi{

    width:858px; 

    height: 40px;

    background:#fbfbfb; 

    border:1px #eeeeee solid;

    box-sizing:border-box;

    line-height:40px;

    text-align: left; 

    font-size: 15px;

    padding:0 0 0 10px;

}

.tit_posi>span {

    font-size:16px;

    color:#fb9f00

}

.huanjing_content{

    width:100%; 

    height:auto; 

    margin-top: 28px;

}

.hj_tit{

    width:100%;

    text-align:center; 

    font-size: 25px;

}







/*机构新闻*/

.about_news{

    width:100%;

    -webkit-box-sizing:border-box;

            box-sizing:border-box;

    overflow:hidden;

    padding:20px 0 0 0;

}

/* .about_news a:hover{

    color:#ff7b00;

} */



.about_news ul li{

    height:136px;

    border-bottom:dashed 1px #dfdfdf;

    -webkit-box-sizing:border-box;

            box-sizing:border-box;

    padding: 20px 0;

    overflow:hidden;

}

/* .about_news ul li:hover{

    background:rgb(241, 241, 241);

} */



.about_news ul li img{

    display:block;

    float:left;

    width:134px;

    height:94px;

}

.news_right{

    width:100%;

    height:94px;

    float:left;

    overflow:hidden;

    box-sizing:border-box;

    padding:10px 0 0 0 ;

}

.news_tit{

    overflow:hidden;

}

.news_right .news_tit{

    width:100%;

}

.news_right .news_tit h2{

    display:block;

    float:left;

    font-size:16px;

}

.news_right .news_tit i{

    font-size:16px;

    color:#fb9f00;

    margin-right:5px;

}

.news_right .news_tit>span{

    color:#858585;

    display:block;

    padding-right:10px;

    float:right;

    font-size:14px;

}

.news_right .news_tit>span>i{

    font-size:14px;

    color:#858585;

    margin-right:3px;

}

.news_right>p{

    display:inline-block;

    margin-top:10px;

    font-size:14px;

    text-align:left;

    color:#666;

}





/*btn*/

.article_btn{

    width:100%;

    margin:30px auto 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

}



.article_btn a{

    width:28%;

    border-radius:5px;

    line-height:44px;

    font-size:16px;

    color:#fff;

    transition:all .3s linear;

}

.article_btn a:hover{

    border-radius:22px;

}

.article_btn a span{

    font-size:20px;

    margin-right:5px;

}

.article_btn a:first-child{

    background-image: -moz-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -webkit-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -ms-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

}

.article_btn a:nth-child(2){

    background-image: -moz-linear-gradient( 0deg, #008e62 0%, #00aa74 100%);

    background-image: -webkit-linear-gradient(0deg, #008e62 0%, #00aa74 100%);

    background-image: -ms-linear-gradient( 0deg, #008e62 0%, #00aa74 100%);

}

.article_btn a:last-child{

    background-image: -moz-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

    background-image: -webkit-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

    background-image: -ms-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

}





/*相关文章推荐*/

.wztj{

    width:100%;

    margin: 20px auto 0;

    overflow:hidden;

    text-align:left;

}

.wztj li{

    width:50%;

    float:left;

    border-bottom:dashed 1px #eee;

}



.wztj li a{

    display:block;

    font-size:14px;

    line-height:34px;

}

.wztj li a>span{

    color:#fb9f00;

    margin-right:5px;

}





/*老师推荐*/

.lstj{

    width:100%;

    padding-top:30px;

    margin-top:40px;

    border-top:solid 10px #eee;

    /* overflow:hidden; */

}



.lstj_pic{

    width:100%;

    padding-top:20px;

    height:170px;

   /*  overflow:hidden; */

}







.lstj_pic ul li img{

    display:block;

    float:left;

    width:148px;

    height:160px;

    vertical-align: top;

}



.lstj_pic ul li{

    float:left;

    width:46%;

/*     height:160px; */

    margin-right:8%;

    background:#fff;

    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.11);

    transition:transform linear .1s;

}

.lstj_pic ul li:hover{

    transform:translateY(-5px);

}



.lstj_pic ul li:last-child{

    margin-right:0;

}



  

.lstj_pic ul li .lstj_text{

    float:right;

    width:232px;

    padding:20px;

    box-sizing:border-box;

}

.lstj_text h3{

    text-align:left;

    font-size:18px;

    font-weight:bold;

    color:#6f7488;

    border-bottom:1px solid #ccc;

    padding-bottom:10px;

}



.lstj_text h3 span{

    font-size:16px;

    color:#fba715!important;

    font-weight:normal!important;

    margin-left:20px;

}

.lstj_text h3 span i{

    font-weight:bold;

}

.lstj_text p{

    text-align:left;

    font-size:14px;

    margin-top:10px;

}



/*考研流程*/

.kylc{

    width:100%;

    margin: 20px auto 0;

}

.lc_con{

    width:100%;

    overflow:hidden;

    margin:10px auto 0;

}

.lc_con img{

    display:block;

    float:left;

    margin-left:3%;

}

.lc_con a{

    display:block;

    float:right;

    width:70px;

    height:70px;

    margin-top:10px;

    border-radius:7px;

    background:#fb9f00;

    color:#fff;

    font-size:16px;

    padding:11px;

    box-sizing:border-box;

    margin-right:3%;



}


.pageinfo{display:block;margin:30px auto 0}
















/****************************新闻详情页****************/

.news_text{

    width:100%;

    margin: 20px auto 0;
    overflow:hidden;

}



.news_text h2{

    font-size:18px;

    color:#333;

    font-weight:bold;

}

.news_text>span {
    margin: 10px 0 20px 0;
    display: block;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
}


.news_text img {
    margin:0;
    width: 100%!important;
}