.main{
background-color: #f2f0f1;
padding-bottom: 40px;
}
.main .location{
height: 50px;
line-height: 49px;
font-size: 14px;
color: #666;
}
.main .location dt{
float: left;
}
.main .location dd{
float: left;
}
.main .location dd a{
color: #666;
text-decoration: none;
}
.main .location dd i{
display: inline-block;
margin: 0 5px;
}
.main .mainWarp .mainNav{
float: left;
width: 256px;
line-height: 70px;
border-left: 4px solid #860000;
}
.main .mainNav li.first{
height: 70px;
font-size: 24px;
background: #860000;
color: #FFFFFF;
padding-left: 68px;
}
.main .mainNav li{
border-bottom: 1px solid #f2f0f0;
}
.main .mainNav li a:before{
content: '';
display: block;
border-left: 9px solid #b3b3b3;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
position: absolute;
left: 30px;
top: 28px;
}
.main .mainNav li.last{
border-bottom:none;
}
.main .mainNav li a{
display: block;
height: 70px;
padding-left: 68px;
font-size: 18px;
background: #fff;
color: #000;
text-decoration: none; 
position: relative;
}
.main .mainNav li.ac a:before{
border-left-color: #860000;
}
.main .mainNav li.ac a{
color: #860000;
}
.main .mainNav li a:hover:before{
border-left-color: #860000;
}
.main .mainNav li a:hover{
color: #860000;
}
.listPageWarp .main .mainWarp .mainNav.hideMainNav{
position: absolute;
display: block;
left: 25px;
top: 55px;
width: 150px;
z-index: 10;
border: 1px solid #860000;
}
.main .mainWarp .hideMainNav li.first{
display: none;
}
.main .mainWarp .hideMainNav li a:before{
top: 17px;
}
.main .mainWarp .hideMainNav li a{
height: 50px;
line-height: 50px;
background: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
}
.main .contentWarp{
float: right;
width: 910px;
background-color: #fff;
position: relative;
}

.main .contentWarp .mainNavMenu{
display: none;
position: absolute;
top: 10px;
left: 10px;
cursor: pointer;
width: 25px;
height: 25px;
padding: 8px;
background: #860000;
border-radius: 5px;
}
.main .contentWarp .mainNavMenu i{
display: block;
width: 25px;
height: 25px;
background: url(../images/menu.png) no-repeat;
background-size: cover;
}
.main .contentWarp .mainContent{
padding: 0 30px;
min-height: 500px;
}
.main .contentWarp .mainContent dt{
text-align: center;
height: 70px;
font-size: 24px;
line-height: 70px;
font-weight: normal;

}
.main .contentWarp .mainContent dd{
border-bottom: 1px dashed #ddd;
}
.main .contentWarp .mainContent dd ul{
padding: 10px 0;
}
.main .contentWarp .mainContent dd li{
height: 44px;
line-height: 44px;
font-size: 14px;
position: relative;
}
.main .contentWarp .mainContent dd li a{
display: block;
color: #000;
}
.main .contentWarp .mainContent dd li a:hover{
color: #860000;
}
.main .contentWarp .mainContent dd li a i{
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #860000;
vertical-align: middle;
margin-right: 10px;
}
.main .contentWarp .mainContent dd li span{
position: absolute;
right: 0px;
top: 0;
color: #999;
}
.main .contentWarp .mainContent .changePage{
border: none;
padding: 40px 0;
font-size: 14px;
line-height: 23px;
color: #333;
text-align: center;
}
.main .contentWarp .mainContent .changePage table{
margin: 0 auto;
}
.main .contentWarp .mainContent .changePage .totalPage{
display: inline-block;
margin: 0 15px;
}
.main .contentWarp .mainContent .changePage input{
width: 45px;
height: 21px;
margin-left: -3px;
margin-right: 10px;
border: 1px solid #dddddd;
box-shadow: 0 0 0 1px #f4f4f4 inset;
background: #fff;
}
.main .contentWarp .mainContent .changePage .zhuan{
display: inline-block;
width: 45px;
height: 21px;
margin-right: 10px;
border: 1px solid #dddddd;
}
.main .contentWarp .mainContent .changePage .page{
width: 58px;
text-align: center;
}

.main .contentWarp .mainContent h4{
text-align: center;
height: 70px;
font-size: 24px;
line-height: 70px;
font-weight: normal;
margin-bottom: 20px;
border-bottom: 1px solid #bbb;
}
.main .contentWarp .mainContent p{
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
text-indent: 2em;
}
.main .contentWarp .mainContent p.last{
margin-bottom: 100px;
}

.main .contentWarp .mainContent .title{
border-bottom: 1px solid #bbb;
}
.main .contentWarp .mainContent .title h4{
height: auto;
line-height: 40px;
padding-top: 15px;
margin-bottom: 0;
}
.main .contentWarp .mainContent .title .textMessage{
text-align: center;
font-size: 14px;
color: #666;
height: 26px;
margin-bottom: 12px;
}
.main .contentWarp .mainContent .content{
padding: 15px 0 100px;
}
.main .contentWarp .textContent p{
text-indent: 0px;
}
.main .contentWarp .mainContent .content h5{
font-size: 14px;
font-weight: normal;
min-height: 25px;
line-height: 25px;
text-align: center;
}
.main .contentWarp .mainContent .content .pic{
width: 470px;
margin: 0 auto;
font-size: 0;
}
.main .contentWarp .mainContent .content .pic img{
width: 75%;
height:auto;
margin: 0 auto;
}
.main .contentWarp .mainContent .content table{
width:100%;
margin: 0 auto;
}
.main .contentWarp .mainContent .content .pic img{
width: 100%;
}

.main .contentWarp .newsMessageList dd{
border-bottom: none;
}
.main .contentWarp .newsMessageList dd li{
border-bottom: 1px solid #ddd;
height: 140px;
}
.main .contentWarp .newsMessageList dd li a{
display: block;
padding: 20px 30px;
height: 99px;
}
.main .contentWarp .newsMessageList dd li a:hover{
background-color: #f7f7f7;
}
.main .contentWarp .newsMessageList dd li a .listPagePic{
float: left;
margin-right: 20px;
font-size: 0;
width: 150px;
height: 100px;
overflow: hidden;
}
.main .contentWarp .newsMessageList dd li a .listPagePic img{
width: 100%;
}
.main .contentWarp .newsMessageList dd li a .listNewsMessage{
float: left;
width: 620px;
}
.main .contentWarp .newsMessageList dd li a .listNewsMessage h4{
text-align: left;
font-size: 16px;
height: 30px;
line-height: 30px;
margin-bottom: 0;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
border:none;
}
.main .contentWarp .newsMessageList dd li a .listNewsMessage p{
text-align: left;
text-indent: 0;
padding: 0;
height: 48px;
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
color: #666;
overflow: hidden;
}
.main .contentWarp .newsMessageList dd li a .listNewsMessage .newsMessage{
color: #333;
height: 26px;
line-height: 26px;
}
.main .contentWarp .newsMessageList dd li a .listNewsMessage .newsMessage span{
position: static;
color: #333;
display: inline-block;
margin-right: 25px;
}

.main .contentWarp .contactInformation{
font-family: "微软雅黑";
}
.main .contentWarp .contactInformation p{
text-indent: 0;
font-size: 16px;
height: 20px;
line-height: 20px;
margin-bottom: 10px;
}
.main .contentWarp .contactInformation table{
border-collapse:collapse;
margin-bottom: 20px;
}
.main .contentWarp .contactInformation table.last{
margin-bottom: 100px;
}
.main .contentWarp .contactInformation table caption{
font-size: 16px;
height: 35px;
line-height: 35px;
color: #860000;
font-weight: bolder;
text-align: left;
}
.main .contentWarp .contactInformation table thead th{
width: 370px;
background: #860000;
color: #fff;
height: 36px;
line-height: 36px;
border-right: 3px solid #fff;
}
.main .contentWarp .contactInformation table thead th.last{
width: 470px;
border-right: none;
}
.main .contentWarp .contactInformation table tbody tr.last2n{
background: #dcdcdc;
}
.main .contentWarp .contactInformation table tbody td{
text-align: center;
font-size: 14px;
color: #000;
height: 30px;
line-height: 30px;
border-right: 3px solid #fff;
}

.main .contentWarp .institution{
font-family: "微软雅黑";
font-size: 14px;
padding-bottom: 20px;
}
.main .contentWarp .institution .pic{
font-size: 0px;
text-align: center;
margin-bottom: 20px;
}
.main .contentWarp .institution h5{
height: 25px;
line-height: 25px;
}
.main .contentWarp .institution p{
line-height: 25px;
margin-bottom: 25px;
}

.main .contentWarp .leader{
padding-bottom: 50px;
}
.main .contentWarp .leader ul{
padding-left:0px;
}
.main .contentWarp .leader li{
height: 139px;
border-bottom: 1px solid #dddddd;
position: relative;
}
.main .contentWarp .leader li .pic{
width: 92px;
height: 92px;
border: 1px solid #ddd;
padding: 3px;
background: #fff;
font-size: 0px;
text-align: center;
overflow: hidden;
position: absolute;
right: 30px;
top: 20px;
}
.main .contentWarp .leader li .leaderMessage{
padding-left: 30px;
color: #000;
}
.main .contentWarp .leader li h4{
text-align: left;
height: 60px;
line-height: 60px;
margin-bottom: 0;
font-size: 20px;
color: #810000;
border:none;
}
.main .contentWarp .leader li p{
text-indent: 0;
height: 25px;
line-height: 25px;
font-size: 14px;
margin-bottom: 0;
}
.main .contentWarp .leader li p span{
display: inline-block;
margin-left: 20px;
}

.main .contentWarp .mainContent .historyPic{
font-size: 0;
text-align: center;
padding: 40px 0px;
}
.main .contentWarp .mainContent .historyPic img{
width:100%;
}

.main .contentWarp .mainContent dt{
border-bottom: 1px solid #bbb;
}
.main .contentWarp .mainContent dd{
border-bottom: none;
margin-bottom: 0;
}
.main .contentWarp .mainContent .picContent {
margin-top: -20px;
}
.main .contentWarp .mainContent .picContent li{
width: 220px;
height: 205px;
border: 1px solid #e3e3e3;
margin-top: 30px;
margin-right: 65px;
float: left;
padding: 10px 9px 0;
text-align: center;
}
.main .contentWarp .mainContent .picContent li.last3n{
margin-right: 0;
}
.main .contentWarp .mainContent .picContent li .pic{
width: 100%;
height: 78%;
overflow: hidden;

}
.main .contentWarp .mainContent .picContent li .pic img{
width: 100%;
}
.main .contentWarp .mainContent .picContent li a{
width: 100%;
overflow: hidden;
cursor: pointer;
font-size: 18px;
color: #333;
}
.main .contentWarp .textContent .title h4{
border: none;
}

.main .contentWarp .teachers{
 margin-bottom: 100px;
}
.main .contentWarp .teachers h3{
 color: #860000;
 height: 45px;
 line-height: 45px;
 font-size: 16px;
 border-bottom: 1px dashed #ddd;
}
.main .contentWarp .teachers .teachersName{
 margin: 20px 6%;
}
.main .contentWarp .teachers .teachersName a{
 float: left;
 font-size: 14px;
 height: 30px;
 line-height: 30px;
 color: #1b1b1b;
 margin: 0 7%;
}