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

.banner_tu img{

    margin: 0 auto;

    width: 100%;

}

.banner{

    position: relative;

}

.banner_man{

    position: absolute;

    right: 0;

    bottom:20px;



}

.banner_bt{

    position: absolute;

    left: 0;

    bottom: 100px;

    width: 540px;

}

.banner_bt h3{

    font-size: 30px;

    color: #121314;

}

.banner_bt p{

    font-size: 18px;

    color: #121314;

    margin-top: 7px;

}

.banner_bt span{

    color: #0187c7;

}

.banner_text{

    float: left;

    margin-left: 20px;

}

.banner_img img{

    float: left;

}

.banner_man span{

    font-size: 30px;

    font-weight: bolder;

    color: #fc455d;

}

.banner_man img{

    margin-right: 5px;

    vertical-align: text-bottom;

}

.banner_man p{

    font-size: 24px;

    color: #787878;

}





/*-----------------专业介绍-----------------*/

.urban_orbit{

    margin-top: 15px;



}

/*-------------------右侧专业信息-------------*/

.urban_orb_left{

    width: 850px;

    float: left;

}



/*------------菜单-----------*/

.introduction_menu{

    width: 847px;

    height: 50px;

    background: #d2d2d2;

    line-height: 50px;

    color: #ffffff;

    margin-top: 30px;

}

.introduction_menu li{

    float: left;

}

.introduction_menu ul{

    margin-left: 40px;

}

.introduction_menu li a{

    color: white;

    font-size: 24px;

    display: inline-block;

    height: 50px;

    width: 150px;

    text-align: center;

    line-height: 50px;

}

.introduction_menu li a:hover{

    background: #ff9c00;

}

.on{

    background: #ff9c00;

    height: 50px;

}



/*--------------标题-----------*/

.usban_title h1{

    font-size: 20px;

    color: #121314;

    height: 40px;



}

.usban_title span{

    width: 6px;

    height:26px;

    background: #ff9c00;

    display: inline-block;

    margin-right: 10px;

}



/*----------专业介绍-------------*/

.introduction_direction{

    margin-top: 30px;

}

.introduction_direction h3{

    font-size: 18px;

    color: #121314;

    margin-top: 20px;

}

.direction_ul>li>p{

    font-size: 14px;

    color: #636363;

    line-height: 20px;

    width: 846px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;



}



/*------------就业前景-----------*/

.introduction_prospect{

    margin-top: 30px;

}

.introduction_prospect p{

    margin-top: 20px;

    width: 730px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



/*----------招生专业---------------*/

.admissions_major{

    margin-top: 30px;



}

.admissions_major table{

    margin-top: 20px;

}

.admissions_major table tr{

    width: 807px;

    height: 43px;

    font-size: 16px;

    color: #484848;

    line-height: 43px;

}

.admissions_major table tr:nth-child(2n){

    background: #eeeeee;

}

.admissions_major table tr td:first-child{

    color: #c53232;

}

.admissions_major table tr a{

    width: 92px;

    height: 22px;

    display: inline-block;

    color: white;

    background: #ff7c1b;

    text-align: center;

    line-height: 22px;

}





/*------------就业岗位---------*/

.introduction_post{

    margin-top: 30px;

}

.introduction_post p{

    margin-top: 20px;

}



/*------------就业方向---------*/

.employment_post{

    margin-top: 30px;

}

.employment_post p{

    margin-top: 30px;

}







/*------------热门标签------------*/

.introduction__hot{

    margin-top: 30px;

}

.introduction__hot a{

    font-size: 14px;

    color: #636363;

    display: inline-block;

    padding: 5px 15px;

    text-align: center;

}

.introduction__hot li{

    margin-top: 10px;

    float: left;

    margin-left: 10px;

}

.introduction__hot a:hover{

 color: #ff7c1b;

}



/*---------------------其他人还浏览了------------*/

.introduction_browse{

    margin-top: 30px;

}

.example{

    margin-top: 20px;

}

.introduction_browse h1{

    color: #ff7c1b;

    font-size: 24px;

}

.introduction_browse ul{

    margin-top: 20px;

}

.introduction_browse a{

    float: left;

    margin-left: 10px;

}



.introduction_browse  p{

    font-size: 16px;

    text-align: center;

    margin-top: 10px;

    color: #121314;

    width: 192px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.introduction_browse .swiper-container {

    margin-top: 20px;

    width: 856px !important;

    height: 210px !important;

    overflow: hidden;

}

.introduction_browse .swiper-pagination {

    width: 856px !important;

}

.introduction_browse .swiper-pagination  span {

    display: inline-block;

    width: 12px;

    height: 12px;

    background-color: #333333 !important;

    margin: 0 4px;

    border-radius: 50%;

    cursor: pointer;

}

.introduction_browse .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #de3a3a !important;

}

.introduction_browse .swiper-slide img{

    width: 192px;

    height: 120px;

}



.introduction_browse .swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

}

.introduction_browse .swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}

.introduction_browse .swiper-container {

    margin: 20px auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}

.introduction_browse .swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s opacity;

    -o-transition: .3s opacity;

    transition: .3s opacity;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    z-index: 10;

}

.introduction_browse .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%;

}

/*--------------------阅读---------------*/

.introduction_reading{

    margin-top: 30px;

}

.introduction_reading a{

    font-size: 14px;

    color: #525252;

    line-height: 22px;

}

.introduction_reading li a:hover{

    color: #ff9c00;

}

.introduction_reading  ul{

    float: left;

    margin-left: 40px;

    margin-top: 20px;

}

.introduction_reading li:first-letter{

    font-size: 8px;

    color: #c6c6c6;



}

.introduction_reading li{

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    width: 255px;

}

/*-----------------QQ咨询--------------*/

.urban_more{

    margin-top: 30px;

}



/*------------------轻轨--------------*/

.urban_area{

    margin-top: 30px;

    margin-bottom: 30px;

}

.urban_area a{

    font-size: 14px;

    color: #636363;

    float: left;

    padding: 5px 4px;

    text-align: right;

}

.urban_area li{

    margin-top: 20px;

    margin-left: 5px;

}

.urban_area a:hover{

    color: #e71515;

}







/*-------------------右侧信息-------------------*/





/*-------------标题---------------*/

.hot_topic{

    margin-top: 30px;

}

.hot_top_title h2{

    font-size: 20px;

    font-weight: bold;

    color: #e54242;

    text-align: center;

}

.hot_topic img{

    margin-top: 10px;

}

/*-----------------------校园动态----------*/

.campus_dynamics{

    margin-top: -35px;

}

.campus_dynamics a{

    font-size: 14px;

    color: #474747;

    line-height: 27px;

}

.campus_dynamics li:first-letter{

    font-size: 8px;

    color: #474747;

}

.campus_dynamics li{

    width: 300px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.campus_dynamics ul img{

    width: 304px;

    height: 139px;

}

/*----------------广告------------------*/

.short_term_ad02{

    /*margin-top: 30px;*/

}

.short_term_ad02 img{

width: 304px;

    height: 200px;

}

.urban_ad img{

   width: 846px;

    height: 126px;

}

/*-----------------快速登记----------------*/

/*------------------快速登记--------------*/

.span{

    font-size: 18px;

    font-weight: bold;

}

.fm {

    margin-left: 20px;

    width: 170px;

}

.short_register{

    margin-top: 20px;

    text-align: center;

    padding-bottom: 20px;

}

.short_register h2{

    font-size:18px;

    font-weight: bold;

    color: #373637;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 10px;

}

.short_register form{

    width:303px;

    height:382px;

    background:linear-gradient(0deg,rgba(251,181,158,1) 0%,rgba(255,235,209,1) 100%);

    border-radius:20px;

}

.short_register form label{

    font-size: 14px;

    color: #686868;

    left:10px;

    position: absolute;

    z-index: 99;

    line-height: 30px;

}

.short_register form li{

    text-align: center;

    width:260px;

    height:33px;

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

    position:relative;

    font-size: 12px;

    margin: 0 auto 12px;

}

.short_register form input{

    left: 50px;

    width:200px;

    height: 30px;

    position: absolute;

    border:0;

}

.short_register form li{

    position:relative;

}

.short_register select{

    width:200px;

    height: 30px;

    position: absolute;

    border:0;

    margin-left: -75px;

}

.short_register button{

    width:160px;

    height:41px;

    background:rgba(243,120,0,1);

    border-radius:5px;

    cursor: pointer;

    color: white;

    font-size: 18px;

    font-weight: bold;

    border: none;

}

.short_register select{

    padding: 0 0 0 20px;

    color: #121314;

}

/*------------专业直达-----------*/

.hot_zy{

    margin-top: 30px;

}

.hot_zy_list a{

    width:138px;

    height:30px;

    display: inline-block;

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

    border:1px solid rgba(220,220,220,1);

    text-align: center;

    line-height: 30px;

    font-size: 16px;

    color: #9b9b9b;

}

.hot_zy_list ul{

    float: left;

}

/*

.hot_zy_list li{

    margin-top: 10px;

}

.hot_zy_list li:first-child{

    margin-top: 0;

}

.hot_zy_list li a:hover{

    border:1px solid #e54242;

    color: #e54242;

}

*/



/*---------本专业学校浏览排行----------*/

.ranking_img img{

    float: left;

    width: 94px;

    height: 76px;

}

.ranking_bt{

    float: left;

    margin-left: 20px;

    margin-top: 20px;



}

.ranking_img li{

    margin-top: 10px;

}

.ranking_img {

    margin-top: 20px;

}

.ranking_img h3{

    font-size: 16px;

    color: #121314;

    width: 185px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.ranking_img h4{

    font-size: 14px;

}