* {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_xz{width:100%;padding:2% 0;overflow: hidden;background:#333;}
.mx_title{font-size:30px;text-align: center;line-height:35px;font-weight:bold;color:#fff;}
.mx_xz .x_list{display:flex;justify-content:flex-start;width:98%;margin:2% auto;overflow: hidden;background:#fff;}
.mx_xz .x_list .x_left{padding:20px;width:30%;background:#fff;border-left:1px #333 solid;}
.mx_xz .x_list .x_left h5{font-weight:bold;margin-bottom:8px;font-size:16px;color:#333;text-align: center;}
.mx_xz .x_list .x_left p{text-align:left;text-indent:0;font-size:15px;color:#333;line-height: 24px;}
.mx_xz .x_list .x_rig{width:70%;}
.mx_xz .x_list .x_rig .x_li{width:50%;float:left;border:1px #333 solid;display: flex;justify-content: flex-start;}
.mx_xz .x_list .x_rig .x_li .x_tu{width:68%;}
.mx_xz .x_list .x_rig .x_li .x_tu img{max-width:100%;}
.mx_xz .x_list .x_rig .x_li .x_tet{width:70%;padding:5px;}
.mx_xz .x_list .x_rig .x_li .x_tet h6{font-weight:bold;font-size:15px;color:#333;text-align: center;}
.mx_xz .x_list .x_rig .x_li .x_tet p{text-align:left;text-indent:0;font-size:13px;color:#555;line-height: 24px;}
/*课程服务*/
.mx_fw{width:100%;padding:2% 0;overflow: hidden;background:#333;}
.mx_fw .f_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_fw .f_list li{position:relative;width:31.3333%;float:left;margin:1%;}
.mx_fw .f_list li img{max-width:100%;display: block;}
.mx_fw .f_list li .nis8{position:absolute;left:35px;top:70px;width:200px;height:44px;line-height:44px;font-size:16px;text-align: center;color:#fff;background:#3CC5BF;}
.mx_fw .f_list .f_text{display:none;position:absolute;top:0;left:0;padding:20px;width:100%;height:100%;background:rgba(242, 242, 242, 0.85);}
.mx_fw .f_list .f_text .nis9{text-align:center;font-weight:bold;display:block;font-size:20px;color:#3CC5BF;line-height: 28px;}
.mx_fw .f_list .f_text .nis10{margin-top:10px;font-size:16px;color:#444;display: block;line-height: 26px;}
.mx_fw .f_list li:hover .f_text{display:block;cursor:pointer;}
.mx_fw .f_list li:hover .nis8{display:none;cursor:pointer;}
/*热门院校*/
.mx_yx{width:100%;padding:2% 0;overflow: hidden;background:#333;}
.mx_yx .y_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_yx .y_list li{padding:10px;display:flex;justify-content:flex-start;align-items:center;width:31.3333%;float:left;margin:1%;background:#666;}
.mx_yx .y_list .pic img{width:88px;height:88px;border-radius:50%;}
.mx_yx .y_list .y_tet{margin-left:10px;line-height: 24px;text-align: left;}
.mx_yx .y_list .y_tet h6{text-align:left;font-weight:normal;font-size:16px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 24px;}
.mx_yx .y_list .y_tet .nis18{font-size:12px;color:#999999;margin-top:4px;}
.mx_yx .y_list .y_tet .nis19{margin:5px 0;display:block;width:100%;height:1px;background:#E5E5E5;}
.mx_yx .y_list .y_tet .nis20{text-align:left;font-size:14px;color:#999;display: block;}
.mx_yx .y_list .y_tet .nis20 b{color:#fff;font-weight:bold;}
/*热门专业*/
.mx_hot{width:100%;padding:2% 0;overflow: hidden;background:#1c1c1c;}
.mx_hot .tab{width:98%; margin:4% auto 2%;}
.mx_hot .tab-hd {overflow:hidden; zoom:1;}
.mx_hot .tab-hd li{ float:left;width:14.6%;margin:1%; padding:2%;font-size:18px;font-weight:bold;color:#3CC5BF; border-radius:5px;background:#fff;text-align:center; cursor:pointer;}
.mx_hot .tab-hd li.active{ background:#3CC5BF;color:#fff;}
.mx_hot .tab-bd li{display:none; padding:20px;font-size:24px;overflow: hidden;}
.mx_hot .tab-bd li.thisclass{display:list-item;}
.mx_hot .t_left{width:100%;}
.mx_hot .t_left img{width:100%;display: block;}
@media only screen and (min-width: 320px) and (max-width:750px) {
	.mx_title{font-size:22px;}
	.mx_xz .x_list{display: block;}
	.mx_xz .x_list .x_left{width:100%;}
	.mx_xz .x_list .x_rig{width:100%;}
	.mx_xz .x_list .x_rig .x_li{width:100%;}
	.mx_fw .f_list li{width:98%;}
	.mx_fw .f_list li .nis8{left:65px;top:100px;}
	.mx_yx .y_list li{width:98%;}
	.mx_hot .tab-hd li{width:48%;}
	.mx_hot .tab-bd li{padding:5px;}
}