@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; border:0; border:none; font-family:"Microsoft YaHei";}
a{ text-decoration:none; color:#333; cursor:pointer;}
.common{ width:1000px; margin:0 auto;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
li{ list-style-type:none;}

.header{width: 100%;height: 47px;background: #fff;}
.logo{display: inline-block;width: 112px;height: 33px;background: url(//statics.eoffcn.com/statics/images/caches/yhzp/syb_02.jpg);}
.tel{width: 301px;height: 33px;background: url(//statics.eoffcn.com/statics/images/caches/yhzp/syb_04.jpg);}
.f1{ height:196px; background:url(../images/i_r2_c1.jpg) no-repeat top center;}
.f2{ height:200px; background:url(../images/i_r3_c1.jpg) no-repeat top center;}
.f3{ height:133px; background:url(../images/i_r4_c1.jpg) no-repeat top center;}
.f3 .common{ padding-left:185px; width:815px;}
.f3 a{ width:262px; height:51px; display:block; float:left; margin-right:104px;}

.m1{ margin:30px 0;}
.m2{ background:#e1e1e2; padding:30px 0;}
.common .top{ text-align:center;}
.m2 ul li{ width:230px; float:left; margin:20px 10px 0;}
.m3 .top{ margin:20px 0;}
.m3 table{ border-top:1px solid #dddddd; border-left:1px solid #dddddd; margin:20px 0;}
.m3 table tr{ border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.m3 table td{ border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; height:70px; text-align:center; font-size:12px;}
.m3 table th{ height:40px; background:#4a4a4a; color:#fff;}
.m3 table td p{ text-align:left; padding:0 5px; line-height:22px;}
.m3 table td b{ font-size:18px;}
.m4{ background:#c31e47; padding:30px 0;}
.m5 .m4_1{ height:267px; background:url(//www.eoffcn.com/dzgx/jzzt/2016zylx/images/i_r17_c1.jpg) no-repeat top center;}
.m5 .m4_2{ height:266px; background:url(//www.eoffcn.com/dzgx/jzzt/2016zylx/images/i_r18_c1.jpg) no-repeat top center;}
.m8{ background:#363b44; padding:40px 0;}
.m8_t{ font-size:34px; color:#fff; margin-bottom:30px;}
.m8_t span{ color:#ec313a;}
.m8_c{ margin-bottom:20px;}
.m8_c p{ background:#474e54; padding:30px 50px; color:#fff; font-size:16px; text-indent:2em;}
.rollBox{width:900px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:800px;overflow:hidden; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:150px;float:left;text-align:center; margin-right:14px;}
*+html .rollBox .Cont .pic{width:139px;float:left;text-align:center;padding-right:30px;}
.rollBox .Cont .pic img{display:block; float:left;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1{ float:left; margin-top:25px; margin-right:22px; cursor:pointer;}
.img2{ float:right; margin-top:25px; cursor:pointer;}
.copyRight,.offcnCopy{ background:#444546; font-size:12px;}
.offcnCopy{ padding:45px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy a{ color:#aaa;}
.offcnCopy a:hover{ color:#e00;}
.new_offcn_zx{ width:100px; height:380px; position:fixed; top:150px;right:0;z-index:99999;}
.new_offcn_zx ul li{ margin-bottom:7px;}
.video{width:556px; height:335px; position:fixed; top:50%; left:50%; margin:-160px 0 0 -270px; z-index:12; overflow:hidden;}
.video iframe{ margin:-2px 0 0 -2px;}
.vdo1{ width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; position:fixed; top:0; left:0; z-index:9;}
.vdo2{ width:554px; height:23px; text-align:right; position:fixed; top:50%; left:50%; margin:-189px 0 0 -270px; z-index:11; background:#f3f3f3; padding-top:5px;}
.vdo2 a{ color:#bcbcbc; margin:0 5px 0 0;}
.vdo3{ width:554px; height:40px; position:fixed; top:50%; left:50%; margin:173px 0 0 -270px; z-index:11;}
.vdo4{display:block; width:285px; height:40px; float:left;}
.vdo5{display:block; width:269px; height:40px; float:right;}