/*通用类*/
*{ 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,.h{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;}
.con{ display:none;}

.f1{ width:100%; height:393px; background:url(../img/i_r1_c1.jpg) no-repeat top center;}
.f1 p{ width:1100px; margin:0 auto; font-size:48px; color:#fff; font-weight:bold; padding-top:100px;}
.f2{ width:100%; height:235px; background:url(../img/i_r2_c1.jpg) no-repeat top center;}
.m1{ width:100%; background:url(../img/i_r3_c1.jpg) no-repeat top center;}
.main p.top{ width:422px; height:90px; margin:0 auto 50px; line-height:90px; border:1px solid #3b2ccf; border-radius:45px; background:#6c5efa; -webkit-box-shadow:0 0 40px rgba(100, 100, 100, 0.5); -moz-box-shadow:0 0 40px rgba(100, 100, 100, 0.5);  box-shadow:0 0 40px rgba(100, 100, 100, 0.5); text-align:center; font-size:52px; color:#fff; font-weight:bold;}
.m1_c{ -webkit-box-shadow:0 0 40px rgba(100, 100, 100, 0.5); -moz-box-shadow:0 0 40px rgba(100, 100, 100, 0.5);  box-shadow:0 0 40px rgba(100, 100, 100, 0.5);}
.m1_l{ width:290px; height:325px; background:url(../img/i_r4_c2.jpg) no-repeat top center; padding:115px 0 0 190px; position:relative;}
.m1_l b{ font-size:54px; color:#ffdf2b; font-style:italic; }
.m1_l p{ width:100%; position:absolute; left:0; bottom:40px; font-size:30px; text-align:center; color:#fff; line-height:40px;}
.m1_r{ width:620px; height:400px; padding:20px 50px;}
.m1 .tag{ border-bottom:1px solid #999999; padding-bottom:12px;}
.m1 .tag span{ width:200px; display:inline-block; font-size:24px; color:#333333; font-weight:bold; text-align:center; margin-top:12px; position:relative; cursor:pointer;}
.m1 .tag span.hover{ color:#e60000;}
.m1 .tag span.hover em{ display:block; width:17px; height:14px; position:absolute; background:url(../img/i_r5_c10.jpg) no-repeat top center; left:50%; margin-left:-8px; top:29px;}
.m1 .m1c_c{ width:282px; height:121px; border:1px solid #d62e20; float:left; border-radius:10px; margin:10px 12px; font-size:24px; text-align:center; padding-top:15px;}
.m1 .m1c_c a{ color:#666666; font-weight:bold; text-decoration:none;}
.m1 .m1c_c b{ font-size:28px; display:block; text-align:center; color:#d62e20;}

.m2{ padding-top:50px;}
.m2 .top{ margin-bottom:50px;}
.m2_c{ height:471px; background:url(../img/i_r8_c1.jpg) no-repeat top center;}
.m2_c .tag{ padding:35px 0 0 140px;}
.m2_c .tag span{ width:62px; height:62px; display:inline-block; background:url(../img/t2.png) no-repeat center; cursor:pointer;}
.m2_c .tag span.hover{ background:url(../img/t1.png) no-repeat;}
.m2_c .con{ padding:85px 0 0 105px;}
.m2_c .con .m2c_c{ width:350px; height:197px; background:url(../img/i_r10_c1.jpg) no-repeat top center; float:left; text-align:center; margin-right:15px;}
.m2_c .con .m2c_c a{ width:300px; height:164px; display:block; line-height:36px; color:#fff; font-size:20px; padding:33px 0 0 50px; text-decoration:none;}
.m2_c .con .m2c_c b{ font-size:26px;}
.m2_c .con .m2c_c span{ width:110px; height:32px; display:inline-block; line-height:32px; font-weight:bold; color:#4c3784; font-size:18px; background:#fff; border-radius:16px;}
.kc1{ background:url(../img/i_r9_c1.jpg) no-repeat top center #4c48c0; padding:50px 0;}
.kc1 ul li{width:280px;height:105px;padding-top:25px;text-align:center;font-weight:bold;color:#333333;font-size:28px;line-height:38px;float:left;background:url(../img/i_r11_c3.jpg) no-repeat top center;margin:0 10px;}
.kc1 ul{ height:130px; margin-bottom:20px;}
.kc table{ width:100%; background:#f0f0f0; border-top:1px solid #110f5b; border-right:1px solid #110f5b; -webkit-box-shadow:0 0 40px rgba(100, 100, 100, 0.5); -moz-box-shadow:0 0 40px rgba(100, 100, 100, 0.5);  box-shadow:0 0 40px rgba(100, 100, 100, 0.5);}
.kc table th{ border-bottom:1px solid #110f5b; border-left:1px solid #110f5b; font-size:26px; color:#fff; background:url(../img/i_r13_c8.jpg) repeat-x; height:68px;}
.kc table td{ border-bottom:1px solid #110f5b; border-left:1px solid #110f5b; text-align:center; padding:10px 0;}
.kc table td p{ text-align:left; font-size:18px; color:#343434; line-height:26px; padding:0 15px;}
.kc table td b{ font-size:30px; color:#343434;}
.kc table td span{ color:#ed1b23; font-size:26px;}
.kc table td span b{ font-size:38px; color:#ed1b23;}
.kc table td em{ font-size:18px; font-weight:bold; color:#d94c52; display:inline-block; margin:5px 0 0; font-style:normal;}
.kc.kc2{ padding:80px 0;}
.kc.kc2 table th{ background:url(../img/i_r21_c6.jpg) repeat-x;}
.m4{ background:url(../img/i_r23_c1.jpg) no-repeat top center #4c48c0; padding-top:50px;}
.m4 ul li{ width:386px; height:190px; text-align:center; font-size:22px; line-height:30px; float:left; background:url(../img/i_r22_c1.jpg) no-repeat; margin:7px 7px;}
.m4 ul li b{ font-size:24px; color:#fff; display:inline-block; padding-top:45px; margin-bottom:20px;}
.m5{ background:#4c48c0; padding:50px 0;}
.m5 .sheng a{ width:192px; height:80px; display:inline-block; text-align:center; line-height:80px; background:#fff; border-radius:10px; font-size:30px; font-weight:bold; margin:5px 4px; color:#4c48c0;}
.m5 .sheng a:hover{ background:#ffdf2b;}
.gm1{ display:none;}
.gm_b{position: fixed; z-index: 100; width: 100%; height: 100%; left: 0; top: 0; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.gm_c{position: fixed; z-index: 200; width: 932px; padding: 24px; left: 50%; top: 50%; margin-left: -478px; margin-top: -218px; background: #d9d9d9; border-radius: 12px;}
.gm_c a{ width:172px; height:60px; display:inline-block; background:url(../img/tc2.jpg) repeat-x; border:1px dashed #808080; text-align:center; line-height:60px; border-radius:20px; font-size:26px; color:#333; font-weight:bold; text-decoration:none; margin:5px 4px;}
.gm_c a:hover{ width:174px; height:60px; border:none; background:url(../img/tc1.jpg) repeat-x; color:#fff;}
.gm_c p{ font-size:40px; font-weight:bold; text-align:center; line-height:60px; margin-bottom:10px; position:relative;}
.gm_c p span{ width:19px; height:23px; position:absolute; right:10px; cursor:pointer; top:0px;}
/*footer*/
.copyRight,.offcnCopy{ background:#444546; font-size:12px;}
.offcnCopy{padding:45px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#aaa;}
.offcnCopy a:hover{color:#e00;}
img[src^="http://dt.offcn.com/"]{display: none !important;}
