@charset "gb2312";
/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form,th,tr,td{padding:0px;margin:0px;border:0;font-size:12px;font-family: "Microsoft YaHei";}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:100;}
select{ padding:0px; margin:0px; overflow:scroll;}
td,tr,td { font-size:12px;}
ul,ol li{ list-style:none;}
input { padding:0px; margin:0px;}
table{border-collapse: collapse;}    
.right{ float:right;}
.left{float: left;}
.hide{display:block;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a{ cursor:pointer;}
a:link, a:visited { text-decoration:none;}

.common{width: 1000px;margin: 0 auto;}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.clearfix{
	zoom:1;
}

.content{
	background: #2baefc;
}

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

.banner{
	height: 530px;
	width: 100%;
	background:url(../images/banner.jpg) no-repeat top center;
}

.m1{
	height: 610px;
	width: 100%;
	background:url(../images/m1.jpg) no-repeat top center;
}



.m2{
	height: 343px;
	width: 100%;
	background:url(../images/m2.jpg) no-repeat top center;
}

.m2 h2{
	font-size: 34px;
	color: #fffe8a;
	text-align: center;
	height: 85px;
	line-height: 85px;
	font-weight: bold;
}

.m2 ul{
	margin-top: 43px;
	width: 1000px;
	height: 132px;
}
.m2 ul li{
	float: left;
	margin-right: 3px;
}

.m2 ul li p{
	font-size: 14px;
	line-height: 22px;
}

.m2 ul .li1{
	width: 204px;
	text-align: center;
}
.m2 ul .li1 .fwb{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	color: #333;
	line-height: 24px;
}

.m2 ul .li2{
	width: 290px;
}

.m2 ul .li2 p{
	padding-top: 28px;
	padding-left: 19px;
}


.m2 ul .li3{
	width: 162px;
}

.m2 ul .li3 p{
	padding-top:15px;
	padding-left: 16px;
}


.m2 ul .li4{
	width: 163px;
	text-align: center;
}

.m2 ul .li4 .red{
	margin-top: 54px;
	margin-bottom: 3px;
	font-weight: bold;
	color: #fe0002;
	font-size: 18px;
}

.m2 ul .li5{
	width: 165px;
}

.m2 ul .li5 a{
	background:url(../images/gm.jpg) no-repeat top center;
	width: 114px;
	height: 43px;
	display: block;
	margin: 0 auto;
	margin-top: 41px;
} 

.m3{
	height:882px;
	width: 100%;
	background:url(../images/m3.jpg) no-repeat top center;
}


.m3 h2{
	font-size: 34px;
	color: #fffe8a;
	text-align: center;
	height: 85px;
	line-height: 85px;
	font-weight: bold;
	margin-bottom: 19px;
}

.m3 .common ul{
	padding-top: 66px;
	width: 854px;
	height: 65px;
	padding-left: 140px;
	margin-bottom: 12px;
}

.m3 .common ul li{
	width: 120px;
	text-align: center;
	margin-right: 1px;
	float: left;
}
.m3 .common ul li p{
	font-size: 14px;
	color:#333;
	margin-bottom: 2px;
}
.m3 .common .week5{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding-top:67px;
}


.m4{
	height: 706px;
	width: 100%;
	background:url(../images/m4.jpg) no-repeat top center;
}

.m5{
	height:631px;
	width: 100%;
	background:url(../images/m5.jpg) no-repeat top center;
}

.m6{
	height:335px;
	width: 100%;
	background:url(../images/m6.jpg) no-repeat top center;
}

.m6 .common .left{
	padding: 141px 0 0 280px;
}
.m6 .common .left .qrcode img{
	width: 134px;

}
.m6 .common .right{
	width: 492px;
	padding-top: 177px;
}

.m6 .common .right p{
	font-size: 18px;
	font-weight: bold;
	color: #e33d3d;
	margin-bottom: 60px;
}


.m6 .common .right p span{
	color: #000;
	position: relative;	
	top: -2px;
}


.copyRight,.offcnCopy{ background:#2baefc;}
.offcnCopy{ padding:45px 0 80px 0; line-height:32px; color:#fff; text-align:center;font-size: 16px;}
.offcnCopy a{ color:#fff;font-size: 16px;}
.offcnCopy a:hover{ color:#e00;}


.m3 .tag{ height:60px; margin:10px 0; display:flex;}
.m3 .tag a{ flex:1; height:60px; display:block;}
.m3 .tag a.tag1{ background:url(../images/1moren.jpg) no-repeat center;}
.m3 .tag a.tag1.hover{ background:url(../images/1hover.jpg) no-repeat center;}
.m3 .tag a.tag2{ background:url(../images/2moren.jpg) no-repeat center;}
.m3 .tag a.tag2.hover{ background:url(../images/2hover.jpg) no-repeat center;}