﻿
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/html{font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body{margin: 0;background-color:#000;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block}
audio, canvas, progress, video{display: inline-block;vertical-align: baseline}
audio:not([controls]){display: none;height: 0}
[hidden], template{display:none}
a{background-color: transparent}
a:active, a:hover{outline: 0}
abbr[title]{border-bottom: 1px dotted}
b, strong{font-weight: bold}
dfn{font-style: italic}
h1{font-size: 2em;margin: .67em 0}
mark{background: #ff0;color: #000}
small{font-size: 80%}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup{top: -0.5em}
sub{bottom: -0.25em}
img{border: 0}
svg:not(:root){overflow: hidden}
figure{margin: 1em 40px}
hr{box-sizing: content-box;height: 0}
pre{overflow: auto}
code, kbd, pre, samp{font-family: monospace, monospace;font-size: 1em}
button, input, optgroup, select, textarea{color: inherit;font: inherit;margin: 0}
button{overflow: visible}
button, select{text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button;cursor: pointer}
button[disabled], html input[disabled]{cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}
input{line-height: normal}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box;padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance: textfield;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}
legend{border: 0;padding: 0}
textarea{overflow: auto}
optgroup{font-weight: bold}
table{border-collapse: collapse;border-spacing: 0}
td, th{padding: 0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, button, textarea, p, blockquote, th, td{margin: 0;padding: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}
table{border-collapse: collapse;border-spacing: 0}
fieldset, img{border: 0;vertical-align: middle}
li{list-style: none}
:focus{outline: 0}
input, button, textarea, select{*font-size:100%}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0}
input{-webkit-tap-highlight-color: rgba(0,0,0,0)}
*{-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
body{font: 12px/1.6 Arial, Helvetica, sans-serif}
.hide{display: none}
.left{float: left}
.right{float: right}
.clear{clear: both}
.clearfix:after{clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden}
*html .clearfix{zoom: 1}
*+html .clearfix{zoom: 1}
html, body{height: 100%}
body{color: #2f2f2f;font-family: Microsoft YaHei;font-size: 14px;background-color: #000;background-color: #fff;}
a{color: #2f2f2f;text-decoration: none}
a:hover{text-decoration: none}
.wrapper{*zoom:1;width: 1000px;margin: 0 auto}
.wrapper:before, .wrapper:after{content: "";display: table}
.wrapper:after{clear: both}
.header{height: 80px;width: 100%;position: fixed;left: 0;top: 0;right: 0;z-index: 101}
.header .header-bg{position: absolute;z-index: -1;width: 100%;left: 0;top: 0;right: 0;height: 80px;background: url(../images/dd.png) ;}
.header .inner{width: 1010px;margin: 0 auto}
.header .logo{width: 425px;height: 68px;float: left;background: url(../images/logo.png) no-repeat center 0px;margin: 8px 0 0 0}
.header .logo a{display: block;height: 100%;cursor: pointer}
.header .nav{width:1000px;margin:0 auto;}
#menu{float:left;margin-left:320px;}
.header .nav li{float: left;font-size: 14px;height: 77px;line-height: 78px;margin: 0 15px 0 15px}
.header .nav li.active a{border-color: #f8fa2d;color: #f8fa2d}

.header .nav li.curs>a{    color: #f8fa2d;
    border-bottom: solid 2px #f8fa2d;}

.header .nav li a{display: block;color: #fff;padding: 0 14px;}
.header .nav li a:hover{color: #e5f606}
.footer{text-align: center;background: #080503; height:160px;font-size: 18px;font-family:"宋体";padding: 50px 0px 0px; width:100%; float:left;line-height:26px; color:#a2a2a2;margin-top: -145px;}
.footer .line{padding: 0 5px;font-size: 10px}
.footer a:hover{color: red}
.content{height: 920px;background-color: #000;}
.content .wrapper{position: relative}
.mod1{background-image: url(../images/bj1.jpg);background-position: center 0;background-repeat: no-repeat}
.mod11{background-image: url(../images/bjr_1.jpg);background-position: center 0;background-repeat: no-repeat}
.mod1 .anit-2{width: 376px;height: 238px;font-size:16px;position: absolute;left: 630px;top: 168px;color:#fff391;background: url(../images/b1_2.png);-moz-animation-delay: .2s;-webkit-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s}
.mod1 .anit-3{width: 376px;height: 283px;font-size:16px;position: absolute;left: 615px;top: 418px;color:#fff391;background: url(../images/app1.png);-moz-animation-delay: .2s;-webkit-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s}
.mod1 .anit-1{width: 724px;height: 648px;font-size:16px;position: absolute;left: -70px;top: 98px;color:#fff391;background: url(../images/app2.png);-moz-animation-delay: .2s;-webkit-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s}
.mod2{background-image: url(../images/bj1.jpg);background-position: center 0;background-repeat: no-repeat}
.mod2 .anit-1{width: 382px;height: 507px;position: absolute;right: 122px;top: 197px;background: url(../images/mod2-img01.html)}
.mod2 .anit-2{width: 585px;height: 83px;position: absolute;left: 23px;top: 246px;background: url(../images/b6_03.html) no-repeat center top;-moz-animation-delay: .5s;-webkit-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s}
.mod2 .anit-3{width: 332px;height: 135px;position: absolute;left: 150px;top: 324px;background: url(../images/b6_06.html) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s}
.mod2 .anit-4{width: 515px;height: 160px;position: absolute;left: 57px;top: 452px;background: url(../images/b6_08.html) no-repeat center top;-moz-animation-delay: 1.5s;-webkit-animation-delay: 1.5s;-o-animation-delay: 1.5s;animation-delay: 1.5s}
.mod3{background-image: url(../images/bj3.jpg);background-position: center 0;background-repeat: no-repeat}
.mod3 .anit-1{width: 1060px;height: 556px;position: absolute;left: -22px;
    top: 220px;background: url(../images/bb3_03.jpg)}
.mod3 .anit-2{width: 447px;height: 138px;position: absolute;    left: 456px;
    top: 223px;color:#fff;font-size:28px;-moz-animation-delay: .2s;-webkit-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s;background: url(../images/b3_2.png);}
.mod3 .anit-3{color:#fff;font-size:15px;line-height:36px;width: 401px;height: 95px;position: absolute;left: 10px;top: 285px;-moz-animation-delay: .5s;-webkit-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;}
.mod3 .anit-4{width: 485px;height: 252px;pos
ition: absolute;left: -57px;top: 353px;background: url(../images/b4_03.html) no-repeat 17px top;-moz-animation-delay: .5s;-webkit-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;}
.mod3 .anit-5{width: 485px;height: 142px;position: absolute;left: -30px;top: 390px;background: url(../images/b4_03.html) no-repeat center top;-moz-animation-delay:.5s;-webkit-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;}
.mod3 .anit-5{width: 485px;height: 70px;position: absolute;left: 40px;top: 451px;background: url(../images/b4_05.html) no-repeat center top;-moz-animation-delay: .5s;-webkit-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;}
.mod3 .anit-6{width: 485px;height: 70px;position: absolute;left: 40px;top: 521px;background: url(../images/b4_07.html) no-repeat center top;-moz-animation-delay: .5s;-webkit-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s}
.mod5{background-image: url(../images/bj3.jpg);background-position: center 0;background-repeat: no-repeat}
.mod5 .anit-1{width: 441px;height: 151px;position: absolute;    left: 420px;
    top: 190px;background: url(../images/b5_1.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s}
.mod5 .anit-2{width: 392px;height: 542px;position: absolute;    left: 70px;
    top: 233px;background: url(../images/b5_2.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s}
.mod5 .anit-3{width: 715px;height:503px;position: absolute;    left: 358px;
    top: 272px;background: url(../images/b5_3.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay:0.8s}

.mod6{background-image: url(../images/bj3.jpg);background-position: center 0;background-repeat: no-repeat}
.mod6 .anit-1{width: 441px;height: 151px;position: absolute;    left: 420px;
    top: 190px;background: url(../images/b6_1.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s}
.mod6 .anit-2{width: 392px;height: 552px;position: absolute;    left: 15px;
    top: 223px;background: url(../images/b6_2.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s}
.mod6 .anit-3{width: 785px;height:440px;position: absolute;    left: 245px;
    top: 335px;background: url(../images/b6_3.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay:0.4s}


.mod8{background-image: url(../images/bj3.jpg);background-position: center 0;background-repeat: no-repeat}
.mod8 .anit-1{width: 1063px;height: 560px;position: absolute;left: 5px;
    top: 215px;background: url(../images/b8_1.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s}
.mod8 .anit-2{width: 392px;height: 292px;position: absolute;    left: 386px;
    top: 204px;background: url(../images/b8_2.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s}

.mod9{background-image: url(../images/bj3.jpg);background-position: center 0;background-repeat: no-repeat}
.mod9 .anit-1{width: 1063px;height: 560px;position: absolute;left: 5px;
    top: 182px;background: url(../images/b9_1.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s}
.mod9 .anit-2{width: 947px;height:384px;position: absolute;       left: 50px;
    top: 354px;background: url(../images/b9_2.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s}

	
.mod7{background-image: url(../images/bj3.jpg);background-position: center 0;background-repeat: no-repeat}
.mod7 .anit-1{width: 441px;height: 151px;position: absolute;left: 460px;
    top: 210px;background: url(../images/b7_1.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s}
.mod7 .anit-2{width: 392px;height: 552px;position: absolute;    left: 70px;
    top: 234px;background: url(../images/b7_2.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s}
.mod7 .anit-3{width: 715px;height:300px;position: absolute;left: 340px;
    top: 475px;background: url(../images/b7_3.png) no-repeat center top;-moz-animation-delay: 1s;-webkit-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay:0.4s}
	
	
.mod4{background-image: url(../images/bj3.jpg);background-position: center 0;background-repeat: no-repeat}
.mod4.mod4-bg{background: url(../images/bj1.jpg) no-repeat center top;}
.mod4 .anit-1{width: 551px;height:169px;position: absolute;    left: 46px;
    top: 190px;background: url(../images/b4_1.png) no-repeat center top;z-index: 10}
.mod4 .anit-2{width: 479px;height:556px;position: absolute;    left: 561px;
    top: 219px;background: url(../images/b4_2.png) no-repeat center top;z-index: 10}
.mod4 .anit-3{width: 701px;height:421px;position: absolute;    left: 15px;
    top: 310px;background: url(../images/b4_3.png) no-repeat center top;z-index: 10}
.banner{height: 380px;line-height: 1;color: #fff;background: url(../images/banner.html) no-repeat center center}
.banner .wrapper{height: 100%;position: relative}
.banner .anit-1{position: absolute;top: 170px;left: 0px;font-size: 35px;color:#f8fa2d;}
.banner .anit-2{position: absolute;top: 220px;left: 10px;font-size: 23.2px;color: rgba(255,255,255,0.9)}
.banner .anit-3{position: absolute;top: 265px;left: 80px;font-size: 22.6px;color: rgba(255,255,255,0.9)}
.menu:hover{bottom: 0}
.menu .menubg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;background: url(../images/ddx.png);}
.menu .list{padding-top:15px;*zoom:1}
.menu .list:before, .menu .list:after{content: "";display: table}
.menu .list:after{clear: both}
.menu .list li{float: left;margin: 0 8px;text-align: center;font-size: 14px}
.menu .list li .spa-href{display: none}
.menu .list li .ms{line-height: 2.4;color: #8b8a8a;font-family: 宋体;font-size: 12px}
.menu .list li .ms em{font-style: normal}
.menu .list li .spa-name{font-family:"宋体";color:#8c8a8b;border: solid 1px #4e4e4e;font-size:12px;display: block;width: 126px;height: 30px;line-height: 30px;text-align: center;position: relative;cursor: pointer;transition:.5s;}
.menu .list li .spa-name:hover{color: #0c0c0c;transition:.5s;background: url(../images/index_btn_11.html) no-repeat center top;}
.menu .list li .spa-name a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer}
.menu .list li .spa-name .hot{position: absolute;width: 22px;height: 12px;/*background: url(../images/hot.gif);*/right: 4px;top: 0}
.menu .down{width: 810px;margin: 5px auto 0}
.menu .down .huanyu{width: 175px;height: 45px;float: left;background: url(../images/huangyu.html);}
.menu .down p{width: 340px;display: block;float: left;font-size: 12px;margin: 2px 12px 0;line-height: 18px;margin-top:4px;}
.menu .down .btn{margin-top:5px;display: block;width: 124px;height: 36px;background: url(../images/btn-down.html);float: left}
.menu .down .btn2{margin-top:5px;display: block;width: 124px;height: 36px;background: url(../images/btn-down2.html);float: left;margin-left: 15px}
.qrcode{width: 120px;height: 120px;background: url(../images/qrcode.html);position: absolute;bottom: 80px;right: 20px}
.slider{position: absolute;width: 100%;overflow: auto;text-align: center;top: 45%;left: -70px;margin-top: -300px}
.slider ul li{float: left;position: relative}
.slider ul li .xf{width: 219px;height: 390px;position: absolute;top: 50%;left: 77px;margin-top: -202px;overflow: hidden;background: #88b9e3}
.slider ul li .xf2{width: 244px;height: 427px;position: absolute;top: 50%;left: 112px;margin-top: -215px;overflow: hidden;background: #8e8ae6}
.rw{ position:absolute;left: 358px;
    top: 315px;}


#b04{width: 1000px}
#b04 .dots{position: absolute;left: 258px;bottom: 0}
#b04 .dots li{background: url(../images/b2_index_15.html) no-repeat center top;display: inline-block;width: 20px;height: 20px;margin: 0 7px;position:relative;top:-5px;text-indent: -999em;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;cursor: pointer;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s}
#b04 .dots li.active{background: url(../images/b2_index_18.html) no-repeat center top;opacity: 1}
#b05{width: 1000px}
#b05 .dots{position: absolute;left: 258px;bottom: 20}
#b05 .dots li{background: url(../images/b2_index_15.html) no-repeat center top;display: inline-block;width: 20px;height: 20px;margin: 0 7px;position:relative;top:-5px;text-indent: -999em;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;cursor: pointer;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s}
#b05 .dots li.active{background: url(../images/b2_index_18.html) no-repeat center top;opacity: 1}
.arrow{position: absolute;z-index: 100;top: 45%;margin-top: -18px}
#al{left: -80px}
#ar{right: -80px}
.wrapper-tab{width: 1100px;margin: 0 auto;background: #fff}
.tab_menu{overflow: hidden;width: 100%;*zoom:1}
.tab_menu:before, .tab_menu:after{content: "";display: table}
.tab_menu:after{clear: both}
.tab_menu li{float: left;display: block;cursor: pointer;width: 219px;height: 48px;background: #2a2a2a;color:#fff;font-size: 12px;text-align: center;position: relative;border: solid 1px #777777;-moz-box-sizing: content-box;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;margin-left: -1px;margin-bottom: -1px}
.tab_menu li span.row1{line-height: 48px;display: block;font-family:"宋体";}
.tab_menu li span.row2{line-height: 1.6;font-family:"宋体";padding-top: 12px;display: block}
.tab_menu li .num{width: 32px;height: 27px;background: url(../images/tab-num.html) no-repeat 0 0;position: absolute;left: 0;top: 0;font-style: normal;color: #fff;line-height: 1.2;text-align: left;font-weight: bold;text-indent: 2px;font-size: 12px}
.tab_menu li.current{background: #ff0000;color: #fff}
.tab_menu li.current .num{background-position: 0 -27px;color: #ff0000}
.tab_box{background-color:#e5e5e5;padding: 20px 30px 50px;*zoom:1}
.tab_box:before, .tab_box:after{content: "";display: table}
.tab_box:after{clear: both}
.tab_box .hide{display: none}
.moredown{*zoom:1;padding-top: 80px}
.moredown:before, .moredown:after{content: "";display: table}
.moredown:after{clear: both}
.moredown .menubar{background: #ccc;height: 36px}
.moredown .menubar ul{width: 1240px;margin: 0 auto}
.moredown .menubar li{height: 36px;line-height: 36px;float: left;padding: 0 20px;position: relative;margin-right: 10px;font-size: 16px}
.moredown .menubar li.active{background: #5c5c5c;color: #fff}
.moredown .menubar li.active a{color: #fff}
.moredown .menubar li em{width: 19px;height: 8px;position: absolute;left: 50%;margin-left: -8px;bottom: -8px;background: url(../images/sj.html)}
.moredown .wrapper{width: 1240px}
.moredown .rdiv{float: right;width: 400px;text-align: center}
.moredown .rdiv .ad{margin: 30px 0 10px}
.moredown .ldiv{overflow: hidden;padding-right: 50px;border-right: solid 1px #ccc;margin: 30px 0 0}
.moredown .ldiv .hd{height: 30px;background: url(../images/nav-bg.html) repeat-x;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;line-height: 30px;font-family: simsun;font-size: 12px;padding: 0 20px}
.moredown .ldiv .hd a{padding: 0 15px}
.moredown .ldiv .hd a.active{color: #996633}
.moredown .ldiv .word-txt{padding: 20px 20px}
.moredown .ldiv .word-txt p{line-height: 1.8;margin-bottom: 30px}
.list li .spa-name font{position:relative;top:0px;}
.f0{border:none;opacity:0.8;background:none;text-align:center;margin-top:15px;}
.fl{opacity:0;position:absolute;}
#b04 .dots{background: url(../images/b2_index_11.html) no-repeat center top;position: absolute;width:259px;height:11px;left: 262px;bottom: 10px;}
.banner1{width:500px;position:relative;top:390px;float:left;}
.banner2{width:500px;position:relative;top:392px;float:right;}
#cl{background-color:#363636;color:#fff;}
#cl:hover{color:#000;}
.nav .menu>li>a:hover{color:#f8fa2d;border-bottom:solid 2px #f8fa2d}
.nav .menu>li .cur{color:#f8fa2d;}
.nav .menu>li .sub-content .slot-list li.cur a .btn{color:#f8fa2d;}
.nav .menu>li img{position:absolute;top:-15px;left:52px}
.nav .menu>li .sub-content{position:absolute;height:86px;width:100%;left:0;background:url(../images/dc.png) right center;z-index:999;top: 80px;}
.nav .menu>li .sub-content .slot-list{text-align:center}
.nav .menu>li .sub-content .slot-list li{margin:0px;display:inline-block;}
.nav .menu>li .sub-content .slot-list li a .con{margin-top: 5px;height:49px;padding-left:8px;padding-right:8px;}
.nav .menu>li .sub-content .slot-list li a .btn{height:49px;line-height:26px;padding-left:8px;padding-right:8px;}
.nav .container{width:990px;margin:0 auto;position:relative;}
.nav .menu>li .sub-content .slot-list li.n1 .con{background:url(../images/n1_1.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n2 .con{background:url(../images/n1_2.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n3 .con{background:url(../images/n1_3.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n4 .con{background:url(../images/n1_4.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n5 .con{background:url(../images/n1_5.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n6 .con{background:url(../images/n1_6.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n7 .con{background:url(../images/n1_7.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n8 .con{background:url(../images/n1_8.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n9 .con{background:url(../images/n1_9.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n10 .con{background:url(../images/n1_10.png) no-repeat center center;}

.nav .menu>li .sub-content .slot-list li.n1:hover .con{background:url(../images/n1s_1.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n2:hover .con{background:url(../images/n1s_2.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n3:hover .con{background:url(../images/n1s_3.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n4:hover .con{background:url(../images/n1s_4.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n5:hover .con{background:url(../images/n1s_5.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n6:hover .con{background:url(../images/n1s_6.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n7:hover .con{background:url(../images/n1s_7.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n8:hover .con{background:url(../images/n1s_8.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n9:hover .con{background:url(../images/n1s_9.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n10:hover .con{background:url(../images/n1s_10.png) no-repeat center center;}

.nav .menu>li .sub-content .slot-list li.n1.cur .con{background:url(../images/n1s_1.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n2.cur .con{background:url(../images/n1s_2.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n3.cur .con{background:url(../images/n1s_3.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n4.cur .con{background:url(../images/n1s_4.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n5.cur .con{background:url(../images/n1s_5.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n6.cur .con{background:url(../images/n1s_6.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n7.cur .con{background:url(../images/n1s_7.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n8.cur .con{background:url(../images/n1s_8.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n9.cur .con{background:url(../images/n1s_9.png) no-repeat center center;}
.nav .menu>li .sub-content .slot-list li.n10.cur .con{background:url(../images/n1s_10.png) no-repeat center center;}
.seven {
    display: block;
    width: 66px;
    height: 48px;
    background-image: url("../infe/img/rule/mobile/index/aio/btn_seven.html");
    background-repeat: no-repeat;
}
.bbitem-isb .seven {
    background-position: -81px -216px;
}
.bbitem-isb:hover .seven {
    background-position: -81px -264px;
}
.bbitem-aglive .seven {
    background-position: -5px -5px;
}
.bbitem-aglive:hover .seven,
.active.bbitem-aglive .seven {
    background-position: -5px -53px;
}

.bbitem-game .seven {
    background-position: -81px -5px;
}
.bbitem-game .seven:hover,
.active.bbitem-game .seven {
    background-position: -81px -53px;
}

.bbitem-live .seven {
    background-position: -157px -5px;
}
.bbitem-live:hover .seven,
.active.bbitem-live .seven {
    background-position: -157px -53px;
}

.bbitem-ball .seven {
    background-position: -5px -111px;
}
.bbitem-ball:hover .seven,
.active.bbitem-ball .seven {
    background-position: -5px -159px;
}

.bbitem-ltlottery .seven {
    background-position: -81px -111px;
}
.bbitem-ltlottery:hover .seven,
.active.bbitem-ltlottery .seven {
    background-position: -81px -159px;
}

.bbitem-mg .seven {
    background-position: -157px -111px;
}
.bbitem-mg:hover .seven,
.active.bbitem-mg .seven {
    background-position: -157px -159px;
}

.bbitem-gns .seven {
    background-position: -233px -111px;
}
.bbitem-gns:hover .seven,
.active.bbitem-gns .seven {
    background-position: -233px -159px;
}

.bbitem-sunplus .seven {
    background-position: -233px -5px;
}
.bbitem-sunplus:hover .seven,
.active.bbitem-sunplus .seven {
    background-position: -233px -53px;
}

#js-mobile-game-wrap.wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.main-bg {
    position: absolute;
    height: 96px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    opacity: 0.1;
}

.main-cont {
    position: relative;
    margin: 0 auto;
    width: 960px;
    min-height: 601px;
}


.mobile-product-main {
    background-color: rgba(255, 255, 255, .1);
}
.mobile-product-main ul {
    margin: 0 auto;
    width: 960px;
    height: 96px;
    text-align: right;
}
.mobile-product-main ul li {
    position: relative;
    display: inline-block;
    margin: 11px 11px 0;
    text-align: center;
}
.mobile-product-main ul li a {
    display: block;
    color: #80C9D8;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}
.mobile-product-main .newitem:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 13px;
    display: block;
    background-position: -1130px -5px;
    background-image: url("../infe/img/rule/mobile/index/aio/in/mobile-phone.html");
    background-repeat: no-repeat;
    opacity: .4;
}
.mobile-product-main ul li:hover a,
.mobile-product-main ul li.active a,
.mobile-product-main li:hover:after,
.mobile-product-main li.active:after {
    color: #FFF;
}

.template1,
.template2 {
    overflow: hidden;
}
.main-cont .phone-box2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 378px;
    height: 540px;
    background: url('../infe/img/rule/mobile/index/aio/in/mobile-phone.html') -32px -5px;
}
.phone-screenshot {
    position: absolute;
    left: 37px;
    bottom: 0;
    width: 286px;
    height: 446px;
    background-image: url('../infe/img/rule/mobile/index/aio/in/app.html');
}
.bg-ball .phone-screenshot {
    background-position: -301px -5px;
}
.bg-ltlottery .phone-screenshot {
    background-position: -597px -5px;
}
.bg-sunplus .phone-screenshot {
    background-position: -5px -461px;
}
.bg-aglive .phone-screenshot {
    background-position: -5px -5px;
}
.phone-text {
    margin: 110px 0 0 410px;
    color: #FFF;
}
.bg-aglive .phone-text {
    margin-top: 50px;
}
.bg-sunplus .phone-text {
    margin-top: 102px;
}
.bg-isb .phone-text {
    margin: 0 0 0 360px;
}
.phone-text h4 {
    font-size: 78px;
}
.phone-text p {
    width: 486px;
    max-height: 440px;
    line-height: 22px;
    color: #99F2F7;
    font-weight: bold;
    font-size: 15px;
}
.bg-gns .phone-text p,
.bg-mg .phone-text p,
.bg-sunplus .phone-text p {
    width: 344px;
}
.template2 h4 {
    position: relative;
    font-weight: normal;
}
.bg-ball h4,
.bg-aglive h4 {
    margin-bottom: 18px;
    padding-left: 135px;
    line-height: 82px;
}
.bg-ball h4:before,
.bg-aglive h4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 128px;
    height: 82px;
    background: url('../infe/img/rule/mobile/index/aio/in/mobile-phone.html') -420px -393px;
}
.bg-ball h4:before {
    background-position: -558px -393px;
}
.bg-gns .phone-box2,
.bg-mg .phone-box2,
.bg-isb .phone-box2,
.bg-ltlottery .phone-box2 {
    display: none;
}
.bg-gns .phone-text,
.bg-mg .phone-text {
    margin: 21px 0 0 470px;
}

.phone-box {
    float: left;height: 740px;
    padding-left: 35px;
    width: 470px;
    color: #FFF;
}
.phone-box.straight .screenshot {
    margin: 14px 0 6px 208px;
    padding: 46px 15px 50px 16px;
    width: 192px;
    height: 378px;
    line-height: 282px;
    background: url('../infe/img/rule/mobile/index/aio/in/mobile-phone.html') -928px -5px no-repeat;
}
.straight img {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
}
.phone-box.horizontal .screenshot {
    margin: 190px 0 3px 0;
  
  
}

.tab{ display:none;}
.horizontal img {
    display: block;

}

.fn{ width:200px; margin-top: 730px;
    margin-left: 725px;
	
	}
.fn ul li{ display:block; width:15px; height:15px; float:left; background-color:#fff; border-radius:12px; margin-right:15px; cursor:pointer;}
.fn ul li.cur{ width:15px; height:15px; float:left; background-color:#e5f809;}

.phone-box.straight h4,
.phone-box.straight p {
    margin-left: 120px;
}
.phone-box.horizontal h4,
.phone-box.horizontal p {
    margin-left: 10px;
}
.phone-box h4 {
    padding: 0px 0 5px;
    color: #FFF;
    font-size: 26px;
    font-weight: normal;
}
.phone-box p {
    padding-bottom: 15px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
}
.icon-box {margin-left: 82px;
    float: left;
    padding: 180px 0 0 40px;
    width: 407px;
}
.icon-box ul {
    height: 540px;
    overflow: hidden;
}
.icon-box li {
    float: left;
    margin: 5px 7px 0;
    position: relative;
    max-width: 100px;
    cursor: pointer;
}
.icon-box li.newitem:before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    width: 55px;
    height: 53px;
   
}
.icon-box span {
    display: block;
    height: 30px;
    line-height: 27px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.icon-box li:hover span {
    color: #FFF;
}
.icon-box img {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
}
.icon-box li:hover img,
.icon-box li.active img {
    border-color: #26FFFF;
}
.icon-pager {
    padding-top: 10px;
    text-align: center;
}
.icon-pager a {
    display: inline-block;
    margin: 0 2.5px;
    width: 14px;
    height: 14px;
    background: #FFF;
    border: 3px solid #FFF;
    border-radius: 100%;
}
.icon-pager a.current {
    background: transparent;
}

.game-stage {
    min-height: 30px;
    text-align: center;
}
.game-stage div {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    background-image: url('../infe/img/rule/mobile/index/aio/icon.html');
}
.icon-android { background-position: -5px -5px;}
.icon-ios { background-position: -5px -45px;}
.icon-html5 { background-position: -45px -5px;}
.straight .game-stage {
    margin-left: 204px;
    width: 202px;
}
.horizontal .game-stage {
    margin-left: 64px;
    width: 370px;
}
.n1x{ position:absolute; left:-30px; top:110px; opacity:1;}
.n2x{ position:absolute; right:0px; top:110px; opacity:1;}
.n3x{ position:absolute;    left: 235px;
    top: 330px; opacity:1;-moz-animation-delay: .5s;
	-webkit-animation-delay:.5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
.n4x{ position:absolute;left: 570px;
    top: 332px; opacity:1;-moz-animation-delay: .5s;
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
.n5x{ position:absolute; left: 334px;
    top: 110px; opacity:1;-moz-animation-delay: .5s;
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}