* {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_kc{width:100%;padding:2% 0;overflow:hidden;background:url(../images/page1.jpg)no-repeat top center;}
.xdf_title{font-size:30px;text-align: center;font-weight:bold;line-height:35px;margin:2% auto;color:#333;}
.xdf_title span{color:#00a2a0;}
.xdf_kc .tab{ width:98%; margin:4% auto 2%;}
.xdf_kc .tab-hd {overflow:hidden; zoom:1;}
.xdf_kc .tab-hd li{ float:left;width:14.6%;margin:1%; padding:1%;font-size:18px;color:#00a2a0;border-radius:5px;background:#fff;border:1px #eee solid;text-align:center; cursor:pointer;}
.xdf_kc .tab-hd li.active{ background:#00a2a0;color:#fff;font-weight:bold;border:1px #00a2a0 solid;}
.xdf_kc .tab-bd li{display:none; padding:50px 20px 20px 20px; border-top:0 none; font-size:24px;overflow: hidden;}
.xdf_kc .tab-bd li.thisclass{ display:list-item;}
.xdf_kc .t_left{width:100%;float:left;}
.xdf_kc .t_left img{width:100%;display: block;}
/*课程优势*/
.xdf_ys{width:100%;padding:2% 0;overflow: hidden;background: url(../images/page1_122.png)no-repeat top center;}
.xdf_ys .y_list{width:100%;margin:2% 0;overflow:hidden;}
.xdf_ys .y_list li{width:48%;float:left;height:240px;margin:1%;background:#fff;border-radius:10px;box-shadow: 0 0 16px #d8edff;}
.xdf_ys .y_list li img{display: block;margin:2% auto;}
.xdf_ys .y_list .name{text-align: center;font-size:18px;font-weight:bold;line-height: 30px;}
.xdf_ys .y_list .y_tet{font-size:15px;color:#555;padding:10px;line-height: 24px;}
/*学习闭环*/
.xdf_bh{width:100%;padding:2% 0;overflow: hidden;background:url(../images/page3.jpg)no-repeat top center;}
.xdf_bh .b_list{width:100%;margin:2% 0;overflow:hidden;}
.xdf_bh .b_list li{width:31.3333%;float:left;margin:1%;padding:10px;background:#f1faff;}
.xdf_bh .b_list .b_name{font-size:18px;color:#00a2a0;text-align: center;font-weight:bold;line-height: 30px;}
.xdf_bh .b_list .b_tet{margin:10px 0;font-size:15px;color:#444;line-height: 24px;}
/*专业师资*/
.xdf_sz{width:100%;padding:2% 0;overflow: hidden;background:url(../images/page4.jpg)no-repeat top center;}
.xdf_sz .s_list{width:100%;margin:2% 0;overflow: hidden;}
.xdf_sz .s_list li{width:23%;float:left;margin:1%;background:#fff;border-radius:10px;box-shadow: 0 0 16px rgb(216 237 255 / 53%);}
.xdf_sz .s_list li img{width:100%;display: block;}
.xdf_sz .s_list .s_name{font-size:18px;color:#333;margin:10px 0;text-align: center;font-weight:bold;line-height: 30px;}
.xdf_sz .s_list .s_text{padding-bottom:10px;font-size:15px;color:#666;line-height: 24px;}
.xdf_sz .s_list .s_text p{font-size:15px;}
.xdf_sz .s_list .s_text p:before{margin-right:5px;display:inline-block;margin-left:9px;content: '';width:12px;height:12px;background:url(../images/page4_dian.png)no-repeat;}
/*实景课堂*/
.xdf_sj{width:100%;margin:2% 0;overflow: hidden;}
.xdf_sj .tab{width:98%; margin:4% auto 2%;}
.xdf_sj .tab-hd {overflow:hidden; zoom:1;}
.xdf_sj .tab-hd li{ float:left;width:14.6%;margin:1%; padding:1%;font-size:18px;color:#00a2a0;border-radius:5px;background:#fff;border:1px #eee solid;text-align:center; cursor:pointer;}
.xdf_sj .tab-hd li.active{background:#00a2a0;color:#fff;font-weight:bold;border:1px #00a2a0 solid;}
.xdf_sj .tab-bd li{display:none; padding:50px 20px 20px 20px; border-top:0 none; font-size:24px;overflow: hidden;}
.xdf_sj .tab-bd li.thisclass{ display:list-item;}
.xdf_sj .t_left{width:48%;float:left;}
.xdf_sj .t_left img{width:99.9999%;display: block;}
.xdf_sj .b_text{width:43%;float:left;margin-left:8%;margin-top:1%;}
.xdf_sj .b_text .b_name{color:#00a2a0;margin-bottom:2%;font-size:23px;font-weight:bold;}
.xdf_sj .b_text .b_js{font-size:16px;line-height: 30px;color:#555;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.xdf_title{font-size:24px;}
	.xdf_kc .tab-hd li{width:31.3333%;}
	.xdf_ys .y_list li{width:98%;height:auto;}
	.xdf_bh .b_list li{width:48%;height:170px;}
	.xdf_sz .s_list li{width:48%;}
	.xdf_sz .s_list .s_text{text-align:left;}
	.xdf_sz .s_list .s_text p{font-size:13px;}
	.xdf_sj .tab-hd li{width:31.3333%;}
	.xdf_sj .t_left{width:98%;}
	.xdf_sj .b_text{width:100%;margin-top:10px;margin-left:0;}
	.xdf_sj .b_text .b_name{font-size:20px;}
}