@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td{margin:0;padding:0;}
body{font:14px/1.42 Microsoft yahei,simsun,sans-serif; color: #a5938f; background: #190602; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
a,a:hover{ text-decoration: none; color: #a5938f}
a:hover{color: #a5938f}
img {border:0; vertical-align: middle;}
button, input, select, textarea {font-size:100%;}
.fl{float:left;}
.fr{float: right;}
.clearfix:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
table{width: 100%;border:0;margin:0;border-collapse:collapse;border-spacing:0;}
/*top and foot*/
.topbar {height: 40px;background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);background-image: linear-gradient(to bottom, #fff, #f6f6f6);color: #333;background-color: #f6f6f6;font-size: 12px}
.topbar-container { *zoom:1;overflow: hidden;margin-left: auto;margin-right: auto;width: 1000px;height: 40px}
.topbar-container:before,.topbar-container:after { content: " ";display: table}
.topbar-container:after {   clear: both}
.topbar-logo {float: left;width: 125px;height: 40px}
.topbar-logo a {display: block; width: 125px;height: 40px;background: url(../images/img_logo_58game.jpg) no-repeat;text-indent: -9999em}
.topbar-nav { float: right;padding: 10px 0 0 0}
.topbar-nav-inner {  *zoom:1}
.topbar-nav-inner:before,.topbar-nav-inner:after { content: " "; display: table}
.topbar-nav-inner:after {   clear: both}
.topbar-nav li { float: left; line-height: 20px;color: #333}
.topbar-nav a {display: block;padding: 0 10px;color: #333}
.topbar-nav .nobg { background: none}
.footer{ height: 80px; line-height: 80px; font-size: 12px; color: #6a5348; text-align: center;}
.footer a{color: #6a5348; }

.wrap{ width: 100%; margin: 0 auto;overflow: hidden; position: relative; }

.bg{ position: absolute; width: 100%; left: 0; top: 0px; z-index: -1; background: url(../images/bg.png) center top no-repeat;}
.bg div{width: 100%; height: 193px; background-position: center top; background-repeat: no-repeat; }
.bg1{ background-image: url(../images/bg_01.png);}
.bg2{ background-image: url(../images/bg_02.jpg);}
.bg3{ background-image: url(../images/bg_03.jpg);}
.bg4{ background-image: url(../images/bg_04.jpg);}
.bg5{ background-image: url(../images/bg_05.jpg);}
.bg6{ background-image: url(../images/bg_06.jpg);}
.bg7{ background-image: url(../images/bg_07.jpg);}
.bg8{ background-image: url(../images/bg_08.jpg);}

.top_btn{ width: 644px; height: 68px; margin: 0 auto; padding-top: 570px;}
.top_btn a{ display: block;; float: left; text-indent: -9999em;width: 260px; height: 68px; margin-right: 20px; }
.top_btn .btn-1{ background: url(../images/btn-home.png) no-repeat;}
.top_btn .btn-2{ background: url(../images/btn-zq.png) no-repeat;}
.top_btn .btn-1:hover{background: url(../images/btn-home_h.png) no-repeat; }
.top_btn .btn-2:hover{background: url(../images/btn-zq_h.png) no-repeat; }

.box1{ width: 1067px; height: 438px;margin: 0 auto; padding-top: 710px;}
.video_fl{ width: 762px; height: 438px; background: url(../images/video_bg.png) no-repeat; position: relative; z-index: 1; float: left;}
.video_fl_box{ width: 726px; height: 399px; background: #000;top:20px; left: 26px; position: absolute; z-index: 3;  }
.video_icon{ position: absolute; width:58px; height: 47px; background: url(../images/video_icon.png) no-repeat; left: 26px; bottom: 19px; z-index: 99; }
.box1_fr{ width:300px; height: 431px; padding-top: 7px; float: right; position: relative;}
.khd_btn{ display: block; width: 300px; height: 94px; background: url(../images/xz_btn.jpg) no-repeat; text-indent: -39999em;}
.khd_btn:hover{background: url(../images/xz_btn_h.jpg) no-repeat;}
.zc_btn{ height: 80px; background: #201d1d; border:1px #323030 solid;}
.zc_btn a{ display: block; width: 148px; height: 80px; line-height: 80px; font-size: 18px; color: #818181; float: left; text-indent: 50px;}
.zc_btn a.zc_btn1{ border-right:#000 1px solid; background: url(../images/zh_icon.png) 20px center no-repeat; }
.zc_btn a.zc_btn2{ border-left:#323030 1px solid; background: url(../images/goindex_icon.png) 20px center no-repeat;}
.zc_btn a:hover{ background-color: #323030}
.ewm_box{ width:260px; height: 227px; background: url(../images/ewm_bg.jpg); padding:10px 20px; }
.ewm_box img{ display: block; width:170px; height: 170px; margin: 0 auto; padding-bottom: 10px; }
.ewm_box p{ color: #898989; padding-left: 36px; line-height: 1.5;}
.xf_xf_icon{ position: absolute; width: 113px; height: 90px; background: url(../images/xf_btn_icon.png) no-repeat; top: -10px; right: -10px;}

.box2{ width: 1158px; height:590px; margin: 20px auto 0;}
.tit{ padding: 40px 0 20px;}
.slide{width: 1158px; height:480px; background: #462d24;position: relative;}
.slide-con{width: 1159px; height:480px; overflow: hidden;}
.slide-con li{width: 1159px; height:480px; display: none; zoom:1;}
.slide-con li:after{ display: block; content: ""; clear: both;}
.slide-con li.active{ display: block;}
.slide-con li .slide_left{ width:735px; height: 470px; padding: 5px; overflow: hidden; position: relative; float: left;}
.slide_left_con li{width:735px; height: 470px; display: none;}
.slide_left_point{ position: absolute; top: 6px; right: 7px; width:69px; height: 34px; }
.slide_left_point span{ display: block; width: 32px; height: 34px; background-color:#4d291c; cursor: pointer; background-image:url(../images/slide_icon.png); }
.slide_left_point .prev{ float: left; background-position:left top;}
.slide_left_point .next{ float: right; background-position:right top;}
.slide_left_point span:hover{ background-color:#6b3b29; }
.slide-con li .slide_right{ width: 413px; float: left;}
.slide_right p{ color: #a5938f; margin: 5px 15px; margin-right: 70px; line-height: 1.6;}
.slide-point{ position: absolute; width:75px; top: 23px; right: -37.5px; }
.slide-point li{ width: 75px; height: 77px; background: url(../images/xf_xf_bg.png) no-repeat; margin-bottom: 16px; cursor: pointer;}
.slide-point li.active,.slide-point li:hover{ background: url(../images/xf_xf_bg_h.png) no-repeat;}
.slide-point li.active span,.slide-point li:hover span{ color: #a93737}
.slide-point li span{ display: block; font-size: 28px; color: #604640; text-align: center; font-weight: bolder; padding-top: 15px;}
.slide-point li .slide-point-tit{display: none;  width: 64px;height: 18px; background: #a93737;  color: #000; text-align: center; line-height: 18px; font-size: 12px; margin:5px auto 0; border-radius: 4px;}
.slide-point li.active .slide-point-tit,.slide-point li:hover .slide-point-tit{ display: block;}

.box3-top{ width: 1201px; margin: auto;}
.tab-tit{ width: 1201px; height: 106px; background: url(../images/nav_bg.png) no-repeat; margin: auto;}
.tab-tit a{ display: block; width: 20%; float: left; text-align: center; font-size: 18px; color: #ac7f6f; font-weight: bolder; padding-top: 58px;}
.tab-tit a:hover,.tab-tit a.current{ color: #fff;}
.item{ width: 100%; min-height: 534px;}
.item1{ background: url(../images/tab_con1.png) center top no-repeat;}
.tab-con-main{ width: 1200px; margin: 0 auto}
.item1_con{ width: 608px; margin: auto; padding-top: 157px;}
.time_fl,.time_fr{ width: 50%; float: left;}
.time_fl p,.time_fr p{ height: 44px; line-height: 44px; color: #a93737; font-size: 18px; width: 204px; text-align: center;}
.time_fl p.p2,.time_fr p.p2{ color: #fff;}
.time_fr{ float: right;}
.time_fr p{float: right; margin-right: 20px;}

.bg_opa{ background: rgba(77,48,21,0.4); width: 1045px; margin: 50px auto; padding: 15px; border-radius: 8px; font-size: 16px; color: #87665f; line-height: 1.8;}
.bg_opa span{ color: #fff;}
.tab-con .item{ display: none;}
.tab-con .active{ display: block;}

.item2{ background: url(../images/tab_con2.png) center top no-repeat;}
.tab-con-main h2{ font-size: 30px; color: #c5c5c5; font-weight: bolder; padding-top: 80px;}

.item_text{ margin-top: 15px;}
.item_text span{display: block; float: left; width:28px; height: 28px; background: url(../images/icon.png) no-repeat; margin-right: 10px; text-align: center; line-height: 28px; color: #a5938f; font-size: 16px; }
.item_text p{ margin-left: 38px; font-size: 16px; color: #c5c5c5;}

.item3{ background: url(../images/tab_con3.png) center top no-repeat;}
.item3-con{ width: 618px; margin: 0 auto; padding-top: 102px;}
.item3-con h3{ width: 204px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #a93737; margin: auto;}
.item3-con .p_con{ width: 335px; height: 80px; overflow: hidden; margin: 20px auto; font-size: 16px; color: #c5c5c5;}
.team_list{margin-top: 13px; }
.team_list p{width: 206px; height: 44px; line-height: 44px; font-size: 16px; color: #9a8884; padding-left: 50px; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.team_list p span{ color: #a93737}
.item4{background: url(../images/tab_con4.png) center top no-repeat;}
.fl_w{ float: left; width: 50%; margin-right: 5%;}
.fr_w{ float: left; width: 45%;}

.item5{background: url(../images/tab_con5.png) center top no-repeat;}

.item5_test{ padding-top: 470px;}
.item5_test h2{ font-size: 16px; color: #c5c5c5;}
.item5_test p{ font-size: 14px; color: #87665f; margin-top: 15px;}
.item5_test p span{ color: #a93737}
.item5_test p a{ color: #a93737; text-decoration: underline;}

.box4{ background: #2e140c; padding:0 15px 15px; margin-top: 60px;}
.w1200{ width: 1200px; margin:auto;}
.box4_con{ width: 1200px; margin: auto;}
.box4_con img{ float: left;}
.box4_con_text{ margin-left:260px; padding-top:10px; font-size: 14px; color: #a5938f; line-height: 1.9;}