@charset "utf-8";
.header{position: absolute;left: 0;right: 0;top: 0;background: transparent; background: -webkit-linear-gradient(top , rgba(0,0,0,.6), rgba(0,0,0,0));background: -o-linear-gradient(bottom , rgba(0,0,0,.6), rgba(0,0,0,0));background: -moz-linear-gradient(bottom , rgba(0,0,0,.6), rgba(0,0,0,0));background: linear-gradient(to bottom , rgba(0,0,0,.6), rgba(0,0,0,0));}
.top{}

.teacherNum{color: #fff;font-size: 18px;}

/*content*/
.banner{position: relative;overflow: hidden;}
.banner .flexslider a{display: block;height: 980px;background-size: cover;height: 100vh;}
.banner .flexslider img{display: none;}
/* .banner .imgResponsive{padding-bottom: calc(980% / 19.2);} */
/* .banner .imgResponsive img:hover{transform: scale(1);} */

.con-title{height: 60px;line-height: 60px;color:#fff;font-size:16px;width:1100px;z-index: 1000;/* bottom:0; */position: absolute;left:50%;margin-left:-550px;z-index: 10;top: 308px;}
.con-title .lf{position: relative;z-index: 10;font-size: 20px;margin: 13px 0 0;letter-spacing: 2px;}
.con-title .lf span{color:#fff;float:left;margin: 0 -5px 0 0;}
.letter{margin: 0 -30px 0 170px;}
.letter a{color:#fff;margin-right: 20px;font-family: 'Arial';}
.letter a:hover{color: #a90000;text-decoration: underline;}
.serWrap{height:0;overflow:hidden}

.indexSearch{background:rgba(255,255,255,.6);position: relative;height: 78px;z-index: 1;}
.indexSearch input{position:absolute;  height: 34px;line-height:34px; color:#262626; border:none; background:none; top:0px; padding-left:0px; }
.indexSearch input.notxt{color:#333;padding:0 0 0 7px;width:83%;font-size: 16px;outline: none;height: 78px;border:none;width: 100%;padding:0 60px 0 15px;box-sizing: border-box;} 
.indexSearch input.notxt1 {position: absolute;right:0;border: none;cursor:pointer;overflow: hidden;padding-right:0;color:#fff;width: 78px;height: 78px;background:url(../images/indexsearch.png) no-repeat center #710000;border:none;}

.footer{position: fixed;}

@media screen  and (max-height:800px){
	.con-title{top: 200px;}
}
@media screen  and (max-height:500px){
	.con-title{top: 100px;}
}
@media screen  and (max-width:1386px) {
	.con-title{width:1000px;margin-left: -500px;}
	.letter a{margin: 0 14px 0 0;}
	.indexSearch{width: 1000px;}
	
}

@media screen  and (max-width:1080px) {
	
}
@media screen  and (max-width:1020px) {
	.banner .flexslider a{height: auto;min-height: 90vh;}
	.banner .flexslider img{display: block;}
	
	.con-title{font-size:14px;width: 96%;margin:0;left: 2%}
	.con-title .lf{width: auto;line-height: 2;font-size: 16px;}
	.con-title .lf span{display: block;float: none;}
	
	.indexSearch{width: 100%;margin:0 auto;}
	.letter a{margin-right: 10px;}
	.letter{margin: 0;}
	
	.indexSearch{height: 45px;}
	.indexSearch input.notxt{height: 45px;}
	.indexSearch input.notxt1{height: 45px;}
	
	.footer{position: static;}
}

@media screen  and (max-width:992px) {
	.con-title{height: auto;overflow: hidden;}
	.letter a{display: inline-block;}
	/* .con-title .lf{width: 100%;line-height: 30px;padding:15px 20px 0px 0;}
	.con-title .rt{width: 100%;margin:0;box-sizing: border-box;line-height: 30px;padding:0px 20px 15px;}
	.list03 li{width: 50%;} */
	
}
@media screen  and (max-width:800px) {

}



@media screen and (max-width: 767px) {
	.con-title{}
	.con-title .bg{display: none;}
	
	.con-title{top: 40%;transform: translateY(-50%);}
	
	/* .listTitle01 h2{font-size: 18px;}
	.listTitle01 span{font-size: 14px;}
	.listTitle01{padding:25px 0;}
	.mode02 .listTitle01{padding-top: 35px;}
	.tabListBox{padding:15px;} */

}
@media screen  and (max-width:640px) {
	/* .list03 li{width: 100%;margin-bottom: 25px;}
	.list03 li > div{margin:0 5px 0 50px;}
	.item-txt03{padding:15px;} */

}

	
@media screen and (max-width:480px) {
	.letter{margin:0;display: block;/* padding:0 15px; */}
	/* .con-title .lf span{float: none;display: block;padding:0 15px;} */
	/* .con-title .rt{padding:0 15px 15px;	}
	.item-lf01{float: none;width: 100%;	}
	.item-lf01 .img{width: 120px;display: block;margin:0 auto;}
	.item-txt01{margin:15px 0 0 0;	border-left: none;padding-left: 0}
	.item-lf01 p{height: auto;	} */
		
}
@media screen and (max-width:400px) {
	
}

@media screen and (max-width:380px) {
	
  
}
@media screen and (max-width:320px) {
	
	

	


}