body{
	font-size: 13px;
	font-family: 'Microsoft YaHei','\5FAE\8F6F\96C5\93D1';
	line-height: 24px;
	color:#444;
}
a{
	color:#444;
}
.container{
	width: 767px;
	margin:0 auto;	
}
.banner{
	position: relative;
}
h1{
	position: absolute;
	left:-10000px;
}
.dress p{
	line-height: 50px;
}
/**lead**/
.lead>div{
	background: #f2f7ff;
	margin-bottom: 2%;
}
.lead h2,.lead p{
	float: left;
}
.lead h2{
	background: #fff url(../images/lead.png) no-repeat center;
	width: 17%;
	font-size: 26px;
	height: 80px;
	text-align: center;
	color:#fff;		
}
.lead h2 b{
	font-weight: normal;
	line-height: 30px;
	margin-top:8px;
	margin-bottom: 2px;
	display: block;
}
.lead h2 span{
	width: 70px;
	margin:0 auto;
	color:#3CB371;
	font-size: 12px;
	display: block;
	font-weight: normal;
	background: #fff;
	line-height: 20px;
}
.lead p{
	width: 79%;
	text-indent: 2em;
	padding:2% 2% 0;
}
/**lead**/

/**content**/
.content>div{
	border: 1px solid #ccc;
	padding:3%;
	margin-bottom: 3%;
}
.content h3{
	vertical-align: bottom;
	font-size: 20px;
	margin-bottom: 1%;
}
.content h3 img{
	padding-right:2%;
}
.content p{
	text-indent: 2em;
	margin-bottom:10px;
}
.content p.star{
	color:#ff8000;
}
.content p.star01{
	margin-bottom:0px;
}
.content1,.content2,.content3{
	margin-bottom: 4.5%;
}
/**content**/
.eplio{
	background: url(../images/last.png) no-repeat center;
	color:#fff;
	margin-bottom: 2%;
}
.eplio h2{
	background: url(../images/epilo.png) no-repeat center;
	width: 16%;
	line-height: 72px;
	height: 90px;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	color:#3CB371;
	margin-top:3%;
	float: left;
}
.eplio h2 b{
	font-weight: normal;
}
.eplio h2 span{
	display: none;
}
.eplio p{
	width: 80%;
	text-indent: 2em;
	padding:5% 2% 2%;
	float: left;
}
/**school**/
.school{
	margin-bottom: 1%;
}
.school .top{
	background: url(../images/school_bg.png) repeat-x center;
}
.school .top h2{
	float: left;
	background: #fff;
	line-height: 30px;
	padding-right: 15px;
	font-size: 26px;
}
.school .right{
	float:right;
	padding-left: 15px;
	background: #fff;
	font-size: 18px;
	color:#3CB371;
}
.school1 a{
	float: left;
	width: 19.1%;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	padding:3% 2%;
}
.school_011{
	margin:2% 1% 1% 0;
}
.school_012,.school_013{
	margin:2% 1% 1% 1%;
}
.school_014{
	margin:2% 0 1% 1%;
}
.school_015{
	margin:1% 1% 1% 0;
}
.school_016,.school_017{
	margin:1%;
}
.school_018{
	margin:1% 0 1% 1%;
}
.school_019{
	margin:1% 1% 2% 0;
}
.school_021,.school_020{
	margin:1% 1% 2% 1%;
}
.school_022{
	margin:1% 0 2% 1%;
}
/**school**/


/**last1**/
.last1>div{
	background: #f2f7ff;
	padding:3.5%;
	margin-bottom: 4%;
}
.last1 .left,.last1 .right{
	width: 47.6%;
}
.last1 h3{
	width: 90%;
	font-size: 18px;
	margin-bottom: 3.5%;
	background: url(../images/last1_h3_bg.png) repeat-x center;
}
.last1 .right h3{
	width: 98%;
}
.last1 .left{
	border-right: 1px dashed #ccc;
	margin-right:2%
}
.last1 h3 span{
	padding-right:10px;
	background: #f2f7ff;
}
.last1 li{
	width: 98%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.last1 li a{
	padding-left: 2%;
}
/**last1**/


/**last2**/
.last2 .last_1{
	padding:3% 2%;
	border: 1px solid #ccc;
	margin-bottom: 3%;
}
.last2 .left img,.last2 .ul1 img{
	margin-bottom: 6%;
}
.last2 .left{
	-webkit-transition: all ease-in .3s; 
}
.last2 .left:hover img{
	-webkit-transform: rotate(360deg);
}
.last2 .ul1,.last2 .ul1 li{
	float: left;
}
.last2 .left{
	width: 29.6%;
	border-right:1px dashed #ccc;
	text-align: center;
}
.last2 .left span{
	display: block;
	margin:0 auto;
}
.last2 ul{
	width: 62%;
	padding-left:8%
}
.last2 .clearfix li{
	width: 33%;
	text-align: center;
}
.last2 li a{
	display: block;
	line-height: 20px;
}
/**last2**/


/**scroll**/
.scroll_top{
	position: fixed;
	right:510px;
	bottom:60px;
}
.scroll_img{
	width: 50px;
	height: 50px;
	background: url(../images/scroll_img.png) no-repeat center;
}
.scroll_top li{
	width: 50px;
	cursor: pointer;
}
.scroll_1:hover a{
	background: #315dac;
	color:#fff;
}
.scroll_1 a{
	width: 26px;
	height: 42px;
	padding:4px 12px;
	border-bottom: 1px solid #fff;
	background: #dfdfdf;
}
.scroll_2{
	position: relative;
	border-bottom: 1px solid #fff;	
}
.scroll_2 em{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/saoyisao.png) no-repeat center;
}
.scroll_p{
	text-align: center;
	width: 125px;
	height: 125px;
	padding:15px 15Px 30px;
	position: absolute;
	left:-155px;
	bottom:0;
	background: #315dac;
	display: none;
	
}
.scroll_2,.scroll_3{
	background: #dfdfdf;
}
.scroll_2:hover{
	background: #315dac;
}
.scroll_2:hover .scroll_p{
	display: block;
}
.scroll_2:hover em{
	background: url(../images/saoyisao_hover.png) no-repeat center;
}
.scroll_2 p span{
	display: block;
	color:#fff;
}
.scroll_3:hover{
	background:#315dac;
}
.scroll_3:hover em{
	background: url(../images/scroll_top_hover.png) no-repeat center;
}
.scroll_3 em{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/scroll_top.png) no-repeat center;
}
/**scroll**/
/*footer*/
#footer{ width:900px; margin:15px auto ; text-align:center; overflow:hidden; clear:both; padding-bottom:70px;}
#footer table{ width:100% !important;}
.copyright{ display:none; padding:1em 0em 1em; text-align:center;border-top:2px solid #4e8099; margin:1.5em 0 2em;}
.copyright p{ margin-bottom:0.3em; margin:0 0.3em 0.3em;}
.copyright p a{ margin-right:5px;}
.last{ display:none;width:100%; height:40px; line-height:40px; background:#2978BB; position:fixed; z-index:99999; bottom:0px;}
.last ul li{ float:left; width:33%; height:40px; border-right:1px #61B3FA solid; background:#2978BB; text-align:center; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF; border-right:1px #0469BB solid; text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;} 
/*footer*/

@media only screen and (max-width: 900px) {
	#footer{
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.container{
		width: 96%;
		padding:0 2%;
	}
	content1, .content2, .content3{
		margin-bottom: 6%;
	}
	.school{
		margin-bottom: 3%;
	}
	.school .top .right{
		display: none;
	}
	.last2 .left{
		display: none;
	}
	.last2 ul{
		width: 100%;
		padding:0;
	}
	.scroll_top{
		right:0;
	}
	.lead>div{
		padding:0 0 2%;
		border: 1px solid #ccc;
		margin-bottom: 4.5%;
	}
	.content>div{
		margin-bottom:4.5% ;
	}
	.lead h2,.eplio h2{
		width: 116px;
		background:#3CB371;
		text-align: left;
		padding:10px;
		height: 20px;
	}
	.eplio h2{
		margin-top:0;
	}
	.lead h2 span,.lead h2 b,.eplio h2 b,.eplio h2 span{
		float: left;
	}
	.lead h2 span,.eplio h2 span{
		text-align: center;
		margin:0 0 0 8px; 
	}
	.lead h2 b{
		font-size: 18px;
		margin-top:0;
		line-height: 18px;
	}
	.eplio h2 b{
		color:#fff;
		font-size: 18px;
		line-height: 18px;
	}
	.eplio h2 span{
		display: block;
		font-size: 12px;
		background: #fff;
		width: 70px;
		line-height: 20px;
	}
	.lead p{
		width: 96%;
		padding:1% 2%;
	}
	.eplio{
		background:  0 none;
		margin-bottom: 4.5%;
	}
	.eplio>div{
		border: 1px solid #ccc;	
		background: #f2f7ff;	
	}
	.eplio p{
		width: 96%;
		padding:1% 2%;		
		color:#444;
		background-size:cover;
	}
	.last1>div{
		margin-bottom: 5%;
	}
	.last2 .last_1{
		margin-bottom: 4.5%;
	}
	.last1 h3{
		margin-bottom: 4.5%;
	}
	#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
	#QIAO_INVITE_CONTAINER{ width:0 !important; height:0 !important;}
	.copyright,.last{ display:block;}
}
@media only screen and (max-width: 650px) {
	.lead>div{
		padding:0 0 2%;
		border: 1px solid #ccc;
	}
	
}
@media only screen and (max-width: 600px) {
	.school1 a{
		width: 27%;
	}
	.school_013{
		margin:2% 0 1% 1%;
	}
	.school_014,.school_017{
		margin:1% 1% 1% 0;
	}
	.school_015,.school_018,.school_019{
		margin:1% 1% 1% 1%;
	}
	.school_016{
		margin:1% 0 1% 1%;
	}
	.school_020{
		margin:1% 1% 2% 0;
	}
	.school_021{
		margin:1% 1% 2% 1%;
	}
	.school_022{
		margin:1% 0 2% 1%;
	}
}
@media only screen and (max-width: 550px) {
	.last1 .left, .last1 .right{
		width: 100%;
	}
	.last1 .left{
		margin-bottom: 5%;
	}
	.last1 .left{
		border-right:0 none;
	}
	.content>div,.last1>div,.last2>div{
		margin-bottom: 5%;
	}
	.eplio{
		margin-bottom: 4%;
	}
	.school .top{
		margin-bottom: 0;
	}
	.school{
		margin-bottom: 3%;
	}
	.last1 h3{
		margin-bottom: 3.5%;
	}
}
@media only screen and (max-width: 450px) {
	.school a{
		width: 44.3%;
	}
	.school_012{
		margin:2% 0 1% 1%;
	}
	.school_013,.school_015,.school_017,.school_019{
		margin:1% 1% 1% 0;
	}
	.school_014,.school_016,.school_018,.school_020{
		margin:1% 0 1% 1%;
	}
	.school_021{
		margin:1% 1% 2% 0;
	}
	.school_022{
		margin:1% 0 2% 1%;
	}
}