@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; border:0; border:none;font-family: "Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.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;}
a:hover { text-decoration:underline;}
::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide{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;}
.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;}
.main{ background:#f2f2f2; padding-bottom:40px;}
.main .common{ position:relative;}
.m1{ padding-top:132px;}
.m_t{background:#d12c25; position:absolute; top:-10px;}
.m_t p{ width:130px; float:left; text-align:center; font-size:26px; line-height:40px; color:#fff; padding-top:28px;}
.m_t ul{ width:1068px; float:right; margin:1px; background:#fff;}
.m_t ul li{ width:150px; height:70px; font-size:14px; line-height:70px; float:left;}
.m_t ul li a{ color:#000; text-decoration:none;}
.m_t ul li a:hover{ color:#d12c25;}
.m_t ul li img{ vertical-align:middle; margin:0 10px 0 20px;}
.m_c{ width:394px; float:left; background:#fff; padding:20px 0; margin-top:30px;}
.m_c .top{ font-size:26px; color:#d12c25; height:26px; line-height:26px; margin-bottom:20px;}
.m_c .top span{ width:4px; height:26px; display:inline-block; background:#d12c25; margin-right:20px;}
.m_c ul li{ line-height:32px; padding-left:25px;}
.m_c ul li a{ font-size:18px; color:#000;}
.mc2{ width:796px; float:right; position:relative;}
.mc2 ul{ width:394px; float:left; border-right:1px dashed #dedede;}
.mc2 ul.mc2_ul{ border:none;}
.wxwb{ width:353px; height:68px; border:1px dashed #dedede; position:absolute; right:24px; bottom:20px; background:url(../images/hudong.png) no-repeat left top;}
.wxwb .hd {
    padding-left: 31px;
	padding-top:10px;
    height: 54px;
}
.wxwb .hd ul{
    height: 100%;
}
.wxwb .hd ul li{
    float: left;
    height: 54px;
    margin: 0 10px;
    line-height: 54px;
    font-size: 18px;
    cursor: pointer;
	position:relative;
    width:48px;
    padding-left:36px;
}
.wxwb .hd ul li:hover a{
    color: #e80012;
}

.wxwb .hd ul li a{
    font-size: 18px;
    color: #333;
}
.wxwb .hd ul li img{
    width: 140px;
    height: 140px;
}
.wxwb .hd ul .weixin:hover{
    color: #e80012;
}
.wxwb .hd ul .weixin:hover div{
    display: block;
}
.wxwb .hd ul .weixin div{
    position: absolute;
    width: 140px;
    height: 140px;
    left: 50%;
    margin-left: -70px;
    z-index: 10;
    display: none;
    top:56px;
}
.wxwb .hd ul .weixin div span{
    width: 26px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top:1px;
    display: block;
    background: url(http://statics.eoffcn.com/statics/images/fenxiao/images/green.png) no-repeat top center;
}
.wxwb .hd ul .weixin span{
    position: absolute;
    width: 27px;
    height: 22px;
    display: block;
    background:url(http://statics.eoffcn.com/statics/images/fenxiao/images/wx2.jpg) no-repeat top center;
    top: 50%;
    left:0px;
    margin-top: -11px;
}
.interact .hd ul .weibo{
    width:28px;
    position: relative;
    padding-left:36px;
}
.wxwb .hd ul .weibo:hover div{
    display: block;
}
.wxwb .hd ul li div{
    position: absolute;
    width: 140px;
    height: 140px;
    border: 1px solid #f7ac9a;
    left: 50%;
    margin-left: -70px;
    z-index: 10;
    display: none;
    top:56px;
}
.wxwb .hd ul .weibo div span{
    width: 26px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top:1px;
    display: block;
    background: url(http://statics.eoffcn.com/statics/images/fenxiao/images/pink.png) no-repeat top center;
}
.wxwb .hd ul .weibo span{
    position: absolute;
    width: 28px;
    height: 22px;
    display: block;
    background:url(http://statics.eoffcn.com/statics/images/fenxiao/images/wb.jpg) no-repeat top center;
    top: 50%;
    left:0px;
    margin-top: -11px;
}
.wxwb .hd ul .tyzx{
    width:57px;
    position: relative;
    padding-left:30px;
}
.wxwb .hd ul .tyzx span{
    position: absolute;
    width: 21px;
    height: 21px;
    display: block;
    background:url(http://statics.eoffcn.com/statics/images/fenxiao/images/ty.jpg) no-repeat top center;
    top: 50%;
    left:0px;
    margin-top: -11px;
}
.wxwb .hd ul .zx{
    width: 48px;
    position: relative;
    padding-left:28px;
}
.wxwb .hd ul .zx span{
    position: absolute;
    width: 18px;
    height: 21px;
    display: block;
    background:url(http://statics.eoffcn.com/statics/images/fenxiao/images/qq.jpg) no-repeat top center;
    top: 50%;
    left:0px;
    margin-top: -11px;
}
.m2 .m_c:first-child{ margin-left:0;}
.m2 .m_c{ margin-left:9px;}
.m3{ position:relative;}
.m3 .mc2{ float:none; width:1200px;}
.m3 .mc2 ul{ border:none; float:none;}
.m3_c{ width:394px; float:left; margin-top:20px;}
.m3 .m_c .top{ margin-bottom:10px;}
p.t_p{ padding-left:25px; font-size:24px; color:#000; font-weight:bold; margin-bottom:10px;}
.m3_ab{ width:348px; height:287px; border:1px dashed #dedede; position:absolute; bottom:20px; right:20px; text-align:center; padding-top:33px;}
.m3_ab img{ margin-bottom:10px;}
.m3_ab p{ font-size:16px; line-height:18px; color:#999;}
.list{ background:#f2f2f2; padding:30px 0;}
.list_t{ height:200px; overflow:hidden;}
.list_t ul li{ width:170px; height:180px; text-align:center; border-radius:10px; background:#e35561; float:left; line-height:48px; margin-left:12px; padding:10px;}
.list_t ul li:first-child{ margin-left:0;}
.list_t ul li a{ font-size:22px; color:#fff;}
.list_t ul li.l2{ background:#7ec8c6;}
.list_t ul li.l3{ background:#f58668;}
.list_t ul li.l4{ background:#7c7ed3;}
.list_t ul li.l5{ background:#64a1e2;}
.list_t ul li.l6{ background:#edb763;}
.list_t ul li p{ border:1px dashed #fff; height:140px; border-radius:10px; padding-top:40px;}
.list_l{ width:394px; float:left;}
.list_l .m_c{ float:none; padding-bottom:105px; background:#fff; position:relative;}
.ll_b{ position:relative; height:342px; padding:10px; margin-top:10px; background:#fff;}
.ll_b .m3_ab{ left:20px; bottom:20px;}
.list_r{ width:790px; float:right; background:#fff; margin-top:30px; padding-bottom:30px;}
.list_r h3{ text-align:center; padding:20px 0; font-size:30px;}
.list_r .lr_c{ padding:0 20px; font-size:18px; color:#000; line-height:30px;}
.list_r p{text-indent: 2em}

.list_r1{ width:790px; height:30px; float:right; background:#fff; margin-top:30px; padding-bottom:30px;}
.list_r1 .lr_c1{ padding:0 20px; font-size:16px; color:#666; line-height:30px;}
.list_r1 p{text-indent: 2em}


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