@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑";}
a{text-decoration:none;}
ul,li{list-style:none; border:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:900;}	
img{ border:none;}
.clear{ clear:both;}


#hxrxhssy_banner{ width: 100%;}
#hxrxhssy_banner_pc{ width: 100%; background:url(../images/hxrxhssy_banner_bg.jpg) no-repeat top;}
#hxrxhssy_banner_pc img{ display: block; margin: 0 auto;}
#hxrxhssy_banner_yd{display: none;}
#hxrxhssy_banner_yd img{ width: 100%;}

.hxrxhssy_title{ width: 1220px; margin: 0 auto; text-align: center; padding: 50px 0 40px; }
.hxrxhssy_title h2{ font-size: 50px; width: 378px; line-height: 90px; color: #444013; background:url(../images/hxrxhssy_title_bg.png) no-repeat center; margin: 0 auto; font-weight: 700;}

#hxrxhssy_packs{ width: 100%; background:#285ef2;}

#hxrxhssy_sign{ width: 1220px; margin: 0 auto; background: #fff; padding: 15px 0;}
#hxrxhssy_sign ul li{ float: left; margin-left: 12px;}
#hxrxhssy_sign ul li img{ display: block; width: 100%;}

#hxrxhssy_class{ width: 1220px; margin: 0 auto;}
#hxrxhssy_class_l{ width:850px; float: left; }
#hxrxhssy_class_l ul li{ float: left; margin:0 0 25px 22px; padding: 8px; background: #fff;}
#hxrxhssy_class_l ul li:nth-of-type(2n+1){ margin-left: 0;}
#hxrxhssy_class_l ul li img{ display: block; width: 100%;}
#hxrxhssy_class_r{ width: 350px; height: 637px; float: left; margin-left: 20px; overflow: hidden;}
#hxrxhssy_class_r img{ display: block; width: 100%; }

#hxrxhssy_teacher{ width: 1220px; margin: 0 auto;}
#hxrxhssy_teacher_l{ width: 490px; float: left; background: #fff;}
#hxrxhssy_teacher_l img{ display: block; padding: 15px;}
#hxrxhssy_teacher_r{ width: 680px; float: left; color: #fff; margin-left: 50px;}
#hxrxhssy_teacher_r h3{ font-size: 40px;}
#hxrxhssy_teacher_r h4{ font-size: 28px; font-weight: normal; padding: 15px 0 30px;}
#hxrxhssy_teacher_r h5{ font-size: 28px; padding-bottom: 30px;}
#hxrxhssy_teacher_r p{ font-size: 20px; line-height: 40px;}

#hxrxhssy_end{ width: 1220px; margin: 0 auto; padding-bottom: 50px;}
#hxrxhssy_end ul li{ float: left; margin-left: 13px;}
#hxrxhssy_end ul li:nth-of-type(1){ margin-left: 0;}
#hxrxhssy_end ul li img{ display: block; width: 100%;}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	#hxrxhssy_banner_pc{ display: none;}
	#hxrxhssy_banner_yd{ display: block;}
	
	.hxrxhssy_title{ width: 100%; padding: 1.6rem 0 1.2rem;}
	.hxrxhssy_title h2{ width: 80%; font-size: 2.4rem; line-height: 5.6rem; }
	
	#hxrxhssy_sign{ width: 100%; padding: 1rem 0 0;}
	#hxrxhssy_sign ul li{ width: 47%; margin:0 0 1rem 2%;}
	
	#hxrxhssy_class{ width: 100%; }
	#hxrxhssy_class_l{ width:100%; float: none; }
	#hxrxhssy_class_l ul li{ width: 46%; margin:0 0 1.5rem 2%; padding: 0.5%; }
	#hxrxhssy_class_l ul li:nth-of-type(2n+1){ margin-left: 2%;}
	#hxrxhssy_class_r{ width:96%; height: auto; float: none; margin-left:2%;}
	
	#hxrxhssy_teacher{ width: 100%;}
	#hxrxhssy_teacher_l{ width: 40%; margin-left:2%;}
	#hxrxhssy_teacher_l img{ width: 100%; padding: 0;}
	#hxrxhssy_teacher_r{ width: 56%; margin-left:2%;}
	#hxrxhssy_teacher_r h3{ font-size: 2.0rem;}
	#hxrxhssy_teacher_r h4{ font-size: 1.4rem; padding: 0.5rem 0 1rem;}
	#hxrxhssy_teacher_r h5{ font-size: 1.6rem; padding-bottom: 1rem;}
	#hxrxhssy_teacher_r p{ font-size: 1.2rem; line-height: 2.0rem;}
	
	#hxrxhssy_end{ width: 100%; padding-bottom: 1rem;}
	#hxrxhssy_end ul li{ width: 96%; float: none; margin:0 0 1rem 2%;}
	#hxrxhssy_end ul li:nth-of-type(1){ margin-left: 2%;}
}

@media only screen and (min-width: 320px) and (max-width: 767px){
	
	#hxrxhssy_banner_pc{ display: none;}
	#hxrxhssy_banner_yd{ display: block;}
	
	.hxrxhssy_title{ width: 100%; padding: 1.2rem 0 1rem;}
	.hxrxhssy_title h2{ width: 60%; font-size: 1.6rem; line-height: 3.6rem; }
	
	#hxrxhssy_sign{ width: 100%; padding: 1rem 0 0;}
	#hxrxhssy_sign ul li{ width: 96%; margin:0 0 0.5rem 2%;}
	
	#hxrxhssy_class{ width: 100%; }
	#hxrxhssy_class_l{ width:100%; float: none; }
	#hxrxhssy_class_l ul li{ width: 95%; margin:0 0 1rem 2%; padding: 0.5%; }
	#hxrxhssy_class_l ul li:nth-of-type(2n+1){ margin-left: 2%;}
	#hxrxhssy_class_r{ width:96%; height: auto; float: none; margin-left:2%;}
	
	#hxrxhssy_teacher{ width: 100%;}
	#hxrxhssy_teacher_l{ width: 96%; float: none; margin-left:2%;}
	#hxrxhssy_teacher_l img{width: 100%; padding: 0;}
	#hxrxhssy_teacher_r{ width: 96%; float: none; margin-left:2%;}
	#hxrxhssy_teacher_r h3{ font-size: 1.4rem;}
	#hxrxhssy_teacher_r h4{ font-size: 1.2rem; padding: 0.5rem 0 1rem;}
	#hxrxhssy_teacher_r h5{ font-size: 1.2rem; padding-bottom: 1rem;}
	#hxrxhssy_teacher_r p{ font-size: 1.0rem; line-height: 1.6rem;}
	
	#hxrxhssy_end{ width: 100%; padding-bottom: 0.5rem;}
	#hxrxhssy_end ul li{ width: 96%; float: none; margin:0 0 0.5rem 2%;}
	#hxrxhssy_end ul li:nth-of-type(1){ margin-left: 2%;}
	
}