@charset "gb2312";
/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form,tr,td,th{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:block;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a{ cursor:pointer; text-decoration:none;}
.common{width: 1000px;margin: 0 auto;}
.header{width: 100%;height: 47px;background: #fff; overflow:hidden;}
.logo{display: inline-block;width: 112px;height: 46px; float:left;background: url(//statics.eoffcn.com/statics/images/caches/yhzp/syb_02.jpg) no-repeat center left;}
.tel{width: 301px;height: 46px; display:inline-block;background: url(//www.eoffcn.com/huodong/yueke/images/i_r1_c2.jpg);}
.f1{ height:502px; background:url(../images/i_r1_c1.jpg) no-repeat top center;}
.f2{ height:187px; background:url(../images/i_r2_c1.jpg) no-repeat top center;}
.main{ background:url(../images/bg.jpg);}
.m1{ width:985px; margin:0 auto; padding:15px 5px 10px 10px; background:#fff; position:relative;}
.m1_c{ width:465px; height:270px; border:3px solid #070002; border-radius:10px; background:#dc090b; position:relative; float:left; margin:10px;}
.m1_c.jszp{
    height: 300px;
}

.m1c_t{ background:#fff; border-radius:5px 10px 0 0; padding:10px 0 10px 30px; color:#333; font-size:14px;}
.m1c_t b{ font-size:28px; display:inline-block; margin-bottom:5px;}
.m1c_t span{ font-size:18px;}
.m1c_t em{ width:78px; height:60px; position:absolute; right:0; top:-1px;}
.m1cc1{ padding:25px 0 0 140px; height:60px; color:#fff; font-size:16px; line-height:20px; background:url(../images/i_r6_c4.jpg) no-repeat 25px 28px;}
.m1cc2{ padding-left:30px; line-height:70px;}
.m1cc2 b{ font-size:42px; color:#fffc00; display:inline-block;}
.m1cc2 a{ width:122px; height:34px; display:inline-block; border:2px solid #fff; border-radius:3px; text-align:center; line-height:34px; font-size:24px; color:#fff; margin-left:15px;}
.m1cc2 a.gm{ color:#fffc00; border:2px solid #fffc00; color:#dc090b; background:#fffc00; position:relative;}
.m1cc2 a.gm input{ width:100%; height:100%; position:absolute; left:0; top:0;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0; cursor:pointer;}
.m2{ padding:20px 0;}
.m2_c{ width:934px; height:480px; margin:0 auto; position:relative;}
.m2_c p{ position:absolute;}
.m2_c p.m2_c1{ width:216px; height:195px; left:0; top: 0;}
.m2_c p.m2_c2{ width:228px; height:98px; left:220px; top:0;}
.m2_c p.m2_c3{ width:104px; height:268px; left:452px; top:0;}
.m2_c p.m2_c4{ width:114px; height:268px; left:560px; top:0;}
.m2_c p.m2_c5{ width:256px; height:101px; left:679px; top:0;}
.m2_c p.m2_c6{ width:228px; height:92px; left:220px; top:102px;}
.m2_c p.m2_c7{ width:256px; height:101px; left:678px; top:105px;}
.m2_c p.m2_c8{ width:228px; height:185px; left:220px; top:202px;}
.m2_c p.m2_c9{ width:120px; height:173px; left:682px; top:213px;}
.m2_c p.m2_c10{ width:123px; height:173px; left:806px; top:213px;}
.m2_c p.m2_c11{ width:228px; height:114px; left:450px; top:273px;}
.m2_c p.m2_c12{ width:217px; height:186px; left:0; top:202px;}
.m2_c p.m2_c13{ width:448px; height:82px; left:0; top:392px;}
.m2_c p.m2_c14{ width:228px; height:83px; left:450px; top:391px;}
.m2_c p.m2_c15{ width:252px; height:83px; left:680px; top:391px;}
.m3{ text-align:center; padding-bottom:70px;}
.mcc{ padding-bottom:30px;}
.mc1{ background:url(../images/bg1.jpg);}
.cc{ width:321px; float:left; margin:10px 6px; position:relative;}
.cc a.cc_img{ width:321px; height:268px; display:block;}
.cc p{ background:#ffeccc; border:3px solid #a9150b; border-radius:10px; text-align:center; padding:15px 0; font-size:14px; color:#070002;}
.cc p a{ width:94px; height:36px; display:inline-block; text-align:center; line-height:36px; font-size:22px; color:#333; border:2px solid #b40003; border-radius:5px; margin:0 15px 5px;}
.cc p a.gm{ color:#fff; background:#b40003;}

.copyRight,.offcnCopy{ background:#900f07;}
.offcnCopy{ padding:45px 0; line-height:32px; color:#fff; text-align:center;}
.offcnCopy a{ color:#fff;}
.offcnCopy a:hover{ color:#fff;}

.tcc{ height:50px; line-height:50px; text-align:center;}
.tcc a{ width:56px; height:24px; display:inline-block; line-height:24px; text-align:center; background:#ffeccc; border:1px solid #333; margin:0 10px; font-size:14px;}
.tcc a.hover{ background:#fff; color:#e60000;}

.tcc_c{ display:none;}

.cc p.slj a{ width:64px; margin:0 5px 5px;}

.a3{ padding:10px;bottom:-80px;left: 50%;margin-left: -230px;background: #fff;position: absolute;width: 460px;border: 1px solid #cccccc;border-radius: 5px;display: none; z-index:4;}
.a3 span{position: absolute;width: 30px;    height: 10px;background:url(//www.eoffcn.com/huodong/2017chunjie/images/arrow_icon.png) no-repeat top center;top: -9px;left: 50%;margin-left: -15px;}
.a3 a{font-size: 14px;  color: #333;font-weight: normal;margin: 0 3px;}
.a3 a:hover{text-decoration: underline; color: #f40;}
.a3 a.guanbi{ color:#e60000;}

.sdh{ width:172px; height:595px; position:fixed; bottom:0; left:0;}

.gray{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background:rgba(0,0,0,0.7);display: none;z-index: 100;}
.popup .btns{
    width: 421px;
    height: 50px;
    margin-top: 16px;
    position: absolute;
    left: 50%;
    bottom: 91px;
    margin-left: -210px;
}
.popup .btns .forget{
    font-size: 17px;
    color: #fff;
    position: absolute;
    top:13px;
    left:88px;
    transform:rotate(4deg)
}
.popup .btns .go{
    font-size: 17px;
    color: #fff;
    position: absolute;
    top:13px;
    right:54px;
    transform:rotate(-4deg)
}

.popup .btns .forget:hover{
    color: red;
}

.popup .btns .go:hover{
    color: red;
}
.popup .close_btn{
    width: 30px;
    height: 30px;
    display: block;
    top:121px;
    right: 94px;
    position: absolute;
    cursor: pointer;
}
.gray{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background:rgba(0,0,0,0.7);
    display: none;
    z-index: 101;
}
.popup{
    width: 778px;
    height: 498px;
    background:url(//www.eoffcn.com/gwy/bkzt/2017sksxk/images/popup.png) no-repeat top center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -249px;
    margin-left: -389px;
    display: none;

    z-index: 101;
}
.popup p{
    width: 421px;
    margin: 0 auto;
    text-indent: 2em;
    padding-top: 205px;
    font-size: 13px;
    line-height: 27px;
}
.popup p span{
    font-size: 18px;
    color: #ed1d1d;
}
.fix_left{ width:149px; height:179px; position:fixed; top:150px; left:0;}
.nc_t{ font-size:30px; margin:0 0 30px; color:#000; text-align:center;}
.nc_t span{ color:#F99A02; font-size:46px;}

.tc2{ background:#f8f6f6; padding:20px; border:1px solid #e60000;box-shadow: 2px 2px 5px #888888; position:absolute; z-index:100; width:700px; top:240px; left:160px; display:none;}
.tc2 p b{ font-size:18px; color:#f53b3b;}
.tc2 p span{ display:inline-block; position:absolute; right:10px; top:10px; font-size:16px; cursor:pointer; color:#e60000;}
.tc2 p input{ border:none;}
.tc2 p input.phone{ width:248px; height:40px; border:1px solid #ccc; font-size:16px; color:#666; padding:0 10px;}
.tc2 p input.yzm{ width:128px; height:40px; border:1px solid #ccc; padding:0 5px;}
.tc2 p input.sub{ cursor:pointer; width:118px; height:42px; background:#f53b3b; font-size:16px; color:#fff; vertical-align:-2px; margin-left:7px;}
.tc2 p input.subm{ width:270px; height:40px; background:#f53b3b; font-size:16px; color:#fff; margin-top:10px; cursor:pointer;}
.tc2 p a{ width:56px; height:24px; font-size:16px; color:#333; line-height:24px; margin:5px 3px; display:inline-block; text-align:center; border-radius:10px;}
.gray{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background:rgba(0,0,0,0.7); display: none; z-index: 100;}

.as{ width:160px; margin-left:-30px; bottom:-30px;}

.m_zx{
    display: none;
}

@media screen and (max-width:1000px){
    
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form,tr,td,th{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:block;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a{ cursor:pointer; text-decoration:none;}
.common{width: 1000px;margin: 0 auto;}
.header{width: 100%;height: 47px;background: #fff; overflow:hidden;}
.logo{display: inline-block;width: 112px;height: 46px; float:left;background: url(//statics.eoffcn.com/statics/images/caches/yhzp/syb_02.jpg) no-repeat center left;}
.tel{width: 301px;height: 46px; display:inline-block;background: url(//www.eoffcn.com/huodong/yueke/images/i_r1_c2.jpg);}
.f1{ height:502px; background:url(../images/i_r1_c1.jpg) no-repeat top center;}
.f2{ height:187px; background:url(../images/i_r2_c1.jpg) no-repeat top center;}
.main{ background:url(../images/bg.jpg);}
.m1{ width:985px; margin:0 auto; padding:15px 5px 10px 10px; background:#fff; position:relative;}
.m1_c{ 
    width:930px; 
    height:540px; 
    border:7px solid #070002; 
    border-radius:10px; 
    background:#dc090b; 
    position:relative; 
    float:left; 
    margin:20px;
}

.m1_c.jszp{
    height:600px;
}

.m1c_t{ 
    background:#fff; 
    border-radius:5px 10px 0 0; 
    padding:20px 0 20px 60px; 
    color:#333; 
    font-size:28px;
}
.m1c_t b{ 
    font-size:58px; 
    display:inline-block; 
    margin-bottom:10px;
}
.m1c_t span{ 
    font-size:37px;
}
.m1c_t em{ 
    width:156px; 
    height:123px; 
    position:absolute; 
    right:0; 
    top:-3px;
}
.m1c_t em img{
    width:156px; 
    height:123px; 
}

.m1cc1{ 
    padding:55px 0 0 280px; 
    height:120px; 
    color:#fff; 
    font-size:32px; 
    line-height:40px; 
    background:url(../images/i_r6_c4.jpg) no-repeat 45px 58px;
    background-size:204px 116px;
}
.m1cc2{ 
    padding-left:60px; 
    line-height:140px;
}
.m1cc2 b{ 
    font-size:80px; 
    color:#fffc00; 
    display:inline-block;
}
.m1cc2 a{ 
    width:240px; 
    height:68px; 
    display:inline-block; 
    border:4px solid #fff; 
    border-radius:6px; 
    text-align:center; 
    line-height:68px; 
    font-size:48px; 
    color:#fff; 
    margin-left:30px;
}
.m1cc2 a.gm{ color:#fffc00; border:2px solid #fffc00; color:#dc090b; background:#fffc00; position:relative;}
.m1cc2 a.gm input{ width:100%; height:100%; position:absolute; left:0; top:0;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0; cursor:pointer;}
.m2{ padding:20px 0;}
.m2_c{ width:980px; height:1900px; margin:0 auto; position:relative;}
.m2_c p{ position:absolute;}
.m2_c p.m2_c1{ width:432px; height:390px; left:20px; top: 0;}
.m2_c p.m2_c2{ width:456px; height:196px; left:500px; top:0;}
.m2_c p.m2_c3{ width:208px; height:536px; left:0; top:956px;}
.m2_c p.m2_c4{ width:228px; height:536px; left:218px; top:956px;}
.m2_c p.m2_c5{ width:512px; height:202px; left:456px; top:963px;}
.m2_c p.m2_c6{ width:456px; height:184px; left:500px; top:204px;}
.m2_c p.m2_c7{ width:512px; height:202px; left:456px; top:1174px;}
.m2_c p.m2_c8{ width:456px; height:370px; left:500px; top:404px;}
.m2_c p.m2_c9{ width:240px; height:346px; left:462px; top:1384px;}
.m2_c p.m2_c10{ width:246px; height:346px; left:716px; top:1384px;}
.m2_c p.m2_c11{ width:456px; height:228px; left:0px; top:1502px;}
.m2_c p.m2_c12{ width:434px; height:372px; left:20px; top:404px;}
.m2_c p.m2_c13{ width:938px; height:171px; left:19px; top:781px;}
.m2_c p.m2_c14{ width:458px; height:186px; left:0px; top:1741px;}
.m2_c p.m2_c15{ width:503px; height:186px; left:460px; top:1741px;}
.m2_c p a img{width: 100%;}


.m3{ text-align:center; padding-bottom:70px;}

.m3 .common p{
    width: 840px;
    position: relative;
    z-index: 1;
    left: 50%;
    margin-left: -420px;
}
.mcc{ padding-bottom:30px;}
.mc1{ background:url(../images/bg1.jpg);}
.cc{ 
    width:470px; 
    float:left; 
    margin:10px 6px; 
    position:relative;
}
.cc a.cc_img{ 
    width:470px; 
    display:block;
    height: 396px;
}

.cc a.cc_img img{
    width:470px;
}
.cc p{ 
    background:#ffeccc; 
    border:6px solid #a9150b; 
    border-radius:10px; 
    text-align:center; 
    padding:30px 0; 
    font-size:36px; 
    color:#070002;
}
.cc p a{ 
    width:188px; 
    height:72px; 
    display:inline-block; 
    text-align:center; 
    line-height:72px; 
    font-size:44px; 
    color:#333; 
    border:4px solid #b40003; 
    border-radius:10px; 
    margin:0 13px 10px;
}
.cc p a.gm{ color:#fff; background:#b40003;}

.copyRight,.offcnCopy{ background:#900f07;}
.offcnCopy{ padding:45px 0; line-height:32px; color:#fff; text-align:center;}
.offcnCopy a{ color:#fff;}
.offcnCopy a:hover{ color:#fff;}

.tcc{  line-height:80px; text-align:center;height: 163px;}
.tcc a{ 
    width:136px; 
    height:54px; 
    display:inline-block; 
    line-height:54px; 
    text-align:center; 
    background:#ffeccc; 
    border:1px solid #333; 
    margin:0 10px; 
    font-size:36px;
}
.tcc a.hover{ background:#fff; color:#e60000;}

.tcc_c{ display:none;}

.cc p.slj a{ width:120px; margin:0 5px 5px;}

.a3{ padding:10px;bottom:-472px;left: 50%;margin-left: -224px;background: #fff;position: absolute;width: 427px;border: 1px solid #cccccc;border-radius: 5px;display: none; z-index:4;}
.a3 span{position: absolute;width: 30px;    height: 10px;background:url(//www.eoffcn.com/huodong/2017chunjie/images/arrow_icon.png) no-repeat top center;top: -9px;left: 50%;margin-left: -15px;}
.a3 a{font-size:36px;  color: #333;font-weight: normal;margin:9px 15px;display: inline-block;}
.a3 a:hover{text-decoration: underline; color: #f40;}
.a3 a.guanbi{ color:#e60000;}

.sdh{ width:172px; height:595px; position:fixed; bottom:0; left:0; display: none;}

.gray{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background:rgba(0,0,0,0.7);display: none;z-index: 100;}
.popup .btns{
    width: 421px;
    height: 50px;
    margin-top: 16px;
    position: absolute;
    left: 50%;
    bottom: 91px;
    margin-left: -210px;
}
.popup .btns .forget{
    font-size: 17px;
    color: #fff;
    position: absolute;
    top:13px;
    left:88px;
    transform:rotate(4deg)
}
.popup .btns .go{
    font-size: 17px;
    color: #fff;
    position: absolute;
    top:13px;
    right:54px;
    transform:rotate(-4deg)
}

.popup .btns .forget:hover{
    color: red;
}

.popup .btns .go:hover{
    color: red;
}
.popup .close_btn{
    width: 30px;
    height: 30px;
    display: block;
    top:121px;
    right: 94px;
    position: absolute;
    cursor: pointer;
}
.gray{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background:rgba(0,0,0,0.7);
    display: none;
    z-index: 101;
}
.popup{
    width: 778px;
    height: 498px;
    background:url(//www.eoffcn.com/gwy/bkzt/2017sksxk/images/popup.png) no-repeat top center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -249px;
    margin-left: -389px;
    display: none;

    z-index: 101;
}
.popup p{
    width: 421px;
    margin: 0 auto;
    text-indent: 2em;
    padding-top: 205px;
    font-size: 13px;
    line-height: 27px;
}
.popup p span{
    font-size: 18px;
    color: #ed1d1d;
}
.fix_left{ width:149px; height:179px; position:fixed; top:150px; left:0;}
.nc_t{ font-size:30px; margin:0 0 30px; color:#000; text-align:center;}
.nc_t span{ color:#F99A02; font-size:46px;}

.tc2{ 
    background:#f8f6f6; 
    padding:40px; 
    border:2px solid #e60000;
    box-shadow: 2px 2px 5px #888888;
     position:fixed; 
     z-index:100; 
     width:700px; 
     top:50%; 
     left:50%;
     margin-top:-170px;
     margin-left: -392px; 
     display:none;
 }
.tc2 p b{ font-size:32px; color:#f53b3b;}
.tc2 p span{ display:inline-block; position:absolute; right:20px; top:20px; font-size:32px; cursor:pointer; color:#e60000;}
.tc2 p input{ border:none;}
.tc2 p input.phone{ width:500px; height:80px; border:1px solid #ccc; font-size:32px; color:#666; padding:0 20px;margin-top: 30px;}
.tc2 p input.yzm{ width:250px; height:80px; border:1px solid #ccc; padding:0 10px;}
.tc2 p input.sub{ cursor:pointer; width:240px; height:82px; background:#f53b3b; font-size:32px; color:#fff; vertical-align:-2px; margin-left:14px;}
.tc2 p input.subm{ width:540px; height:80px; background:#f53b3b; font-size:32px; color:#fff; margin-top:20px; cursor:pointer;}
.tc2 p a{ width:56px; height:24px; font-size:16px; color:#333; line-height:24px; margin:5px 3px; display:inline-block; text-align:center; border-radius:10px;}
.gray{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background:rgba(0,0,0,0.7); display: none; z-index: 100;}

.as{ width:160px; margin-left:-30px; bottom:-30px;}

img{
    max-width: 961px;
}

.h184{
    height: 184px;
}

.h138{
    height: 138px;
}

.h232{
    height:232px;
}

.h278{
    height: 278px;
}

.h179{
    height: 179px;
}

#mc8 .slj.h179{
    height: 179px;
}

.m_zx{ 
    width:980px; 
    background:#000; 
    height:164px; 
    filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8; 
    line-height:189px;
    position:fixed; 
    bottom:0; left:0; 
    z-index:2;
    display: block;
    text-align: center;
}
.m_zx a{ 
    color:#fff; 
    font-size:45px;
    width:370px; 
    height:108px; 
    line-height:108px; 
    text-align:center; 
    display:inline-block; 
    margin:0 17px; 
    border:2px solid #fff;
}
.m_zx img{ 
    vertical-align:-10px; 
    margin-right:14px;
    width:49px;
}


}


