@charset "utf-8";
.header{position: relative;background: #0f77e8;}
.banner, .banner div img{height: 400px;}
.banner div img{/* object-fit:cover; */}
.banner::before{display: none;}
/* 导航 */
.nav-con{background-color: #fff;}
.nav>li{width: calc(100% / 9);float: left;text-align: center;line-height: 50px;position: relative;}
.nav>li>a{font-size: 18px;display: block;}
.nav>li.on{background-color: #0f77e8;}
.nav>li.on>a{color: #fff !important;font-weight: bold;}
.nav-sub{position: absolute;top: 50px;width: 100%;z-index: 999;background: rgba(255, 255, 255, 0.8);display: none;}
.nav-sub li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 10px 5px;line-height: 30px;}
.nav-sub li:hover{background: #0f77e8;}
.nav-sub li a:hover{color:#fff !important;}
.nav-sub::after{content:"";height: 5px;background:#0f77e8;display: block;background-size: cover;}

#list .list_con {position: relative;/* overflow: hidden; */margin-top: 20px;}
#list .con_left{width: 310px;float: left;/* margin-top: -80px; */}
#list .con_right{margin-left: 350px;}
#list .con_right .right_list{border: 0;padding: 0;overflow: hidden;}

.left_title{width: 100%;height: 80px;line-height: 40px;background: rgb(11 105 208);text-align: center;font-size: 26px;font-weight: bold;color: #fff;padding: 20px 0;box-sizing: border-box;}
.left_title a{color: #fff !important;padding-left: 38px;display: block;width: 100%;text-align: left;box-sizing: border-box;}


.left_list{overflow: hidden;border-left: 5px solid #509ff3;box-shadow: 4px 4px 5px 0px #e6e6e6;}
.left_list a{font-size: 18px;}
.left_list .list_ul{background: #eee;border-bottom: 1px solid #fff;}
.left_list .list_ul>a{display:block;padding: 18px 25px 18px 33px;line-height: 24px;}
.left_list .list_ul:last-child{border-bottom:0px;}
.left_list .list_ul:hover>a{font-weight: bold !important;color: #0f77e8;}
.left_list .list_ul.active>a{font-weight: bold;color: #0f77e8;}
.left_list .list_ul.reactive>a{font-weight: normal;color: #000;}
.left_list .list_ul .list_ul_ul{display: none;padding: 20px 0;background: #fff;}
.left_list .list_ul li{padding: 5px 0;background: url(2025hnnydx_mba_dian.png)no-repeat 35px center;}
.left_list .list_ul li a{line-height: 30px;padding-left: 50px;display: block;}
.left_list .list_ul li:hover, .left_list .list_ul li.active{background: url(2025hnnydx_mba_dian01.png)no-repeat 35px center;}
.left_list .list_ul li:hover a{color: #0f77e8 !important;}
.left_list .list_ul li.active a{color: #0f77e8;}

.right_title {height: 50px;line-height: 50px;border-bottom: solid 1px #ccc;display:none;margin-bottom: 10px;}
.right_title span:first-child {display: inline-block;color: #0f77e8;font-size: 20px;font-weight: bold;height: 100%;}
.right_list ul li{background: url(2025nd_tyxy_sanjiao.png) no-repeat left center;padding: 0px 0px 0px 30px;line-height: 58px;height: auto;border: none;}
.right_list ul li a{display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.right_list ul li span{float: right;color: #abaaaa;font-size: 18px;width: 130px;text-align: right;}
.right_list ul li:hover *{color: #509ff3 !important;}
.right_list ul li.line{height: 0px;border-top: 1px dashed #d6d6d6;margin: 15px 0;background: none;}
.right_list ul li.line:last-child{display:none}

/* 当前位置 */
.site{overflow:hidden;margin-bottom: 12px;}
.site-box{display: inline-block;background: url(2025nd_tyxy_site.png)no-repeat left center;padding-left: 22px;line-height: 22px;margin: 20px auto;}
.site-box a{font-size: 16px;}
.site-box01{line-height: 20px;}

/*分页*/
.div_cutPage {margin: 0 auto;padding: 50px 0;text-align: center;}
.div_cutPage a {display: inline-block;padding: 2px 8px;cursor: pointer;border: 1px solid #e8e8e8;font-size: 16px;background: #f8f9fa;}
.div_cutPage .on {background-color: #0f77e8;color: #fff !important;}
.div_cutPage a.curr{color: #fff;background-color: #0f77e8;}

/* 详情 */
.article {-webkit-box-shadow: 0 0 10px #cdced0;-moz-tbox-shadow: 0 0 10px #cdced0;-o-box-shadow: 0 0 10px #cdced0;box-shadow: 0 0 10px #cdced0;overflow: hidden;background: #fff;}
.article h1{ line-height: 36px; font-size: 24px; font-weight: bold; text-align:center; padding:20px 0;}
.oneColumn {padding: 30px 100px 17px 100px;}
.pages_zz{border-bottom: 1px solid #e0e0e0;padding: 0 20px;line-height: 32px;text-align: center;overflow:hidden;color:#333;font-size: 14px;margin-bottom: 30px;padding-bottom: 8px;}
.pages_zz .font{display: inline-block;padding: 0 10px;font-size: 16px;}
.pages_zz .dozoom img{ margin-top: -2px;  }
.pages_zz .dozoom a{ margin: 0 5px; font-size: 14px; }
.pages_zz .dozoom .on{ opacity: 0.6; }

.fujian-box{ margin-top: 30px; margin-bottom: 30px; }
.fujian-box a{line-height: 48px;padding: 10px 10px 10px 70px;border-bottom: #fff solid 1px;display: block;background: #f2f2f2 url(fujian.jpg) no-repeat 10px center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fujian-box a:last-child{ border-bottom: none; }
.fujian-box a:hover{ background: #e4e4e4 url(fujian.jpg) no-repeat 10px center; }

/* 教师列表 */
.img_list ul li{width: 25%;padding: 0px;background: none;line-height: 40px;margin-bottom: 15px;float: left;}
.img_list ul li a{margin: 0px 20px;text-align: center;}
.img_list ul li a .js-img{width: 100%;height: 280px;overflow: hidden;}
.img_list ul li a img{width: 100%;height: 100%;object-fit: cover;}
.img_list ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

@media screen and (max-width:900px){
    .nav-con{display:none;}
    .site{margin-bottom:0px;}
    .site-box{float: left;margin: 10px auto;}
    .con_left{display: none;}
    #list .con_right{margin-left: 0px;}
    .right_title{display:block;}
    .right_list ul li span{font-size: 16px;width: 110px;}
    .right_list ul li{line-height: 45px;}
    .div_cutPage{padding: 20px 0;}
    .list-banner{height: 200px;}
    .list-banner ul li img{height: 200px;}
    .oneColumn {padding: 20px;}
    .img_list ul li{width: 33.33%;}
     .img_list ul li a{margin:0 10px;}
    .img_list ul li a .js-img{height: 220px;}
}

@media screen and (max-width:420px){
    .banner, .banner div img{height: 220px;}
    .img_list ul li{width: 50%;}
}