*{ margin:0; padding:0; border:0; border:none;font-family: "Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1000px;margin: 0 auto;}
.con{ display:none;}
.nav {
    position: fixed;
    bottom: 95px;
    left: 20px;
    width: 99px;
    height:368px;
    background: url(../img/lead.png) no-repeat top center;
}
.nav a {
    display: block;
    cursor: pointer;
}
.nav a.a1 {
    height: 78px;
}
.nav a.al {
    height: 45px;
}
.nav a.a7 {
    height: 64px;
}
.nav .close {
    width:26px;
    height: 26px;
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.banner{
	width: 100%;
	height: 629px;
	margin: 0 auto;
	background: url(../img/banner.jpg) top center no-repeat;
}
.banner .common{
	padding-top: 235px;
}
.banner .common .style{
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 21px;
	text-shadow: 0 2px 4px rgba(50,26,219,0.54);
}
.banner .common .style1{
	width: 168px;
	margin-left: 237px;
}
.banner .common .style2{
	width: 179px;
}
.banner .common .style3{
	width: 222px;
}
.banner .common .price{
	width: 420px;
	margin: 28px auto 0;
}
.banner .common .price>span:nth-child(1){
	font-size: 23.5px;
	color: #fff;
	text-decoration: line-through;
}
.banner .common .price>span:nth-child(2){
	font-size: 34px;
	color: #fff;
	margin-left: 14px;
	margin-right: 28px;
	font-weight: bold;
}
.banner .common .price>span:nth-child(3){
	width:150px;
	height: 48px;
	display: inline-block;
	line-height:48px;
	text-align: center;
	color: #fff;
	font-size: 26px;
	border-radius: 24px;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #fd9900 , #ffc200); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fd9900, #ffc200); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fd9900, #ffc200); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd9900 , #ffc200); /* 标准的语法（必须放在最后） */
}
.m1{
	height: 440px;
	width: 100%;
	margin: 0 auto;
	background: url(../img/style.jpg) top center no-repeat;
}
.m2{
	height:956px;
	width: 100%;
	margin: 0 auto;
	background: url(../img/kecheng_bg.jpg) top center no-repeat;
}
.m2 .common{
	position: relative;
	padding-top: 443px;
}
.m2 .common .time{
	color: #525151;
	font-size: 18px;
	line-height: 18px;
	text-align:center;
}
.m2 .swiper-container{
	width: 713px;
	margin-left: 80px;
	margin-top: 41px;
	height: 64px;
}
.m2 .swiper-container .swiper-slide{
	cursor: pointer;
	width: 90px!important;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 8px;
	border:1px solid #6c5afa;
	font-size: 18px;
	color: #6d5afa;
}
.m2 .common .swiper-container .index{
	color: #fff;
	border:none;
	width: 92px!important;
	height: 40px;
	line-height: 42px;
    background: -webkit-linear-gradient(left top, #715ffa , #a761ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #715ffa, #a761ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #715ffa, #a761ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #715ffa , #a761ff); /* 标准的语法 */
}
.m2 .common .more_class{
	position: absolute;
	right: 80px;
	top: 482px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	text-align: center;
	border-radius: 8px;
	color: #fff;
	font-size: 18px;
	box-shadow: 0 3px 7px rgba(253,154,0,0.6);
	background: -webkit-linear-gradient(left top,#fd9900 , #ffc200); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#fd9900 , #ffc200); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#fd9900 , #ffc200); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#fd9900 , #ffc200); /* 标准的语法 */
}
.m2 .common .swiper-container .index{
	position: relative;
}
.m2 .common .swiper-container .index>div{
	position: absolute;
	top: 49px;
	left: 32px;
	width: 26px;
	height: 15px;
	background: url(../img/up.jpg) top center no-repeat;
}
.m2 .common .content .content_c{
	display: none;
	width: 698px;
	height: 302px;
	border:1px solid #6c5afa;
	margin-left:81px;
	border-radius: 4px;
	margin-top: -1px;
	padding-left: 29px;
}
.m2 .common .content .show{
	display: block!important;
}
.m2 .common .content .content_c .time{
	text-align: left;
	height: 62px;
	line-height: 62px;
	padding-top: 7px;
	font-size: 20px;
	color: #6d5afa;
	font-weight: bold;
}
.m2 .common .content .content_c .time>span{
	margin-left: 20px;
	margin-right: 25px;
}
.m2 .common .content .content_c .card{
	height: 85px;
}
.m2 .common .content .content_c .card>p{
	font-size: 18px;
	line-height: 18px;
	color: #525151;
	margin-bottom: 6px;
	font-weight: bold;
}
.m2 .common .content .content_c .card>li{
	line-height: 24px;
	font-size: 16px;
	color: #5d656d;
}
.m2 .common .content .content_c .card1{
	width: 390px;
}
.m2 .common .content .content_c .last_price>span:nth-child(1){
	text-decoration: line-through;
	font-size: 16px;
	color: #5d656d;
}
.m2 .common .content .content_c .last_price>span:nth-child(2){
	font-size: 17px;
	color: #fd9a00;
	margin-right:-8px;
	margin-left: 8px;
}
.m2 .common .content .content_c .last_price>span:nth-child(3){
	font-size: 28px;
	color: #fd9a00;
	font-weight: bold;
}
.m2 .common .content .content_c .last_price>span:nth-child(4){
	width: 100px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 16px;
	font-size: 16px;
	margin-left: 27px;
	background: -webkit-linear-gradient(left, #fd9900 , #ffc200); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fd9900, #ffc200); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fd9900, #ffc200); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd9900 , #ffc200); /* 标准的语法（必须放在最后） */
}
.m2 .common .content .content_c .last_price>span:nth-child(5){
	width: 98px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	border-radius: 16px;
	border:1px solid #fd9900;
	text-align: center;
	color: #fd9900;
	font-size: 16px;
	margin-right: 31px;
	margin-left: 11px;
	font-weight: bold;
	cursor: pointer;
}
.m3{
	width: 100%;
	height: 420px;
	margin:0 auto;
	background: url(../img/daka_bg.jpg) top center no-repeat;
}
.m3 .common{
	padding-top: 143px;
	position: relative;
}
.m3 .common .l{
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 18px;
}
.m3 .common  .quanqin{
	margin-left: 195px;
	width: 496px;
}
.m3 .common .href_a{
	width: 51px;
	height: 28px;
	display: block;
	position: absolute;
}
.m3 .common .a1{
	top: 194px;
	left: 431px;
}
.m3 .common .a2{
	top: 194px;
	left: 868px;
}
.m3 .common .a3{
	top: 232px;
	left: 431px;
}
.m4{
	width: 100%;
	height: 411px;
	margin: 0 auto;
	background: url(../img/power.jpg) top center no-repeat;
}
.m5{
	width: 100%;
	height: 434px;
	margin: 0 auto;
	background: url(../img/banqun.jpg) top center no-repeat;
}
.m6{
	width: 100%;
	height: 496px;
	margin: 0 auto;
	background: url(../img/keguan.jpg) top center no-repeat;
}
.m6 .common{
	position: relative;
}
.m6 .common>a{
	position: absolute;
	display: block;
	width: 61px;
	height: 29px;
}
.m6 .common .teachera{
	top: 152px;
	left: 422px;
}
.m6 .common .teacherb{
	top: 152px;
	left: 863px;
}
.m6 .common .teacherc{
	top: 294px;
	left: 422px;
}
.m6 .common .teacherd{
	top: 294px;
	left: 863px;
}
.m7{
	width: 100%;
	height: 903px;
	margin: 0 auto;
	background: url(../img/class_know.jpg) top center no-repeat;
}
.m7 .common{
	position: relative;
}
.m7 .common>a{
	width: 110px;
	height: 20px;
	display: block;
	position: absolute;
	top: 302px;
	left: 188px;
}
.m8{
	width: 100%;
	height: 90px;
}
.last{
	position: fixed;
	bottom: 0;
	z-index: 1;
	height: 90px;
	width: 100%;
	background: #ffe400;
}
.last .common{
	position: relative;
	padding-top: 7px;
}
.last .tehui{
	display: inline-block;
	width: 66px;
	height: 32px;
	line-height: 32px;
	text-indent: 12px;
	background: #fd7d00;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 18px;
	color: #fff;
	position: relative;
	margin-right: 17px;
	margin-left: 77px;
}
.last .tehui>span{
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 33px;
	background: url(../img/r.png) top center;
	top: 0;
	right: -17px;
}
.last .span2{
	font-size: 20px;
	color: #fd7d00;
	font-weight: bold
}
.last .span3{
	font-size: 32px;
	color: #fd7d00;
	font-weight: bold;
}
.last .span4{
	font-size: 16px;
	color: #5d656d;
	text-decoration: line-through;
}
.last .intro1{
	font-size: 18px;
	color: #fd7d00;
	margin-left: 98px;
	font-weight: bold;
}
.last .prov{
	/*width: 522px;*/
	position: absolute;
	top: 20px;
	left: 320px;
}
.last .prov>a{
	display: inline-block;
	width: 60px;
	height: 26px;
	line-height:26px;
	text-align: center;
	color: #fd7d00;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.last .prov .index_pr{
	border-radius: 13px;
	background: #fd7d00;
	color: #fff;
}
.last .prov>span{
	font-size: 12px;
	color: #fd7d00;
}
.mask{
	display: none;
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}
.pop-up{
	display: none;
	position: fixed;
	top:50%;
	left: 50%;
	margin-top: -161px;
	margin-left: -230px;
	z-index: 3;
	width: 423px;
	height: 269px;
	padding: 23px 24px 30px 24px;
	background: #fff;
	border-radius: 20px;
}
.pop-up .title{
	color: #000000;
	font-size: 20px;
	margin-left: 5px;
	font-weight: bold;
	height: 35px;
	line-height:35px;
	margin-bottom: 5px;
}
.pop-up .close{
	width: 22px;
	height: 22px;
	margin-top: 7px;
	margin-right: 5px;
	cursor: pointer;
}
.pop-up .close>img{
	width: 100%;
	height: 100%;
}
.pop-up .prov>a{
	display: inline-block;
	width: 90px;
	height: 38px;
	line-height: 38px;
	border-radius: 8px;
	text-align: center;
	border:1px solid #6d5afa;
	color: #6d5afa;
	font-size: 18px;
	margin: 5px 5px; 
}
.pop-up .prov .index_pr {
    color: #fff;
    border: none;
    width: 92px;
    height: 40px;
    line-height: 42px;
    background: -webkit-linear-gradient(left top, #715ffa , #a761ff);
    background: -o-linear-gradient(bottom right, #715ffa, #a761ff);
    background: -moz-linear-gradient(bottom right, #715ffa, #a761ff);
    background: linear-gradient(to bottom right, #715ffa , #a761ff);
}
.pop-up .prov>span{
	display: inline-block;
	font-size: 14px;
	color: #999999;
	margin-left: 6px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.pop-up .close1{
	width: 110px;
	height: 44px;
	margin:0 auto;
	cursor: pointer;
	line-height: 44px;
	text-align: center;
	border-radius: 8px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: -webkit-linear-gradient(left, #fd9900 , #ffc200); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fd9900, #ffc200); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fd9900, #ffc200); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd9900 , #ffc200); /* 标准的语法（必须放在最后） */
}
.copyRight,.offcnCopy{ background:#444546;    min-width: 1200px;}
.offcnCopy{padding:45px 0 50px 0; line-height:32px; color:#ccc; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#ccc;}
.offcnCopy a:hover{color:#e00;}

div.header{width: 100%;height: 47px;background: #fff;}
div.header .common{ font-size:16px;}
div.header .common a{ color:#333;}
div.header .logo{display: inline-block;width: 112px;height: 33px;background: url('//statics.eoffcn.com/statics/images/index/netLogo.png'); vertical-align:-3px;}
div.header .tel{width: 301px;height: 33px;margin-left: 470px; display:inline-block;background: url('//statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}
div.header .common a{float: none; text-decoration: none;}
div.header .tel{margin-top: 0;}