@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:none;}
.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;}
.clear{ height:0; line-height:0; font-size:0; overflow:hidden; clear:both;}
.header{width: 100%;height: 47px;background: #fff;}
.header .common{ font-size:17px;}
.header .common a{ color:#797979;}
.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;}

.f1{ height:225px; background:url(../images/i_r1_c2.jpg) repeat top center;}
.f2{ height:225px; background:url(../images/i_r2_c2.jpg) repeat top center;}
.f3{ height:225px; background:url(../images/i_r3_c2.jpg) repeat top center;}
.m1{ margin:70px auto 30px;}
.m1 .m1c{ width:398px; height:230px; background:#fff; padding:22px 40px; position:relative; border:1px solid #ff6659;}
.m1 .m1c.l{ width:438px; padding:22px 15px;}
.m1 .m1c p.top{ position:absolute; left:-1px; top:-40px;}
.m1 .r{ border:1px solid #31b06b; background:#f7f7f7;}
.m1 .r p{ position:absolute; right:-1px; text-align:right;}
.m2{ background:#f7f7f7;}

.p_top{ font-size:46px; color:#fff; font-weight:bold; text-align:center; line-height:50px;}
.p_top span{ color:#fefe2f;}
.p_top i{ font-style:normal; font-size:24px; color:#84ffd7; font-weight:normal;}

.m4 .p_top{ line-height:30px;}
.m4{ background:#f84a63; padding:50px 0 30px;}
.m4_c{ width:1000px; background:#138561; padding:10px 0; border-radius:50px; margin:30px 0; overflow:hidden;}
.m4_cc{ background:#fff; border-radius:50px; overflow:hidden; padding:15px 0;}
.m4_p{ display: table;}
.m4_cc p{ width:200px; height:110px; background:#fff; text-align:center; font-size:16px; line-height:24px; color:#333333; display:table-cell; vertical-align:middle;}
.m4_cc p.m4c2{ background:#f8f2c0;}
.m4c_b img{ margin:0 6px}
.m5{ padding:50px 0;}
.m5 .p_top{ color:#333; margin-bottom:50px;}
.m5 .p_top span{ color:#ff443b;}
.m5 .p_img p{ margin-bottom:20px;}
.m5_kb table{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.m5_kb table th{ height:48px; line-height:48px; font-size:24px; background:#ff443b; color:#fff;}
.m5_kb table th span{ padding:2px 10px; background:#fff; border-radius:15px; color:#ff443b; font-size:16px; font-weight:normal; margin-left:30px;}
.m5_kb table td{ padding:10px 0; border-left:1px solid #ccc; border-top:1px solid #ccc; font-size:14px; color:#333; line-height:24px; text-align:center;}
.m5_kb table td.shou{ background:#cbc9c9;}
.m5_kb table td.shou1{ background:#e8e7e7;}
.m5_kb table td a{ color:#333;}
.m6f1{ height:186px; background:url(../images/i_r23_c1.jpg) no-repeat top center;}
.m6f2{ height:307px; background:url(../images/i_r24_c2.jpg) no-repeat top center;}
.m6f3{ height:97px; background:url(../images/i_r25_c1.jpg) no-repeat top center; padding-top:55px;}
.m6f3 a{ width:366px; height:54px; display:block; margin:0 auto;}
.m8{ padding:10ox 0; background:#f5f3f4;}

.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;}

.m3{ padding:50px 0;}
.m3 .p_top{ color:#333;}
.m3 .p_top span{ color:#ff443b;}
.m3 .p_top i{ color:#999; font-size:24px;}
.m3 .tag{ margin:25px 0;}
.m3 .tag a{ padding:5px 20px; border:1px solid #ff443b; display:inline-block; font-size:18px; color:#333; margin:5px; height:26px;}
.m3 .tag a.hover{ background:#ff443b; color:#fff; font-weight:bold;}
.m3 .tag a:hover{ background:#ff443b; color:#fff; font-weight:bold; text-decoration:none;}
.m3 table{ border-left:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:20px;}
.m3 table th{ background:#ff443b; color:#fff; height:48px; font-size:24px;}
.m3 table td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; line-height:18px; font-size:12px;}
.m3 table td p{ text-align:left; padding:5px;}
.m3 table td a{ color:#e60000;}
.m3 table td a img{ margin:5px;}
.m3 table td span{ color:#ff443b;}
.m3 table td b{ font-size:18px; color:#333;}
.m3 table td p b{ font-size:12px;}
.m3 table tr.thd td{ height:32px; font-size:18px; background:#e8e7e7;}
.m3 .con{ display:none;}
.m7{ padding:50px 0;}
.m7 .p_top{ color:#333; margin-bottom:60px;}
.m7 .p_top span{ color:#e60000;}
.m7 li{ float:left;}
.m7 li.hover{ margin-top:-30px;}

.m1_v p{ width:78px; height:35px; margin:12px 0; line-height:35px; background:url(../images/icons.jpg) no-repeat 8px center; padding-left:30px; float:left;}
.m1_v p.cc{ width:170px;}
.m1_v p a{ font-size:18px; color:#333;}
.m1_v p:hover{ background:url(../images/icons.jpg) no-repeat 8px center #eee;}
.m1_v p:hover a{ color:#fd5951; text-decoration:underline;}
.video_body {float: left;width: 290px;height: 157px;background: #333;}
.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;}