* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
.clearfix::after{
				clear: both;
				content: "";
				display: block;
				height: 0;
				visibility: hidden;
			}
			
/* banner */
	.hw_banner{width: 100%;overflow: hidden;}		
	.hw_banner img{display: block;max-width: 100%;}
	/* 原理 */		
	.hw_yl{width: 100%;background: #e4f0f8;padding: 30px 0 10px;margin: 0 auto;}		
	.hw_title{font-size: 48px;font-weight: bold;color: #242b40;text-align: center;line-height: 60px;}		
	.hw_title span{color: #3585e7;}	
     .hw_yl .y_list{width: 98%;margin: 2% auto 0;}
	 .hw_yl .y_list .y_li{width: 100%;position: relative;margin-bottom: 16px;margin: 5% 0 2%;}
	 .hw_yl .y_list .y_li h5{ font-size: 24px;padding: 0 16px;text-align:center;line-height: 48px;width: 40%;color: #fff;
	                           background:linear-gradient(to bottom, #50eee1, #307ee2 );border-radius: 6px;position: absolute;top: -20px;left: 6px;}
    .hw_yl .y_list .y_li .y_pic{width: 100%;}
	.hw_yl .y_list .y_li .y_pic img{display: block; max-width: 100%;}	
	/* 人群 */
	.hw_rq{width: 100%;background: url(../images/rqbg.png)no-repeat center top;padding: 20px 0;}	
	.hw_rq .r_pic{width: 96%;margin: 2% auto;overflow: hidden;}	
	.hw_rq .r_pic img{display: block;max-width: 100%;margin:2% auto;}	
	/* 优势 */	
	.hw_ys{width: 100%;background: url(../images/ys.png)no-repeat center top;padding: 20px 0;}	
	.hw_ys .hw_title{color: #fff;}		
	.hw_ys .hw_title span{color: #ffd16f;}		
	.hw_xb{color: #7f838f;text-align: center;font-size: 26px;line-height: 46px;}
	.hw_ys .hw_xb{color: #fff;}
	.hw_ys .p{color: #74f0ff;text-align: center;font-size: 26px;line-height: 46px;}	
	.hw_ys .y_tu{width: 98%;margin: 4% auto 2%;overflow: hidden;}	
	.hw_ys .y_tu img{display: block;margin: 0 auto;max-width: 100%;}	
	/* 课程设置 */	
	.hw_kc{width: 100%;margin: 2% 0;overflow: hidden;}
	.hw_kc .k_tab{width: 100%;margin: 2% 0;overflow: hidden;}	
	.hw_kc .k_tab table{border-collapse:collapse;border-style:hidden;border: solid 1px #b5b5b5;width: 98%;margin: 0 auto;text-align: center;}	
	.hw_kc .k_tab table th{background-color: #f6f6f6;font-size: 28px;color: #666666;padding: 20px 0;border-bottom: solid 1px #b5b5b5;border-right: solid 1px #b5b5b5;}
	.hw_kc .k_tab table td{background-color: #fff;border-bottom: solid 1px #b5b5b5;}
	.hw_kc .k_tab table td h4{font-size: 28px;color: #4a4a4a;}
	.hw_kc .k_tab table td h4 span{color: #3380e5;}
	.hw_kc .k_tab table td:nth-of-type(2) {border-left: solid 1px #b5b5b5;border-right: solid 1px #b5b5b5;padding: 20px;}
	.hw_kc .k_tab table td:nth-of-type(2) p{font-size: 22px;color: #666;text-align: left;margin-bottom: 20px;}
	.hw_kc .k_tab table td:nth-of-type(2) p span{display: inline-block;width: 70px;background: linear-gradient(90deg, #30a4e0 0%, #41e6e4 100%);
	                                              padding: 2px 0;color: #fff;text-align: center;line-height: 26px;border-radius: 20px;margin-right: 10px;font-weight: bold;}
	.hw_kc .k_tab table td:nth-of-type(3){padding: 20px;}
	.hw_kc .k_tab table td:nth-of-type(3) p{font-weight: bold;text-align: left;margin-bottom: 14px;font-size: 22px;color: #333;}
	/* 课表安排 */
	.hw_kb{width: 100%;margin: 2% 0;overflow: hidden;}
	.hw_kb p{color: #7f838f;text-align: center;font-size: 26px;line-height: 46px;}
	.hw_kb .k_kb img{display: block; max-width: 100%;margin: 0 auto;}
	/* 热门专业 */
	.hw_rm{width:100%;background: url(../images/2.png)no-repeat center top;padding: 20px 0;}
	.hw_rm .hw_title{color: #fff;}
	.hw_rm .hw_title span{color: #ffd16f;}
	.hw_rm .hw_xb{color: #fff;}
	.hw_rm .r_list{width:98%;margin: 2% auto;overflow: hidden;}		
	.hw_rm .r_list li{width: 23%;margin: 1%;float: left;background: #fff;border-radius: 10px;padding: 16px 20px;}		
	.hw_rm .r_list li p{background:linear-gradient(90deg, #3c7ffc 0%, #06c5ff 100%) ;font-size: 18px;color: #fff;font-weight: bold;text-align: center;border-radius: 36px;line-height: 36px;}		
	/* 班主任服务 */
	.hw_fw{width: 100%;margin: 2% 0;overflow: hidden;}		
	.hw_fw .xb{color: #7f838f;text-align: center;font-size: 26px;line-height: 46px;}		
	.hw_fw .f_list{width: 100%;margin: 2% 0;overflow: hidden;}	
	.hw_fw .f_list li{width: 23%;margin: 1%;background: #f0f6fb;box-shadow: 2px 2px 8px rgba(17,67,96,0.2);float: left;border-radius: 10px;padding: 20px 4px;}		
	.hw_fw .f_list li h4{font-size: 20px;color: #fff;line-height: 42px;padding: 0 16px;background:linear-gradient(90deg, #3c7ffc 0%, #06c5ff 100%)  ;
	                     text-align: center;border-radius: 40px;margin-bottom: 16px;}		
	.hw_fw .f_list li p{font-size: 15px;color: #333;margin-bottom: 10px;text-align: center;}	
	/* 环境 */
	.hw_hj{width:100%;margin:2% 0;overflow: hidden;}
	.hw_hj .tab{width:98%; margin:2% auto;}
	.hw_hj .tab-hd {overflow:hidden; zoom:1;}
	.hw_hj .tab-hd li{ float:left;width:31.3333%;margin:1%; padding:2%;font-size:24px;font-weight:bold;color:#fff; border-radius:5px;background:#49515e;text-align:center; cursor:pointer;}
	.hw_hj .tab-hd li.active{background:linear-gradient(90deg, #3c7ffc 0%, #06c5ff 100%);color:#fff;}
	.hw_hj .tab-bd li{display:none; padding:20px 0;font-size:24px;overflow: hidden;}
	.hw_hj .tab-bd li p{color: #444b5f;font-size: 24px;text-align: left;margin-bottom: 10px;}
	.hw_hj .tab-bd li p span{display: inline-block;background: #2d76e2;width: 6px;height: 30px;border-radius: 3px;vertical-align:middle;margin-right: 14px;}
	.hw_hj .tab-bd li.thisclass{ display:list-item;}
	.hw_hj .t_left{width:98%;}
	.hw_hj .t_left img{width:100%;display: block;}
	
	
			
@media only screen and (min-width: 320px) and (max-width:750px){
	.hw_yl{padding: 20px 0 10px;}
	.hw_title{font-size:28px;line-height: 48px;}
	.hw_xb{font-size: 16px;line-height: 24px;}
	.hw_yl .y_list .y_li h5{font-size: 18px;width: 60%;line-height: 30px;top:-16px;}
	.hw_ys .p{font-size: 16px;line-height: 24px;}
	.hw_kc .k_tab table th{font-size: 20px;}
	.hw_kc .k_tab table td h4{font-size:18px ;}
	.hw_kc .k_tab table td:nth-of-type(2) p{font-size: 14px;margin-bottom: 10px;}
	.hw_kc .k_tab table td:nth-of-type(2) p span{width: 60px;line-height: 20px;}
	.hw_kc .k_tab table td:nth-of-type(3) p{font-size: 14px;}
	.hw_rm p{font-size: 16px;line-height: 24px;}
	.hw_rm .r_list li{width:48%;}
	.hw_rm .r_list li p{font-size:16px;line-height: 34px;}
	
    .hw_fw .f_list li{width: 46%;margin:2%;}
	.hw_fw .f_list li h4{font-size: 18px;line-height: 34px;}
	.hw_fw .f_list li p{font-size: 14px;}
	.hw_hj p{font-size: 16px;line-height: 24px;}
	.hw_hj .tab-hd li{font-size: 18px;}
	.hw_hj .tab-bd li p{font-size: 16px;}
	.hw_hj .tab-bd li p span{height: 20px;width: 3px;margin-right: 6px;}
}