@charset "utf-8";

/*通用样式*/
html,
body,
div,
span,
iframe,
map,
font,
img,
a img,
samp,
strong,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
b,
p,
blockquote,
a,
address,
code,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tr,
td,
th {
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: normal;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	list-style: none;
}

html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #fff;
	font: normal 12px/22px "微软雅黑";
}

img {
	border: 0;
}

button{ vertical-align:middle; cursor:pointer;}
input, button,textarea{	vertical-align:middle; border:none; font-family:"微软雅黑";}
input,button,select,textarea{outline:none}
textarea{resize:none}
input[type=text],input[type=submit], input[type=button] {
	-webkit-appearance: none; /*去除iPhone input默认样式}*/
}
input{
	outline: none;
	background: none;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: red;
}

.clear {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}

div {
	box-sizing: border-box;
}

.dn {
	display: none;
}

/* CSS Document */
@media screen and (max-width: 1700px) {}

.content {
	background: #f5f5f5;
}

.head {
	height: 1.09rem;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}

.head .closess {
	display: block;
	width: .28rem;
	height: .29rem;
	background: url(../images/closess.png) center no-repeat;
	background-size: cover;
	position: absolute;
	left: .26rem;
	top: 50%;
	transform: translateY(-50%);
}

.head .menu {
	display: block;
	width: .28rem;
	height: .29rem;
	background: url(../images/menu.png) center no-repeat;
	background-size: cover;
	position: absolute;
	right: .26rem;
	top: 50%;
	transform: translateY(-50%);
}

.head .logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.78rem;
	overflow: hidden;
}

.head .logo img {
	display: block;
	width: 100%;
}

.head .nav {
	position: absolute;
	top: 1.03rem;
	right: .2rem;
	width: 4.26rem;
	border-top: 1px solid #eb2117;
	background: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	display: none;
	z-index: 8;
}

.head .nav li {
	border-bottom: 1px solid #ededed;
}

.head .nav li a {
	display: block;
	font-size: .3rem;
	color: #434343;
	line-height: .99rem;
	padding-left: .75rem;
	position: relative;
}

.head .nav li:hover a {
	background: #fdf7ed;
	color: #ec6b1a;
}

.head .nav li:hover a::after {
	content: '';
	position: absolute;
	left: .43rem;
	top: 50%;
	transform: translateY(-50%);
	width: .06rem;
	height: .27rem;
	background: #ec6b1a;
	border-radius: .06rem;
}

.main {
	padding: .2rem .26rem .3rem;
}

.layerA {
	margin-bottom: .37rem;
}

.layerA img {
	display: block;
	width: 100%;
}

.layerB {
	background: #ffffff;
	padding: .23rem .23rem .56rem;
	margin-bottom: .42rem;
}

.layerB h2 {
	font-size: .46rem;
	color: #242424;
	line-height: .67rem;
	margin-bottom: .23rem;
}

.layerB p {
	font-size: .29rem;
	color: #b3b3b3;
	line-height: 1;
	overflow: hidden;
	margin-bottom: .62rem;
}

.layerB p span.zs {
	color: #ee8442;
}

.layerB p span.ri {
	margin-left: .2rem;
	color: #535353;
}

.layerB p span.ri i {
	font-size: .49rem;
	color: #ec6c1c;
	font-style: normal;
}

.layerB dl {
	overflow: hidden;
}

.layerB dd {
	width: 2.97rem;
	float: left;
	line-height: .7rem;
	background: #ec6b1a;
	border-radius: .09rem;
	border: 2px solid #ec6b1a;
	text-align: center;
	overflow: hidden;
}

.layerB dd:last-child {
	float: right;
	background: #ffffff;
	position: relative;
}

.layerB dd:last-child::after {
	content: '';
	position: absolute;
	right: 0;
	top: -.02rem;
	width: .47rem;
	height: .45rem;
	background: url(../images/hot2.png) center no-repeat;
	background-size: cover;
}

.layerB dd a {
	display: block;
	color: #ffffff;
	font-size: .3rem;
}

.layerB dd:last-child a {
	color: #ec6b1a;
}

.layerC {
	background: #ffffff;
	padding-top: .01rem;
	padding-bottom: .32rem;
	margin-bottom: .39rem;
}

.layerC .icon {
	margin-top: -.2rem;
	margin-bottom: .3rem;
}

.layerC .icon img {
	display: block;
	width: 100%;
}

.layerC .inputBox {
	padding-left: .12rem;
	margin-bottom: .34rem;
}

.layerC .inputBox input {
	outline: none;
	border: 1px solid #f3a540;
	height: .65rem;
	width: 3.39rem;
	padding-left: .33rem;
	font-size: .3rem;
	margin-right: .2rem;
	box-sizing: border-box;
}

.layerC .button {
	display: inline-block;
	width: 2.87rem;
	line-height: .69rem;
	background: url(../images/bg.png) center no-repeat;
	background-size: cover;
	font-size: .31rem;
	color: #ffffff;
	text-align: center;
}

.layerC p {
	font-size: .3rem;
	color: #898989;
	line-height: 1;
	text-align: center;
}

.layerC p input {
	vertical-align: -.02rem;
	margin-right: .1rem;
}

.layerD .maTit li {
	display: inline-block;
	width: 2.5rem;
	font-size: .3rem;
	color: #1b1b1b;
	line-height: .9rem;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.layerD .maTit li.on {
	background: #ffffff;
	color: #ec6b1a;
	font-weight: bold;
}

.layerD .maTit li.on::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #ec6b1a;
}

.layerD .maBox h2 {
	font-size: .3rem;
	color: #1b1b1b;
	line-height: 1.05rem;
	padding-left: .33rem;
	background: #ffffff;
}

.layerD .maBox h2 span {
	display: inline-block;
	width: .26rem;
	height: .23rem;
	background: url(../images/icon2.jpg) center no-repeat;
	background-size: cover;
	margin-right: .24rem;
	vertical-align: -2px;
}

.layerD .maBox h2 i {
	display: inline-block;
	margin-left: 4.42rem;
	width: .17rem;
	height: .22rem;
	background: url(../images/jt.png) center no-repeat;
	background-size: cover;
	vertical-align: -5px;
}

.layerD .maBox h2 i.on {
	background: url(../images/jt-on.png) center no-repeat;
	background-size: cover;
}

.layerD .maBox ul {
	background: #ffffff;
	margin-bottom: .67rem;
}

.layerD .maBox li {
	padding: 0 .33rem;
	line-height: 1.05rem;
	border-bottom: 1px solid #f2f2f2;
	font-size: .3rem;
	color: #313131;
}

.layerD .maBox li span {
	display: inline-block;
	width: .18rem;
	height: .18rem;
	background: url(../images/yuan.png) center no-repeat;
	background-size: cover;
	margin-right: .28rem;
}

.layerD .maBox li a {
	display: block;
	float: right;
	width: 1.55rem;
	line-height: .6rem;
	font-size: .24rem;
	color: #ec6b1a;
	text-align: center;
	border-radius: .6rem;
	background: #ffffff;
	box-shadow: 0 0 10px rgba(253, 232, 202, .8);
	margin-top: .2rem;
	text-align: center;
}

.layerD .maBox li a i {
	display: inline-block;
	width: .23rem;
	height: .23rem;
	background: url(../images/ej.png) center no-repeat;
	background-size: cover;
	margin-right: .15rem;
	vertical-align: -.01rem;
}

.layerD .maBox li:hover {
	background: #fdf7ed;
	color: #f6513e;
}

.layerD .maBox li:hover span {
	background: url(../images/yuan-on.png) center no-repeat;
	background-size: cover;
}

.layerD .maBox li:hover a {
	background: #f17520;
	color: #ffffff;
}

.layerD .maBox li:hover i {
	background: url(../images/ej-on.png) center no-repeat;
	background-size: cover;
}

.layerD .maBox img {
	display: block;
	width: 100%;
}

.rSidebar {
	position: fixed;
	top: 3.58rem;
	right: .06rem;
	width: 1.16rem;
	z-index: 7;
}

.rSidebar li {
	height: 1.17rem;
	border-radius: .06rem;
	text-align: center;
	position: relative;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	margin-bottom: .08rem;
	background: #ffffff;
	padding-top: .82rem;
	box-sizing: border-box;
	color: #1b1b1b;
	cursor: pointer;
}

.rSidebar li:nth-child(2) {
	padding-top: .72rem;
}

.rSidebar li:nth-child(3) {
	padding-top: .66rem;
}

.rSidebar li p {
	font-size: .23rem;
	line-height: 1;
}

.rSidebar li span {
	display: block;
	position: absolute;
	top: .27rem;
	left: 50%;
	transform: translateX(-50%);
	width: .45rem;
	height: .36rem;
	background: url(../images/r1.png) center no-repeat;
	background-size: cover;
}

.rSidebar li:hover span {
	background: url(../images/r1-on.png) center no-repeat;
	background-size: cover;
}

.rSidebar li:nth-child(2) span {
	top: .21rem;
	width: .35rem;
	height: .36rem;
	background: url(../images/r2.png) center no-repeat;
	background-size: cover;
}

.rSidebar li:nth-child(2):hover span {
	background: url(../images/r2-on.png) center no-repeat;
	background-size: cover;
}

.rSidebar li:nth-child(3) span {
	top: .3rem;
	width: .29rem;
	height: .22rem;
	background: url(../images/r3.png) center no-repeat;
	background-size: cover;
}

.rSidebar li:nth-child(3):hover span {
	background: url(../images/r3-on.png) center no-repeat;
	background-size: cover;
}

.rSidebar li .haoma {
	position: absolute;
	width: 3.16rem;
	line-height: 1.17rem;
	left: -3.06rem;
	top: 0;
	background: linear-gradient(to right, #ff7021, #fb9536);
	border-radius: 5px;
	font-size: .34rem;
	color: #ffffff;
	font-weight: bold;
	z-index: -1;
}

.rSidebar li .haoma i {
	position: absolute;
	left: .22rem;
	top: 50%;
	transform: translateY(-50%);
	width: .75rem;
	height: .75rem;
	background: url(../images/phone2.png) center no-repeat;
	background-size: cover;
}

.rSidebar li:hover {
	background: #ff6e00;
	color: #ffffff;
}

.rSidebar li:hover a {
	color: #ffffff;
}

.rSidebar li:hover .haoma {
	display: block;
}

.loginBox {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6.98rem;
	padding: .6rem 0;
	background: #ffffff;
	border-radius: .09rem;
	z-index: 9;
	display: none;
}

.loginBox h2 {
	font-size: .4rem;
	color: #1b1b1b;
	line-height: 1;
	font-weight: bold;
	position: relative;
	margin-bottom: .72rem;
	text-align: center;
}

.loginBox h2::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -11px;
	width: .56rem;
	height: .07rem;
	background: #ff7600;
	border-radius: 4px;
	transform: translateX(-50%);
}

.loginBox ul {
	width: 5.92rem;
	margin: 0 auto;
}

.loginBox li {
	margin-bottom: .32rem;
	border: 1px solid #e5e5e5;
	border-radius: .89rem;
	padding-left: .67rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.loginBox li input[type=text] {
	height: .87rem;
	border: 0;
	outline: none;
	background: none;
	font-size: .3rem;
	color: #000000;
	width: 2.73rem;
}

.loginBox li:first-child input {
	width: calc(100% - 10px);
}

.loginBox .btnSendCode {
	outline: none;
	background: none;
	border: none;
	border: 0;
	font-size: .3rem;
	color: #ff7300;
	box-sizing: border-box;
	padding: 0;
	width: 2rem !important;
}

.loginBox li i {
	color: #ee6935;
	font-size: .22rem;
	margin-right: .1rem;
}

.loginBox li span {
	display: block;
	width: .27rem;
	height: .39rem;
	background: url(../images/shouji.jpg) center no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: .28rem;
	transform: translateY(-50%);
}

.loginBox li:nth-child(2) span {
	background: url(../images/yanzheng.jpg) center no-repeat;
	background-size: cover;
}

.loginBox h3 {
	font-size: .22rem;
	color: #313131;
	line-height: 1;
	text-align: center;
	margin-bottom: .49rem;
}

.loginBox h3 input {
	vertical-align: -2px;
	margin-right: 3px;
}

.loginBox h3 a {
	color: #ff7600;
}

.loginBox h3 a:hover {
	text-decoration: underline;
}

.loginBox a.loginon {
	display: block;
	width: 5.86rem;
	margin: 0 auto;
	text-align: center;
	line-height: .87rem;
	border-radius: .87rem;
	font-size: .40rem;
	color: #ffffff;
	background: linear-gradient(to right, #fbb93c, #f17520);
}

.loginBox .closed {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 15px;
	height: 15px;
	background: url(../images/closed.jpg) center no-repeat;
	background-size: cover;
}

.screen {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 8;
	display: none;
}

.guanbi{
	width: .25rem;
	height: .25rem;
	position: absolute;
	top: 2%;
	right: 2%;
}

.loginBox3 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6.98rem;
	overflow: hidden;
	z-index: 9;
	border-radius: .1rem;
	background: url(../images/dl4.png) center top no-repeat #ffffff;
	background-size: 100%;
	padding: 4rem .48rem .48rem;
	display: none;
}

.loginBox3 table {
	border: 1px solid #dcdcdc;
	font-size: .28rem;
	color: #000000;
	text-align: center;
	margin-bottom: .36rem;
}

.loginBox3 table th {
	background: #f69f49;
	color: #ffffff;
	font-weight: bold;
	line-height: .74rem;
}

.loginBox3 table th:first-child {
	border-right: 1px solid #e5e5e5;
}

.loginBox3 table td:first-child {
	line-height: .79rem;
	border-right: 1px solid #e5e5e5;
	font-weight: bold;
}

.loginBox3 table td:last-child {
	padding: 0 .1rem;
}

.loginBox3 table td a {
	word-break: break-all;
	font-size: .19rem;
	color: #535353;
	zoom: .8;
}

.loginBox3 table tr:nth-child(odd) {
	background: #fdf7ed;
}

/* .loginBox3 table tr:nth-child(2) a {
	color: #ff6200;
} */

.loginBox3 table a:hover {
	text-decoration: underline;
}

.loginBox3 .text {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: .48rem;
}

.loginBox3 .text h2 {
	font-size: .25rem;
	color: #1b1b1b;
	line-height: 1;
	margin-bottom: .07rem;
	font-weight: bold;
}

.loginBox3 .text h3 {
	font-size: .25rem;
	color: #f69f49;
	line-height: .57rem;
	padding: 0 .3rem;
	background: #fdf1d8;
	border-radius: .57rem;
	font-weight: bold;
	margin-bottom: .06rem;
}

.loginBox3 .text span {
	display: block;
	width: 1.11rem;
	height: .17rem;
	background: url(../images/next.jpg) center no-repeat;
	background-size: cover;
	margin: 0 auto;
}

.loginBox3 .ewm {
	width: 50%;
	float: left;
	padding-left: .25rem;
}

.loginBox3 .ewm img {
	display: block;
	width: 2.35rem;
	box-shadow: 0 0 20px rgba(236, 107, 26, .5);
}

.loginBox3 .poBox {
	overflow: hidden;
	margin-bottom: .32rem;
}

.loginBox3 a.downlod {
	display: block;
	width: 5.87rem;
	margin: 0 auto;
	text-align: center;
	line-height: .87rem;
	border-radius: .87rem;
	font-size: .28rem;
	color: #ffffff;
	background: linear-gradient(to right, #fbb93c, #f17520);
}

.loginBox3 .teacherWx {
	width: 5.87rem;
	margin: 0 auto;
	background: #fdf1d8;
	border-radius: .08rem;
	padding: 0 .17rem;
	line-height: .76rem;
	margin-bottom: .3rem;
}

.loginBox3 .teacherWx p {
	font-size: .24rem;
	color: #434343;
}

.loginBox3 .teacherWx p span {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background: url(../images/wx.png) center no-repeat;
	background-size: cover;
	margin-right: .26rem;
	vertical-align: -.15rem;
}

.loginBox3 .teacherWx p a {
	display: block;
	float: right;
	width: 1.66rem;
	line-height: .5rem;
	background: linear-gradient(to right, #eb6100, #f2891e);
	text-align: center;
	border-radius: .5rem;
	font-size: .24rem;
	color: #ffffff;
	margin-top: .12rem;
}

.foot {
	background: #212121;
	padding: .17rem 0 .53rem;
	text-align: center;
	font-size: .14rem;
	color: #ffffff;
}

.foot ul {
	margin-bottom: .04rem;
}

.foot li {
	display: inline-block;
	margin: 0 .11rem;
}

.foot li a {
	color: #ffffff;
	line-height: 1;
}

.foot p {
	line-height: .38rem;
}

.foot .renzheng {
	margin-top: .1rem;
}

.foot .foot1 {
	width: .99rem;
	margin-right: .17rem;
}

.foot .foot2 {
	width: .37rem;
}










.loginBox2 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6.5rem;
	overflow: hidden;
	z-index: 9;
	border-radius: 10px;
	background: url(../images/dl3.png) center top no-repeat #ffffff;
	background-size: 100%;
	padding: 4rem .2rem .5rem;
	display: none;
}

.loginBox2 .text {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: .36rem;
}

.loginBox2 .text h2 {
	font-size: .3rem;
	color: #1b1b1b;
	line-height: 1;
	margin-bottom: 8px;
	font-weight: bold;
}

.loginBox2 .text h3 {
	font-size: .3rem;
	color: #f69f49;
	line-height: .5rem;
	padding: 0 7px;
	background: #fdf1d8;
	border-radius: 8px;
	font-weight: bold;
	margin-bottom: .1rem;
}

.loginBox2 .text span {
	display: block;
	width: 1.4rem;
	height: .22rem;
	background: url(../images/next.jpg) center no-repeat;
	background-size: cover;
	margin: 0 auto;
}

.loginBox2 .ewm {
	width: 50%;
	float: left;
	padding-left: .19rem;
}

.loginBox2 .ewm img {
	display: block;
	width: 2rem;
	box-shadow: 0 0 20px rgba(236, 107, 26, .5);
}





.loginBox2 .teacherWx {
	/* width: 5.87rem; */
	/* background: #fdf1d8; */
	border-radius: .08rem;
	padding: 0 .17rem;
	line-height: .76rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .5rem;
}

.loginBox2 .teacherWx p {
	font-size: .24rem;
	color: #434343;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: .5rem;
}

.loginBox2 .teacherWx p span {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background: url(../images/wx.png) center no-repeat;
	background-size: cover;
	margin-right: .26rem;
	vertical-align: -.15rem;
}

.loginBox2 .teacherWx p a {
	display: block;
	float: right;
	width: 1.66rem;
	line-height: .5rem;
	background: linear-gradient(to right, #eb6100, #f2891e);
	text-align: center;
	border-radius: .5rem;
	font-size: .24rem;
	color: #ffffff;
	margin-top: .12rem;
}



.divider{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 8;
}