@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;}
.clearfix:after{content: '';display: block;	clear: both;}
.clearfix{zoom:1;}
.clearx{ clear:both; font-size:0px; height:0px; overflow:hidden;}
a{ cursor:pointer;}
a:link, a:visited { text-decoration:none;}

.common{width: 1200px;margin: 0 auto;}
.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{float: right;;width: 301px;height: 33px; display:block;background: url(//statics.eoffcn.com/statics/images/public/phone.jpg) no-repeat 0 8px;}
.f1{ height:210px; background:url(../images/i_r1_c1.jpg) no-repeat top center;}
.f2{ height:210px; background:url(../images/i_r2_c1.jpg) no-repeat top center;}
.f3{ height:207px; background:url(../images/i_r3_c1.jpg) no-repeat top center;}
.f4{ height:315px; background:url(../images/i_r4_c1.jpg) no-repeat top center;}
.m1c{ background:url(../images/i_r8_c3.jpg) no-repeat top center; height:523px}
.m1c a{ width:655px; height:75px; display:block; text-align:center; line-height:74px; margin:0 auto 48px; color:#fff; font-weight:bold; font-size:36px; border-radius:40px;}
.m1c p{ width:257px; height:395px; margin:0 17px 0 0; float:left; font-size:14px; color:#333; line-height:36px; padding-left:30px;}
.m1c p:last-child{ margin-right:0;}
.m1c p span{ height:70px; display:block; line-height:54px; color:#fff; font-size:24px; text-align:center; margin-left:-30px;}
.top_c{ height:100px; text-align:center; margin:50px 0 20px; font-size:36px; color:#000;}
.top_c span{ font-size:20px; color:#9b9b9b; padding-left:30px;}
.top_c img{ vertical-align:middle; margin-right:20px;}
.m2{ background:#f4f4f4; padding:30px 0 60px; margin:50px 0 0;}
.m2 .top_c{ line-height:0; margin-bottom:50px;}
.m3_c1{ height:189px; background:url(../images/i_r14_c1.jpg) no-repeat top center;}
.m3_c2{ height:659px; background:url(../images/i_r15_c1.jpg) no-repeat top center;}
.m4{ margin-bottom:50px;}
.m5{ background:url(../images/i_r21_c2.jpg) no-repeat top center #f4f4f4; height:681px;}
.m1 .common,.m2 .common,.m4 .common{ position:relative;}
.city_select{ display:none; width:695px; background:#fff; position:absolute; left:50%; top:50%; margin:-180px 0 0 -347px; z-index:2; border:1px solid #cccccc; border-radius:10px; padding:20px;-webkit-box-shadow:0 0 15px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 15px rgba(0, 0, 0, .3); box-shadow:0 0 15px rgba(0, 0, 0, .3);}
.city_top{ text-align:center; font-size:24px; color:#333; height:40px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.city_select span{ position:absolute; right:20px; top:15px; cursor:pointer;}
.city_select p a{ width:86px; height:38px; display:inline-block; text-align:center; line-height:38px; border:1px solid #ff6860; background:#fff; color:#ff6860; border-radius:3px; margin:10px 12px; font-size:16px;}
.city_select p a:hover{ background:#ff6860; color:#fff;}
.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;}
.sidebar{
  height:568px; width:150px;
  left:0px;
  position: fixed;
  bottom: 70px;
  margin-top: -225px;
  z-index: 1;
}

.sidebar .open{
  height:568px; width:150px;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar .open .close_btn{
  position: absolute;
  bottom: 12px;
  right:63px;
  width: 24px;
  height: 24px;
}


.sidebar .close{
  width:50px;
  height:250px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-top: 200px;
}


.sidebar .close .open_btn{
  height: 44px; 
  height:250px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}