@charset "utf-8";

body > div{margin-right:auto;margin-left:auto; }
body{font-family: "microsoft yahei", '宋体';}
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:14px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
img{border:none;}
a{outline-style:none;color:#000;text-decoration:none;transition: all 1s;}
a:hover{color:#025194;text-decoration:none;}
.clear{clear:both; height:0; font-size:0;overflow:hidden;}
.wrap{
 width: 1400px;
 margin: 0 auto;
}
.recommendBan table{
   width:100%;

}
.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}
.ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.ellipsis2 {
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
}
.header{
 display: flex;
 justify-content: space-between;
 height: 80px;
}
.logo{
 display: flex;
}
.logoImg{
 display: flex;
 align-items: center;
 padding: 0 30px;
 margin-left:60px;

}
.logoImg img{
 width: 300px;
} 
.logoName{
 display: flex;
 justify-content: center;
 flex-direction: column;
 padding: 0 30px;
}
.logoName p{
 color: rgba(79, 79, 79, 1);
 font-size: 16px;
 padding: 2px 0;
}
 
.nav{
    display: flex;
}
.nav table tr:nth-child(2) td:nth-child(15) div{width:147px;}
.nav table tr:nth-child(1) td:nth-child(2) span{width:100px;}
.nav td{
background-color: #fff !important;
border:none !important;
}
.nav .main_0_{
    top:80px;
}
.nav .menu0_0_ span{
height: 80px;
    display: block;
padding:0 5px;
line-height: 80px;
}
.nav .main_0_ span{
height: 50px !important;
    display: block !important;
padding:0 15px !important;
line-height: 50px !important;
}

.backHome{
 width: 80px;
 border-left: solid 1px #E5E5E5;
}
.backHome a{
 
 display: flex;
 height: 80px;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.backHome a:hover span{
 color: #337AB7;
}
.backHome img{
 width: 24px;
 margin-bottom: 5px;
}
.backHome span{
 color: #888;
 font-size: 13px;
}
.banner img{
 width: 100%;
height:600px;
}
.banner table{width:100%;}
.banner div{width:100% !important;height:auto !important;}

.news{
 background-color: #EBECED;
 padding-top: 80px;
 padding-bottom: 60px;
}
.news .title{
 position: relative;
 display: flex;
 justify-content: center;
 margin-bottom: 50px;
}
.news .title img{
 width: 178px;
}
.news .title a{
 position: absolute;
 right: 0;
 bottom:10px;
 display: block;
 width: 136px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background:#337AB7;
 color:#fff;
 font-size:16px;
}
.news .title a:hover{
 background-color: #999;
}
.newsList{
 display: flex;
 justify-content: space-between;
 align-items: flex-start
}
.newsList_l{
 width: 655px;
 background-color: #fff;
 box-shadow:2px 2px 16px #cdcdcd;
}
.newsList_l_img{
 position: relative;
}
.newsList_l_img img{
 display: block;
 width: 100%;
 height: 437px;
}
.newsList_l_img .time{
 position: absolute;
 left: 0;
 bottom: 0;
 width: 150px;
 height: 48px;
 line-height: 48px;
 text-align: center;
 background-color: #337AB7;
 color: #fff;
}
.newsList_l_img .time span:nth-child(1){
 font-size: 24px;
 font-weight: bold;
}
.newsList_l_img .time::after{
 content: '';
 position: absolute;
 right: -80px;
 top: 0;
 width: 0;
 height: 0;
 border-left: 40px solid #337AB7; 
 border-right: 40px solid transparent; 
 border-top: 48px solid transparent; 
}
.newsList_l_text{
 padding: 25px 30px 60px 30px;
 transition:  all 0.5s ease; 
}
.newsList_l_text_title{
 color:#333;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 15px;
}
.newsList_l_text_digest{
 color: #999;
 line-height: 25px;
}
.newsList_l a:hover .newsList_l_text{
 background-color: #337AB7;
}
.newsList_l a:hover .newsList_l_text_title{
 color: #fff;
}
.newsList_l a:hover .newsList_l_text_digest{
 color: #fff;
}
.newsList_r{
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 flex-wrap: wrap;
 width: 715px;
 overflow: hidden;
}
.newsList_r_item{
 width: 342px;
 background-color: #fff;
 box-shadow:2px 2px 16px #cdcdcd;
 margin-bottom: 30px;
}
.newsList_r_item a{
 display: block;
 position: relative;
}
.newsList_r_item_img img{
 display: block;
 width: 100%;
 height: 225px;
}
.newsList_r_item_text{
 padding: 25px 30px;
 transition: all 0.5s ease; 
}
.newsList_r_item_text .time{
 line-height: 50px;
 height: 50px;
 color: #337AB7;
}
.newsList_r_item_text .time span:nth-child(1){
 font-size: 24px;
 font-weight: bold;
}
.newsList_r_item_text_title{
 font-size: 18px;
 color: #333;
 font-weight: bold;
 line-height: 25px;
 height: 50px;
 margin-bottom: 15px;
}
.newsList_r_item_text_digest{
 color: #999;
 line-height: 25px;
 height: 25px;
}
.newsList_r_item a:hover .newsList_r_item_text{
 background-color: #337AB7;
}
.newsList_r_item a:hover .time{
 color: #fff;
}
.newsList_r_item a:hover .newsList_r_item_text_title{
 color: #fff;
}
.newsList_r_item a:hover .newsList_r_item_text_digest{
 color: #fff;
}
.newsList_r_item:nth-child(2) .newsList_r_item_img{
 display: none;
}
.newsList_r_item:nth-child(3) .newsList_r_item_img{
 display: none;
}
.newsList_r_item:nth-child(2) .newsList_r_item_text_digest{
 display: none;
}
.newsList_r_item:nth-child(3) .newsList_r_item_text_digest{
 display: none;
}
.newsList_r_item:nth-child(4){
 margin-top: -250px;
}
.notice{
 background-image: url('../img/bg1.png');
 background-position: bottom center;
 padding-bottom: 130px;
}
.notice .wrap{
 
}
.notice .noticeBox{
 display: flex;
 justify-content: space-between;
 padding: 55px 40px;
 box-sizing: border-box;
 background-image: url('../img/bg0.png');
 background-position: bottom center;
 box-shadow: 0px 10px 20px #999;
}
.notice .noticeBoxList{
 display: flex;
 flex-wrap: wrap;
}
.notice .noticeBoxList .item{
 width: 45%;
 padding-right: 5%;
 margin-bottom: 30px;
}
.notice .noticeBoxList .item a{
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.notice .noticeBoxList .item a::before{
 content: '';
 position: absolute;
 left: -15px;
 top: 50%;
 width: 4px;
 height: 4px;
 transform: translateY(-2px);
 background-color: #999;
}
.notice .noticeBoxList .item .name{
 width: 70%;
 font-size: 16px;
}
.notice .noticeBoxList .item .time{
 width: 30%;
 text-align: right;
 font-size: 16px;
 color: #999;
}
.noticeBoxTitle{
 display: flex;
 flex-direction: column;
}
.noticeBoxTitle img{
 width: 143px;
 margin-bottom: 35px;
}
.noticeBoxTitle a{
 display: block;
 text-align: center;
 font-size: 16px;
 color: rgba(51, 51, 51, 0.7);
}
.noticeBoxTitle a:hover{
 color: #337AB7;
}
.recommend{
 position: relative;
}
.recommendBan div{
 width: 1400px !important;
height:auto !important;
}
.recommendBan img{
 display: block;
 width: 1400px;
height:700px;
margin:0 auto;
}
.recommendTitle{
 position: absolute;
 left: 0;
 top: 70px;
 z-index: 9999;
 width: 100%;
}
.recommendTitle .wrap{
 display: flex;
}
.recommendTitle .wrap div{
 background-color: rgba(0, 0, 0, 0.4);
 padding: 15px 30px;
}
.recommendTitle img{
 width: 178px;
 display: block;
}
.activity{
 background-color: #EAE5DB;
 padding-top: 90px;
 padding-bottom: 130px;
}
.activityTitle{
 display: flex;
 margin-bottom: 60px;
}
.activityTitle_name{
 display: flex;
 align-items: center;
 border-top: solid 1px #D8D8D8;
 border-right: solid 1px #D8D8D8;
 box-sizing: border-box;
 width: 305px;
}
.activityTitle_name .icon1{
 width: 6px;
 height: 6px;
 background-color: #999;
}
.activityTitle_name .name1{
 display: block;
 line-height: 40px;
 font-size: 16px;
 color: #333;
 padding: 0 15px;
}
.activityTitle_name .icon2{
 width: 2px;
 height: 22px;
 background-color: rgba(51, 51, 51, 0.7);
}
.activityTitle_name .name2{
 padding-left: 15px;
 font-size: 16px;
 color: rgba(51, 51, 51, 0.7);
}
.activityTitle_name span{
 text-transform: uppercase;
}
.activityTitle_more{
 display: flex;
 justify-content: flex-end;
 flex-grow: 1;
 border-bottom: solid 1px #D8D8D8;
 text-align: right;
}
.activityTitle_more a{
 font-size: 16px;
 color: #999;
 line-height: 40px;
 display: block;
}
.activityTitle_more a:hover{
 color: #337AB7;
}
.activityList{
 overflow: hidden;
}
.activityListBox{
 position: relative;
 width: 120%;
}
.activityList .item{
 position: relative;
 float: left;
 width: 300px;
 box-shadow:2px 2px 16px #cdcdcd;
}
.activityList .item a{
 display: block;
 background-color: #fff;
}
.activityItem_img img{
 display: block;
 width: 100%;
 height: 430px;
}
.activityItem_text{
 padding: 15px 20px 45px 20px;
}
.activityItem_text_title{
 margin-bottom: 15px;
 font-size:16px;
}
.activityItem_text_time{
 font-size: 14px;
 color: #999;
 line-height: 25px;
}
.activityList .item a:hover .activityItem_text{
 background-color: #337AB7;
}
.activityList .item a:hover .activityItem_text_title{
 color: #fff;
}
.activityList .item a:hover .activityItem_text_time{
 color: #fff;
}
.activityList .item:nth-child(1){
 left: 0;
 top: 0;
 z-index: 5;
}
.activityList .item:nth-child(2){
 left: -25px;
 top: 0;
 z-index: 4;
 margin-top: 40px;
}
.activityList .item:nth-child(3){
 left: -50px;
 top: 0;
 z-index: 3;
}
.activityList .item:nth-child(4){
 left: -75px;
 top: 0;
 z-index: 2;
 margin-top: 40px;
}
.activityList .item:nth-child(5){
 left: -100px;
 top: 0;
 z-index: 1;
}
.clear{
 clear: both;
}
.activityList .item:hover{
 z-index: 99;
}
.works{
 padding-top: 60px;
 padding-bottom: 150px;
 background-image: url('../img/bg2.png');
 background-position: top center;
}
.worksList{
 display: flex;
 justify-content: space-between;
}
.worksList .item{
 overflow: hidden;
}
.worksList .item img{
 display: block;
 width: 450px;
 height: 640px;
 transition: all 0.5s ease;
}
.worksList .item:hover img{
 transform: scale(1.05);
}
.footer{
 padding-top: 80px;
}
.footerInfo{
 display: flex;
 padding-bottom: 84px;
}
.footerInfo .codeImg{
 padding-right: 70px;
}
.footerInfo .codeImg img{
 width: 124px;
 height: 124px;
 display: block;
 margin: 0 auto;
 margin-bottom: 10px;
}
.footerInfo .codeImg p{
 text-align: center;
 font-size: 13px;
 color: #999;
}
.footerInfo .school{
 position: relative;
 padding: 0 70px;
}
.footerInfo .school::before{
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -60px;
 width: 1px;
 height: 120px;
 background-color: #D8D8D8;
}
.footerInfo .school::after{
 content: '';
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -60px;
 width: 1px;
 height: 120px;
 background-color: #D8D8D8;
}
.footerInfo .school img{
 display: block;
 width: 200px;
 margin-bottom: 30px;
}
.footerInfo .school div{
 color: #999;
 line-height: 30px;
 font-size: 14px;
}
.footerInfo .links{
 flex-grow: 1;
 padding-left: 70px;
}
.footerInfo .linksTitle{
 font-size: 18px;
 color: #4F4F4F;
 font-weight: bold;
 margin-bottom: 40px;
}
.footerInfo .linksName{
 display: flex;
 flex-wrap: wrap;
}
.footerInfo .linksName a{
 display: flex;
 width: 25%;
 font-size: 14px;
 color: #999;
 margin-bottom: 15px;
}
.footerInfo .linksName a:hover{
 color: #337AB7;
}
.listBox{
 padding: 80px 0;
 background-color: #EAE5DB;
 background-image: url('../img/bg4.png');
 background-position: top center;
}
.listBox .wrap{
 display: flex;
}
.listBox .sideNav{
 width: 180px;
} 
.listBox .listArea{
 flex-grow: 1;
 padding-left: 30px;
 width: 0;
}
.listBox .listAreaBox{
 background-color: #fff;
 padding-bottom: 50px;
}
.sideNav .sideNavName{
 background-color: #337AB7;
 line-height: 54px;
 padding-left: 38px;
 color: #fff;
 margin-bottom: 25px;
 font-size: 18px;
}
.sideNav .sideNavList{
 background-color: #fff;
}
.sideNav .sideNavList .item{
 padding-left: 20px;
 transition: all 0.5s ease;
}
.sideNav .sideNavList .item a{
 position: relative;
 display: block;
 padding-left: 18px;
 line-height: 50px;
 font-size: 14px;
 border-bottom: solid 1px #E5E5E5;
}
.sideNav .sideNavList .on a::before{
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 width: 3px;
 height: 16px;
 background-color: #337AB7;
 margin-top: -8px;
}
.sideNav .sideNavList .item:hover{
 background-color: #337AB7;
}
.sideNav .sideNavList .item:hover a{
 color: #fff;
 border-bottom: solid 1px #337AB7;
}
.sideNav .sideNavList .item:hover a::before{
 background-color: #fff;
}
.listAreaBox_column{
 padding: 0 30px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.listAreaBox_column_name{
 display: flex;
 align-items: center;
 height: 75px;
}
.listAreaBox_column_name img{
 width: 22px;
}
.listAreaBox_column_name .name1{
 display: block;
 line-height: 40px;
 font-size: 16px;
 color: #333;
 padding: 0 15px;
}
.listAreaBox_column_name .icon2{
 width: 1px;
 height: 22px;
 background-color: #ccc;
}
.listAreaBox_column_name .name2{
 padding-left: 15px;
 font-size: 16px;
 color: rgba(51, 51, 51, 0.7);
}
.listAreaBox_column_name span{
 text-transform: uppercase;
}
.listAreaBox_img img{
 display: block;
 width: 100%;
}
.listAreaBox_list{
 padding: 40px;
}
.listAreaBox_list .item a{
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-bottom:solid 1px #E5E5E5;
 height: 50px;
}
.listAreaBox_list .item .name{
 position: relative;
 font-size: 14px;
 padding-left: 15px;
}
.listAreaBox_list .item .name::before{
 content: '';
 width: 4px;
 height: 4px;
 position: absolute;
 left: 0px;
 top: 50%;
 transform: translateY(-50%);
 background-color: #CCCCCC;
}
.listAreaBox_list .item .time{
 font-size: 14px;
 color: #999;
}
.pagination {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}
.pagination *{font-size:14px !important;}
.pagination span{padding:5px 10px !important; border:solid 1px #eee !important;}
.pagination a{padding:5px 10px !important;border:solid 1px #eee !important;}
.pagination input{padding:5px 10px !important;border:solid 1px #eee !important; height:auto !important;}
.pagination .defaultInputStyle{margin:0 10px;}



.listAreaBox_detail{
 padding: 0 50px;
 border-top: solid 1px #E5E5E5;
}
.listAreaBox_detail_head{
 text-align: center;
 padding-top: 36px;
 padding-bottom: 26px;
 border-bottom: dashed 1px #E5E5E5;
}
.listAreaBox_detail_head_title{
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 15px;
}
.listAreaBox_detail_head_info{
 font-size: 14px;
 color: rgba(51, 51, 51, 0.7);;
}
.listAreaBox_detail_content{
 width: 100%;
 font-size: 16px;
 padding-top: 25px;
 line-height: 30px;
}
.listAreaBox_detail_content *{
 font-size: 16px;
 line-height: 30px;
}
.listAreaBox_detail_content img{
 max-width: 100%;
}
.listAreaBox_teacher{
 border-top: solid 1px #E5E5E5;
 padding: 50px 40px;
}
.listAreaBox_teacher ul{
 overflow: hidden;
}
.listAreaBox_teacher li{
 width: 20%;
 float: left;
height:232px;
 margin-bottom: 60px;
}
.listAreaBox_teacher li a{
 display: block;
 width: 145px;
 margin: 0 auto;
}
.listAreaBox_teacher li .img{
 overflow: hidden;
}
.listAreaBox_teacher li img{
 display: block;
 width: 100%;
 height: 145px;
 transition: all 0.5s ease;
}
.listAreaBox_teacher li .text{
 position: relative;
 padding: 15px 0 15px 30px;
}
.listAreaBox_teacher li .text::before{
 content: '';
 position: absolute;
 left: 10px;
 top: -10px;
 width: 1px;
 height: 74px;
 background-color: #000;
 transition: all 0.5s ease;
}
.listAreaBox_teacher li .text .post{
 font-size: 14px;
 color: rgba(51, 51, 51, 0.7);
 margin-bottom: 5px;
}
.listAreaBox_teacher li .text .name{
 font-size: 20px;
 color: #333;
 font-weight: bold;
 transition: all 0.5s ease;
}
.listAreaBox_teacher li a:hover img{
 transform: scale(1.05);
}
.listAreaBox_teacher li a:hover .text::before{
 top: 15px;
 height: 50px;
 background-color: #337AB7;
}
.listAreaBox_teacher li a:hover .name{
 color: #337AB7;
}
.listAreaBox_teacher li a:hover .post{
 color: #337AB7;
}
.listAreaBox_teacherInfo{
 border-top: solid 1px #E5E5E5;
 padding: 50px 65px;
}
.listAreaBox_teacherInfo .teacherInfo{
 display: flex;
 align-items: flex-end;
 margin-bottom: 80px;
}
.listAreaBox_teacherInfo .img{
 width: 270px;
}
.listAreaBox_teacherInfo img{
 display: block;
 width: 100%;
 height: 270px;
}
.listAreaBox_teacherInfo .text{
 flex-grow: 1;
 width: 0;
 padding-left: 45px;
}
.listAreaBox_teacherInfo .name{
 font-size:56px;
 color: #333;
 margin-bottom: 20px;
}
.listAreaBox_teacherInfo .post{
 font-size: 16px;
 color: rgba(51, 51, 51, 0.7);
}
@media screen and (max-width: 1440px) {
  .wrap{
   width: 1200px;
  }
  .newsList_l{
   width: 555px;
  }
  .newsList_l_img img{
   height: 370px;
  }
  .newsList_r{
   width: 615px;
  }
  .newsList_r_item{
   width: 292px;
  }
  .newsList_r_item_img img{
   height: 195px;
  }
  .newsList_r_item_text{
   padding: 16px 30px;
  }
  .newsList_r_item:nth-child(4){
   margin-top: -220px;
  }
  .activityList .item{
   width: 260px;
  }
  .worksList .item img{
   width: 380px;
   height: 540px;
  }
}