*{padding: 0;margin: 0;list-style: none;text-decoration: none;}

.top{
	width: 1200px;
	margin: auto;
	margin-top: 20px;
}
.top_img{
	float: left;
}
.top_rig{
	float: right;
}
.top_rig{
	color: #28a7b3;
	line-height: 80px;
}






.banner{ width:100%; height:750px;margin-top: 20px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:15px;}
.b-img a{ display:block; height:750px; float:left;}
.b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:80px;border:2px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:2px solid #28a7b3;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../img/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../img/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}






.about{
	width: 100%;
	margin-top: 100px;
	background: url(../img/bg_01.jpg);
}
.about_left{
	width: 50%;
	padding-bottom: 100px;
	background: #FFFFFF;
	 background:rgba(255,255,255,0.7);
}
.about .about_left .word{
	width: 80%;
	margin: auto;
	padding-top:100px;
	opacity: 1;
}
.about .about_left .word h1{
	color: #28A7B3;
	opacity: 1!important;
}
.about .about_left .word p{
	text-align:justify;
	text-justify:inter-ideograph;
	font-size: 18px;
	line-height: 36px;
	padding-top: 50px;
	color: #434141;
}





.teacher{
	width: 100%;
	background:url(../img/bg_02.jpg);
	margin-top: 100px;
	height:770px;
}
.teacher .bg{
	width: 100%;
	height:770px;
	background: #ececec;
	 background:rgba(255,255,255,0.8);
}
.title{
	width: 450px;
	margin: auto;
	padding-top: 50px;
}
.title ul{
	text-align: center;
}
.title ul li{
	float:left;
}
.content{
	width: 920px;
	height: 450px;
	margin: auto;
	margin-top: 150px;
}
.con_left{
	position: relative;
	width: 350px;
	height: 400px;
	float: left;
}
.con_left .img{
	width: 350px;
	height: 400px;
	position: absolute;
	z-index: 1;
}
.con_left .img img{
	width: 350px;
	height: 400px;
}
.con_left .sild{
	width: 350px;
	height: 400px;
	background: #28A7B3;
	position: absolute;
	left: 10px;
	top: 10px;
}

.con_mid{
	float: left;
	margin-left: 80px;
	margin-top: 100px;
}

.con_right{
	width:40%;
	color: #434141;
	height: 200px;
	float: right;
	position: relative;
	top: 80px;
	
}
.con_right p{
	margin-top: 20px;

	text-justify:inter-ideograph;
}



.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 35%;
	width: 100px;
	height: 95px;
	margin-top: 120px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 370px;
	background: url(../img/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right:370px;
	background: url(../img/next.png) no-repeat;
}
.example{
	height: 600px;
}





/* footer */
.foot{
	width: 100%;
	height: 250px;
	background-color: #28A7B3;
	margin-top: 100px;
}
.foot .text{
	width: 1200px;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.foot .text .fo_left{
	float: left;
	margin-top: 15px;
}
.foot .text .fo_left p{
	margin-top: 10px;
	color: #FFFFFF;
}
.foot .text .fo_right{
	float: right;
	text-align: center;
	color: #FFFFFF;
}