@charset "gb2312";
/* CSS Document */
body{
	background: #f5f5f5;
}
*{ margin:0; padding:0; border:0; border:none;font-family: "Microsoft YaHei";}
ul,ol li{ list-style:none;}


.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: 1200px;margin: 0 auto;}

.header{width: 100%;height: 47px;background: #fff;}
.header .common{ font-size:16px;}
.header .common a{ color:#333;}
.header .common a:hover{color: red;}
.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;}
.header .common a{float: none;}
.tel{margin-top: 0;}

.foucs{ background:url(../images/f.jpg) no-repeat top center; height:320px;}
.foucs h1{text-align: center;font-size:90px;font-weight: bold;color:#fffdfd;margin-top:0px;margin-bottom: 60px;line-height: 310px;}
.foucs h1 span{width:85px;height:1px;background:#d12c25;margin:0 15px; display: inline-block;vertical-align: middle;}

.topnav{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 40px;
	background: #fff;
}

.topnav .common a{
	font-size: 14px;
	color: #333;
	letter-spacing: 1px;

}
.topnav .common a:hover{
	color: #d9423f;
}


.nav{
	width: 100%;
	height: 80px;
	background: #fff;
	border-bottom: 3px solid #d9423f;
	margin-bottom: 20px;
}
.nav .logo_box {
	float: left;
	width: 356px;
}
.nav .logo_box .logo{
	width: 199px;
	height: 50px;
	border-right: 1px solid #ccc;
	display: block;
	float: left;
	margin-top: 25px;
}



.nav .logo_box .a1{
	display: block;
	height: 50px;
	margin-top: 25px;
	font-size: 22px;
	color: #d9423f;
	font-weight: bold;
	float: left;
	line-height: 50px;
	margin-left: 10px;
}

.nav_con{
	float: left;
	margin-top: 33px;
	margin-left:50px;
}

.nav_con .wdyh{
	float: left;
	width: 249px;
}
.nav_con .wdyh .left{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-right: 20px;
	float: left;
	line-height: 26px;
	width: 28px;
	margin-top: -6px;
}

.nav_con .wdyh .right{
	width: 200px;
	float: left;
}

.nav_con .wdyh .right a{
	font-size: 12px;
	color: #666;
	display: block;
	float: left;
	margin-right: 14px;
	margin-bottom: 12px;
	line-height: 14px;
}
.nav_con .wdyh .right a:hover{
	color: #d9423f;
}


.nav_con .syyh{
	float: left;
	width: 363px;
}
.nav_con .syyh .left{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-right: 20px;
	float: left;
	line-height: 26px;
	width: 28px;
	margin-top: -6px;
}

.nav_con .syyh .right{
	width:310px;
	float: left;
}

.nav_con .syyh .right a{
	font-size: 12px;
	color: #666;
	display: block;
	float: left;
	margin-right: 14px;
	margin-bottom: 12px;
	line-height: 14px;
}
.nav_con .syyh .right a:hover{
	color: #d9423f;
}

.nav_con .zcyh{
	float: left;
	width: 150px;
	margin-left:40px;}
	
.nav_con .zcyh a{ color:#000000;}
.nav_con .zcyh a:hover{color: red;}

.nav_con .zcyh .left{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	float: left;
	line-height: 26px;
	width: 100px;
	margin-top: -6px;
}

.nav_con .zcyh .right{
	width:184px;
	float: left;
}

.nav_con .zcyh .right a{
	font-size: 12px;
	color: #666;
	display: block;
	float: left;
	margin-right: 14px;
	margin-bottom: 12px;
	line-height: 14px;
}
.nav_con .zcyh .right a:hover{
	color: #d9423f;
}

.main .common .leftsidebar{
	width:196px;
	height: 800px;
	background: #fff;
	float: left;
	padding-top: 31px;
	padding-left: 46px;
}
.main .common .leftsidebar .zgyh_zp{
	margin-bottom:41px;
}
.main .common .leftsidebar .zgyh_zp h2{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height:18px;
}
.main .common .leftsidebar .zgyh_zp h2 a{
	color: #333;
}


.main .common .leftsidebar .zgyh_zp h2 span{
	position: absolute;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 0;
	left:-26px;	
	background:url(../images/icon_01.png) no-repeat top center;
}

.main .common .leftsidebar .zgyh_ws h2 span{
	background:url(../images/icon_02.png) no-repeat top center;
}
.main .common .leftsidebar .zgyh_bs h2 span{
	background:url(../images/icon_03.png) no-repeat top center;
}
.main .common .leftsidebar .zgyh_ms h2 span{
	background:url(../images/icon_04.png) no-repeat top center;
}

.main .common .leftsidebar .zgyh_zp > a{
	line-height: 14px;
	font-size: 14px;
	color: #666;
	margin-bottom: 26px;
	display: block;
}
.main .common .leftsidebar .zgyh_zp > a:hover{
	color: #d9423f;
	font-weight: bold;
}

.main .common .content{
	float: right;
	width: 940px;
}

.content .top{
	width:940px;
	height:90px;
	background: #fff;
	margin-bottom: 31px;
}

.content .top .left_bs{
	width: 470px;
	float: left;
	height: 140px;
}
.content .top >a:hover{
	
	box-shadow: 0px 2px 13px -6px #000;
}


.content .top .left_bs .icon{
	float: left;
	margin-right: 20px;
	width: 90px;
	height: 90px;
	background:url(../images/circle_bg.png) no-repeat top center;
	margin-top: 25px;
	margin-left: 40px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 90px;
	text-shadow: 1px 1px 1px #000;
}

.content .top .left_bs .txts{
	margin-top: 31px;
	float: left;
	width: 255px;
}

.content .top .left_bs .txts h3{
	font-size: 16px;
	color: #333;
	margin-bottom: 13px;
}

.content .top .left_bs .txts p{
	line-height: 28px;
	font-size: 14px;
	color: #666;
}

.content .mid_h3{
	font-size: 24px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
	padding-left: 10px;
	text-align:center;
	margin-bottom: 22px;
}

.content .mid{
	background: #fff;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 50px;
	width: 865px;
	min-height: 300px;
	margin-bottom: 20px;
}

.content table td{border:1px solid #ccc; height:40px;}

.content .mid .bank{
	margin-bottom: 30px;
}
.content .mid .bank .left{
	float: left;
	margin-right: 20px;
}

.content .mid .bank .right{
	line-height: 28px;
	font-size: 15px;
	color: #333;
}
.content .mid .zptj{
	font-size: 16px;
	color: #333;
	line-height: 18px;
	font-weight: bold;
	margin-bottom:10px;
	text-indent:32px;
	
}
.content .mid .tj_h5{
	margin-top: 29px;
	font-size: 16px;
	line-height: 16px;
	color: #333;
	font-weight: normal;
	margin-bottom: 26px;
}

.content .mid p.tj_p{
	font-size:15px;
	line-height: 32px;
	color: #666;
	text-indent:32px;
}

.content .bot {
	width: 910px;
	height: 410px;
	background: #fff;
	padding-top: 20px;
	margin-bottom: 20px;
}
.content .bot .btn_f{
	margin-bottom: 40px;
}
.content .bot .btn_f > a{
	width: 205px;
	height: 60px;
	margin-right: 20px;
	float: left;
	display: block;
	font-size: 22px;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
}
.content .bot .btn_f > a.a1{
	background: #e8e0fd;
	color: #a082ee;
}
.content .bot .btn_f > a.a2{
	background: #f4fbeb;
	color: #7cb565;
}
.content .bot .btn_f > a.a3{
	background: #fdf2ed;
	color: #9d75b5;
}
.content .bot .btn_f > a.a4{
	background: #f0fafa;
	color: #7d75b4;
}

.content .qr_box >div{
	float: left;
	width: 203px;
	height: 292px;
	border:1px solid #fff;
	margin-right: 20px;
	float: left;
	text-align: center;
	cursor: pointer;
}

.content .qr_box >div.qr_wb .guanzhu{
	width: 80px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #fff;
	margin:8px auto 0;
	border-radius: 5px;
	background: #f02e36;
	display: block;
	font-size: 14px;
}

.content .qr_box >div.qr_zxkt .xiazai{
	width: 80px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #fff;
	margin:8px auto 0;
	border-radius: 5px;
	background: #f02e36;
	display: block;
	font-size: 14px;
}

.content .qr_box >div img{
	margin: 20px auto 13px;
}
.content .qr_box >div >p{
	font-size: 14px;
	line-height: 28px;
	width: 160px;
	text-align: center;
	margin: 0 auto;
}
.content .qr_box >div:hover{
	border:1px solid #f5f5f5;
	box-shadow: 0px 2px 13px -6px #000;
}

.content .disclaimer{
	width: 840px;
	height:69px;
	padding: 13px 38px 0;
	background: #fff;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #666;
}
.bottom_box {
	width: 1179px;
	height: 106px;
	background: #fff;
	padding-left: 21px;
	margin: 20px auto 41px;
	padding-top:12px;
}
.bottom_box .common > a{
	float: left;
	display: block;
	width: 198px;
	margin-bottom: 17px;
	font-size: 14px;
	color: #666;
}
.bottom_box .common > a:hover{
	color: #d9423f;
}

div.footer{
	border-top: 2px solid #d12c25;
	width: 100%;
	height:251px;
	padding-top: 49px;
}

div.footer .common .liaojie{
	width: 193px;
	float: left;
}
div.footer .common .tese{
	width: 164px;
	float: left;
}

div.footer .common .shouhou{
	width: 158px;
	margin-right: 190px;
	float: left;
}

div.footer .common .liaojie h2{
	color: #4d555d;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 29px;
}

div.footer .common .liaojie a{
	display: block;
	font-size: 14px;
	margin-bottom: 20px;
	color: #4d555d;
}

div.footer .common .guanzhu{
	width: 194px;
	float: left;
	text-align: center;
}

div.footer .common .guanzhu p{
	line-height: 33px;
	font-size: 14px;
}

div.footer .common .rexian{
	float: right;
	width: 240px;
}

div.footer .common .rexian .logo2{
	display: block;
	margin-bottom: 25px;
	margin-top: 5px;
}
div.footer .common .rexian .qgrx{
	font-size: 16px;
	font-weight: bold;
	color: #4d555d;
	line-height: 29px;
	display: block;
	margin-bottom: 5px;
}
div.footer .common .rexian>p{
	font-size: 14px;
	line-height: 30px;
	color: #4d555d;
}
div.footer .common .rexian .zxkf{
	font-size: 14px;
	line-height: 30px;
	color: #4d555d;
}

.tb a{color:#000000
text-decoration:none;
}
.tb a:link,a:visited{
color:#666;
}
.tb a:hover{
color:#ff0000;}

tr:hover{background:#efefef;}

/*footer*/
.copyRight,.offcnCopy{ background:#444546; font-size:12px;}
.offcnCopy{padding:45px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#aaa;}
.offcnCopy a:hover{color:#e00;}
img[src^="http://dt.offcn.com/"]{display: none !important;}