* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.xdf_banner{width:100%;}
.xdf_banner img{width:100%;display: block;}
/*-简介-*/
.xdf_jj{width:100%;margin:2% 0;overflow: hidden;background:url(../images/ban2_bg.jpg)no-repeat top center;}
.xdf_title{font-size:30px;text-align: center;line-height:35px;margin:3% auto;font-weight:bold;color:#cf0022;}
.xdf_jj .j_box{width:100%;margin:2% 0;overflow: hidden;display: flex;justify-content: flex-start;align-items: center;}
.xdf_jj .j_box .j_pic{width:30%;margin-right:10px;}
.xdf_jj .j_box .j_pic img{max-width:100%;display: block;}
.xdf_jj .j_box .j_tet{width:68%;}
.xdf_jj .j_box .j_tet p{font-size:16px;color:#333;line-height: 26px;}
.xdf_jj .j_box .j_tet p span{font-weight:bold;color:#cf0022;font-size:16px!important;}
.xdf_jj .j_cg{width:100%;margin:2% 0;overflow: hidden;}
.xdf_jj .j_cg .j_li{width:31.3333%;height:281px;padding:10px;float:left;margin:1%;border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0,.2);border-top:10px #cf0022 solid;}
.xdf_jj .j_cg .j_li img{max-width:100%;display: block;margin:10px auto;}
.xdf_jj .j_cg .j_li h5{font-size:20px;margin:10px 0;font-weight:bold;text-align: center;}
.xdf_jj .j_cg .j_li p{text-align:center;font-size:15px;color:#333;line-height: 26px;}
/*优势*/
.xdf_ys{width:100%;margin:2% 0;overflow: hidden;}
.xdf_ys .y_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_ys .y_list li{width:25%;height:160px;float:left;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.xdf_ys .y_list li img{max-width:100%;display: block;}
.xdf_ys .y_list li h5{margin-bottom:10px;font-size:20px;font-weight:bold;text-align: center;color:#333;}
.xdf_ys .y_list .os{padding:15px;}
.xdf_ys .y_list li p{font-size:15px;color:#333;line-height: 26px;}
/*课程*/
.xdf_kc{width:100%;margin:2% 0;overflow: hidden;background:url(../images/ban4_bg.jpg)no-repeat top center;}
.xdf_kc .xdf_title{color:#fff;}
#custom{border-collapse:collapse;border-spacing:0;width:98% !important;margin:2% auto;background:#fff;}
#custom td {font-size:15px;text-align:center;padding:1% ;color:#333;line-height:30px;border:1px solid #e26471;text-align: center;}
#custom th {font-size:18px;text-align:center;padding:1% ;color:#fff;background:#cf0022;}
/*适合人群*/
.xdf_rq{width:100%;margin:2% 0;overflow: hidden;}
.xdf_rq .r_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_rq .r_list li{width:31.3333%;height:294px;float:left;margin:1%;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.xdf_rq .r_list li img{max-width:100%;display: block;}
.xdf_rq .r_list li h5{margin:10px 0 5px 0;font-size:20px;font-weight:bold;text-align: center;color:#333;}
.xdf_rq .r_list li p{padding-bottom:10px;font-size:15px;color:#333;text-align: center;line-height: 28px;}
/*培训优势*/
.xdf_px{width:100%;padding:2% 0;overflow: hidden;background:#efefef;}
.xdf_px .y_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_px .y_list li{width:48%;height:152px;float:left;margin:1%;padding:10px;background:#cf0022;}
.xdf_px .y_list li h6{font-size:20px;margin-bottom:10px;color:#fff;font-weight:bold;text-align:center;line-height: 26px;}
.xdf_px .y_list li p{font-size:15px;color:#fff;line-height: 24px;}
/*专属服务*/
.xdf_fw{width:100%;margin:2% 0;overflow: hidden;}
.xdf_fw .f_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_fw .f_list li{width:18%;float:left;margin:1%;height:310px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.xdf_fw .f_list li img{max-width:100%;display: block;}
.xdf_fw .f_list li h5{font-size:20px;font-weight:bold;text-align: center;margin-top:10px;}
.xdf_fw .f_list li p{padding:10px;font-size:15px;color:#333;line-height: 26px;}
/*理由*/
.xdf_ly{width:100%;margin:2% 0;overflow: hidden;}
.xdf_ly .l_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_ly .l_list li{width:31.3333%;font-size:16px;color:#fff;height:45px;line-height:45px;text-align:center;float:left;margin:1%;background:#cf0022;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.xdf_title{font-size:22px;}
	.xdf_jj .j_box{display: block;}
	.xdf_jj .j_box .j_pic{width:100%;}
	.xdf_jj .j_box .j_tet{width:98%;margin:10px auto;}
	.xdf_jj .j_cg .j_li{width:98%;height:auto;}
	.xdf_ys .y_list li{width:100%;height:auto;}
	.xdf_ys .y_list li img{margin:0 auto;}
	.xdf_rq .r_list li{width:100%;height:auto;}
	.xdf_px .y_list li{width:100%;height:auto;}
	.xdf_fw .f_list li{width:48%;}
	.xdf_ly .l_list li{width:48%;}
}