@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0; border:none; font-family:"Microsoft YaHei";}
a{ text-decoration:none; cursor:pointer;}
li{ list-style-type:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.common{ width:1200px; margin:0 auto;}
.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;}
.mcc .con{ display:none;}

.foucs{ height:450px; background:url(../images/i_r1_c1.jpg) no-repeat top center;}
.m1{ text-align:center; padding:50px 0;}
.m1 img{ margin:0 25px;}
.main{ background:#f1f8fc; padding:50px 0;}
.c_mtop{ height:60px; background:url(../images/i_r5_c2.jpg) no-repeat top center; line-height:60px;}
.c_mtop a{ width:200px; height:60px; margin-left:45px; display:inline-block; text-align:center; color:#666666; font-size:28px;}
.c_mtop a:first-child{ color:#fff; margin-left:0;}
.mc{ width:1194px; border:3px solid #14c67e; border-radius:8px; background:#d5f3e9; margin:50px 0;}
.mc_c{ width:1140px; margin:10px auto; border:2px dashed #14c67e; border-radius:5px; padding:40px 15px 0;}
.mc_c p.top{ height:84px; background:url(../images/i_r7_c5.jpg) no-repeat top left; color:#fff; line-height:84px; margin-bottom:30px;}
.mc_c p.top span{ width:82px; display:inline-block; text-align:center; font-size:45px; height:80px; vertical-align:-5px;}
.mc_c p.top b{ font-weight:normal; width:170px; display:inline-block; font-size:30px; text-align:center; height:82px;}
.mcc_img{ width:370px; display:inline-block; float:left; margin-right:15px;}
.mcc_r{ width:370px; float:left; position:relative;}
.mcc_r .tag{ width:100%; height:50px; line-height:50px; position:relative; display:flex;}
.mcc_r .tag span{ color:#fff; font-size:16px; position:relative; z-index:2; flex:1; text-align:center; cursor:pointer;}
.mcc_r .tag span.active{ text-decoration:underline;}
.mcc_r .tag b{ width:100%; height:50px; background:#000; position:absolute; top:0; left:0; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.mcc_m .con{ margin-top:-50px;}
.mcc_r .con span{ width:269px; height:54px; display:inline-block; line-height:50px; position:absolute; bottom:15px; right:0; background:url(../images/1.png) no-repeat top center;}
.mcc_r .con span b{ width:100px; text-align:right; display:inline-block; color:#fff; font-size:30px; font-weight:normal; margin-right:20px;}
.mcc_r .con span a{ width:130px; height:32px; display:inline-block; background:#faf831; color:#32b570; border-radius:5px; line-height:32px; vertical-align:5px; text-align:center; font-size:18px;}
.mcc{ margin-bottom:50px;}

.mc2{ background:#F4E7D6; border:3px solid #F09510;}
.mc2 .mc_c p.top{ background:url(../images/i_r11_c5.jpg) no-repeat top center;}
.mc2 .mc_c{ border:2px dashed #EE9611;}
.mc2 .con span{ background:url(../images/2.png) no-repeat top center;}
.mc2 .con span a{ color:#f67700;}

.mc3{ background:#D1F1FF; border:3px solid #52C1F8;}
.mc3 .mc_c p.top{ background:url(../images/i_r15_c5.jpg) no-repeat top center;}
.mc3 .mc_c{ border:2px dashed #52C1F8;}
.mc3 .con span{ background:url(../images/3.png) no-repeat top center;}
.mc3 .con span a{ color:#33b7f7;}

.mc4{ background:#FED2D3; border:3px solid #FA6062;}
.mc4 .mc_c p.top{ background:url(../images/i_r19_c5.jpg) no-repeat top center;}
.mc4 .mc_c{ border:2px dashed #FA6062;}
.mc4 .con span{ background:url(../images/4.png) no-repeat top center;}
.mc4 .con span a{ color:#fa6062;}


.mc5{ background:#FFE4FD; border:3px solid #F47DFF;}
.mc5 .mc_c p.top{ background:url(../images/i_r23_c5.jpg) no-repeat top center;}
.mc5 .mc_c{ border:2px dashed #F47DFF;}
.mc5 .con span{ background:url(../images/5.png) no-repeat top center;}
.mc5 .con span a{ color:#d444e1;}


.sidebar{ height:597px; position:fixed; left:0; bottom:18px;}
.sidebar .open .close_btn{position: absolute;bottom: 9px;right:80px;width: 35px;height: 35px; cursor:pointer;}
.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;}
.open{ width:213px; height:352px; background:url(../images/6.png) no-repeat top center; text-align:center; z-index:9;position: absolute;top: 0;left: 0; padding-top:245px;}
.sidebar a{ height:58px; line-height:58px; display:block; font-size:24px; color:#fff; margin-bottom:2px;}

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

.video_all{ width:887px; height:499px; position:fixed; top:50%; left:50%; margin:-250px 0 0 -443px; z-index:99; display:none;}
.video_x{ width:34px; height:34px; position:fixed; left:50%; top:50%; margin:-257px 0 0 417px; z-index:10; cursor:pointer;}
.video_bg{ width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position:fixed; left:0; top:0;}
#playercontainer{ width:887px; height:499px; z-index:9;}

.mcc_img_f{ display:none;}
#ad{ width:100%; height:80px; position:fixed; bottom:0; left:0;}
.ad{ width:1200px; margin:0 auto;}