* {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 */
.yh_banner{width: 100%;overflow: hidden;}
.yh_banner img{display: block; max-width: 100%;}
/* 多样化课程 */
.yh_kc{width: 100%;overflow: hidden;background: url(../images/back-01.png)no-repeat center;padding: 30px 0;}
.yh_title{font-size: 34px;color: #266584;text-align: center;line-height: 56px;font-weight: bold;}
.yh_kc .k_list{width: 98%;margin: 2% auto;overflow: hidden;}
.yh_kc .k_list li{width: 23%;margin: 1%;background: #fff;border-radius: 10px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1) ;float: left;padding: 14px 10px;border: 1px solid #eaa2af;height: 220px;}
.yh_kc .k_list li h5{font-size: 20px;color: #222;text-align:  center;line-height: 36px;}
.yh_kc .k_list li span{display: block;width:20%;height: 3px;background: #f39a00;margin: 10px auto;}
.yh_kc .k_list li:nth-of-type(2) span{background: #019e97;}
.yh_kc .k_list li:nth-of-type(3) span{background: #1a698f;}
.yh_kc .k_list li:nth-of-type(4) span{background: #e85c74;}
.yh_kc .k_list li p{font-size: 16px;text-align: left;line-height: 24px;color: #333;}
/* 为什么 */
.yh_why{width: 100%;overflow: hidden;background: url(../images/why.png)no-repeat center top;padding: 30px 0;}
.yh_why .yh_title{color: #ffcc00;}
.yh_why .w_ul{width: 98%;margin: 2% auto;overflow: hidden;}
.yh_why .w_ul li{width: 23%;margin: 1%;background: #fff;border-radius: 14px;padding: 14px 10px;float: left;text-align: center;height: 240px;}
.yh_why .w_ul li img{display: inline-block;max-width: 60%;margin: 10px auto; }
.yh_why .w_ul li p{font-size: 20px;font-weight: bold;color: #266584;}

/* 课程体系 */
.yh_tx{width: 100%;margin: 4% 0;overflow: hidden;}
.yh_tx .t_pic{width: 96%;margin: 2% auto;overflow: hidden;}
.yh_tx .t_pic img{display: block;max-width: 100%;}
/* 授课模式 */
.yh_ms{width: 100%;background: linear-gradient(rgba(38, 101, 132, .1), #fff);padding: 30px 0;}
.yh_ms .m_list{width: 98%;margin: 2% auto;overflow: hidden;}
.yh_ms .m_list li{width: 48%;margin: 1%;float: left;margin-bottom: 10px;box-shadow: 0 2px 12px rgba(153,153,153,.2);
                  background: #fff;border-radius: 10px;}
.yh_ms .m_list li .m_pic{width: 40%;border-radius: 10px 0 0 10px;float: left;margin-right: 10px;}
.yh_ms .m_list li .m_pic img{display: block;max-width:100%;border-radius: 10px 0 0 10px;}
.yh_ms .m_list li .m_rig{padding:10px 0;}
.yh_ms .m_list li .m_rig h4{color: #266584;font-size: 22px;margin-bottom: 6px;}
.yh_ms .m_list li .m_rig p{font-size: 16px;color: #333;}
/* 服务 */
.yh_fw{width: 100%;background: #266584;padding: 30px 0;}
.yh_fw .yh_title{color: #ffcc00;}
.yh_fw  .f_pic{width: 96%;margin: 2% auto;overflow: hidden;}
.yh_fw  .f_pic img{display: block;max-width: 100%;margin: 0 auto;}
/* 游玩 */
.yh_yw{width: 100%;margin: 2% 0;overflow: hidden;}
.yh_yw .y_pic{width: 96%;margin: 2% auto;}
.yh_yw .y_pic img{display: block;max-width: 100%;margin: 0 auto;}

@media only screen and (min-width: 320px) and (max-width:750px){
	.yh_title{font-size: 26px;line-height: 40px;}
	.yh_kc{background: none;}
	.yh_kc .k_list li{width: 48%;}
	.yh_why .w_ul li{width: 48%;}
	.yh_ms .m_list li{width: 98%;}
	.yh_ms .m_list li .m_rig h4{font-size: 18px;}
	.yh_ms .m_list li .m_rig p{font-size: 14px;}
	
	
	
}