* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/* banner */
.xfd_banner{width: 100%;overflow: hidden;position: relative;}
.xfd_banner img{display: block;max-width: 100%;}
.xfd_banner span{position: absolute;font-weight:bold;padding:0 10px;left:0;top:10px;font-size:18px;line-height:40px;color:#fb3009;background:#fff;border-radius: 0 50px 50px 0;}
/* why */
.xfd_why{width: 100%;margin: 2% 0; overflow: hidden;}
.xfd_title{font-size: 44px;text-align: center;line-height: 60px;color: #000;font-weight: bold;}
.xfd_why .w_list{width: 100%;margin: 2% 0; overflow: hidden;}
.xfd_why .w_list li{width: 31.3333%;margin: 1%;float: left;background: #fff;border-radius: 10px;height: 180px;box-shadow: 0px 3px 10px 0px rgba(196, 196, 196, 0.44);
                     margin-top: 10px;padding-bottom: 20px;text-align: center;}
.xfd_why .w_list li h2{height: 60px;line-height: 60px;font-size: 24px;color: #fff;border-radius: 10px 10px 0 0;background: linear-gradient(0deg, #1DA571, #4AD395);}
.xfd_why .w_list li p{margin-top: 20px;font-size: 18px;line-height: 30px;padding: 0 20px;}
.xfd_why .w_list .li2 h2{background: linear-gradient(-4deg, #FF7800, #F1CE65);}
.xfd_why .w_list .li3 h2{background:linear-gradient(-4deg, #FF8C96, #FF283A);}
/* 打算 */
.xfd_ds{width: 100%;margin: 2% 0; overflow: hidden;}
.xfd_ds img{display: block;max-width: 100%;}
/* 抢先 */
.xfd_qx{width: 100%;margin: 2% 0; overflow: hidden;}
.xfd_qx .q_list{width: 100%;margin: 2% 0; overflow: hidden;}
.xfd_qx .q_list li{width: 48%;margin: 1%;float: left;margin-bottom: 10px;padding: 20px;height: 286px;}
.xfd_qx .q_list .left{background: #fff;box-shadow: 0 3px 10px rgba(11,126,81,0.2);border-radius: 10px 0 0 10px;}
.xfd_qx .q_list .left h4{font-size: 22px;background: #22aa75;color: #fff;text-align: center;line-height: 40px;border-radius: 20px 20px 20px 0;width: 60%;margin-bottom: 30px;}
.xfd_qx .q_list .left p{background: url(../images/arrow1.png)no-repeat left center;margin-top:18px;font-size: 18px;padding-left: 30px;}
.xfd_qx .q_list .right{background: linear-gradient(to bottom, #30b579, #0b7e52);border-radius: 0 10px 10px 0;}
.xfd_qx .q_list .right h4{font-size: 22px;background: linear-gradient(to right, #f2dda9, #fcffef);color: #000;text-align: center;line-height: 40px;
                         border-radius: 20px 20px 20px 0;width:85%;margin-bottom: 30px;}
.xfd_qx .q_list .right p{background: url(../images/arrow2.png)no-repeat left center;margin-top: 20px;font-size: 20px;padding-left: 34px;color: #F6EAC4;}
/* 阶梯式 */
.xfd_jt{width: 100%;background: url(../images/bg4.png)no-repeat top center;padding: 20px 0;}
.xfd_jt .xfd_title{color: #fff;}
.xfd_jt .j_list{width: 100%;margin: 2% 0;overflow: hidden;}
.xfd_jt .j_list li{width: 31.3333%;margin: 1%;border-radius: 10px;height: 248px;background: #fff;float: left;}
.xfd_jt .j_list li h2{width: 100%;height: 60px;color: #1C784B;text-align: center;line-height:60px;background: linear-gradient(to right, #f2ddaa, #fcfeee) ;border-radius: 10px;font-size: 30px;}
.xfd_jt .j_list li h3{font-size: 24px;text-align: center;margin-top: 16px;}
.xfd_jt .j_list li h3 span{display: block;background: #1C784B;width: 20%;height: 1px;margin: 6px auto;}
.xfd_jt .j_list li p{padding: 10px 12px;font-size: 16px;line-height: 24px;}
/* 特色课程 */
.xfd_kc{width: 100%;background: linear-gradient(0deg, #F0D0AA, #FFF0DD);padding: 20px 0;overflow: hidden;}
.xfd_kc .tab{width:98%; margin:2% auto;background: #fff;padding-bottom: 10px;}
.xfd_kc .tab .tab-hd{overflow:hidden; zoom:1;width: 80%;margin: 0 auto;overflow: hidden;}
.xfd_kc .tab .tab-hd li{height: 60px;width: 25%;text-align: center;font-size: 24px;line-height: 60px;float: left;border-bottom: 1px solid #999;}
.xfd_kc .tab .tab-hd li.active{font-size: 26px;color: #289761;}
.xfd_kc .tab .tab-hd li.active::before{display: block;width: 70%;height: 2px;margin: 0 auto;background: #289761;content: '';}

.xfd_kc .tab .tab-bd{width: 96%;margin: 4% 2%;}
.xfd_kc .tab .tab-bd li.thisclass{display:list-item;}
.xfd_kc .tab .tab-bd li {display: none;}
.xfd_kc .tab .tab-bd li table{border-collapse: collapse;border-spacing: 0;width: 100%;border:1px solid #DADADA;}
.xfd_kc .tab .tab-bd li table th{font-size: 22px;background: #F6B244;text-align: center;color: #fff;padding: 10px 0;line-height: 30px;border-right: 1px solid #DADADA;}
.xfd_kc .tab .tab-bd li table th:nth-of-type(1){width: 20%;}
.xfd_kc .tab .tab-bd li table th:nth-of-type(2){width: 60%;}
.xfd_kc .tab .tab-bd li table td{text-align: center;padding: 10px 0;border-right: 1px solid #DADADA;border-bottom:1px solid #DADADA ;font-size: 18px;}
/* 师资 */
.xfd_sz{width: 100%;margin: 2% 0;overflow: hidden;}
.xfd_sz .s_pic{width: 100%;margin: 2% 0;background: #37bf86;overflow: hidden;padding: 20px 0;}
.xfd_sz .s_pic img{display: block;margin: 0 auto;max-width: 100%;}
/* 六步教学 */
.xfd_jx{width: 100%;margin: 2% 0;overflow: hidden;}
.xfd_jx .j_list{width: 100%;margin: 2% 0;overflow: hidden;}
.xfd_jx .j_list li{width: 31.3333%;margin: 1%;float: left;background: #fff;border-radius: 10px;border: 1px solid #f8f1d3;}
.xfd_jx .j_list li h2{width: 100%;height: 60px;color: #1C784B;text-align: center;line-height:60px;background: linear-gradient(to right, #f2deab, #fcfeee) ;border-radius: 10px;font-size: 30px;}
.xfd_jx .j_list li h6{font-size: 20px;color: #1B8D60;line-height: 24px;padding-left: 10px;font-weight: normal;text-align: left;margin-top: 20px;}
.xfd_jx .j_list li p{font-size: 18px;line-height: 28px;text-align: left;padding: 10px;}
.xfd_jx .j_list li.lv{border: 1px solid #3fc78c;}
.xfd_jx .j_list li.lv h2{background: linear-gradient(to right, #23ab76, #4ad395) ;color: #fff;}
/* 服务 */
.xfd_fw{width: 100%;margin: 2% 0;overflow: hidden;}
.xfd_fw .f_list{width: 100%;margin: 2% 0;overflow: hidden;} 
.xfd_fw .f_list li{width: 48%;margin: 1%;float: left;height: 190px;position: relative;}
.xfd_fw .f_list li h2{width: 85%;height: 160px;background: linear-gradient(-19deg, #1DA571, #4AD395);border-radius: 0 0 0 60px;font-size: 24px;color: #fff;
                       padding-left: 100px; box-sizing: border-box;line-height: 52px;}
.xfd_fw .f_list li .num{width: 80px;height: 50px;background: linear-gradient(90deg, #F2DDA9, #FCFFF0);border-radius: 0 0 15px 0;text-align: center;line-height: 50px;
                         font-size: 30px;color: #289761;font-weight: bold;position: absolute;top: 0;left: 0;}
.xfd_fw .f_list li .txt{position: absolute;top: 62px; left: 30px;background: #fff;width: 90%;height: 120px;box-shadow: 0px 3px 17px 0px rgba(168, 168, 168, .5);
                       box-sizing: border-box;padding:10px 0 0 20px ;overflow: hidden;}
.xfd_fw .f_list li .txt p{float: left;line-height:30px;font-size: 17px;width:160px;}
/* 环境 */
.xfd_hj{width: 100%;margin: 2% 0;overflow: hidden;background: #289761;padding: 20px 0;}
.xfd_hj .xfd_title{color: #fff;}
.xfd_hj .h_pic{width: 100%;margin: 2% 0;overflow: hidden;}
.xfd_hj .h_pic img{display: block;margin: 0 auto;max-width: 100%;}

@media only screen and (min-width: 320px) and (max-width:750px){
.xfd_title{font-size: 24px;line-height: 36px;}	
.xfd_why .w_list li{width: 48%;height:190px;}
.xfd_why .w_list li h2{font-size:19px;}	
.xfd_why .w_list li p{font-size: 16px;}	
.xfd_qx .q_list li{width: 98%;}	
.xfd_jt .j_list li{width: 48%;}
.xfd_jt .j_list li h3{font-size: 20px;margin-top: 10px;}
.xfd_jt .j_list li p{font-size: 15px;line-height: 22px;}
.xfd_kc .tab .tab-hd{width: 100%;}
.xfd_kc .tab .tab-hd li{font-size: 18px;}
.xfd_kc .tab .tab-hd li.active{font-size: 18px;font-weight: bold;}
.xfd_kc .tab .tab-bd li table th{font-size: 17px;padding: 6px 0;}
.xfd_kc .tab .tab-bd li table td{font-size: 15px;padding: 6px 0;}
.xfd_jx .j_list li{width: 48%;}
.xfd_jx .j_list li h2{font-size: 26px;}
.xfd_jx .j_list li h6{font-size: 18px;}
.xfd_jx .j_list li p{font-size: 16px;}
.xfd_fw .f_list li{width: 97%;margin:2%;height: 170px;}   
.xfd_fw .f_list li h2{font-size: 20px;line-height: 40px;height: 120px;width: 90%;padding-left: 120px;}
.xfd_fw .f_list li .num{font-size: 24px;width: 90px;height: 40px;line-height: 40px;}
.xfd_fw .f_list li .txt{top: 50px;}



}