* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.mx_banner{width: 100%;overflow: hidden;position: relative;}
.mx_banner img{display: block;max-width: 100%;}
.mx_banner span{display: block;position: absolute;top: 10px;left: 0;padding: 0 14px;background-color: #fff;border-radius: 0 23px 23px 0;line-height: 46px;font-size: 20px;color: #5466f8;font-weight: bold;}
/* 优势 */
.mx_ys{width: 100%;background: #f7f8fc;padding: 20px 0;overflow: hidden;}
.mx_title{font-size: 30px;font-weight: bold;text-align: center;line-height: 48px;color: #000;}
.mx_xb{font-size: 18px;text-align: center;line-height: 28px;color: #666;}
.mx_ys .y_list{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_ys .y_list li{width: 31.3333%;margin: 1%;float: left;background: #fff;border-radius: 10px;box-shadow:0 0 10px 2px rgba(206, 222,255, 0.4);padding: 10px;height: 170px;}
.mx_ys .y_list li .ypic{width:64px ;height: 64px;margin: 10px auto;}
.mx_ys .y_list li .ypic img{display: block;max-width: 100%;margin: 0 auto;}
.mx_ys .y_list li h4{font-size: 20px;text-align: center;line-height: 30px;color: #000;}
.mx_ys .y_list li .p{font-size: 16px;color: #333;text-align: center;line-height: 24px;margin-top: 6px;}
/* 优点 */
.mx_yd{width: 100%;margin: 0 auto;overflow: hidden;}
.mx_yd img{display: block;max-width: 100%;}
/* 数据 */
.mx_sj{width: 100%;margin: 0 auto;overflow: hidden;}
.mx_sj img{display: block;max-width: 100%;}
/* 特色 */
.mx_ts{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_ts .t_list{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_ts .t_list li{width: 31.3333%;margin: 1%;float: left;border-radius: 10px;box-shadow: 0 0 9px 3px #e3eaf9;height: 160px;padding: 20px 10px;background: #fff;}
.mx_ts .t_list li h4{font-size: 20px;color: #000;line-height: 30px;}
.mx_ts .t_list li .xian{display: block;width: 30px;height: 3px;background: #2f62f3;margin: 10px 0;}
.mx_ts .t_list li .p{font-size: 14px;line-height: 22px;text-align: left;color: #333;}
/* 特点 */
.mx_td{width: 100%;background: #f7f8fc; overflow: hidden;padding: 20px 0;}
.mx_td .t_list{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_td .t_list li{width: 48%;margin: 1%;float: left;border-radius: 10px;box-shadow: 0 0 9px 3px #e3eaf9;height: 140px;padding: 20px 10px;background: #fff;}
.mx_td .t_list li h4{font-size: 20px;color: #000;line-height: 30px;}
.mx_td .t_list li .xian{display: block;width: 30px;height: 3px;background: #2f62f3;margin: 10px 0;}
.mx_td .t_list li .p{font-size: 14px;line-height: 22px;text-align: left;color: #333;}
/* 体系 */
.mx_tx{width: 100%;background: #fafafa;padding: 20px 0;overflow: hidden;}
.mx_tx .t_tab{width: 100%;overflow: hidden;margin: 2% 0;}
.mx_tx .t_tab .tab-hd{width: 100%;overflow: hidden;}
.mx_tx .t_tab .tab-hd li{width: 18%;margin: 1%;float: left;background: #fff;border: dashed 1px #d6d7d8;border-radius: 4px;height: 42px;font-size: 16px;text-align: center;
                           line-height: 42px;color: #000;box-sizing: border-box;cursor: pointer;}
.mx_tx .t_tab .tab-hd li.active{border: solid 1px #0d63ff;background: #0d63ff;color: #fff;}

.mx_tx .t_tab .tab-bd{width:96%;margin: 2% auto;overflow: hidden;box-shadow: 0 0 0 10px #f2f4fa;border-radius: 10px;}
.mx_tx .t_tab .tab-bd li{display: none;}
.mx_tx .t_tab .tab-bd li.thisclass{display: block;}
.mx_tx .t_tab .tab-bd li .bt{width: 100%;background: #0d63ff;color: #fff;height: 60px;line-height: 60px;text-indent:60px;font-size: 20px;}
.mx_tx .t_tab .tab-bd li .mb{margin-top: 20px;overflow: hidden;}
.mx_tx .t_tab .tab-bd li .mb .title{float: left;width:13%;border: 1px dashed #6ea1ff;padding:6px 10px;font-size: 16px;color: #000;text-align: center;margin-left: 10px;}
.mx_tx .t_tab .tab-bd li .mb .cont{float: right;width: 80%;margin-right: 10px;margin-left: 20px;}
.mx_tx .t_tab .tab-bd li .mb .cont .p1{font-size: 14px;color: #333;text-align: left;line-height: 24px;}
.mx_tx .t_tab .tab-bd li .mb .cont .p1 span{font-weight: bold;color: #0d63ff;margin: 0 10px 0 4px;}
.mx_tx .t_tab .tab-bd li .ap{margin-top: 30px;margin-bottom: 20px;}
.mx_tx .t_tab .tab-bd li .ap .title{float: left;width:13%;border: 1px dashed #6ea1ff;padding:6px 10px;font-size: 16px;color: #000;text-align: center;margin-left: 10px;}
.mx_tx .t_tab .tab-bd li .ap .a_cont{float: right;width: 80%;margin-right: 10px;margin-left: 20px;}
.mx_tx .t_tab .tab-bd li .ap .a_cont .p2{font-size: 14px;color: #333;text-align: left;margin-bottom: 6px;}
.mx_tx .t_tab .tab-bd li .ap .a_cont .p2 .ti2{border: 1px dashed #6ea1ff;height: 22px;font-size: 12px;padding: 0 20px;display: inline-block;margin: 6px 0;color: #6ea1ff;box-sizing: border-box;}
.mx_tx .t_tab .tab-bd li .ap .a_cont .p2  .b{font-size: 14px;color: #333;text-align: left;}
/* 案例 */
.mx_al{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_al .a_tab{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_al .a_tab .tab-hd{width: 100%;overflow: hidden;margin: 1% 0;}
.mx_al .a_tab .tab-hd li{width: 18%;margin: 1%;float: left;height: 36px;background: #e3e3e3;color: #666;border-radius: 6px;text-align: center;line-height: 36px;cursor: pointer;box-sizing: border-box;}
.mx_al .a_tab .tab-hd li.active{background: #007aff;color: #fff;}

.mx_al .a_tab .tab-bd{width:96%;margin: 1% auto;overflow: hidden;}
.mx_al .a_tab .tab-bd li{display: none;}
.mx_al .a_tab .tab-bd li.thisclass{display: block;}
.mx_al .a_tab .tab-bd li .apic{width: 680px;height: 386px;margin: 10px auto;}
.mx_al .a_tab .tab-bd li .apic img{display: block;max-width: 100%;margin: 0 auto;}
.mx_al .a_tab .tab-bd li .nr{width: 100%;overflow: hidden;margin: 2% 0;}
.mx_al .a_tab .tab-bd li .nr .left{float: left;width: 48%;}
.mx_al .a_tab .tab-bd li .nr .left .p{font-size: 16px;line-height: 24px;color: #000;margin-bottom: 10px;}
.mx_al .a_tab .tab-bd li .nr .left .p span{display: block;color: #0050ff;}
.mx_al .a_tab .tab-bd li .nr .rig{float: right;width: 48%;}
.mx_al .a_tab .tab-bd li .nr .rig span{display: block;color: #0050ff;font-size: 16px;line-height: 24px;}
.mx_al .a_tab .tab-bd li .nr .rig .p1{font-size: 16px;line-height: 24px;color: #000;margin-bottom: 4px;}
.mx_al .a_tab .tab-bd li .nr .rig .p1 b{font-weight: normal;color: #0050ff;}
/* 教研 */
.mx_jy{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_jy .cont{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_jy .cont .pic{width: 200px;height:253px;float: left;margin-right: 50px;}
.mx_jy .cont .pic img{display: block;max-width: 100%;}
.mx_jy .cont  .text{margin-top: 30px;padding: 20px;}
.mx_jy .cont  .text h4{font-size: 20px;color: #005dff;line-height: 30px;margin-bottom: 20px;}
.mx_jy .cont  .text  .p{font-size: 16px;line-height: 30px;text-align: left;}
.mx_jy .wb{margin-top: 20px;}
.mx_jy .wb  h4{font-size: 20px;color: #005dff;line-height: 30px;margin-bottom:10px;}
.mx_jy .wb  .p{font-size: 16px;line-height: 30px;text-align: left;}
/* 实力 */
.mx_sl{width: 100%;background: #f7f8fc;padding: 20px 0;}
.mx_sl .nr{width: 98%;margin: 2% auto;overflow: hidden;}
.mx_sl .nr .s_pic{width: 100%;height: 100%;margin: 6px auto;}
.mx_sl .nr .s_pic img{display: block;max-width: 100%;}
.mx_sl .nr .cont{margin-top: 20px;}
.mx_sl .nr .cont h4{font-size: 20px;color: #000;line-height: 30px;text-align: left;margin-bottom: 10px;}
.mx_sl .nr .cont .p{font-size: 16px;color: #333;line-height: 24px;text-align: left;}
/* 认证 */
.mx_rz{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_rz .r_pic{width: 100%;margin: 2% 0;overflow: hidden;}
.mx_rz .r_pic img{display: block;max-width: 100%;}
/* 问答 */
.mx_wd{width: 100%;background: url(../images/wdbg.png);padding: 20px 0;}
.mx_wd .w_cont{width: 96%;margin: 2% auto;overflow: hidden;}
.mx_wd .w_cont .text{width: 100%;margin-bottom: 20px;}
.mx_wd .w_cont .text .w{font-size: 20px;font-weight: bold;color: #000;text-align: left;line-height: 30px;}
.mx_wd .w_cont .text .xian{width: 30px;height: 4px;background: #2f62f3;margin: 10px 0;}
.mx_wd .w_cont .text .d{font-size: 16px;color: #333;text-align: left;line-height:36px;}


@media only screen and (min-width: 320px) and (max-width: 750px){
.mx_title{font-size: 26px;}	
.mx_xb{font-size: 14px;padding: 0 20px;}	
.mx_ys .y_list li{width: 48%;height: 190px;}
.mx_ys .y_list li .ypic{margin: 6px auto;}
.mx_ys .y_list li h4{font-size: 18px;}	
.mx_ys .y_list li .p{font-size: 14px;}	
.mx_ts .t_list li{width: 48%;height: 190px;}
.mx_ts .t_list li:last-child{width: 98%;height: 130px;}	
.mx_ts .t_list li h4{font-size: 18px;}	
.mx_td .t_list li{height: 176px;}
.mx_td .t_list li h4{font-size: 18px;}	
.mx_tx .t_tab .tab-hd li{font-size: 14px;height: 32px;line-height: 32px;}
.mx_tx .t_tab .tab-bd li .bt{text-indent:10px;font-size: 15px;height: 48px;line-height: 48px;}
.mx_tx .t_tab .tab-bd li .mb .title{width: 12%;padding: 4px;font-size: 14px;}	
.mx_tx .t_tab .tab-bd li .mb .cont{width: 76%;margin-left: 10px;}	
.mx_tx .t_tab .tab-bd li .mb .cont .p1{font-size: 12px;line-height: 18px;}	
.mx_tx .t_tab .tab-bd li .ap .title{width: 12%;padding: 4px;font-size: 14px;}	
.mx_tx .t_tab .tab-bd li .ap .a_cont{width: 76%;margin-left: 10px;}	
.mx_tx .t_tab .tab-bd li .ap .a_cont .p2{font-size: 12px;}
.mx_tx .t_tab .tab-bd li .ap .a_cont .p2  .b{font-size: 12px;}
.mx_al .a_tab .tab-bd li .apic{width: 100%;height: auto;}
.mx_al .a_tab .tab-bd li .nr{display: block;}
.mx_al .a_tab .tab-bd li .nr .left{width: 98%;margin: 0 auto;}
.mx_al .a_tab .tab-bd li .nr .left .p{font-size: 14px;}
.mx_al .a_tab .tab-bd li .nr .rig{width: 98%;margin: 0 auto;}
.mx_al .a_tab .tab-bd li .nr .rig span{font-size: 14px;}
.mx_al .a_tab .tab-bd li .nr .rig .p1{font-size: 14px;}
.mx_jy .cont .pic{width: 170px;height: 216px;margin-right: 10px;}
.mx_jy .cont  .text{margin-top: 10px;padding: 0;}
.mx_jy .cont  .text h4{font-size: 18px;margin-bottom: 10px;line-height: 24px;}
.mx_jy .cont  .text  .p{font-size: 14px;line-height: 20px;}
.mx_jy .wb {padding: 0 10px;}
.mx_jy .wb  h4{font-size: 18px;margin-bottom: 10px;line-height: 24px;}
.mx_jy .wb  .p{font-size: 14px;line-height: 20px;}
.mx_sl .nr .cont h4{font-size: 18px;}
.mx_sl .nr .cont .p{font-size: 14px;}
.mx_wd .w_cont .text .w{font-size: 18px;line-height: 28px;}
.mx_wd .w_cont .text .d{font-size: 14px;line-height: 28px;}

}