/*公共样式*/

.content-box-1{
	width: 100%;margin: 0 auto;
}

.content-box{
	width: 1200px;margin: 0 auto;
}
.m-title{
	width: 100%;height: 80px;line-height: 80px;text-align: center;font-size: 30px;
	font-weight: 400;
	color: #00aeff;
	/* background: url(../img/redline.png) no-repeat center; */
}


.m-list a{
	display: block;float: left;border-radius: 10px;box-shadow: 0 0 10px #ccc;
	overflow: hidden;
}
.m-list a img{
	-webkit-filter: opacity(80%);
	filter: opacity(90%);	
}
.m-list a:hover img{
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
}
.m-list a:hover p{
	color: #0277fe;
}
.m-list a p{
	height: 40px;line-height: 40px;padding: 0 10px;overflow: hidden;
}
.m-list a img{
	width: 100%;
} 
/*公共样式*/

/*logo,搜索，用户信息开始*/
.h-top{
	height: 88px;position: relative;
	background: white;
}
.h-top .logo{
	width: 88px;height: 88px;display: block;
	position: absolute;left: 0;
    
}


.h-top .search{
	width: 240px;height: 36px;border: 1px solid #ccc;border-radius: 18px;
	background: #fff;position: absolute;left: 50%;margin-left: -100px;top: 26px;
	overflow: hidden;
}
.h-top .search .inp-l{
	width:170px;height: 36px;border: none;padding: 0 20px;
}
.h-top .search .inp-r{
	width: 60px;height: 34px;border: none;border-radius: 18px;background: #acce22;
}
.h-top .user{
	width: 160px;height: 28px;line-height: 28px;
	position: absolute;right: 0;top: 30px;
}
.h-top .user a{
	display: inline-block;width: 76px;height: 28px;
	text-align: center;font-size: 16px;color: #000;
}
/*logo,搜索，用户信息结束*/

/*导航开始*/
nav{
	
	 background: #363636; 
}
nav .nav-box{
	height: 44px;line-height: 44px;text-align: center;
}
.nav-box .nav-l{
	width: 1200px;
}
.nav-box  .ti-lo{
	display: block;width: 233px;height: 44px;float: left;color: #fff;
}

.nav-box  .ti-st{
	display: block;width: 166px;height: 44px;float: left;color: #fff;
}


.nav-box .nav-l a:hover{
	font-size: 16px;color: #00aeff;
}

/*导航结束*/

/*幻灯片开始*/
.hdp{
	/* background: #ff9000; */
}
.hdp .content-box-1{
	height: 800px; overflow: hidden;position: relative;
}
.hdp-img{
	width: 400%;position: absolute;left: 0px;
}

.content-box-1 .title-span{
	position: absolute;right: 100px; top: 100px;
}


.content-box-1 .title-span p{
	 color: #00aeff;
	 font-size: 30px;
	
}

.hdp-img a{
	display: block;width: 25%;height: 800px;
}

/* #nav_cycle{
	width :160px ; height: 20px; position: absolute;
	bottom: 10px; left: 50%;
	margin-left: -80px;
}
#nav_cycle li{
	width: 20px; height: 20px; border-radius: 50%; background: #ccc;
	float: left;
	margin: 0 10px;
	cursor: pointer;
}

#nav_cycle .active{
	background :#ff0000;
} */

/*幻灯片结束*/

/*最新课程开始*/
.zx-box a{
	width: 540px;height: 482px;
	/* margin: 20px 15px; */
	 margin:1% 2%; 
}
.zx-box a img{
	height: 450px;
}

.zx-box p{
	text-align: center;
	font-size: 24px;
	background: skyblue;
	color: white;
}

.title-text{
    
	border-left: 300px;
	width: 50%;text-align: center;
	/* background: red; */
	/* margin-left: 300px; */
	margin:0 auto;
}
/*最新课程结束*/




/*页面尾部开始*/

footer #ft-company{
	text-align: center;
	background: #363636;
	height: 40px; 
	color: whitesmoke;line-height: 40px
}

footer .f-p5{
	text-align: center;font-size: 12px; 
	
}


/* footer .f-p5 img{
	vertical-align: middle;
} */

/*页面尾部结束*/

#map{
 width:540px;height:480px; 
 margin: 100px 20px;
 float: left;
  border:#ccc solid 1px; 
 font-size:12px"; 
 
}

#map_text{
	width:500px;height:480px;
	margin: 100px 20px;
	float: left;
	font-size:12px"; 
}

.our-miss ,.history{
	width:500px;height:40px;
	margin: 20px 20px; 
	 float: left; 
	
}

.our-miss .span-com{
	
	font-size: 13px; 
}

.our-miss .span-our{
	
	font-size: 20px; 
}


.our-miss img{
	width: 480px; height: 300px;
	
}