 * {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.hx_banner{width:100%;position:relative;}
.hx_banner img{width:100%;display: block;max-width: 100%;}
.hx_banner span{position: absolute;font-weight:bold;padding:0 10px;left:0;top:15px;font-size:18px;line-height:40px;color:#fb3009;background:#fff;border-radius:0 50px 50px 0;}
/*--背景-*/
.hx_bj{width: 100%;background: #f7f7f7;padding: 20px 0;}
.hx_title{font-size: 36px;text-align: center;line-height: 48px;color: #000;font-weight: bold;}
.hx_title span{display: block;width: 60px;height: 4px;background: #ff5f38;margin: 16px auto;}
.hx_bj .b_list{width: 100%;margin: 2% 0;overflow: hidden;}
.hx_bj .b_list .li{width: 20%;float: left;background: url(../images/bj-1.png)no-repeat top left ;   position: relative;cursor: pointer;height: 350px;}
.hx_bj .b_list .li .li_img{width: 36px;height: 36px;padding-top:30px;margin: 0 auto 40px;}
.hx_bj .b_list .li .li_img img{display: block;max-width: 100%;}
.hx_bj .b_list .li span{display: block;height: 2px;width: 20%;background:  #ff5f38;margin: 6px auto;}
.hx_bj .b_list .li .p{color:  #fff;font-size: 16px;text-align: center;line-height: 26px;font-weight: bold;}
.hx_bj .b_list .li .span{color:#dedede;font-size: 13px;text-align: left;margin-top: 10px;padding: 0 10px;}				  
.hx_bj .b_list .li:nth-of-type(2){background: url(../images/bj-2.png)no-repeat top left ;}
.hx_bj .b_list .li:nth-of-type(3){background: url(../images/bj-3.png)no-repeat top left ;}
.hx_bj .b_list .li:nth-of-type(4){background: url(../images/bj-4.png)no-repeat top left ;}
.hx_bj .b_list .li:nth-of-type(5){background: url(../images/bj-5.png)no-repeat top left ;}
/* 适合 */
.hx_sh{width: 100%;background: url(../images/sh.png)no-repeat top;padding: 20px 0;}
.hx_sh .s_list{width: 100%;margin: 2% 0;overflow: hidden;}
.hx_sh .s_list li{width: 98%;margin: 1%;background: #fff;box-shadow: -8px 10px 14px 0px rgba(255, 225, 218, 0.32);height: 120px;border-radius: 60px;padding: 10px;}
.hx_sh .s_list li h4{font-size: 18px;color: #000;margin: 10px 0 10px 30px;}
.hx_sh .s_list li .p {color: #726f6d;font-size: 16px;margin-left: 40px;line-height: 24px;}
.hx_sh .s_list li .p span{display: inline-block;height: 4px;width: 4px;background: #0e62f0;margin-right: 4px;transform: translateY(-50%);}
/* 方向 */
.hx_fx{width: 100%;margin: 3% 0;overflow: hidden;}
.hx_fx .f_pic{width: 100%;margin: 3% 0;overflow: hidden;}
.hx_fx .f_pic img{display: block;margin: 0 auto;max-width: 100%;}
/* 亮点 */
.hx_ld{width: 100%;background: #dd5b31;padding: 20px 0;overflow: hidden;}
.hx_ld .hx_title{color: #fff;}
.hx_ld .hx_title span{background: #fff;}
.hx_ld .l_list{width: 100%;margin: 3% 0 1%;overflow: hidden;}
.hx_ld .l_list li{width: 31.3333%;margin: 1%; border-radius: 10px;background: #fff;float: left;padding: 10px;height: 300px;    box-sizing: border-box;}
.hx_ld .l_list li .pic{height: 90px;width: 90px;margin: 20px auto 10px;}
.hx_ld .l_list li .pic img{display: block;max-width: 100%;}
.hx_ld .l_list li h4{font-size: 16px;color: #040404;text-align: center;margin-bottom: 10px;}
.hx_ld .l_list li .p{font-size: 14px;color: #666;text-align: left;line-height: 24px;}
/* 课程体系 */
.hx_kc{width: 100%;margin: 3% 0;overflow: hidden;}
.hx_kc .k_mk{width: 100%;margin: 2% 0;overflow: hidden;}
.hx_kc .k_mk .k_top{width: 100%;overflow: hidden;background: #ffece6;padding: 20px 20px 30px 40px;}
.hx_kc .k_mk .k_top .pic{float: left;width: 48px;height: 48px;margin-right: 10px;}
.hx_kc .k_mk .k_top .pic img{display: block;max-width: 100%;}
.hx_kc .k_mk .k_top .text h4{font-size: 18px;color: #39261f;margin-bottom: 6px;}
.hx_kc .k_mk .k_top .text .p{color: #39261f;font-size: 16px;}
.hx_kc .k_mk .k_top .text .p b{font-weight: bold;}
.hx_kc .k_mk .m_list{width: 100%;margin: 2% 0;overflow: hidden;background: url(../images/kc-mk3.png)no-repeat center top;}
.hx_kc .k_mk .m_list .li{width: 31.3333%;margin: 1%; float: left;background: #fff;border-radius: 10px;box-shadow: 0px 0px 10px 4px #eeeeee;padding: 20px 15px;}
.hx_kc .k_mk .m_list .li  h5{font-size: 16px;color: #ff5b26;}
.hx_kc .k_mk .m_list .li .p{color: #49413e;font-size: 14px;margin-top: 10px;}
.hx_kc .k_mk .m_list .li .p span{display: inline-block;width: 4px;height: 4px;background:#ff5b26 ;margin-right: 6px;}
.hx_kc .kc_bg{width: 100% ;margin: 2% 0;overflow: hidden;}
.hx_kc .kc_bg .b_title{width: 100%;background: linear-gradient(270deg, #ff762b 0%, #fa7247 100%);border-radius: 10px 10px 0 0;height: 63px;text-align: center;padding-top: 10px;color: #fff;}
.hx_kc .kc_bg .b_title h5{font-size: 18px;margin-bottom: 4px;text-align: center;}
.hx_kc .kc_bg .b_title .p{font-size: 14px;text-align: center;}
.hx_kc .kc_bg .b_xb{width: 100%;background: #fff;height: 34px;}
.hx_kc .kc_bg .b_xb span{display: block;float: left;height: 34px;font-size: 14px;line-height: 34px;font-weight: bold;text-align: center;color: #000;}
.hx_kc .kc_bg .b_xb span:nth-child(1){width: 30%;border-right: 1px solid #e7e7e7;}
.hx_kc .kc_bg .b_xb span:nth-child(2){width: 70%;}
.hx_kc .kc_bg .shadow{width: 100%;height: 16px;background: linear-gradient(360deg, #ffffff 0%, #d8d8d8 100%);opacity: 0.25;}

.hx_kc .kc_bg  .tab{padding: 10px;}
.hx_kc .kc_bg  .tab .tab-hd{width: 100%;overflow: hidden;}
.hx_kc .kc_bg  .tab .tab-hd li{width: 23%;margin: 1%;background: #262626;font-size: 20px;font-weight: bold;color: #fff;text-align: center;line-height: 40px;border-radius: 10px;float: left;cursor: pointer;}
.hx_kc .kc_bg  .tab .tab-hd li.active{background: #e52600;}

.hx_kc .kc_bg  .tab .tab-bd li.thisclass{display:list-item;}
.hx_kc .kc_bg  .tab .tab-bd li{display:none;}
.hx_kc .kc_bg  .tab .tab-bd li table {border-collapse: collapse; border-spacing: 0;width: 100%;margin-bottom: 10px;}
.hx_kc .kc_bg  .tab .tab-bd li table .tb-01{width: 13%; background: #cfe0ff;border-radius: 8px 0 0 8px;color: #49413e;text-align: center;font-size: 14px;font-weight: bold;}
.hx_kc .kc_bg  .tab .tab-bd li table .tb-02{width: 17%;background: #e2edff;color: #49413e;text-align: center;font-size: 14px;font-weight: bold;padding: 6px 15px;border-right: 1px solid #b2c4e6;}
.hx_kc .kc_bg  .tab .tab-bd li table  .B1{border-bottom: 1px solid #b2c4e6;}
.hx_kc .kc_bg  .tab .tab-bd li table .tb-03{width: 70%;background: #e2edff;color: #49413e;font-size: 12px;text-align: left;box-sizing: border-box;color: #49413e;padding: 6px 15px;}
/* 2 */
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(2) .tb-01{background: #ffd8dd;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(2) .tb-02{background: #ffeef0;border-right: 1px solid #f4c0c6;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(2) .B1{border-bottom: 1px solid #f4c0c6;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(2) .tb-03{background: #ffeef0;}
/* 3 */
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(3) .tb-01{background: #fde9d6;width: 12%;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(3) .tb-02{background: #fff2e5;border-right: 1px solid #f3d7bc;width: 18%;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(3) .B1{border-bottom: 1px solid #f3d7bc;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(3) .tb-03{background: #fff2e5;}
/* 4 */
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(4) .tb-01{background: #cef5ee;width: 12%;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(4) .tb-02{background: #e8fffb;border-right: 1px solid #b9ece3;width: 18%;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(4) .B1{border-bottom: 1px solid #b9ece3;}
.hx_kc .kc_bg  .tab .tab-bd li:nth-of-type(4) .tb-03{background: #e8fffb;}

/* 专家 */
.hx_zj{width: 100%;margin: 3% 0;overflow: hidden;}
.hx_zj .z_pic{width: 100%;margin: 2% 0;overflow: hidden;}
.hx_zj .z_pic img{display: block;margin: 0 auto;max-width: 100%;}
/* 合格证书 */
.hx_zs{width: 100%;overflow: hidden;background: #f5f5f6;padding: 20px 0;}
.hx_zs .p{font-size: 16px;color: #666;text-align: center;margin: 16px auto;}
.hx_zs .z_text{width: 100%;height: 260px;overflow: hidden;margin-top: 30px;}
.hx_zs .z_text .textbg {width: 100%;background: #e7613c;height: 252px;overflow: hidden;}
.hx_zs .z_text .textbg .span{float: right;width: 58%;box-sizing: border-box;padding: 40px 20px;color: #fff;font-size: 16px;line-height: 24px;}
.hx_zs .z_text .textbg .span b{font-size: 18px;font-weight: bold;}
.hx_zs .z_text .pic{width: 42%;height: 259px;float: left;padding: 10px;}
.hx_zs .z_text .pic img{display: block;max-width: 90%;}
/* 学员好评 */
.hx_hp{width: 100%;background-color: #2e3947;padding: 20px 0 0;}
.hx_hp .hx_title {color: #fff;}
.hx_hp .hx_title span{background: #fff;}
.hx_hp .h_xb{font-size: 16px;color: #fff;text-align: center;line-height: 36px;border-radius: 18px;background: #ff4b19;width: 20%;margin: 0 auto;font-weight: bold;}
.hx_hp .h_pic{width: 100%;margin: 0 auto;overflow: hidden;}
.hx_hp .h_pic img{display: block;max-width: 100%;}

@media only screen and (min-width: 320px) and (max-width:750px){
	.hx_title{font-size: 23px;}
	.hx_title span{margin: 4px auto 10px;}
	.hx_bj .b_list .li{width:50%;}
	.hx_bj .b_list .li:nth-of-type(2){height: 280px;}
	.hx_bj .b_list .li:nth-of-type(1){height: 280px;}
	.hx_bj .b_list .li:nth-of-type(5){height: 240px;}
	.hx_bj .b_list .li:nth-of-type(3){height: 300px;}
	.hx_bj .b_list .li:nth-of-type(4){height: 300px;}
	.hx_bj .b_list .li .p{font-size: 14px;}
	.hx_bj .b_list .li .span{font-size: 12px;padding: 0 6px;}
	.hx_sh .s_list li{border-radius: 20px;margin-bottom: 10px;}
	.hx_sh .s_list li h4{margin-left: 10px;font-size: 16px;}
	.hx_sh .s_list li .p{margin-left: 10px;font-size: 14px;}
	.hx_ld .l_list li{width: 48%;}
	
	.hx_ld .l_list li .p{line-height: 19px;font-size: 13px;}
	
	.hx_kc .k_mk .k_top{padding-left: 20px;}
	.hx_kc .k_mk  .m_list .li{height: 210px;padding: 10px;}
	.hx_kc .k_mk  .m_list .li .p{font-size: 13px;}
	.hx_kc .kc_bg  .tab .tab-hd li{font-size: 16px;}
	.hx_kc .kc_bg  .tab .tab-bd li table .tb-02{font-size: 12px;padding: 6px 6px;}
	.hx_zs .p{font-size: 14px;padding: 0 10px;}
	.hx_zs .z_text .textbg .span{font-size: 14px;line-height: 20px;padding: 10px;}
	.hx_zs .z_text .textbg .span b{font-size: 16px;}
	.hx_zs .z_text .textbg {height: 240px;}
	.hx_zs .z_text .pic img{max-width: 100%;}
	.hx_hp .h_xb{width: 30%;left: 30px;}
}