* {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%;}
.mx_banner img{width:100%;display: block;}
/*--艺术方向--*/
.mx_fx{width:100%;padding:2% 0;overflow: hidden;}
.mx_title{font-size:30px;text-align: center;line-height:35px;font-weight:bold;color:#333;}
.mx_title span{margin-top:3px;display:block;font-weight:normal;font-size:13px;color:#999;text-align: center;line-height: 24px;}
.mx_fx .f_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_fx .f_list li{position:relative;width:23%;float:left;margin:1%;}
.mx_fx .f_list .b_bot{}
.mx_fx .f_list .b_bot img{max-width:100%;display: block;}
.mx_fx .f_list .b_wh{position:absolute;left:10px;bottom:0;width:90%;height:90%;background:#fff;opacity: 0.9;}
.mx_fx .f_list .b_wh img{max-width:100%;display: block;margin:10px auto;}
.mx_fx .f_list .b_wh h5{font-size:18px;color:#333;text-align: center;font-weight:bold;}
.mx_fx .f_list .b_wh p{text-indent:0;text-transform:uppercase;text-align:center;font-size:12px;color:#555;line-height: 24px;}
/*服务课程*/
.mx_kc{width:100%;margin:2% 0;overflow: hidden;}
.mx_kc .k_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_kc .k_list li{width:31.3333%;height:816px;float:left;margin:1%;border:1px solid rgba(134, 142, 176, 1);}
.mx_kc .k_list li img{max-width:100%;display: block;}
.mx_kc .k_list .k_name{}
.mx_kc .k_list .k_name span{font-size:16px;color:#fff;display:block;line-height:39px;text-align:center;width:39px;height:39px;background:rgba(46, 53, 81, 1);}
.mx_kc .k_list .k_name p{text-align:left;margin:6px 0;font-size:16px;font-weight:bold;color:rgba(46, 53, 81, 1);}
.mx_kc .k_list .k_text{text-align:left;padding:5px;font-size:14px;color:#808599;line-height: 24px;}
.mx_kc .k_list .k_text b{color:#2e3551;}
.mx_kc .k_list .k_bot{padding:5px;text-align:left;}
.mx_kc .k_list .k_bot span{text-align:left;position:relative;padding-left:15px;font-size:14px;color:#2E3551;}
.mx_kc .k_list .k_bot p{text-indent:0;text-align:left;padding-left:15px;margin-top:3px;font-size:14px;color:#989ba7;line-height: 22px;}
.mx_kc .k_list .k_bot span:before{top:6px;left:0;position:absolute;content:'';width:6px;height:6px;background:#2e3551;border-radius:50px;}
/*名校推荐*/
.mx_tj{width:100%;padding:2% 0;overflow: hidden;background:url(../images/newCloth2_four_bg.jpg)repeat-y top center;background-size:100%;}
.mx_tj .tab{width:98%; margin:4% auto 2%;}
.mx_tj .tab-hd {overflow:hidden; zoom:1;}
.mx_tj .tab-hd li{ float:left;width:18%;margin:1%; padding:2%;font-size:18px;font-weight:bold;color:#005AFF; border-radius:5px;border:1px solid rgba(49,127,227,.4);text-align:center; cursor:pointer;}
.mx_tj .tab-hd li.active{ background:#005AFF;color:#fff;}
.mx_tj .tab-bd li{display:none; /*padding:20px; */border-top:0 none; font-size:24px;overflow: hidden;}
.mx_tj .tab-bd li.thisclass{ display:list-item;}
.mx_tj .t_box{width:100%;margin:2% 0;overflow: hidden;}
.mx_tj .t_box .t_left{width:48%;float:left;margin:1%;}
.mx_tj .t_box .t_left .t_top{margin-bottom:10px;}
.mx_tj .t_box .t_left .t_top h5{font-weight:bold;text-align:left;font-size:16px;color:#003f96;}
.mx_tj .t_box .t_left .t_top span{font-size:24px;text-align:left;color:#ccc;font-weight:200;}
.mx_tj .t_box .t_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_tj .t_box .t_list .t_li{width:48%;float:left;margin:1%;background:#fff;} 
.mx_tj .t_box .t_list .t_li .t_name{display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold;color:#fff;text-align:center;height:60px;background:#1a1a1a;}
.mx_tj .t_box .t_list .t_li .t_js{padding:5px;}
.mx_tj .t_box .t_list .t_li .t_js .t_pm{border-bottom:1px #ccc solid;padding:7px 0;}
.mx_tj .t_box .t_list .t_li .t_js .t_pm .mc{text-align:left;font-size:16px;color:#333;line-height: 24px;}
.mx_tj .t_box .t_list .t_li .t_js .t_pm .t_mz{text-align:left;font-size:15px;font-weight:bold;color:#333;}
.mx_tj .t_box .t_list .t_li .t_js .t_pm .t_mz span{text-align:left;display:block;font-weight:normal;font-size:14px;color:#999;line-height: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mx_tj .t_box .t_list .t_li .t_js .t_pm .One{color:#ef2f71;}
.mx_tj .t_box .t_list .t_li .t_js .t_pm:nth-last-child(1){border-bottom:0;}
/*留学规划表*/
.mx_gh{width:100%;padding:2% 0;overflow: hidden;background:#2e3551;}
.mx_gh .mx_title{color:#fff;} 
.mx_gh .g_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_gh .g_list ul{display: flex;justify-content: space-around;}
.mx_gh .g_list ul li{width:31.3333%;padding:10px;margin:1%;background:#fff;overflow: hidden;}
.mx_gh .g_list .time{text-align:left;font-size:18px;color:#4aafc7;font-weight:bold;}
.mx_gh .g_list li h5{text-align:left;font-size:18px;margin:5px 0;color:#333;font-weight:bold;}
.mx_gh .g_list li p{text-indent:0;text-align:left;font-size:15px;color:#555;line-height: 24px;}
.mx_gh .g_list ul:nth-child(2) li{width:48%;}
/*申请条件*/
.mx_sq{width:100%;padding:2% 0;overflow: hidden;background:url(../images/newCloth2_four_bg.jpg)repeat-y top center;background-size:100%;}
.mx_sq .t_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_sq .t_list li{padding:15px;width:48%;float:left;margin:1%;background:#fff;border-top:4px #000 solid;}
.mx_sq .t_list li h5{text-align:left;font-size:18px;margin:5px 0;color:#333;font-weight:bold;}
.mx_sq .t_list li p{text-align:left;font-size:15px;color:#555;line-height: 24px;}
/*常见问题*/
.mx_wt{width:100%;margin:2% 0;overflow: hidden;}
.mx_wt .w_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_wt .w_list li{height:150px;padding:10px;width:48%;float:left;margin:1%;display:flex;justify-content:flex-start;background:rgba(241,251,254,1);border:1px solid rgba(54,167,194,1);}
.mx_wt .w_list .w_time{margin-right:10px;flex-shrink:0;width:24px;height:24px;line-height:24px;border-radius:50px;font-size:14px;font-weight:600;text-align:center;color:#fff;background:rgba(54,167,194,1);}
.mx_wt .w_list .w_text{}
.mx_wt .w_list .w_text h5{line-height:24px;text-align:left;font-size:16px;color:#333;margin-bottom:10px;}
.mx_wt .w_list .w_text p{text-indent:0;text-align:left;font-size:13px;color:#555;line-height: 24px;}
@media only screen and (min-width: 320px) and (max-width:750px) {
	.mx_title{font-size:22px;}
	.mx_fx .f_list li{width:48%;}
	.mx_kc .k_list li{width:98%;height:auto;}
	.mx_tj .tab-hd li{width:31.3333%;}
	.mx_tj .t_box .t_left{width:98%;}
	.mx_tj .t_box .t_list .t_li .t_js .t_pm .t_mz{font-size:14px;}
	.mx_sq .t_list li{width:98%;height:auto;}
	.mx_wt .w_list li{width:98%;height:auto;}
	.mx_gh .g_list ul{display: block;}
	.mx_gh .g_list ul li{width:98%;height:auto;}
	.mx_gh .g_list ul:nth-child(2) li{width:98%;height:auto;}
}