/*--------------banner------------------*/

.swiper-container{

    height: 300px;

}





/*----------选项卡按钮----------*/

.tab{

    margin-top: 48px;

}

.tab_menu {

    width: 850px;

    height: 74px;

    margin: 0 auto;

}

.tab_menu li{

    width:182px;

    height:60px;

    float: left;

    font-size: 18px;

    background: #A6A6A6;

    text-align: center;

    cursor: pointer;

    color: white;

    border-radius: 5px;

    margin-left: 40px;

    padding: 10px 0 0 0 ;

    line-height: 25px;

}

.tab_menu li:first-child{

    margin-left: 0;

}



/*-------------选中效果------------*/

.tab_menu .on{

    background: #940000;

}

.tab_menu li:hover{

    background: #940000;

}

/*-------------学院介绍-----------*/

.shool_introduction {

    margin-top: 50px;

}

.intro_lefr{

    background:url("../images/system-_choice_introduction.png") no-repeat center/cover;

    width: 700px;

    height: 460px;

    float: left;

}

.intro_lefr img{

    width: 700px;

    height: 460px;

}

.intro_lefr span{

    width: 135px;

    height: 60px;

    display: inline-block;

    color: white;

    font-size: 30px;

    font-weight: bold;

    background: #7ECEF4;

    margin-top: 20px;

    line-height: 60px;

    text-align: center;

}

.intro_lefr h1{

    text-align: center;

    font-size: 64px;

    color: #121314;

    font-weight: bold;

    margin-top: 73px;

}

.intro_lefr h3{

   font-size: 43px;

    color: #40403D;

    text-align: center;

}



.intro_right{

    float: left;

    width: 450px;

    margin-left: 40px;

}

.intro_right h2{

    color: #121314;

    font-size: 24px;

    margin-top: 25px;

    letter-spacing: 1px;

}

.intro_right p{

    font-size: 16px;

    line-height: 24px;

    color: #545454;

    width: 410px;

    margin-top: 13px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}





/*------------相关院校----------------*/

.school_correlation{

    margin-top: 50px;

}

.school_correlation li{

    float: left;

    margin-left: 15px;

}

.school_correlation h1{

    font-size: 30px;

    color:#121314;

    text-align: center;

}



.school_correlation ul{

    margin-top: 30px

}

.school_correlation li {

    position: relative;

}

.school_correlation li:nth-child(4), .school_correlation li:nth-child(5) ,.school_correlation li:nth-child(6){

    margin-top: 30px;

}

.about_img h2 {

    position: absolute;

    left: 0;

    top: 15px;

    font-size: 18px;

    color: white;

    font-weight: bold;

    background: #626a72;

    border-radius: 0 50px 50px 0;

    padding: 5px 20px;

/*    width: 214px;

    height: 40px;*/

    text-align: center;

/*    line-height: 40px;*/

    letter-spacing: 2px;

/*    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;*/



}

.about_img{

    width: 388px;

    height: 264px;

    border-radius: 10px;

}

.about_img img{

    width: 388px;

    height: 264px;

    border-radius: 10px;

}

.about_text {

    margin-top: 20px;



}

.about_text a{

    display: inline-block;

    font-size: 18px;

    color: #121314;

    width: 116px;

    height: 40px;

    border:1px solid #bfbfbf;

    border-radius: 5px;

    text-align: center;

    line-height: 40px;

    margin-left: 11px;



}

.about_text a:hover{

    color: white;

    background: #da5f5f;

    border: 1px solid transparent;

}







/*------------更多2+1学校----------*/

.more_school {

    margin-top: 50px;

}

.more_school ul{

    margin-top: 20px;

}

.more_school h1{

    font-size: 30px;

    color: #121314;

    text-align: center;

}

.more_school li{

    float: left;

    margin-left: 15px;

    margin-top: 20px;

}

.more_school a{

    display: inline-block;

   color: #121314;

    font-size: 14px;

    border-radius: 5px;

    border:1px  solid #BFBFBF ;

    text-align: center;

    line-height: 50px;

    width: 225px;

    height: 50px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.more_school a:hover{

    color: white;

    background: #da5f5f;

}



/*----------相关新闻--------------*/

.school_news{

    margin-top: 50px;

    margin-bottom: 50px;

}

.school_news h1{

    font-size: 30px;

    color: #121314;

    text-align: center;

}

.school_news ul{

    margin-top: 30px;

    width:362px;

    height:288px;

    background:rgba(255,255,255,1);

    border:1px solid rgba(255,199,199,1);

}

.new_titile {

    width:362px;

    height:40px;

    background:rgba(255,236,236,1);

    border:1px solid rgba(255,199,199,1);

}

.new_titile h2{

    float: left;

    font-size:20px;

    font-weight:400;

    color:rgba(221,60,60,1);

    line-height:40px;

    margin-left: 20px;

    display: inline-block;

}

.school_news li a{

    color: #525252;

    line-height:28px;

    font-size: 15px;

    letter-spacing: 1px;



}

.new_line {

    width: 10px;

    height: 40px;

    background:rgba(221,60,60,1);

    float: left;

}

.school_news ul{

    float: left;

    margin-left: 50px;



}

.school_news li{

    list-style-type:disc;

    color: #aeaeae;

    margin-left: 30px;

    line-height: 28px;

    width: 330px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;



}

.school_news li a:hover{

    color: #dd3c3c;

}







/*-----------------内容切换选项卡效果---------------*/

.tab .tab_box > div{

    display: none; //将三个内容框架全隐藏，通过下面的:first-child属性只将第一个框架内容显示出来

}

.tab .tab_box > div:first-child{

    display: block;

}