<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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;}    
.r{ float:right;}
.l{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;}
a:hover { text-decoration:underline;}
.common{width: 1000px;margin: 0 auto;}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.clearfix{
	zoom:1;
}
.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;}

.copyRight,.offcnCopy{ background:#444546; margin-top: 50px;}
.offcnCopy{ padding:45px 0 80px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy a{ color:#aaa;}
.offcnCopy a:hover{ color:#e00;}

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

.m1{
	padding-top: 38px;
	height: 500px;
	width: 100%;
	background: #f5f3f4;
}
.m1 .common{
	
	height: 460px;
	background: url(../images/m1.jpg) no-repeat top center;
	position: relative;
}

.m1 .common .a1{
	width: 304px;
	height: 241px;
	
	position: absolute;
	top: 163px;
	left: 14px;
}

.m1 .common .a2{
	width: 70px;
	height:32px;
	
	position: absolute;
	top: 273px;
	right: 44px;
}

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


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

.m3 .common{
	position: relative;
	height: 535px;

}

.m3 .common .a1{
	position: absolute;
	bottom: 74px;
	left: 37px;
}
.m3 .common .a2{
	position: absolute;
	bottom: 74px;
	right: 37px;
}

.offcn_pub_hd{ height:50px; font:normal 22px/50px "Microsoft yahei"; color:#333;}
.offcn_advantage{ margin-top:20px; overflow:hidden;}
.eOffcnAdvantage{ width:740px; border-top:1px solid #e60000;}
.effcnComment{ width:230px; padding-left:30px; border-top:1px solid #dadada;}
.eOffcnAdl{ float:left; width:184px; height:144px; margin:29px 0 0 0; text-align:center;border-right:1px solid #ebebeb;}
.eOffcnAdl a{ text-decoration:none;}
.eBorFff{ border-right:1px solid #fff;}
.eOffcnLinne{ height:1px; line-height:1px; overflow:hidden; padding-top:25px; clear:both; border-bottom:1px solid #ebebeb; }
.eOffcnAdl dt{ margin:0 auto; height:80px; width:80px; overflow:hidden; text-indent:-9999em;}
.eOffcnAdl dd.adva_tite_info{ font:normal 16px "Microsoft yahei"; padding-top:10px; color:#444;}
.eOffcnAdl dd.adva_detail_info{ line-height:32px; color:#666;}
.eOffcnAdl dt.ico_msjx{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 0 no-repeat;}
.eOffcnAdl dt.ico_xsxx{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 -90px no-repeat;}
.eOffcnAdl dt.ico_zxdy{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 -180px no-repeat;}
.eOffcnAdl dt.ico_kcxz{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 -270px no-repeat;}
.eOffcnAdl dt.ico_hlst{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 -360px no-repeat;}
.eOffcnAdl dt.ico_fdzl{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 -450px no-repeat;}
.eOffcnAdl dt.ico_slpg{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 -540px no-repeat;}
.eOffcnAdl dt.ico_zysj{ background:url(//statics.eoffcn.com/statics/images/index/oadvantage_img.jpg) 0 -630px no-repeat;}
.eCommentFocus{ width:230px; height:335px; overflow:hidden; position:relative;}
.eCommentFocus ul{ position:absolute; width:200px;}
.eCommentFocus li{ float:left; width:230px; height:335px;}
.eCommentFocus li dl{ height:45px; width:230px; margin-bottom:22px;}
.eCommentFocus li dt{ float:left; width:55px; height:45px; overflow:hidden;}
.eCommentFocus li dt img{ display:block; border:none;}
.eCommentFocus li dd { float:left; width:140px; padding:0 0 0 10px;}
.eCommentFocus li dd p{ height:22px; line-height:22px; overflow:hidden;}
.eCommentFocus li dd p a{ color:#666;}
.eCommentFocus li dd p a:hover{ color:#e00;}
.eCommentFocus li dd p span{ color:#ff6600;}
.eCommentFocus li dd p font{ float:right; color:#999;}
.eCommentBtn{ position:absolute; height:6px; line-height:6px; overflow:hidden; bottom:20px; right:0px;}
.eCommentBtn i{ display:block; float:left; height:6px; line-height:6px; overflow:hidden; background:url(//statics.eoffcn.com/statics/images/index/oindex_ico_2.gif) -38px -77px no-repeat; cursor:pointer; margin-right:9px;}
.eCommentBtn i.active{ background:url(//statics.eoffcn.com/statics/images/index/oindex_ico_2.gif) -54px -77px no-repeat;}</pre></body></html>