.headerTeacher{
background-color: #860000;
height: 130px;
}
.headerTeacher .inner{
height: 130px;
}
.headerTeacher .logo{
height: 84px;
width: 460px;
padding-top: 23px;
font-size: 0;
float: left;
}
.headerTeacher .logo img{
width: 100%;
}
.headerTeacher .title{
float: left;
margin-left: 30px;
padding-top: 48px;
color: #fff;
}
.headerTeacher .title h2{
font-size: 30px;
height: 36px;
line-height: 36px;
font-weight: normal;
}
.headerTeacher .title span{
font-size: 12px;
height: 36px;
line-height: 36px;
text-transform: uppercase;
}
.headerTeacher .text{
 float: right;
 height: 130px;
 width: 58%;
 background: url(../images/t-hdbg.png) no-repeat right 8px;
}
.headerTeacher .text .box{
 margin: 0 auto;
 font-size: 0;
 text-align: right;
 float: left;
 width: 42%;
 margin-left: 8%;
}
.headerTeacher .text .xiaoxun{
 margin-top: 50px; 
}
.headerTeacher .text .iPhone{
 margin-top: 38px;
}
.headerTeacher .text .box img{
 width: 100%;
}
.nav{
height: 40px;
margin-bottom: 4px;
background-color: #f1f1f1;
position: relative;
}
.nav ul{
float: left;
}
.nav ul li{
float: left;
}
.nav ul li a{
display: block;
padding: 0 42px;
border-bottom: 2px solid #f1f1f1;
color: #000;
height: 38px;
line-height: 38px;
}
.nav ul li.ac a{
border-bottom-color: #860000;
}
.nav ul li a:hover{
border-bottom-color: #860000;
}
.nav .menu{
display: none;
position: absolute;
top: 10px;
left: 20px;
cursor: pointer;
width: 25px;
height: 25px;
}
.nav .menu i{
display: block;
width: 25px;
height: 25px;
background: url(../images/menu01.png) no-repeat;
background-size: cover;
}
.nav .searchWarp{
float: right;
font-size: 0;
padding-top: 6px;
}
.nav .searchWarp input.text{
font-size: 12px;
border-radius: 5px 0 0 5px;
padding: 0 10px;
height: 28px;
width: 170px;
line-height: 28px;
vertical-align: middle;
}
.nav .searchWarp input.search{
border-radius: 0px 5px 5px 0px;
height: 28px;
width: 40px;
background: #fff;
vertical-align: middle;
}

.bannerWarp{
margin-bottom: 20px;
}
.bannerWarp .navBar{
float: left;
width: 270px;
}
.bannerWarp .navBar li a{
display: block;
height: 78px;
line-height: 78px;
color: #333;
background-color: #ddd;
font-size: 16px;
border-bottom: 1px solid #bbb;
border-top: 1px solid #fff;
}
.bannerWarp .navBar li.first a{
height: 79px;
border-top:none;
}
.bannerWarp .navBar li.last a{
height: 79px;
border-bottom:none;
}
.bannerWarp .navBar li a i{
display: inline-block;
margin-left: 40px;
margin-right: 20px;
width: 40px;
height: 40px;
background: url(../images/t-icon.png) no-repeat;
vertical-align: middle;
}
.bannerWarp .navBar li.icon4 a i{
background-position: 0 -40px;
}
.bannerWarp .navBar li.icon3 a i{
background-position: -40px -40px;
}
.bannerWarp .navBar li.icon2 a i{
background-position: -80px -40px;
}
.bannerWarp .navBar li.icon1 a i{
background-position: -120px -40px;
}
.bannerWarp .navBar li.icon5 a i{
background-position: -160px -40px;
}
.bannerWarp .navBar li.ac a{
color: #fff;
background-color: #860000;
border-bottom: 1px solid #640000;
border-top: 1px solid #a80000;
}
.bannerWarp .navBar li a:hover{
color: #fff;
background-color: #860000;
border-bottom: 1px solid #640000;
border-top: 1px solid #a80000; 
}
.bannerWarp .navBar li.icon4 a:hover i{
background-position: 0 0;
}
.bannerWarp .navBar li.icon3 a:hover i{
background-position: -40px 0;
}
.bannerWarp .navBar li.icon2 a:hover i{
background-position: -80px 0;
}
.bannerWarp .navBar li.icon1 a:hover i{
background-position: -120px 0;
}
.bannerWarp .navBar li.icon5 a:hover i{
background-position: -160px 0;
}
.bannerWarp .navBar li.first a:hover{
height: 79px;
border-top:none;
}
.bannerWarp .navBar li.last a:hover{
height: 79px;
border-bottom:none;
}

.bannerWarp .bannerT{
float: left;
width: 930px;
height: 400px;
font-size: 0px;
}
.bannerWarp .bannerT img{
width: 100%;
}

.main{
margin-bottom: 40px;
color: #333;
}
.main .box{
width: 580px;
float: left;
}
.main .box .title{

border-bottom: 1px solid #e9e8e8;
position: relative;
text-align: center;
margin-bottom: 23px;
}
.main .box .title h3{
width: 120px;
height: 50px;
line-height: 50px;
font-weight: normal;
font-size: 24px;
border-bottom: 1px solid #860000;
}
.main .box .title span{
display: block;
width: 45px;
height: 18px;
border-radius: 9px;
position: absolute;
right: 0;
top: 16px;
cursor: pointer;
font-size: 12px;
line-height: 18px;
background-color: #eee;
color: #666;
padding-left: 11px;
text-align: left;
}
.main .box .title span a{
color: #666;
}
.main .box .title span:after{
content: "";
display: block;
border:4px solid transparent;
border-left-color: #666;
position: absolute;
left: 41px;
top: 5px;
}
.main .box ul li{
position: relative;
font-size: 14px;
}
.main .box ul li a{
color: #333;
display: inline-block;
width: 450px;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.main .box ul li a:hover{
color: #860000;
}
.main ul li a i{
display: inline-block;
width: 5px;
height: 5px;
background: #860000;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
}
.main .box ul li span{
position: absolute;
right: 0;
}

.main .news{
margin-right: 40px;
}
.main .box .title span:hover{
background-color: #860000;
color: #fff;
}
.main .box .title span:hover a{
color: #fff;
}

.main .box .title span:hover:after{
border-left-color: #fff;
}
.main .news .newsList{
height:277px;
}
.main .news .newsList li.first{
margin-bottom: 10px;
border: none;
height: 160px;
}
.main .news .newsList li .pic{
float: left;
font-size: 0;
width: 260px;
height: 160px;
margin-right: 25px;
overflow: hidden;
}
.main .news .newsList li .pic img{
width: 100%;
}
.main .news .newsList li .centent{
float: left;
width: 295px;
height: 160px;
overflow: hidden;
}
.main .news .newsList li .centent h4{
font-size: 16px;
line-height: 28px;
font-weight: normal;
color: #000;
height: 56px;
overflow: hidden;
}
.main .news .newsList li .centent h4 a{
width:100%;
height:100%;
white-space:normal;


}
.main .news .newsList li .centent .time{
position: static;
font-size: 12px;
line-height: 26px;
color: #adadad;
}
.main .news .newsList li .centent p{
font-size: 14px;
line-height: 24px;
}
.main .news .newsList li{
border-bottom: 1px dashed #cdcdcd;
height: 35px;
line-height: 35px;
}
.main .news .newsList li.last{
border: none;
}

.main .achievement .achievementList {
height:288px;
}
.main .achievement .achievementList li{
height: 36px;
line-height: 36px;
}
.main .achievement .achievementList li span{
width: 110px;
height: 18px;
background-color: #860000;
line-height: 18px;
color: #fff;
text-align: center;
top:9px;
}