* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/* banner */
.yl_banner{
	width: 100%;
}
.yl_banner img{
	width: 100%;display: block;
}
/* 无人机执照介绍 */
.yl_js{
	width: 100%;margin:2% 0; overflow: hidden;
}
.yl_title img{
	max-width: 100%;display: block;margin: 4px auto;
}
.yl_js .js_box{
	width: 100%; padding:2% 0; overflow: hidden;background:url(../images/js-box.png) top right;
}
.yl_js .js_box li{
	width: 85%;box-sizing: border-box;padding: 16px;margin-bottom: 20px;background: #fff;
	border: 3px solid #fceeec;border-radius: 10px;box-shadow: 4px 6px 12px rgba(221,221,221,49);
}
.yl_js .js_box li p{
	color: #361804;font-size: 20px; text-align: left;line-height: 30px;
}
.yl_js .js_box li p span{
	color: #f64500;
}
/* 为什么要考 */
.yl_w{
	width: 100%;margin: 2% 0;overflow: hidden;
}
.yl_w .w_list{
	width: 100%;margin: 1% 0;
}
.yl_w .w_list .u_text{
	display: flex;justify-content: center; 
}
.yl_w .w_list .u_text li{
	width: 21%; padding: 6px; font-size: 28px;color: #ff9c07;text-align: center;line-height: 48px; 
	margin: 0 2% 4%;border-radius: 30px;border: 1px solid #ff9c07;    
}
.yl_w .w_list .u_pic{
	width: 100#;; overflow: hidden;
}
.yl_w .w_list .u_pic li{
	float: left; width: 23%;margin: 1%;
}
.yl_w .w_list .u_pic li img{
	display: block; max-width: 100%;
}
/* 谁适合考 */
.yl_who{
	width: 100%;margin: 2% 0; overflow: hidden;
}
.yl_who .who_box{
	width: 100%;margin: 2% 0; overflow: hidden;
}
.yl_who .who_box img{ display: block; max-width: 100%;}
/* 等级考试 */
.yl_detial{
	width: 100%;margin: 2% 0;overflow: hidden;
}
.yl_detial h4{
	font-size: 24px;color: #361804;margin-bottom: 31px;  text-align: center;
}
.yl_detial .d_box{
	box-sizing: border-box; padding: 10px 0 0;width: 100%; height: 656px;
	margin: 0 auto 10px;  border-radius: 10px;  background: linear-gradient(15deg, #8dc99b, #79ba94);    
}
.yl_detial .d_box table{
	width: 94%;margin: 0 auto; background: #fff;
	border-collapse: collapse;border-spacing: 0;   
	}
.yl_detial .d_box table th:not(:last-of-type){
	border-right: 2px solid #8ec792;
}
.yl_detial .d_box table th{
	height: 60px;font-size: 20px;color: #fff;background:linear-gradient(15deg, #8dc99b, #79ba94) ; text-align: center; 
}
.yl_detial .d_box table td:not(:last-of-type){
	border-right: 2px solid #8ec792;
}

.yl_detial .d_box table td{
	    height: 48px;font-size: 18px;color: #361804;line-height: 30px;text-align: center;
	     background-color: #fff;border-bottom: 1px solid #8ec792;   
}
.yl_detial .d_box table .d_td01{
	    color: #60b078;font-weight: bold;
	    background-color: #f2f8ed;
}
.yl_detial .d_box table .d_td{
	padding: 6px 0;
}

.yl_detial .d_box .d_radio03{
	border-radius: 0 0 10px 0;
}
.yl_detial .d_box .d_radio04{
	border-radius: 0 0 0 10px;
}
/* 优势 */
.yl_ys{
	width: 100%;margin: 2% auto;overflow: hidden;
}
.yl_ys .y_list{
	width: 90%;margin: 2% auto;overflow: hidden;
}
.yl_ys .y_list li:not(:last-of-type){
	display: flex;align-items: center;margin-bottom: 20px;
}
.yl_ys .y_list .y_pic{
	width: 20%;height: 126px; background: #ff9c07;border-radius: 10px 0 0 10px;float: left;
	display: flex; justify-content: center; align-items: center;
}
.yl_ys .y_list .y_pic img{
	display: block; max-width: 60%;
}
.yl_ys .y_list .y_text{
	width: 80%;height: 126px; background: #fff7eb;border-radius:0 10px 10px 0;float: right;
	border: 1px solid #ffa319; position: relative; padding: 10px;
}
.yl_ys .y_list .y_text img{
	position: absolute; right: 10px; top: 10px;display: block;
}
.yl_ys .y_list .y_text h3{
	
	    font-size: 24px;color: #e74707;font-weight: bold;margin-bottom: 14px    
}
.yl_ys .y_list .y_text p{
	  font-size: 18px;color: #361804;
	 line-height: 26px; text-align: left;  
}
/* 服务流程 */
.yl_fw{
	width: 100%;margin: 2% auto; overflow: hidden;background: url(../images/fw-bgd.png) no-repeat bottom;
}
.yl_fw .pic{
	width: 100%; margin:1% 0;overflow: hidden;  
}
.yl_fw .pic img{
	max-width: 100%; display: block;  margin:10px auto;
}
/* 环境 */
.yl_hj{
	width: 100%;margin: 2%; overflow: hidden;
}
.yl_hj .h_pic{
	width: 100%;margin: 2%; overflow: hidden;
}
.yl_hj .h_pic img{
	display: block;max-width: 100%; overflow: hidden;
}
@media only screen and (min-width: 320px) and (max-width: 750px){
	.yl_js .js_box li{width: 96%;margin: 2%; }
	.yl_js .js_box li p{font-size: 14px;line-height: 24px;}
	.yl_w .w_list .u_text li{font-size: 18px; line-height: 28px;  border-radius: 10px; font-weight: 600;}
	.yl_w .w_list .u_pic li{ width: 46%;margin:2%;}
	.yl_detial h4{font-size: 18px;margin-bottom: 15px;}	
	.yl_detial .d_box{height: 870px;}
	.yl_detial .d_box table th{ font-size: 16px;}
	.yl_detial .d_box table td{font-size: 14px;line-height: 24px;}
	.yl_ys .y_list .y_pic img{max-width: 80%;}
	.yl_ys .y_list .y_text img{max-width: 14%;}
	.yl_ys .y_list .y_text h3{font-size: 20px;margin-bottom: 6px }
	.yl_ys .y_list .y_text p{font-size: 14px;line-height: 18px;}
	.yl_fw .pic img{max-width: 90%;}
	.yl_hj .h_pic img{max-width: 90%;}
}