* {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;}
.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: url(../images/bj.png)no-repeat top center;padding: 20px 0;}
.hx_title{font-size: 36px;font-weight: bold;text-align: center;line-height: 48px;color: #000;}
.hx_xb{font-size: 18px;text-align: center;line-height: 36px;color: #666;}
.hx_bj .b_list{width: 100%;margin: 5% 0 2%;overflow: hidden;}
.hx_bj .b_list li{width: 18%;margin: 1%;background: #fff;border-radius: 10px;padding: 10px;height: 290px;float: left;}
.hx_bj .b_list li .pic{width: 56px;height: 56px;margin: 20px auto 10px;}
.hx_bj .b_list li .pic img{display: block;max-width: 100%;}
.hx_bj .b_list li h4{font-size: 15px;color: #000;text-align: center;}
.hx_bj .b_list li span{display: block;width: 20px;height: 2px;background: #ff6565;margin: 10px auto;}
.hx_bj .b_list li .p{font-size: 13px;color: #727272;line-height: 22px;}
/* 应用场景 */
.hx_cj{width: 100%;background: #f5f6fa;padding: 20px 0;}
.hx_xian{width: 20px;height: 2px;background:#ff6565 ;margin: 4px auto 10px;}
.hx_cj .c_list{width: 100%;margin: 2% 0;overflow: hidden;}
.hx_cj .c_list li{width: 48%;margin: 1%;float: left;background: #000;border-radius: 18px;overflow: hidden;height: 140px;position: relative;}
.hx_cj .c_list li .pic{width: 100%;height:100%;}
.hx_cj .c_list li .pic img{display: block;max-width: 100%;opacity: 0.3;}
.hx_cj .c_list li .text{position: absolute;top:40px;left: 10px;}
.hx_cj .c_list li .text h4{font-size: 18px;color: #fff;line-height: 28px;}
.hx_cj .c_list li .text span{display: block;width: 20px;height: 2px;background:#ff6565 ;margin: 10px 0;}
.hx_cj .c_list li .text .p{font-size: 13px;color: #fff;}
/* 案例 */
.hx_al{width: 100%;background: url(../images/al.png)no-repeat top center;padding: 60px 0 20px;}
.hx_al .hx_title{color: #fff;}
.hx_al .hx_xb{color: #fff;}
.hx_al .hx_xian{background: #fff;}
.hx_al .p{font-size: 16px;color: #fff;text-align: center;line-height: 28px;margin: 16px auto;}
.hx_al .a_list{width: 100%;margin: 2% auto;overflow: hidden;}
.hx_al .a_list .li{width: 31.3333%;margin: 1%;float: left;position: relative;}
.hx_al .a_list .li .pic{width: 100%;height: 100%;}
.hx_al .a_list .li .pic img{display: block;max-width: 100%;}
.hx_al .a_list .li .icon{position: absolute;top: 30px;left: 40%;}
.hx_al .a_list .li .icon .i_img{width: 100%;height: 100%;}
.hx_al .a_list .li .icon  .i_img img{display: block;max-width: 100%;}
.hx_al .a_list .li .icon .sp{font-size: 18px;color: #fff;text-align: center;}
/* 课程 */
.hx_kc{width: 100%;background: url(../images/kc.png)no-repeat top center;padding: 20px 0;}
.hx_kc .k_list{width: 100%;margin: 4% 0 2%;overflow: hidden;}
.hx_kc .k_list li{width: 31.3333%;margin: 1%;float: left;background: #fff;border-radius: 10px;padding: 15px;height: 280px;}
.hx_kc .k_list li .k_pic{width: 60px;height: 60px;margin: 10px auto;}
.hx_kc .k_list li .k_pic img{display: block;margin: 0 auto;max-width: 100%;}
.hx_kc .k_list li h5{font-size: 18px;color: #000;text-align: center;font-weight: normal;}
.hx_kc .k_list li .p{font-size: 14px;color: #000;text-align: left;line-height: 22px;margin-top: 15px;}
/* 方式 */
.hx_fs{width: 100%;background: url(../images/fs.png)no-repeat top center;padding: 40px 0 20px;}
.hx_fs  .f_title{font-size: 22px;font-weight: bold;text-align: center;line-height: 36px;}
.hx_fs .f_xb{font-size: 14px;color: #727272;text-align: center;line-height: 28px;}
.hx_fs .f_cont{width: 98%;margin: 4% auto 2%;overflow: hidden;}
.hx_fs .f_cont .pc{float: left;width: 48%;margin: 1%; text-align:left;height: 252px;border: 1px solid #c1cdfb;border-radius: 10px;padding: 10px;}
.hx_fs .f_cont .pc .pic{width: 90px;height: 90px;}
.hx_fs .f_cont .pc .pic img{display: block;max-width: 100%;}
.hx_fs .f_cont .pc  h5{font-size: 22px;color: #000;margin-top: 10px;font-weight: normal;}
.hx_fs .f_cont .pc .sp{font-size: 16px;color: #000;line-height: 26px;margin-top: 10px;}

.hx_fs .f_cont .ph{float: left;width: 48%;margin: 1%;text-align: left;height: 252px;border: 1px solid #c1cdfb;border-radius: 10px;padding: 10px;}
.hx_fs .f_cont .ph .pic{width: 90px;height: 90px;}
.hx_fs .f_cont .ph .pic img{display: block;max-width: 100%;}
.hx_fs .f_cont .ph  h5{font-size: 22px;color: #000;margin-top: 10px;font-weight: normal;}
.hx_fs .f_cont .ph .sp{font-size: 16px;color: #000;line-height: 26px;margin-top: 10px;}
/* 课程体系 */
.hx_tx{width: 100%;margin: 2% 0;overflow: hidden;}
.hx_tx .sp{font-size: 22px;color: #000;font-weight: bold;text-align: center;line-height: 36px;}
.hx_tx .t_kc{width: 100%;margin: 2% 0;background: #f1f6ff;border-radius: 10px;padding: 20px;overflow: hidden;}
.hx_tx .t_kc .t_pic{width:60px;height: 60px;float:left;}
.hx_tx .t_kc .t_pic img{display: block;max-width: 100%;}
.hx_tx .t_kc  .cont{float: left;margin-left: 20px;}
.hx_tx .t_kc  .cont h4{font-size: 18px;}
.hx_tx .t_kc  .cont .p{font-size: 14px;margin-top: 10px;}
/* kc */
.hx_tx .kc {width: 100%;margin: 2% 0;overflow: hidden;}
.hx_tx .kc .k_title{width: 100%;height: 60px;background: #6583f1;border-radius: 10px 10px 0 0;text-align: center;}
.hx_tx .kc .k_title h5{font-size: 22px;color: #fff;text-align: center;line-height: 60px;}
.hx_tx .kc .k_xb{ height: 50px;background: #fff;width: 100%;line-height: 50px;box-shadow: 0 1px 10px rgba(0,0, 0, 0.2);padding: 0 10px;margin-bottom: 10px;}
.hx_tx .kc .k_xb span{font-size: 16px;text-align: center;display: inline-block;}
.hx_tx .kc .k_xb span:nth-child(1){width: 31%;border-right: 1px solid #e7e7e7;}
.hx_tx .kc .k_xb span:nth-child(2){width:21%;border-right: 1px solid #e7e7e7;}
.hx_tx .kc .k_xb span:nth-child(3){width: 45%;}

.hx_tx .kc .tab{width: 100%;margin: 2% 0;background: #fff;padding: 10px;}
.hx_tx .kc .tab .tab-hd{width: 100%;overflow: hidden ;margin-bottom: 10px;}
.hx_tx .kc .tab .tab-hd li{width: 16.666%;background:  linear-gradient(90deg, #0c35ca 0%, #3c62ec 100%)  ; font-size: 18px;color: #fff;text-align: center;line-height: 40px;float: left;cursor: pointer;}
.hx_tx .kc .tab .tab-hd li.active{background: linear-gradient(90deg, #e22b05 0%, #f54f16 100%) ;font-size: 20px;font-weight: bold;}
 
.hx_tx .kc .tab .tab-bd li.thisclass{display:list-item;} 
.hx_tx .kc .tab .tab-bd li{display:none;}
.hx_tx .kc .tab .tab-bd table {border-collapse: collapse; border-spacing: 0;width: 100%;margin-bottom: 10px;background:#ffeef0 ;border-radius: 10px;font-size: 14px;}
.hx_tx .kc .tab .tab-bd table .tb-01{width: 10%;background: #ffd8dd;font-size: 16px;text-align: center;border-radius: 10px 0 0 10px;}
.hx_tx .kc .tab .tab-bd table .tb-02{width: 21%;text-align: center;border-right: 1px solid #dbdbdb;}
.hx_tx .kc .tab .tab-bd table .B1{border-bottom: 1px solid #dbdbdb;}
.hx_tx .kc .tab .tab-bd table .tb-03{width: 21%;text-align: left;padding: 6px;border-right: 1px solid #dbdbdb;}
.hx_tx .kc .tab .tab-bd table .tb-04{width: 48%;padding: 6px;}
/* 2 */
.hx_tx .kc .tab .tab-bd li:nth-child(2) table{background: #fff2e5;}
.hx_tx .kc .tab .tab-bd li:nth-child(2) table  .tb-01{background: #fce9d6;}
/* 3 */
.hx_tx .kc .tab .tab-bd li:nth-child(3) table{background: #e8fffb;}
.hx_tx .kc .tab .tab-bd li:nth-child(3) table  .tb-01{background: #cef5ee;}
/* 4 */
.hx_tx .kc .tab .tab-bd li:nth-child(4) table{background: #f4f1ff;}
.hx_tx .kc .tab .tab-bd li:nth-child(4) table  .tb-01{background: #ebe5fe;}
/* 5 */
.hx_tx .kc .tab .tab-bd li:nth-child(5) table{background: #e2edff;}
.hx_tx .kc .tab .tab-bd li:nth-child(5) table  .tb-01{background: #cfe1ff;}
/* 专家 */
.hx_zj{width: 100%;background: #fafafa;padding: 20px 0;overflow: hidden;}
.hx_zj .z_list{width: 100%;margin: 4% 0 2%;overflow: hidden;}
.hx_zj .z_list .li{width: 31.3333%;margin: 1%;float: left;background: #fff;border-radius: 10px;height: 480px;}
.hx_zj .z_list .li .z_pic{width: 100%;overflow: hidden;}
.hx_zj .z_list .li .z_pic img{display: block;max-width: 100%;}
.hx_zj .z_list .li .text{margin-top: 20px;overflow: hidden;}
.hx_zj .z_list .li .text .line{width: 5px;height: 26px;background: #ff4747;float: left;}
.hx_zj .z_list .li .text h4{font-size: 20px;color: #222;margin-left: 20px;}
.hx_zj .z_list .li .text ul{margin-top: 10px;padding: 10px;}
.hx_zj .z_list .li .text ul li{font-size: 16px;color: #000;margin-left: 16px;margin-bottom: 12px;position: relative;}
.hx_zj .z_list .li .text ul li::before{position: absolute; content: "";width: 4px;height: 4px;border-radius: 2px;background: #c2c2c2;transform: translateY(-50%);top: 12px;left: -12px;}
/* 证书 */
.hx_zs{width: 100%;background: url(../images/zs.png)no-repeat top center;padding: 20px 0;}
.hx_zs .hx_title{color: #fff;}
.hx_zs .hx_xb{color: #fff;}
.hx_zs .hx_xian{background: #fff;}
.hx_zs .p{margin-top: 30px;color: #fff;font-size: 18px;text-align: center;}
.hx_zs  .span{font-size: 24px;color: #ffc589;margin-top: 12px;text-align: center;}
.hx_zs .z_cont{width: 100%;border: 2px solid rgba(255, 197, 137, 0.7);height: 300px;margin-top: 40px;padding: 10px;overflow: hidden;}
.hx_zs .z_cont .z_pic{float: left;width: 45%;margin-right: 10px;}
.hx_zs .z_cont .z_pic img{display: block;max-width: 100%;}
.hx_zs .z_cont .z_text{width: 52%;float: left;color: #fff ; box-sizing: border-box;padding: 10px 10px 0 20px;}
.hx_zs .z_cont .z_text span{display: block;margin-top: 20px;font-size: 16px;line-height: 26px;}
/* 思源 */
.hx_sy{width: 100%;background: #f7f7f7;padding: 20px 0;overflow: hidden;}
.hx_sy .cont{width: 100%;margin-top: 40px;font-size: 16px;color: #000;line-height: 30px;padding: 0 16px;}
.hx_sy .s_pic{width: 100%;margin: 20px auto;overflow: hidden;}
.hx_sy .s_pic img{display: block;margin: 0 auto;max-width: 100%;}









@media only screen and (min-width: 320px) and (max-width:750px){
	.hx_title{font-size: 23px;line-height: 36px;}
	.hx_xb{font-size: 14px;line-height: 24px;}
	.hx_bj .b_list li{width: 48%;height: 240px;}
	.hx_bj .b_list li:nth-of-type(3){width: 98%;height: 210px;}
	.hx_cj .c_list li .text{position: absolute;top:10px;left: 10px;}
	.hx_cj .c_list li .text h4{font-size: 16px;}
	.hx_cj .c_list li .pic{width: 124%;height:100%;}
	.hx_al{padding-top: 20px;}
	.hx_al .p{font-size: 14px;line-height: 22px;padding: 0 10px;}
	.hx_al .a_list .li .icon{top: 10px;left: 39%;}
	.hx_al .a_list .li .icon .i_img{width: 50%;height: 50%;}
	.hx_al .a_list .li .icon .sp{font-size: 12px;text-align: center;}
	.hx_kc .k_list li{width: 98%;height: 210px;padding: 10px;}
	.hx_kc .k_list li:nth-of-type(2){height: 230px;}
	.hx_fs .f_cont .pc .pic{width: 70px;height: 70px;}
	.hx_fs .f_cont .pc  h5{font-size: 18px;}
	.hx_fs .f_cont .pc .sp{font-size: 14px;}
	.hx_fs .f_cont .ph .pic{width: 70px;height: 70px;}
	.hx_fs .f_cont .ph  h5{font-size: 18px;}
	.hx_fs .f_cont .ph .sp{font-size: 14px;line-height: 20px;}
	.hx_tx .sp{font-size: 18px;}
	.hx_tx .kc .k_xb{padding:  0 4px;}
	.hx_tx .kc .tab{padding:  0 4px;}
	.hx_tx .kc .tab .tab-hd li{font-size: 14px;}
	.hx_tx .kc .tab .tab-hd li.active{font-size: 16px;}
	.hx_tx .kc .tab .tab-bd table{font-size: 12px;}
	.hx_tx .kc .tab .tab-bd table .tb-01{font-size: 14px;}
	.hx_zj .z_list .li{height: 440px;}
	.hx_zj .z_list .li .text ul{padding: 6px;}
	.hx_zj .z_list .li .text ul li{font-size: 14px;margin-left: 8px;}
	.hx_zj .z_list .li .text ul li::before{left: -10px;top: 10px;}
	.hx_zs .z_cont .z_text{padding: 10px 0;}
	.hx_zs .p{font-size: 14px;padding: 0 10px;}
	.hx_zs .span{font-size: 16px;}
	.z_text span{margin-top: 0;font-size: 14px;line-height: 20px;}
	.hx_zs .z_cont{height: 260px;}
	.hx_zs .z_cont .z_text span{margin-top: 0;font-size: 14px;line-height: 20px;}
	.hx_sy .cont{font-size: 14px;line-height: 24px;margin-top: 20px;}
	
}