@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; border:none; font-family: 'Microsoft YaHei';}
ul,ol li{ list-style:none;}
input { padding:0px; margin:0px;}  
.fl,.left{ float:left;}
.fr,.right{float:right;}
.hide,.none{display:none;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a{ cursor:pointer;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
.common{width: 1200px;margin: 0 auto;}

.header{width: 100%;height: 47px;background: #fff;}
.logo{display: inline-block;width: 112px;height: 33px;background: url(//statics.eoffcn.com/statics/images/caches/yhzp/syb_02.jpg); margin-top:8px;}
.tel{width: 301px;height: 33px;background: url(//statics.eoffcn.com/statics/images/caches/yhzp/syb_04.jpg);}

.comiis_wrap960, .comiis_wrapad { width:100%; height:480px;}
.comiis_wrapad { overflow: hidden; }
.comiis_wrapad img { float: left; margin-top: 0px; }
.foucs{ height:480px;}
.foucs li { width:100%; height: 480px; background:url(../images/f1.jpg) no-repeat top center;}
.foucs li p{ width:1200px; height:480px; margin:0 auto; position:relative;}
.foucs li a{ width:150px; height:46px; display:inline-block; text-align:center; line-height:46px; background:#ffa200; color:#fff; font-weight:bold; font-size:24px; border-radius:5px; position:absolute; bottom:50px; left:300px; z-index:3;}
.cl{ height:480px; position:relative;}
.cl .common{ height:350px; position:absolute; z-index:2; left:50%; top:50%; margin:-175px 0 0 -600px;}
.right_lq{ background:url(../images/i_r2_c30.jpg); width:385px; height:320px; position:absolute; right:0; top:0; z-index:2;box-shadow: 0px 0px 15px #333; padding:15px;}
.right_lq p{ margin-bottom:15px;}
.right_lq p input{ height:40px; border:1px solid #fe934c; border-radius:5px; background:none; width:361px; padding:0 10px; text-align:center; font-size:18px; color:#000;}
.right_lq p input.sub{ color:#fff; background:#ffa202; height:40px; width:383px; cursor:pointer;}
.top{ font-size:20px; color:#333333; text-align:center; line-height:24px; margin-bottom:30px;}
.top b{ font-size:40px; color:#e93f40; display:block; margin-bottom:10px;}
.top b span{ color:#666;}
.m1{ background:#f0f0f0; padding:50px 0 80px; margin-bottom:80px;}
.m1_c{ width:520px; height:290px; background:#e93f40; border-radius:10px; float:left; padding:15px;}
.m1cc{ border:1px dashed #fff; height:230px; padding:30px; border-radius:10px; position:relative;}
.m1cc b{ font-size:40px; color:#ffd202; display:block; text-align:center; margin-bottom:10px;}
.m1cc p{ font-size:16px; line-height:32px; color:#fff;}
.m1cc a{ width:360px; height:66px; display:inline-block; text-align:center; line-height:66px; position:absolute; bottom:-33px; left:50%; margin-left:-180px; background:#ffa202; font-size:30px; color:#fff; border-radius:50px;}
.m2{ padding:50px 0;}
.m2 table{ margin-top:50px;}
.m2 table td{ width:398px; border-right:2px solid #f0f0f0; border-bottom:2px solid #f0f0f0; text-align:center; font-size:14px; color:#666666; line-height:28px; padding:30px;}
.m2 table td b{ font-size:30px; color:#333333; padding:20px 0; display:inline-block;}
.m2 table td b span{ color:#e93f40;}
.top1{ height:94px; background:#29a3c1; width:100%; padding:12px 0;}
.top1 p{ height:94px; border-top:1px dashed #fff; border-bottom:1px dashed #fff; line-height:94px; text-align:center; font-size:55px; color:#fff; font-weight:bold;}
.m3{ height:552px; background:url(../images/i1.jpg) no-repeat top center; padding-top:60px;}
.m3 .common{ background:#fff; border-radius:20px; padding:25px; width:1150px;}
.m3 .tag span{ font-weight:bold; font-size:30px; color:#fff; width:382px; height:64px; text-align:center; line-height:64px; display:inline-block; background:#29a3c1; cursor:pointer; border-right:1px solid #fff;}
.m3 .tag span.hover{ background:#e73838;}
.con,.c_con{ display:none;}
.m3 .con{ padding-top:10px;}
.m4{ padding:50px 0;}
.m4 .tag span{ width:300px; height:76px; line-height:62px; display:inline-block; text-align:center; font-size:30px; color:#fff; background:url(../images/i_r12_c14.jpg) no-repeat top center;}
.m4 .tag span.hover{ background:url(../images/i_r12_c2.jpg) no-repeat top center;}
.m4 .c_tag{ margin-top:10px;}
.m4 .c_tag span{ width:238px; border-left:1px solid #fff; border-right:1px solid #fff; height:50px; display:inline-block; text-align:center; line-height:50px; color:#fff; font-size:22px; background:#e93f40;}
.m4 .c_tag span.hover{ background:#29a3c1;}
.m4 table{ border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-top:2px;}
.m4 table th{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; background:#f0f0f0; height:48px; line-height:48px; font-size:20px; color:#333333; font-weight:normal;}
.m4 table td{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; text-align:center; padding:10px;}
.m4 table td span{ font-size:18px; color:#333; font-weight:bold;}
.m4 table td b{ font-size:16px; color:#333;}
.m4 table td p{ font-size:14px; color:#333; padding:10px 0;}
.m4 table td p b{ font-size:24px; color:#e93f40;}
.m4 table td p a{ width:75px; height:30px; text-align:center; line-height:30px; border-radius:5px; margin:5px; display:inline-block; background:#e93f40; color:#fff;}
.m4 table td p a.zx{ background:#29a3c1;}
.m5{ padding:50px 0; background:#e93f40; text-align:center;}
.m6{ padding:60px 0; background:#f0f0f0;}
.rollBox{width:1200px;overflow:hidden; padding-top:30px;}
.rollBox .Cont{width:1130px;overflow:hidden; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:380px;float:left;text-align:center;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1{ float:left; margin-top:260px; margin-right:10px; cursor:pointer;}
.img2{ float:right; margin-top:260px; cursor:pointer;}
.m7{ padding:50px 0; text-align:center;}

.player-box {
    display: block;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -405px;
    margin-top: -265px;
    width: 810px;
    height: 530px;
}
.player-box .btn-close {
    position: absolute;
    top: -30px;
    right: 0;
    display: block;
    width: 22px;
    height: 20px;
    background: url("../images/close.jpg") center center no-repeat;
}


.zg_m3 .fl {
            float: left;
        }

        .layout {
            width: 100%;
            text-align: center;
            padding: 30px 0;
        }

        .zg_m3 .fr {
            float: right;
        }

        .zg_m3 {
            text-align: center;
            height: 480px;
            width: 1000px;
            margin: 20px auto 0;
        }

        .offcn-rtab {
            text-align: center;
            background: #e60012;
            height: 60px;
        }

        .offcn-rtab span {
            cursor: pointer;
            float: left;
            display: block;
            width: 250px;
            font: bold 20px/60px "Microsoft YaHei";
            color: #fff;
        }

        .offcn-rtab span.hover {
            background: #c30d22;
        }

        .offcn-rinfo {
            padding: 20px 0 70px 0;
        }

        .offcn-rinfo img {
            width: 632px;
            height: 371px;
            float: left;
        }

        .offcn-iright {
            width: 283px;
            height: 353px;
            margin-right: 15px;
            padding: 20px 25px 0 25px;
            text-align: center;
            background: url(http://www.51gouke.com/general/9/images/pic_03.png) no-repeat;
        }

        .offcn-iright h4 {
            font: bold 20px/30px "Microsoft Yahei";
            color: #333;
        }

        .offcn-iright span {
            display: block;
            font: bold 18px/22px "Microsoft Yahei";
            color: #333;
            margin: 25px 0px 18px
        }

        .offcn-iright p {
            font: 16px/24px "Microsoft Yahei";
            color: #333;
        }

        .offcn-iright p i {
            font-size: 12px;
            color: #f7a900;
            font-style: normal;
        }

        .offcn-itxt {
            margin-bottom: 20px;
            font: normal 14px/22px "Microsoft Yahei";
            text-align: left;
            color: #666;
        }

        .offcn-iright a {
            margin-top: 5px;
            display: inline-block;
            width: 135px;
            height: 38px;
            font: normal 16px/38px "Microsoft Yahei";
            color: #fff;
            background: #f22e2e;
        }

        .offcn-iright a:hover {
            color: #fff;
        }
.m8 {
	background:#ef4c39;
	color: #fff;
	margin-top:20px;
}
.m8 h1 {
	height: 140px;
	line-height: 140px;
	color: #fff;
	font-size: 46px;
	font-weight: bold;
	text-align: center;
}
.m8 .m8_list {
	padding-bottom: 50px;
	border-bottom: 1px dashed #f48375;
}
.m8 .m8_list li {
	padding: 82px 0 10px;
	background-position: top center;
	background-repeat: no-repeat;
	width: 300px;
	float: left;
	box-shadow: -16px 0 16px #ec422e inset;
	text-align: center;
}
.m8 .m8_list li.m8_list_1 {
	background-image: url(//statics.eoffcn.com/statics/images/caches/sydw/m8_list_1.png);
}
.m8 .m8_list li.m8_list_2 {
	background-image: url(//statics.eoffcn.com/statics/images/caches/sydw/m8_list_2.png);
}
.m8 .m8_list li.m8_list_3 {
	background-image: url(//statics.eoffcn.com/statics/images/caches/sydw/m8_list_3.png);
}
.m8 .m8_list li.m8_list_4 {
	box-shadow: 0px 0 0px #ec422e inset;
	background-image: url(//statics.eoffcn.com/statics/images/caches/sydw/m8_list_4.png);
}
.m8 .m8_list li h3 {
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	font-weight: normal;
}
.m8 .m8_list li p {
	font-size: 16px;
	display: inline-block;
}
.m8 .m8_list li a {
	margin-top: 20px;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	width: 118px;
	border-radius: 20px;
	border: 1px solid #fff;
	text-align: center;
    color: #fff;
}
.m8 .m8_list li a:hover {
	background: #fff001;
	color: #ef4c38;
}
.m8 .m8_bottom {
	padding: 30px 0 20px;
}
.m8 .m8_bottom .m8_bottom_left {
	float: left;
	width: 834px;
	text-align: left;
}
.m8 .m8_bottom .m8_bottom_left .part_1 {
	font-size: 18px;
}
.m8 .m8_bottom .m8_bottom_left .part_2 {
	font-size: 18px;
	height: 68px;
	line-height: 68px;
}
.m8 .m8_bottom .m8_bottom_left .part_3 {
	font-size: 32px;
	height: 90px;
	line-height: 90px;
}
.m8 .m8_bottom .m8_bottom_left .part_3 b {
	color: #fff001;
}
.m8 .m8_bottom .m8_bottom_left .part_3 em {
	font-size: 18px;
	font-style: normal;
}
.m8 .m8_bottom .qrcode {
	float: right;
	width: 214px;
}
.m8 .m8_bottom .qrcode .qrcode_area {
	margin: 0 auto;
	width: 140px;
	height: 146px;
	padding: 10px;
	background: #fff;
}
.m8 .m8_bottom .qrcode .qrcode_area img {
	display: block;
	width: 100%;
	height: 100%;
}
.m8 .m8_bottom .qrcode p {
	padding: 12px 0;
	text-align: center;
	font-size: 14px;
}
.copyRight,.offcnCopy{ background:#444546; font-size:14px;}
.offcnCopy{ padding:45px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy a{ color:#aaa;}
.offcnCopy a:hover{ color:#e00;}

td.tdspan{ font-size:14px; color:#e60000;}

.sidebar{
  height:568px; width:150px;
  left:0px;
  position: fixed;
  bottom: 0;
  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;
}

.m1 .top{ position:relative;}
.m1 .top a.qq{ position:absolute; right:0; top:-20px;width:290px;height:59px; padding-left:30px;background:url(//statics.eoffcn.com/statics/images/gwy/new/2.jpg) no-repeat top center;text-align:center;color:#000;line-height:58px;font-size:20px;}