﻿@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html {}
body{ line-height: 21px; font-size: 12px; color:#fff; font-family: "Microsoft YaHei"; background: #A97100;}
a:hover img,img{ border:none;}
ul{ list-style:none;}
input,button,select,textarea{outline:none; vertical-align:middle; _vertical-align:baseline; font-family: "Microsoft YaHei"}
table input,table button,table select,table textarea{ vertical-align:middle; _vertical-align:baseline;}
textarea{resize:none; vertical-align:middle; _vertical-align:baseline;}
table{ border-collapse:collapse;}
a{ text-decoration:none; color: inherit; *color:#000;}
a:hover{ text-decoration: underline;}

/*-------------------------结束公用样式--------------------------*/
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearfix{*zoom:1}
.clear{clear:both;width:0px;height:0px;font-size:0px;overflow:hidden}
.v_mid{ vertical-align:middle; _vertical-align:baseline;}
.v_top{ vertical-align:top;}

#header { height: 103px; overflow:hidden; background: url(../images/head_bg.png) 0 0 repeat-x;}
.logo { width: 370px; height: 120px; margin: 0 auto; margin-top:-10px;}
#nav { height: 117px; background:url(../images/nav_bg.jpg) center center no-repeat;}
.nav { width: 966px; height: 117px; margin: 0 auto;}
.nav ul {}
.nav ul li { float: left;}
.nav ul li a { width: 138px; height: 117px; text-align: center;position:relative; display: block;}
.nav ul li a.hover,
.nav ul li a:hover { background:url(../images/nav_bg_h.jpg) center bottom no-repeat;}
.nav ul li a.nav1:after { content:' '; left:0px; top:0px; position:absolute;width:100%;height:100%; background: url(../images/nav1.png) center 14px no-repeat;}
.nav ul li a.nav2:after {  content:' '; left:0px; top:0px; position:absolute;width:100%;height:100%; background: url(../images/nav2.png) center 14px no-repeat;}
.nav ul li a.nav3:after {  content:' '; left:0px; top:0px; position:absolute;width:100%;height:100%; background: url(../images/nav3.png) center 14px no-repeat;}
.nav ul li a.nav4:after {  content:' '; left:0px; top:0px; position:absolute;width:100%;height:100%; background: url(../images/nav4.png) center 14px no-repeat;}
.nav ul li a.nav5:after {  content:' '; left:0px; top:0px; position:absolute;width:100%;height:100%; background: url(../images/nav5.png) center 14px no-repeat;}
.nav ul li a.nav6:after {  content:' '; left:0px; top:0px; position:absolute;width:100%;height:100%; background: url(../images/nav6.png) center 14px no-repeat;}
.nav ul li a.nav7:after {  content:' '; left:0px; top:0px; position:absolute;width:100%;height:100%; background: url(../images/nav7.png) center 14px no-repeat;}
.nav ul li a.nav1.hover:after,
.nav ul li a.nav1:hover:after { background: url(../images/nav1_h.png) center 14px no-repeat;}
.nav ul li a.nav2.hover:after,
.nav ul li a.nav2:hover:after { background: url(../images/nav2_h.png) center 14px no-repeat;}
.nav ul li a.nav3.hover:after,
.nav ul li a.nav3:hover:after { background: url(../images/nav3_h.png) center 14px no-repeat;}
.nav ul li a.nav4.hover:after,
.nav ul li a.nav4:hover:after { background: url(../images/nav4_h.png) center 14px no-repeat;}
.nav ul li a.nav5.hover:after,
.nav ul li a.nav5:hover:after { background: url(../images/nav5_h.png) center 14px no-repeat;}
.nav ul li a.nav6.hover:after,
.nav ul li a.nav6:hover:after { background: url(../images/nav6_h.png) center 14px no-repeat;}
.nav ul li a.nav7.hover:after,
.nav ul li a.nav7:hover:after { background: url(../images/nav7_h.png) center 14px no-repeat;}
.nav ul li a span { padding-top: 85px; display: inline-block; color: #664000; font-size: 15px; font-weight: bold;}
    .nav ul li a:hover span {color:#fff;}
    .nav ul li a.hover span {color:#fff;}

.bg1 { background: url(../images/bg1.jpg) top center no-repeat;}
.bg2 { background: url(../images/bg2.jpg) top center no-repeat;}
.bg3 { background: url(../images/bg3.jpg) top center no-repeat;}
.bg4 { background: url(../images/bg4.jpg) top center no-repeat;}
.bg5 { background: url(../images/bg5.jpg) top center no-repeat;}
.bg6 { background: url(../images/bg6.jpg) top center no-repeat;}
.bg7 { background: url(../images/bg7.jpg) top center no-repeat;}

.main { width: 1000px; margin: 0 auto;}
.bg1 .main{
    background:url(../images/xl_cbg.png) center top no-repeat;
    height:918px;
    width:1082px;
}

.big_tit { padding: 70px 0 15px 0; text-align: center;}
.big_tit_txt { text-align: center; font-size: 16px; color:#6D4603; margin-top:20px;}
.bg7 .big_tit {
    padding-top:40px;
}

.box { margin-top: 30px;}

.box1 { height: 580px; padding: 50px 50px 0 50px; position: relative;}
.jiance_l { float: left; width: 600px; height: 570px; overflow: hidden; margin-left:35px;}
.jiance_l ul {}
.jiance_l li { width: 680px; height: 40px; margin-bottom: 17px;}
.jiance_l .time { float: left; width: 132px; height: 40px; line-height: 40px; text-align: center; font-size:14px; color: #FFF600; border: solid 1px #EECF00; background: #895E08;}
.jiance_l .zh { float: left; width: 55px; height: 40px; display: inline-block; background: url(../images/arrow_grey.png) center center no-repeat;}
.jiance_l .add { float: left; width: 241px; height: 40px; line-height: 40px; font-size:14px; text-align: center; color: #fff; border: solid 1px #EECF00; background: #895E08;}
.jiance_l .enter { float: left; width: 127px; height: 40px; margin-left: 10px; color: #895E08; border: 0; cursor: pointer; background: #FFF600; font-size:14px;}
.jiance_l .enter:hover { color: #000; background: #d3ba35;}
.inputRe {}
.inputRe input { width: 320px; height: 65px; font-size: 0; cursor: pointer; border: 0; display: block; background: url(../images/btn_re.png) 0 0 no-repeat; position: absolute; left: 150px; bottom:-70px;}
.jiance_r { float: right; width: 317px; margin-right:10px;} 
.jiance_r {}
.jiance_r h3 { padding-bottom: 3px; font-weight: normal; color: #fff; font-size: 13px; }
.jiance_r p { color:#664200; font-size: 13px;}
.jiance_r hr { height: 0; margin: 20px 0; border: 0; border-top: dashed 1px #8E5F01; background: none;}
.ub_down { width: 317px; height: 66px; margin-top: 15px; font-size: 0; display: block; background: url(../images/ub_down.png) 0 0 no-repeat;}
.shixun { padding-top: 15px;}

.bg2 .main{
    background:url(../images/box2_bg.png) center top no-repeat;
    height:929px;
    width:1082px;
}
.box2 { margin-top: 0px; padding-top: 65px; padding-bottom: 35px; position: relative;}

.web-bg { background: url(../images/web-bg.png) top center no-repeat;}
#cesu { width: 940px; margin: 0 auto; text-align: center;}
#cesu ul { font-size: 0;}
#cesu ul li { float: left; width: 188px; height: 375px;}
#cesu ul li a { width: 188px; height: 375px; display: block; text-align: center; position: relative;}
#cesu ul li a .cesu-pic { height: 195px; padding-top: 97px;}
#cesu ul li a img {}
#cesu ul li a strong {display:block; font-weight:bold; font-size: 16px; color: #fff;}
#cesu ul li a span { color: #a0a0a0; display:block; text-align:center; margin-top:5px; font-size: 14px;}
#cesu ul li a span em { font-style: normal; font-weight:bold;color:#FDDA66;}
#cesu ul li a span b { font-weight: normal; font-weight:bold;color:#FDDA66;}
#cesu ul li a i { width: 100px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-style: normal; border-radius:26px; background-color:#FCD964; color: #6D4704; display: block; position: absolute; left: 43px; bottom: 0px;}
#cesu ul li a:hover { text-decoration: none; background: url(../images/cesu-bg.png) top center no-repeat;}
#cesu ul li a:hover i { background: #FFFFFF;}

.login-dl { width: 805px; margin: 0 auto; padding: 40px 0; text-align: center;}
.login-dl ul { font-size: 14px;}
.login-dl ul li { float: left; width: 117px; height: 133px; padding: 0 22px;}
.login-dl ul li a { width: 117px; height: 133px; display: block; background: url(../images/round.png) 0 0 no-repeat;}
.login-dl ul li a b { color: #5E3F00; display: block; padding-right:1px; line-height:25px;}
.login-dl ul li a span {color: #5E3F00; display: block; font-weight:bold;font-size:17px;margin-top:20px;}
.login-dl ul li a em {color: #FFB400; font-style: normal;  display: block; margin-top:13px;}
.login-dl ul li a:hover b,
.login-dl ul li a:hover span,
.login-dl ul li a:hover em { color: #fff;}
.login-dl ul li a:hover { text-decoration: none; background-position: 0 -133px;}

.ub66-dns { width: 930px; margin: 0 auto;}
.ub66 { float: left;}
.ub66 a { width: 450px; height: 200px; display: block; background: url(../images/ub66.png) 0 0 no-repeat;}
.ub66 a:hover { background-position: 0 -200px;}
.dns { float: right;} 
.dns a { width: 450px; height: 200px; display: block; background: url(../images/dns.png) 0 0 no-repeat;}
.dns a:hover { background-position: 0 -200px;}

.web-box { width: 1000px; margin: 0 auto; padding-bottom: 40px;  border-top: 0; }
.web-box ul { width: 930px; margin: 0 auto;}
.web-box ul li { float: left; width: 160px; height: 40px; padding: 20px 13px 0 13px;}
.web-box ul li a { height: 38px; line-height: 38px; color:#FCD964; text-align: center; font-size: 14px; border: solid 1px #FCD964; background: #5E3F00; display: block;}
.web-box ul li a:hover { text-decoration: none; border-color: #fff; background-color:transparent; color:#fff;}



.box_dl { width: 100%; height: 410px;}
.login_tit { padding-left: 560px; padding-bottom: 25px; font-size: 26px; font-weight:bold; color: #FFFF02; font-family: Arial;}
.login_tit span { font-size: 16px; font-weight:normal; color: #fff; font-family: "Microsoft YaHei";}
.login_box { width: 402px; height: 240px; padding-left: 550px;}
.game-list { width: 840px; margin: 0 auto; text-align: center;}
.game-list ul {}
.game-list ul li { float: left; width: 170px; padding: 0 20px;}
.game-list ul li img { width: 165px; height: 165px;}
.game-list ul li h3 { padding: 10px 0 10px 0; font-size: 20px;}
.game-list ul li p { line-height: 22px; font-size: 14px; color: #FEDE4C;}
.game-list ul li a:hover { text-decoration: none;}
.game-list ul li a:hover h3 { color: #f0e763}
.game-list ul li a:hover p { color: #fff;}

.bg3 .main{
    background:url(../images/box3_bg.png) center top no-repeat;
    height:850px;
    width:1082px;
}
.box3 { height: 540px; padding-top: 90px; position: relative;}
.da_loginbox { padding-left: 85px;}
.da_loginbox ul {}
.da_loginbox ul li { height: 60px;}
.da_loginbox ul li em { line-height: 45px; padding-left: 15px; color: #FFFF00; font-style: normal; font-size: 16px;}
.da_loginbox ul li em a { width: 120px; height: 45px; line-height: 45px; text-align: center; color: #895E08; display: inline-block; background: #F6EE02;}
.da_loginbox ul li em a:hover { color: #000; text-decoration: none; background: #d3ba35;}
.da_loginbox ul li.btn { line-height: 60px;}
.da_loginbox .txt input{ float: left;width: 268px; height: 43px; line-height: 43px; padding-left: 40px; font-size: 14px; border: solid 1px #EECF00; background: #895E08; color: #fff;}
.da_loginbox .txt1 input { background: url(../images/ico1.png) left center no-repeat #895E08;}
.da_loginbox .txt2 input { background: url(../images/ico4.png) left center no-repeat #895E08;}
.da_loginbox .txt3 input { background: url(../images/ico3.png) left center no-repeat #895E08;}
.da_loginbox .btn {}
.da_loginbox .btn input{ width: 310px; height: 52px; font-size: 0; cursor: pointer; border: 0; background: url(../images/btn_sw.png) 0 0 no-repeat;}

.sw_ts { padding-top: 35px; padding-left: 85px;}
.sw_ts dl { line-height: 22px;}
.sw_ts dl dt { font-weight: normal; font-size:16px; color: #fff;}
.sw_ts dl dd { color:#FFFF00;margin-top:5px; font-size:14px;}

.sw_xy { padding-top: 25px; padding-left: 85px; position: relative;}
.sw_xy span { width: 152px; height: 39px; font-size: 0; display: block; cursor: pointer; background: url(../images/btn_xy.png) 0 0 no-repeat;}
.sw_xy span div { width: 710px; height: 390px; line-height: 23px; padding: 31px 45px 0 45px; color: #000; font-size: 14px; background: url(../images/xy_bg.png) 0 0 no-repeat; position: absolute; top: -410px; left: 55px; display: none;}
.sw_xy span:hover div { display: block;}

.bg4 .main{
    background:url(../images/box4_bg.png) center top no-repeat;
    height:705px;
    width:1082px;
}
.box4 { padding-top: 50px; padding-bottom: 30px; position: relative;}
.jc_pic_list { height: 270px; padding-left: 60px;}
.jc_pic_list ul {}
.jc_pic_list ul li { float: left; width: 160px; height: 160px; padding: 0 15px; text-align: center;}
.jc_pic_list ul li a {}
.jc_pic_list ul li a img { width: 160px; height: 160px; display: block;}
.jc_pic_list ul li a h3 { padding: 20px 0 15px 0; color: #fff; font-weight: normal; font-size: 16px;}
.jc_pic_list ul li a span { width: 86px; height: 28px; line-height: 28px; color: #FFFF00; border: solid 1px #EECF00; background:#714A05; display: inline-block;}
.jc_pic_list ul li a:hover { text-decoration: none;}
.jc_pic_list ul li a:hover span { color: #000; background: #d3ba35;}

.jc_txt_list { padding-left: 60px;}
.jc_txt_list ul {}
.jc_txt_list ul li { float: left; padding: 8px 15px;}
.jc_txt_list ul li a { width: 208px; height: 42px; line-height: 42px; text-align: center; font-size: 14px; border: solid 1px #EFD10A; background: #77510F; display: block;}
.jc_txt_list ul li a:hover { text-decoration: none; border: solid 1px #fff; background: none;}

.box5 { margin-top: 15px; padding: 20px 0;}

.kefu_list {}
.kefu_list ul { padding-left: 65px;}
.kefu_list ul li { float: left; padding: 15px 20px;}
.kefu_list ul li a { width: 248px; height: 58px; line-height: 58px; color: #fff; font-size: 16px; display: block; border: solid 1px #303030; background: #1f1f1f; position: relative;}
.kefu_list ul li a img { width: 32px; height: 32px; position: absolute; left: 60px; top: 12px;}
.kefu_list ul li a span { padding-left: 100px;}
.kefu_list ul li a:hover { text-decoration: none; border: solid 1px #4b4b4b; background: #333333;}

.kefu_btn { padding-top: 15px; text-align: center;}
.kefu_btn a { width: 521px; height: 133px; background: url(../images/kefu.jpg) 0 0 no-repeat; display: inline-block;}
.kefu_btn a:hover { background-position: 0 -140px;}

.yz-box { width: 998px; height: 178px; margin: 30px auto 10px auto; background: url(../images/yz-bg.png) left center no-repeat #181818;}
.yz-l { float: left; width: 300px; padding-top: 57px; padding-left: 45px;}
.yz-l h3 { height: 64px; line-height: 64px; font-size: 24px; font-weight: bold;}
.yz-l h3 img { float: left; margin-right: 15px;}
.yz-r { float: right; width: 650px;}
.yz-box dl { padding-top: 25px;}
.yz-box dl dt { padding-bottom: 15px; font-weight: normal; color: #7d7d7d; font-size: 16px;}
.yz-box dl dd {}
.yz-txt { width: 370px; height: 45px; line-height: 45px; margin-right: 15px; padding: 0 15px; font-size: 20px; font-weight: bold; color: #fff; border: 0; background: url(../images/yz-input.png) 0 0 no-repeat;}
.yz-btn { width: 180px; height: 45px; line-height: 45px; text-align: center; font-size: 24px; font-weight: bold; color: #603200; border: 0; vertical-align: top; cursor: pointer; background: url(../images/btn-yz.png) 0 0 no-repeat;}
.yz-btn:hover { background-position: 0 -45px;}
.yz-ts { padding-top: 15px; font-size: 14px;}


#footer { margin-top:30px; background-color:#5E3F00; border-top:1px solid #D1AF49; text-align: center; color: #F6D460; line-height:50px;}


.rightFolatWrap{
    width: 129px;
    height: 478px;
    position: absolute;
    z-index: 999999;
    top: 50%;
    right: 5px;
    margin-top: -239px;
}