*{ 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;}

.page{
	background: #eaf3fc;
}
.t_bg{
	display: none;
	position: fixed;
	background: grey;
	opacity: 0.5;
	width: 100%;
	height:100%; 
}
.tanchuang{
	display: none;
	position: relative;
	z-index: 1000;
	width: 542px;
	height: 330px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -271px;
	margin-top: -115px;
	background: url(../img/tanchuang.png) top center no-repeat;
}
.tanchuang .close{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.tanchuang .look{
	display: block;
	width: 406px;
	height: 72px;
	margin: 220px auto 0; 
}
.banner{
	width: 100%;
	height: 506px;
	background: url(../img/banner.jpg) top center no-repeat;
}
.page .m1{
	width: 100%;
	height: 340px;
	margin-top: -120px;
}
.page .m1 .common{
	width:1051px;
	height:370px;
	background:url(../img/get_juan.png) no-repeat top center;
}
.page .m1 .common .h2{
	font-size: 38px;
	color: #333;
	text-align: center;
	padding-top: 86px;
    margin-bottom: 25px;
}
.page .m1 .common .inp_box{
	width: 962px;
	height: 54px;
	margin: 0 auto;
	    padding-left: 66px;
}
.page .m1 .common .inp_box .name{
	width:110px;
	height: 50px;
	float: left;
	border-radius: 5px;
	border: 1px solid #999;
	font-size: 18px;
	padding-left: 20px;
	color: #999;
	outline: none;
	margin-right: 10px;
	margin-top: 1px;
}
.page .m1 .common .inp_box .phone{
	width:222px;
	height:50px;
	float: left;
	border-radius: 5px;
	border: 1px solid #999;
	font-size: 18px;
	padding-left: 20px;
	color: #999;
	outline: none;
	margin-right: 10px;
	margin-top: 1px;
}
.page .m1 .common .inp_box .validate{
	width:97px;
	height:50px;
	float: left;
	border-radius: 5px 0 0 5px;
	border: 1px solid #999;
	font-size: 18px;
	padding-left: 20px;
	color: #999;
	outline: none;
	margin-top: 1px;
}
.page .m1 .common .inp_box .vali_img{
	float: left;
	width: 150px;
	height: 52px;
	margin-top: 1px;
	margin-right: 10px;
}
.page .m1 .common .inp_box .get{
	width: 220px;
	height: 54px;
	background:url(../img/get_bg.png) no-repeat top center;
	float: left;
	text-align: center;
	line-height: 54px;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}
.page .m1 .common .inp_box .tip{
	font-size: 18px;
	line-height:22px;
	color: #333333;
	text-align: center;
	width: 862px;
	margin:18px auto 0;
}
.page .m2{
	display: block;
	height: 729px;
	width: 100%;
	background: url(../img/gufen1.png) top center no-repeat;
}
/*.m3 .common{
	padding-top:52px; 
}*/
.m3 .m3_nav{
	width: 728px;
	height: 35px;
	background: url(../img/nav.png) top center no-repeat;
	margin: 0 auto;
}
.m3 .m3_content{
	width: 1006px;
	height: 400px;
	margin: 0 auto;
	background: url(../img/tingke_bg.png) top center no-repeat;
	padding-top:66px; 
}
.m3 .m3_content .left_1{
	display: block;
	cursor: pointer;
	position: relative;
	width: 279px;
	height: 278px;
	margin-left: 76px;
	background: url(../img/head.png) top center no-repeat;
}
.m3 .m3_content .left_1 .time{
	font-size: 16px;
	color: #333333;
	position: absolute;
	left: 41px;
    top: 43px;
}
.m3 .m3_content .left_2>h2{
	    margin-top: 22px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 18px;
}
.m3 .m3_content .left_2 .table .tr1>th,
.m3 .m3_content .left_2 .table .tr2>td
{	
	line-height: 34px;
	height: 34px;
	text-align: center;
}
.m3 .m3_content .left_2 .table .tr1>th{
	font-size: 16px;
	color: #fff;
	background: #6d1deb;
	display: inline-block;
}
.m3 .m3_content .left_2 .table .tr2>td{
	font-size: 14px;
	color: #333333;
	background: #fff;
	display: inline-block;
}
.m3 .m3_content .left_2 .table .tr1>th:nth-child(1),
.m3 .m3_content .left_2 .table .tr2>td:nth-child(1)
{
	width: 100px;	
	border-right: 1px solid #24139d;
	border-left: 1px solid #24139d;
	border-bottom: 1px solid #24139d;
}
.m3 .m3_content .left_2 .table .tr1>th:nth-child(1){
	border-top-left-radius: 10px;
}	
.m3 .m3_content .left_2 .table .tr1>th:nth-child(2),
.m3 .m3_content .left_2 .table .tr2>td:nth-child(2){
	width: 85px;
	border-bottom: 1px solid #24139d;
}
.m3 .m3_content .left_2 .table .tr1>th:nth-child(3),
.m3 .m3_content .left_2 .table .tr2>td:nth-child(3){
	width: 173px;	
	border-left: 1px solid #24139d;
	border-bottom: 1px solid #24139d;
	border-right: 1px solid #24139d;
}
.m3 .m3_content .left_2 .table .tr1>th:nth-child(3){
	border-top-right-radius: 10px;
}
.m3 .m3_content .left_2 .table .tr4>td:nth-child(3){
	border-bottom-right-radius: 10px;
}
.m3 .m3_content .left_2 .table .tr4>td:nth-child(1){
	border-bottom-left-radius: 10px;
}
.m3 .m3_content .left_2 .tingke{
	display: block;
	width: 222px;
	height: 48px;
	margin: 30px auto 0;
	line-height: 48px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: url(../img/just_bg.png) top center no-repeat;
}
.m3 .m3_content .left_3 .img{
	width: 138px;
	height: 138px;
	margin: 67px 48px 0 48px;
}
.m3 .m3_content .left_3 .img>img{
	width: 100%;
	height: 100%;
}
.m3 .m3_content .left_3>p{
	font-weight: bold;;
	color: #333333;
	font-size: 20px;
	text-align: center;
	margin-top:12px;
}
.m4{
	width: 1006px;
	height: 382px;
	margin: 0 auto;
	background: url(../img/weibo.png) top center no-repeat;
}
.m4 .common{
	padding-top: 107px;
}
.m4 .m4_1{
	width: 373px;
	height: 184px;
    margin: 0 69px 0 65px;
}
.m4 .m4_1>p:nth-child(1){
	font-size: 18px;
	color: #7a3906;
	text-align: center;
	margin-top:10px;
	font-weight: bold;
	margin-bottom: 39px;
}
.m4 .m4_1 .content{
	padding-left: 31px;
	text-align: left;
	font-size: 16px;
	color: #333333;
}
.m4 .m4_2{
	width: 194px;
	margin-right: 30px;
}
.m4 .m4_2>p:nth-child(1),
.m4 .m4_3>p:nth-child(1){
	font-size: 18px;
	color: #7a3906;
	font-weight: bold;
	margin-left: 24px;
}
.m4 .m4_2>p:nth-child(2){
	margin-top: 40px;
	margin-bottom: 49px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 20px;
}
.m4 .m4_2>p:nth-child(3){
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.m5 .m5_nav{
	width: 624px;
	height: 35px;
	margin: 0 auto;
	background: url(../img/study_nav.png) top center no-repeat;
}
.m5 .card{
	width: 966px;
	margin: 0 auto;
}
.m5 .la{
	margin: 16px auto;
}
.m5 .card1{
	width: 503px;
	height: 264px;
	background: url(../img/class_bg1.png) top center no-repeat;
}
.m5 .card1 .left1{
	width: 227px;
	padding-top: 61px;
	font-weight: bold;;
	font-size: 24px;
	color: #fff;
	text-align: center;	
	margin: 36px 20px 0 36px;
}
.m5 .card1 .left2{
	position: relative;
}
.m5 .card1 .left2>p:nth-child(1){
	margin-top: 64px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 80px;
	height: 25px;
	line-height: 25px;
	background: #8e341f;
	position: relative;
}
.m5 .card1 .left2>p:nth-child(2){
	font-size: 35px;
	font-weight: bold;
	color: #fc7744;
	margin: 15px auto;
	position: relative;
}
.m5 .card1 .left2 p>span{
	font-size: 24px;
}
.m5 .card1 .left2>p:nth-child(3){
	position: absolute;
	top: 64px;
    left: 79px;
	width: 0;
	height: 0;
	border-width: 12.5px;
	border-style: solid;
	border-color:#8e341f transparent transparent  #8e341f;
}
.m5 .card1 .left2>a{
	display: block;
	width: 162px;
	height: 38px;
	line-height: 38px;
	background: #fc7744;
	text-align: center;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	border-radius: 19px;
}
.m5 .common .card2{
	width: 503px;
	height: 264px;
	margin-left: -40px;
	background: url(../img/class_bg2.png) top center no-repeat;
}
.m5 .card3{
	width: 432px;
	height: 201px;
		margin-left: 33px;
	background: url(../img/btm_bg.png) top center no-repeat;
}
.m5 .card3>p:nth-child(1){
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	margin: 10px auto 26px 20px;
}
.m5 .card3>p:nth-child(2){
	text-align: center;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
}
.m5 .card3>a{
	display: block;
	width: 218px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 11px auto;
}
.copyRight,.offcnCopy{ background:#444546;margin-top: 50px;    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;}