@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: none;
}
::-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: 1000px;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;}

.banner{
	width: 100%;
	height:730px;
	background:url(../images/banner.jpg) no-repeat top center;
	min-width: 1200px;
}

.nav{
    width: 100%;
    height:150px;
    background:url(../images/nav_bg.jpg) no-repeat top center;
    min-width: 1200px;
}
.nav ul{
    width: 955px;
    margin: 0 auto;
    padding-top: 10px;
}
.nav ul li{
    float: left;
    width: 177px;
    height: 48px;
    background:url(../images/btn_bg.png) no-repeat 0 -48px;
    margin: 0 7px 11px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    color: #015a08;
    font-weight: bold;
}
.nav ul li a{
    color: #015a08;
}

.nav ul li:hover{
    background:url(../images/btn_bg.png) no-repeat 0 0;
    cursor: pointer;
    color: #fff;
}
.nav ul li:hover a{
    color: #fff;
}


.gift_box{
    padding-top: 136px;
    width: 100%;
    height:864px;
    background:url(../images/gift_box.jpg) no-repeat top center;
    min-width: 1200px;
}
.gift_box .con{

    width: 992px;
    height: 797px;
    border:8px solid #3dae42;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    position: relative;
}
.gift_box .con .leaf{
    width: 847px;
    height: 143px;
    background:url(../images/leaf.png) no-repeat top center;
    position: absolute;
    top: -118px;
    left: -26px;
    line-height: 143px;
    color: #ffd302;
    font-weight: bold;
}
.gift_box .con .leaf span{
    margin-left:134px;
    font-size: 38px;
}
.gift_box .con .leaf b{
    font-size: 48px;
}
.gift_box .con ul{
    width: 879px;
    margin: 58px auto;
}
.gift_box .con ul li{
    width: 273px;
    height: 325px;
    background:url(../images/gift_bg.jpg) no-repeat top center;
    float: left;
    margin: 0 10px 42px;
    text-align: center;
}

.gift_box .con ul li > h3{
    padding-top: 35px;
    font-size: 22px;
    line-height: 22px;
    height: 22px;
    margin-bottom: 19px;
    color: #fff;
    font-weight: normal;
}
.gift_box .con ul li > h4{
    font-size: 41px;
    font-weight: bold;
    color: #fff;
    line-height: 41px;
    height: 41px;
    margin-bottom: 43px;
}
.gift_box .con ul li >p{
    font-size: 16px;
    line-height: 24px;
    height: 96px;
    color: #fff;
}

.gift_box .con ul li a.buy{
    width: 195px;
    height: 32px;
    display: block;
    margin:16px auto 0;
}


.ks{
    width: 100%;
    background:url(../images/gift_box.jpg) repeat-y top center;
    min-width: 1200px;
    padding-top: 165px;
}
.ks .con{
    width: 992px;
    border:8px solid #3dae42;
    margin: 0 auto;
    background: #eeeeee;
    border-radius: 20px;
    position: relative;
}

.ks .con .leaf{
    width: 847px;
    height: 143px;
    background:url(../images/leaf.png) no-repeat top center;
    position: absolute;
    top: -118px;
    left: -26px;
    line-height: 143px;
    color: #ffd302;
    font-weight: bold;
}
.ks .con .leaf span{
    margin-left:134px;
    font-size: 38px;
}
.ks .con .leaf b{
    font-size: 48px;
}

.ks .con .top{
    height: 358px;
}
.ks .con .top .coupon_box{
    width: 882px;
    margin: 0 auto;
    padding-top: 48px;
}
.ks .con .top .coupon_box .cb_li{
    width: 226px;
    height: 271px;
    background:url(../images/coupon_bg.jpg) no-repeat top center;
    margin: 0 34px;
    float: left;
    cursor: pointer;
}

.ks .con .top .coupon_box .cb_li .price{
    font-size: 70px;
    font-weight: bold;
    color: #fe3e17;
    height: 70px;
    padding-left:67px;
    padding-top: 36px;
    line-height: 70px;
    margin-bottom:10px;
}
.ks .con .top .coupon_box .cb_li .tip{
    color: #fe3e17;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.ks .con .bot{
}
.ks .con .bot .btns{
    height: 42px;
    text-align: center;
    margin: 0 auto;
}
.ks .con .bot .btns li{
    /*display: none;*/
    width: 180px;
    margin: 0 7px;
    height: 42px;
    background: #e2e2e2;
   display: inline-block;
    font-size: 24px;
    color: #777;
    text-align: center;
    line-height: 42px;
    border-radius:10px 10px 0 0;
    cursor: pointer;
}


.gwy .con .bot .btns li{
    display: none;
}

.ks .con .bot .btns li.active{
    
    color: #fb8404;
    font-weight: bold;
    background: #fff;
}
.ks .con .bot .list{
    padding-top: 55px;
    background: #fff;    
    border-radius: 0 0 15px 15px;
    padding-bottom: 25px;
}

.ks .con .bot .list>li{
    width: 897px;
    margin: 0 auto;
    display: none;
}
.ks .con .bot .list>li.show{display: block;}

.ks .con .bot .list li .cls{
    width: 265px;
    height: 222px;
    margin: 0 17px 30px;
    float: left;
}

.ks .con .bot .list li .cls h3{
    background: #fc8002;
    height: 52px;
    text-align: center;
    line-height: 52px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    border-radius:10px 10px 0 0;
}
.ks .con .bot .list li .cls .detail{
    width: 263px;
    height: 170px;
    border:1px solid #328336;
    border-top:none;
}

.ks .con .bot .list li .cls .detail p{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #338437;
    height:96px;
    margin-bottom: 13px;
    padding-top: 14px;
}

.ks .con .bot .list li .cls .detail .buy{
    width: 161px;
    height: 34px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: url(../images/buy_btn.jpg) no-repeat top center;
    font-size: 18px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    position: relative;
}
.ks .con .bot .list li .cls .detail .buy:hover{
    color:yellow;
}

.ks .con .bot .list li .more{
    width: 354px;
    height: 76px;
    background:url(../images/more_bg.jpg) no-repeat top center;
    margin: 0 auto;
}

.ks .con .bot .list li .more a{
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding-left:54px;
    line-height: 76px;
}

.jszp .bot .bs .h2{
    width: 870px;
    height: 26px;
    background: url(../images/bs_bg.jpg) no-repeat top center;
    margin: 0 auto 35px;
}

.jszp .bot .bms{
    background: #fff;
    padding-top: 23px;
}

.jszp .bot .ms .h2{
    width: 870px;
    height: 26px;
    background: url(../images/ms_bg.jpg) no-repeat top center;
    margin: 0 auto 35px;
}

.jszp .bot .bms .btns{
    width: 862px;
    margin: 0 auto;
    height: 40px;
    border-bottom: 1px solid #fc8100;
    text-align: center;
}
.jszp .bot .bms .btns li{
    height: 34px;
    width:initial;
    background: none;
    display: inline-block;
    margin: 0 96px;
    font-size: 24px;
    line-height: 24px;
    float: none;
}
.jszp .bot .bms .btns li.active{

    border-bottom: 6px solid #fc8100 ;
}
.jszp .bot .bms.ms .btns li{
    margin: 0 66px;
}

.gwy{
    background:url(../images/gwy.jpg) no-repeat top center;
    height: 1328px;
}

.gk{
    background:url(../images/gk.jpg) no-repeat top center;
    height:782px;
}

.sydwks{
    background:url(../images/sydwks.jpg) no-repeat top center;
    height:824px;
}


.jszp{
    background:url(../images/jszp.jpg) no-repeat top center;
    height:1944px;
}

.jszg{
    background:url(../images/jszg.jpg) no-repeat top center;
    height:782px;
   
}
.yhks{
    background:url(../images/yhks.jpg) no-repeat top center;
    height:824px;
   
}

.zhks{
    background:url(../images/zhks.jpg) no-repeat top center;
    height:824px;
   
}
.bottom{
    background:url(../images/bottom.jpg) no-repeat top center;
    height:200px;
    width: 100%;
   
}
span.red{
    color:red;
}
.copyRight,.offcnCopy{ background:#444546;
    min-width: 1200px;}
.offcnCopy{padding:45px 0 110px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#aaa;}
.offcnCopy a:hover{color:#e00;}