@charset "gb2312";
/* CSS Document */

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

.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('http://statics.eoffcn.com/statics/images/index/netLogo.png'); vertical-align:-3px;}
.tel{width: 301px;height: 33px; display:block;background: url('http://statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}

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

.banner{
	text-indent: -999rem;
}

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

.m1 .common .h2{
	padding-top: 70px;
	font-size: 48px;
	color: #6d37c9;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 24px;
}

.m1 .common .h2 span{
	color: #fe0097;
}

.m1 .common .p1{
	font-size: 22px;
	line-height: 32px;
	color: #393d40;
	text-align: center;
}

.m2{
	background: #e6f4ff;
	padding-bottom: 80px;
	min-width: 1200px;
}

.m2 .bag .bs{
	width:472px;
	height: 455px;
	background:url(../images/bs.jpg) no-repeat top center;
	float: left;
}

.m2 .bag .bs .phone{
	width:390px;
	padding-left: 20px;
	height:50px;
	border-radius: 5px;
	outline: none;
	border:none;
	margin:129px auto 20px;
	display: block;
	font-size: 18px;
}
.m2 .bag .bs .inp_box{
	width:410px;
	height:50px;
	margin: 0 auto;
}
.m2 .bag .bs .inp_box > .left {
	float: left;
}
.m2 .bag .bs .inp_box > .left > select{
	width:170px;
	height: 50px;
	padding-left: 20px;
	font-size: 18px;
	margin-right: 10px;
	border-radius: 5px;
}
.m2 .bag .bs .inp_box > .right{
	float: left;
}

.m2 .bag .bs .inp_box > .right .validate{
	width: 109px;
	height: 50px;
	padding-left: 20px;
	font-size: 18px;/*
	border-radius: 5px 0 0 5px;*/
}
.m2 .bag .bs{
	position: relative;
}
.m2 .bag .bs .tj{
	width: 300px;
	height: 80px;
	display: block;
	position: absolute;
	bottom:88px;
	left: 50%;
	margin-left: -150px;
}

.m2 .bag .ms{
	width:472px;
	height: 455px;
	background:url(../images/ms.jpg) no-repeat top center;
	float: right;
}

.m2 .bag .ms .phone{
	width:390px;
	padding-left: 20px;
	height:50px;
	border-radius: 5px;
	outline: none;
	border:none;
	margin:129px auto 20px;
	display: block;
	font-size: 18px;
}

.m2 .bag .ms .validate2{
	width:289px;
	height: 50px;
	padding-left: 20px;
	font-size: 18px;
	margin-left:32px;
}
.m2 .bag .ms {
	position: relative;
}
.m2 .bag .ms .tj2{
	width: 300px;
	height: 80px;
	display: block;
	position: absolute;
	bottom:88px;
	left: 50%;
	margin-left: -150px;
}

.m3{
	background: #4048d1;
	padding-bottom: 80px;
	min-width: 1200px;
}
.m3 .h2{
	background: url(../images/m3_h2.jpg) no-repeat top center;
	height: 280px;
	min-width: 1200px;
}

.m3  .common ul li{
	float: left;
	width: 452px;
	height: 600px;
	position: relative;
}
.m3  .common ul li.li2{
	float: right;
}
.m3  .common ul li a{
	width: 302px;
	height: 80px;
	display: block;
	position: absolute;
	left: 50%;
	bottom:19px;
	margin-left: -151px;
}

.m3  .common ul li.li1{
	background:url(../images/gjdw.jpg) no-repeat top center;
}
.m3  .common ul li.li2{
	background:url(../images/yc.jpg) no-repeat top center;
}
.m4{
	min-width: 1200px;

}
.m4 .h2{
	background: url(../images/m4_h2.jpg) no-repeat top center;
	height:328px;
	min-width: 1200px;
}
.m4 .con_box{
	background: url(../images/m4.jpg) no-repeat top center;
	height:900px;
	width: 100%;
}

.m4 .con_box table{
	width: 1000px;
}

.m4 .con_box table th,.m4 .con_box table td{
	border:1px solid #e0e0e0;
	background: #fff;
}

.m4 .con_box table th{
	height: 84px;
	background: #ff6e85;
	color: #fff;
	font-size: 24px;
	font-weight: bold;

}
.m4 .con_box table td{
	font-size: 20px;
	line-height: 33px;
	padding: 20px 30px;
}

.m4 .con_box table td.td1{
	text-align: center;
}

.common .bag .right img {
	width: 96px;
	height: 50px;
}

.m5{
	width: 100%;
	height: 436px;
	background:url(../images/m5.jpg) no-repeat top center;
	min-width: 1200px;
}
.m5 .common{
	padding-top:200px;
}
.m5 .common a{
	margin-right: 21px;
}

.m5 .common a{
	margin-right: 21px;
	width: 232px;
	height: 109px;
	display: block;
	float: left;
	padding-top: 41px;
	font-size:27px;
	line-height:33px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.m5 .common a.a1{
	margin-right: 21px;
	background:url(../images/ad1.png) no-repeat top center;
	background-size: 100% 100%;
}
.m5 .common a.a2{
	margin-right: 21px;
	background:url(../images/ad2.png) no-repeat top center;
	background-size: 100% 100%;
}
.m5 .common a.a3{
	margin-right: 21px;
	background:url(../images/ad3.png) no-repeat top center;
	background-size: 100% 100%;
}

.m5 .common a.a4{
	margin-right: 0;
	background:url(../images/ad4.png) no-repeat top center;
	background-size: 100% 100%;
}



.copyRight,.offcnCopy{ background:#444546;
    min-width: 1200px;}
.offcnCopy{padding:45px 0 110px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#aaa;}
.offcnCopy a:hover{color:#e00;}