@charset "utf-8";
@import url("iconfont/iconfont.css");

/* CSS Document */


/* ------------------- basic ------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-family: "Microsoft YaHei","Helvetica,Pingfang SC,STHeiti,Verdana,Arial,Tahoma,sans-serif";
	background-color: #fff;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
	display: block;
	margin: 0;
	padding: 0;
}

input,
button {
	font-family: "Microsoft YaHei","Helvetica,Pingfang SC,STHeiti,Verdana,Arial,Tahoma,sans-serif";
}

button {
	cursor: pointer;
}

em {
	font-style: normal;
}

span,
a {
	text-decoration: none;
}

ul,
li,
p,
dl,
dt,
dd,
td,
tr,
td,
th,
tt,
b,
img {
	list-style: none;
	padding: 0;
	margin: 0;
	border: none;
}

img {
	display: block;
}
.img_wh{
	width: 100%;
	height: 100%;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
	height: 0;
	/*	font-size: 1px;*/
	line-height: 0;
}

.clearfix:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellips_line2,
.ellips_line3,
.ellips_line4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ellips_line2 {
	-webkit-line-clamp: 2;
}

.ellips_line3 {
	-webkit-line-clamp: 3;
}
.ellips_line4 {
	-webkit-line-clamp: 4;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.justify-fix {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.justify-list {
	text-align: justify;
	line-height: 0;
}

.justify-list .item {
	display: inline-block;
	vertical-align: top;
}

.t_a_l {
	text-align: left;
}
.t_a_c {
	text-align: center;
}
.t_a_r {
	text-align: right;
}

input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"] {
	padding: 0px;
	margin: 0;
	border: 0;
}
/*placehoder默认字体颜色*/
::-webkit-input-placeholder {color:#c6c6c6;font-size:14px; } /*谷歌浏览器下的placehoder*/
:-moz-placeholder {color:#c6c6c6;font-size:14px; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#c6c6c6;font-size:14px; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#c6c6c6;font-size:14px; } /* Internet Explorer 10+ */

.f0 {
	font-size: 0;
}

.wrap {
	width: 1280px;
	margin: 0 auto;
}

.bold{
	font-weight: bold;
}
.mb10{
	margin-bottom: 10px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}
.mb60{
	margin-bottom: 60px;
}
/*1110新增样式*/
.transi{
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
}

/*** head ***/
.t-header .top{
	width: 100%;
	height: 36px;
	background-color: #f6f6f6;
	overflow: hidden;
}
.top .top_login .top_a a{
	display: inline-block;
	font-size: 12px;
	color: #666;
	line-height: 36px;
}
.top_login .top_a a i{
	color: #ee6928;
	margin-right: 8px;
	vertical-align: middle;
}
.top .top_line .line{
	display: block;
	width: 1px;
	height: 12px;
	background-color: #C6C6C6;
	margin: 12px 8px;
}
.top_login .top_txt .wel{
	font-size: 12px;
	color: #666;
	line-height: 36px;
	margin-left: 10px;
}
.top .top_login .top_a a.orange{
	margin-left: 8px;
	color: #ee6928;
}
.top .top_a a:hover{
	color: #ee6928;
}
/*.top .top_nav .top_a a{
	display: block;
	font-size: 12px;
	color: #403F49;
	line-height: 36px;
}
.top_nav .top_a a i{
	color: #ee6928;
	margin-right: 3px;
	vertical-align: middle;
}
.top_nav .top_a a:hover{
	color: #ee6928;
}*/

/* +++  */
.top .tel_phone{
	display: block;
	font-size: 14px;
	color: #403F49;
	line-height: 36px;
}
.top .tel_phone strong{
	color: #ee6928;;
}


/*logo*/
.header_logo{
	width: 100%;
	height: 104px;
	position: relative;
}
.header_logo .logo{
	width: 150px;
	height: 52px;
	margin: 20px auto;
}
.header_logo .logo a,.header_logo .logo a img{
	display: block;
	width: 150px;
	height: 36px;
	margin: 0 !important;
}
.header_logo .address{
	width: auto;
	height: 36px;
	line-height: 36px;
	margin: 34px 75px 34px 10px;
}
.header_logo .address i{
	color: #ee6928;
	vertical-align: middle;
}
.header_logo .address span{
	font-size: 13px;
	color: #333;
}
.header_logo .address a{
	font-size: 12px;
	color: #ee6928;
}
.header_logo .search_box{
	width: 550px;
	margin-top: 30px;
}
.header_logo .search_box .searchbox_detail{
	height: 40px;
	overflow: hidden;
	position: relative;
}
.search_box .searchbox_detail .searchbox_text{
	width: 460px;
	height: 40px;
	padding: 0 15px 0 40px;
	line-height: 36px;
	border: 2px solid #EE6929;
	font-size: 14px;
	color: #333;
}
.search_box .searchbox_detail  i{
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #C6C6C6;
	position: absolute;
	top: 3px;
	left: 15px;
	z-index: 9;
}
.search_box .searchbox_detail button{
	width: 90px;
	height: 40px;
	background-color: #EE6929;
	border: none;
	font-size: 16px;
	color: #fff;
}
.header_logo .search_box .hot_search {
	padding: 0 15px;
	margin-top: 5px;
}
.search_box .hot_search a {
	float: left;
	display: inline-block;
	font-size: 12px;
	color: #999;
	margin-right: 15px;
}
.search_box .hot_search a:hover{
	color: #fe0000;
}
.header_logo .wrap{
	position: relative;
}
.header_logo .code_box{
	position: absolute;
	top: 20px;
	right: 0;
}
.header_logo .code_box .code{
	width: 94px;
	height: 114px;
	border: 1px solid #dcdcdc;
	padding: 7px 7px 0 7px;
	margin-left: 15px;
}
.header_logo .code_box .code img{
	width: 80px;
	height: 80px;
}
.header_logo .code_box .code h5{
	width: 100%;
	height: 27px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	color: #999;
}

.m_head {
	display: none;
}

/*nav*/
.nav{
	width: 100%;
	height: 50px;
}
.nav .nav_box {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}
.nav .nav_box .show_classify {
	width: 280px;
	height: 50px;
	line-height: 50px;
	background-color: #EE6929;
}
.nav .show_classify .classify_all {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
}
.nav .show_classify .classify_all i{
	display: inline-block;
	font-size: 20px;
	margin-right: 5px;
	vertical-align: middle;
}
.nav .show_classify .mod_nav_list{
	display: none;
	width: 280px;
	height: 506px;
	padding: 15px 0;
	background-color: #EEFAF3;
	position: relative;
	z-index: 99;
	opacity: 0.9;
}
.nav .nav_box .show_classify.ind_body .mod_nav_list{
	display: block;
}
.mod_nav_list li .mod_nav{
	width: 100%;
	height: 30px;
	position: relative;
}
.mod_nav_list li .mod_nav .nav_link{
	width: 100%;
	height: 30px;
	padding: 0 20px;
	line-height: 30px;
	font-size: 15px;
	color: #17181F;
	font-weight: 700;
}
.mod_nav_list li .mod_nav i{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #B0B6CC;
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 5;
}
.mod_nav_list li .nav_side{
	width: 100%;
	padding: 0 20px;
	margin-bottom: 5px;
}
.mod_nav_list .nav_side .third_nav_list li{
	float: left;
	line-height: 21px;
	margin-right: 8px;
}
.nav_side .third_nav_list li a{
	display: inline-block;
	font-size: 12px;
	color: #5F6168;
}
.nav_side .third_nav_list li a:hover{
	text-decoration: underline;
}

.nav .nav_list {
	line-height: 50px;
	margin-left: 40px;
}
.nav .nav_list a {
	/*float: left;
    padding: 0 25px;
    margin-right: 15px;
    font-size: 16px;
    color: #666;
    position: relative;*/
	color: #666;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	line-height: 50px;
	font-size: 16px;
	font-family: 'Microsoft YaHei';
	white-space: nowrap;
}
.nav .nav_list a.on,.nav .nav_list a:hover{
	color: #EE6928;
}

/* +++ 2018/10/15 */
.mod_nav_list li:hover{
	background-color: #fff;
}
.mod_nav_list li:hover .s_classify{
	display: block;
}
.mod_nav_list .s_classify{
	background: #fff;
	position: absolute;
	border: 1px solid #e5e5e5;
	left: 280px;
	top: 0;
	width: 920px;
	min-height: 506px;
	padding: 15px 30px;
	display: none;
	border-left: 0;
	font-size: 14px;
}
.s_classify dl {
	padding: 13px 0;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.s_classify dt {
	float: left;
}
.s_classify p a {
	display: inline-block;
	float: left;
	margin: 0 30px 0 0px;
	overflow: hidden;
	line-height: 28px;
	color: #555;
	height: 28px;
}
.s_classify p a{    font-size: 14px;
	font-family: 'Microsoft YaHei';
	font-weight: 400;
	color: rgba(51,51,51,1);
	line-height: 32px;
	display: inline-block;
	min-width: 78px;
	height: 32px;
	text-align: center;
	background: rgba(245,245,245,1);
	border-radius: 16px;
	margin: 0 15px 12px 0;
	padding: 0 15px;
	cursor: default;}
.s_classify h1 a{font-size: 16px;
	font-family: 'Microsoft YaHei';
	font-weight: bold;
	color: rgba(51,51,51,1);
	line-height: 18px;}
.s_classify dt a {
	width: 90px;
	margin: 0;
	font-weight: 700;
}
.s_classify dd {
	overflow: hidden;
}
.s_classify a:hover{
	color: #EE6928;
}

/*footer*/
.footer{
	width: 100%;
	background-color: #444444;
}
.footer .foot_main{
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #565656;
}
.footer .foot_main .foot_info{
	width: 1280px;
	margin: 0 auto;
}
.foot_main .foot_info .fot_line .line{
	display: block;
	width: 1px;
	height: 134px;
	background-color: #4f4f4f;
	margin-top: 15px;
}
.foot_main .foot_info .item{
	margin-right: 35px;
}
.foot_main .foot_info .f_tit{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 32px;
}
.foot_info .item .a_list li a{
	display: block;
	width: 120px;
	font-size: 14px;
	color: #858585;
	line-height: 30px;
}
.foot_info .item .a_list li a:hover{
	color: #f1f1f1;
}
.foot_info .fot_ewm{
	margin: 0 40px;
}
.foot_info .fot_ewm .code_img{
	margin-top: 15px;
	text-align: center;
}
.foot_info .fot_ewm .code_img img{
	width: 98px;
	height: 98px;
}
.foot_info .fot_ewm .code_img h5{
	font-size: 12px;
	color: #999;
	line-height: 30px;
}
.foot_main .foot_info .fot_contact{
	margin-left: 40px;
}
.foot_info .fot_contact .a_kf{
	display: block;
	width: 108px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	background-color: #44A2FF;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	margin: 15px 0 5px;
}
.foot_info .fot_contact .a_kf i{
	font-size: 18px;
	color: #fff;
	margin-right: 5px;
	vertical-align: middle;
}
.foot_info .fot_contact .contact_list li{
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.footer .fot_mes{
	width: 100%;
	text-align: center;
	padding: 20px 0 15px;
}
.footer .fot_mes .safe_img{
	display: inline-block;
	margin-bottom: 10px;
}
.footer .fot_mes .copy{
	font-size: 14px;
	color: #999;
	line-height: 20px;
}
.footer .fot_mes .copy a{
	display: inline-block;
	font-size: 14px;
	color: #999;
	margin-right: 15px;
}

.m_footer{
	display: none;
}

/*友情链接*/
.flinks{
	width: 1280px;
	height: auto;
	margin: 0 auto;
}
.flinks > li{
	display: inline-block;
	line-height: 30px;
	margin-left: 15px;
}
.flinks > li.first {
	float: left;
	font-size: 14px;
	color: #858585;
	margin-left: 0;
}
.flinks a{
	font-size: 14px;
	color: #858585;
	line-height: 30px;
}
.flinks a:hover {
	color: #f1f1f1;
}


/*底部弹框*/
.tankuang_box{
	width: 100%;
	height: 130px;
	padding: 15px 0;
	background-color: rgba(0,0,0,.8);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	opacity: 1;
	transition: .8s all;
	-webkit-transition: .8s all;
	-moz-transition: .8s all;
	-o-transition: .8s all;
}
.tankuang_box.hide,.tankuang_box.hide2{
	opacity: 0;
	z-index: -1;
}
.tankuang_box .tankuang{
	width: 1280px;
	margin: 0 auto;
}
.tankuang_box .tk_body{
	width: 100%;
	position: relative;
}
.tankuang .tk_body .close{
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	right: -40px;
	z-index: 9;
}
.tankuang .tk_body .a_close{
	display: block;
	height: 30px;
	text-align: center;
	line-height: 24px;
	font-size: 26px;
	color: #fff;
}
/*.tankuang .tk_coment .tk_img{
	float: left;
	width: 305px;
	height: 159px;
	position: relative;
	top: -49px;
	left: 0;
	z-index: 9;
}
.tankuang .tk_coment .tk_img img{
	width: 305px;
	height: 159px;
}
.tankuang .tk_coment .tk_desc{
	float: left;
	margin-left: 30px;
	padding: 25px 0 0;
}
.tankuang .tk_coment .tk_desc .txt_img{
	width: 431px;
	height: 41px;
	margin-bottom: 5px;
}
.tankuang .tk_coment .tk_desc .tips{
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.tankuang .tk_coment .tk_contact{
	float: left;
	margin-left: 50px;
	padding: 25px 0 0;
}
.tankuang .tk_coment .tk_contact .cont_text{
	width: 300px;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	background-color: #fff;
	border-radius: 5px;
	font-size: 16px;
	color: #333;
	margin-right: 10px;
}*/
.tk_coment .tk_text{
	width: 1185px;
}
.tk_coment .tk_text .tk_desc{
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
}
.tk_coment .tk_text .tk_desc .iconfont{
	display: inline-block;
	font-size: 40px;
	color: #F4EA2C;
	vertical-align: middle;
	position: relative;
	top: -5px;
	z-index: 11;
}
.tk_coment .tk_text .tk_desc strong{
	display: inline-block;
	font-size: 24px;
	color: #F0552F;
	font-weight: bold;
	line-height: 50px;
}
.tk_coment .tk_text .tk_desc span{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 50px;
}
.form_box .cont_text{
	width: 150px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	margin-right: 15px;
	font-size: 14px;
	color: #333;
}
.message_code{
	width: 180px;
	height: 40px;
	background-color: #fff;
	margin-right: 15px;
}
.message_code input{
	display: block;
	height: 100%;
	float: left;
	box-sizing: border-box;
}
.message_code input[type="text"]{
	width: 110px;
	padding: 0 10px;
}
.message_code input[type="button"]{
	width: 70px;
	border: none;
	font-size: 12px;
	cursor: pointer;
}
/*.img_code{
	display: none;
}*/
.ic_bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
}
.ic_box{
	width: 400px;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	margin-left: -200px;
	margin-top: -106px;
	border-radius: 8px;
	overflow: hidden;
}
.ic_tit{
	width: 100%;
	line-height: 48px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: #FE9937;
	position: relative;
}
.ic_close{
	width: 20px;
	height: 20px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 26px;
	cursor: pointer;
}
.ic_in{
	margin-top: 30px;
	box-sizing: border-box;
	padding-left: 80px;
}
.ic_in input{
	width: 130px;
	height: 42px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	float: left;
	font-size: 14px;
	padding: 0 10px;
}
.ic_in a{
	display: block;
	font-size: 12px;
	float: left;
	color: #666;
	margin: 23px 0 0 5px;
	letter-spacing: -1px;
}
.ic_in a:hover{
	color: #FE9937;
}
.ic_img{
	width: 95px;
	height: 42px;
	float: left;
	margin-left: 10px;
}
.ic_img img{
	width: 100%;
	height: 100%;
}
.ic_sub{
	margin: 20px 0 30px;
	text-align: center;
}
.ic_sub input{
	width: 235px;
	height: 42px;
	background-color: #FE9937;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	border: none;
}

.cont_text::-webkit-input-placeholder,.message_code input::-webkit-input-placeholder{font-size: 14px;color: #999;}    /* 使用webkit内核的浏览器 */
.cont_text:-moz-placeholder,.message_code input:-moz-placeholder{font-size: 14px;color: #999;}                  /* Firefox版本4-18 */
.cont_text::-moz-placeholder,.message_code input::-moz-placeholder{font-size: 14px;color: #999;}                  /* Firefox版本19+ */
.cont_text:-ms-input-placeholder,.message_code input:-ms-input-placeholder{font-size: 14px;color: #999;}           /* IE浏览器 */

.tk_coment .tk_text .form_box button{
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #F05631;
	border: none;
	font-size: 18px;
	color: #fff;
}
.tk_coment .tk_code .code_box{
	width: 80px;
	height: 100px;
	background-color: #fff;
	text-align: center;
}
.tk_code .code_box .tit{
	font-size: 14px;
	color: #000;
	line-height: 24px;
	margin-bottom: 5px;
}
.tk_code .code_box .img_box{
	width: 64px;
	height: 64px;
	margin: 0 auto;
}
.tk_code .code_box .img_box img{
	width: 100%;
	height: 100%;
}

.head-logo-line{
	display: inline-block;
	width: 1px;
	height: 20px;
	position: relative;
	top: 5px;
	background-color: #e0e0e0;
	font-size: 0;
}
.head-logo-title{
	padding-left: 10px;
	font-size: 13px;
}

@media (max-width:1400px){
	.wrap{
		width: 1200px;
	}

	/*nav*/
	.nav .nav_box {
		width: 1200px;
	}
	.nav .nav_list {
		margin-left: 30px;
	}
	.nav .nav_list a{
		padding: 0 20px;
	}

	/*footer*/
	.footer .foot_main .foot_info{
		width: 1200px;
	}
	.foot_main .foot_info .item {
		margin-right: 20px;
	}
	.foot_info .fot_ewm{
		margin: 0 40px;
	}
	.foot_main .foot_info .fot_contact{
		margin-left: 40px;
	}

	/*底部弹框*/
	.tankuang_box .tankuang{
		width: 1200px;
	}
	.tk_coment .tk_text {
		width: 1110px;
	}
	.form_box .cont_text{
		margin-right: 15px;
	}

	/*友情链接*/
	.flinks{
		width: 1200px;
	}
}

@media (max-width:1200px){
	/*main*/
	.content{
		/*margin-top: 70px;*/
	}

	/*** m_head ***/
	.m_head {
		display: block;
		border-bottom: 1px solid #E8E8E8;
	}
	html,body{margin:0;padding:0;min-width:1200px;}
	body{overflow-x:scroll;}
	.header{position:static;width:100%;height:190px;}
	.content{margin-top:0;}
	.banner_box .banner{display:block;}
	.banner_box .small-banner{display:none;}
	.feature_list{display:block;}
	.m_feature_box{display:none;}
	.ind_part1 .feature_list .item{margin-left:10px !important;}
	.ind_part1 .feature_list .item:first-child{margin-left:0;}
	.living .lb_lf, .living .lb_rt, .living .live_cover, .living .lesson_about{width:600px;float:left;margin:0;}
	.school_box .hot_school .part_left{height:333px;margin-bottom:0;}
	.school_box .hot_school .part_left, .school_box .hot_school .part_right{float:left;margin:0;}
	.school_box .hot_school .part_left{width:560px;}
	.ind_part2 .school_box{padding:0;}
	.footer{display:block;}
	.m_footer{display:none;}
	.header .top, .header_logo, .nav {
		display: block;
	}
	.m_head .m_logo{
		width: 139px;
		height: 36px;
		margin: 17px 0 0 15px;
		background-image: url(../img/logo.png);
		background-position: left center;
		background-repeat: no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.m_head .address {
		width: auto;
		height: 36px;
		line-height: 36px;
		margin: 17px 0 17px 10px;
	}
	.m_head .address i{
		color: #ee6928;
		vertical-align: middle;
	}
	.m_head .address span{
		font-size: 12px;
		color: #333;
	}
	.m_head .address a{
		font-size: 12px;
		color: #ee6928;
	}
	.menuicon{
		float: right;
		display: block;
		width: 36px;
		height: 70px;
		cursor: pointer;
		margin-right: 15px;
		transition: transform 0.2s ease-in-out 0s;
	}
	.menuicon span, .menuicon span::before, .menuicon span::after {
		right: 0;
		position: absolute;
		display: block;
		width: 36px;
		height: 2px;
		cursor: pointer;
		content: '';
		background-color: #ee6928;
		border-radius: 1px;
		opacity: 1;
		transition: all .3s;
	}
	.menuicon span {margin-top: 35px;margin-right: 15px;}
	.menuicon span::before {top: -10px;}
	.menuicon span::after {bottom: -10px;}

	.drawer-open span {background-color: transparent;transition: all .3s;}
	.drawer-open span::before {transform: rotate(45deg);}
	.drawer-open span::after {transform: rotate(-45deg);}
	.drawer-open span::before, .drawer-open span::after {top: 0;}

	.overlay.hide{
		display: none;
	}
	.header-nav.hide {
		top: -900px;
	}
	.header-nav {
		border-top: 1px solid #ddd;
		background-color: #fff;
		position: absolute;
		top: 70px;
		right: 0;
		width: 100%;
		z-index: 1000;
		transition: .5s all;
		-webkit-transition: .5s all;
		-moz-transition: .5s all;
		-o-transition: .5s all;
	}
	.header-nav ul li {
		position: relative;
		margin-bottom: 0;
		width: 100%;
		line-height: 42px;
		list-style: none;
		font-size: 14px;
		cursor: pointer;
	}
	.header-nav ul li:before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: '';
		pointer-events: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
	}
	.header-nav ul li:last-child:before {
		border-bottom: none;
	}
	.header-nav ul li>a {
		display: block;
		padding: 0 15px;
		color: #777;
	}
	.header-nav ul li.allnav .iconfont{
		color: #777;
		position: absolute;
		right: 15px;
		top: 0;
		z-index: 9;
	}
	.header-nav ul li.allnav.on>a+.iconfont,
	.subnav .subnav-item.on>a+.iconfont,
	.subnav .subnav-item .third-nav.on>a+.iconfont{
		transform: rotate(180deg);
		transition: .3s all;
	}
	.t-header .subnav.hide{
		display: none;
	}
	.t-header .subnav a{
		display: block;
		color: #777;
		padding-left: 30px;
		border-bottom: 1px solid #ddd;
	}
	.t-header .subnav .subnav-item{
		position: relative;
		background-color: #f1f1f1;
	}
	.t-header .subnav .subnav-item > a {
		padding-left: 20px;
		border-bottom: 1px solid #ddd;
	}
	.t-header .subnav .subnav-third.hide{
		display: none;
		background-color: #FaFaFa;
	}

	.overlay {
		position: fixed;
		top: 70px;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.45);
		z-index: 999;
		-webkit-transition: 0.1s opacity linear;
		transition: 0.1s opacity linear;
	}
	.header-nav.show,
	.header-nav.show~.overlay {
		display: block;
	}

	/*footer*/

	.m_footer .m_copy{
		font-size: 12px;
		color: #999;
		line-height: 18px;
	}

	.tankuang_box{
		display: none;
	}

	/*友情链接*/
	.flinks{
		display: none;
	}

}

@media (max-width:320px){
	/*m_head*/
	.m_head .m_logo {
		margin: 17px 0 0 10px;
	}
	.menuicon {
		margin-right: 10px;
	}
	.m_head .address {
		margin: 17px 0 17px 5px;
	}

}
.teacher_box .tea_list .item:hover {
    /*-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;background: #EEFF99; */ 
	box-shadow: 0 8px 16px 0 rgba(57,104,116,.2);
    transform: translate(0,-10px);
}
.hide-box{display: none;}
#loging-worap-regsiter #loging-worap .loging .her-login {box-sizing: content-box;}
#loging-worap-regsiter #loging-worap .loging .her-login .input-box {box-sizing: content-box;}
/*导航菜单*/
.nav_list ul li{float: left;line-height: 50px;position: relative;padding: 0 12px;}
.nav_list .first-menu{text-decoration: none;}
.nav_list .course-class{display:none;position: absolute;
	top: 50px;z-index: 1000;text-align: center;background: #fff;box-shadow: 0px 6px 13px 0 rgba(136,136,136,.3);}
.nav_list .child-menu{line-height: 40px!important;}
.nav ul li:hover span {display: block;}
.nav ul .course-class a:hover {background-color: #EE6928;color: #fff!important;}
.teacher_box .tea_list p {width: 150px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;  }
.swiper-pagination-bullet{border-radius: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px!important;}