span{ display: inline-block; }
.banner { width: 100%; height: 800px; position: relative; z-index: 1001; overflow: hidden; background:url('../images/banner.jpg'); margin:0 auto;}
.banner2{ background:url('../images/banner2.jpg');}
.banner3{ background:url('../images/banner3.jpg');}
.f-o-ban{ position: absolute; mix-blend-mode: lighten; z-index: 99}
.banner .hd { width: 200px; height: 60px; background: rgba(0, 0, 0, 0.4); position: absolute; left: 50%; bottom: 30px; z-index: 100; margin-left: -100px; text-align: center; font-size: 0;}
.banner .hd ul { display: inline-block; margin: 25px 20px 0; position: relative; }
.banner .hd ul:before, .banner .hd ul:after { content: ''; position: absolute; left: -28px; top: 4px; width: 33px; height: 1px; background: rgba(255, 255, 255, 0.4); }
.banner .hd ul:after { left: auto; right: -28px; }
.banner .hd li { display: inline-block; vertical-align: top; width: 6px; height: 6px; outline: 2px solid #fff; outline: 2px solid rgba(255, 255, 255, 0.4); padding: 2px; margin: 0 8px; -moz-transition: outline-color 0.4s; -o-transition: outline-color 0.4s; -webkit-transition: outline-color 0.4s; transition: outline-color 0.4s; }
.banner .hd li + li:before { content: ''; position: absolute; width: 10px; height: 1px; background: rgba(255, 255, 255, 0.4); margin-left: -15px; margin-top: 2px; }
.banner .hd li:after { content: ''; display: inline-block; width: 100%; height: 100%; background: #ff3a3a; opacity: 0; visibility: hidden; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.banner .hd li.on { outline-color: #ff3a3a; }

.banner .bd { height: 760px; }
.banner .bg { position: absolute; width: 1920px; height: 760px; top: 0; left: 50%; margin-left: -960px; z-index: -1; }
.banner .bd-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block !important; visibility: hidden; }
.banner .bd-item.on { visibility: visible; }
.banner .bd-inner { position: relative; height: 100%; }
.banner .bd-inner dl { position: relative; z-index: 100; }
.banner .name { font-size: 48px; color: #fffd57; font-weight: bold; padding-top: 205px; margin-bottom: 45px; letter-spacing: 3px; }
.banner .name b { font-size: 60px; font-weight: inherit; }
.ver-img a {  
  display: block; /* �� inline-block */  
  width: 100%; /* �̳и�Ԫ�صĿ�� */  
  height: auto; /* �߶�����Ӧ��ͨ������ͼƬ */  
}

/******************************************************************************/

.icon{ background:url('../images/icon.png') no-repeat}
.in-top{ width:99px; height:50px; background-position: -40px -239px;}
.one-left{ width:195px; height:527px; position: absolute; top:9%; left:21%;}
.one-left li{ text-align:center;}
.icon-top{ width:99px; height:50px; background-position: -41px -239px; }
.icon-bt{ width:99px; height:50px; background-position: -41px -87px;}
.icon-line{ width:10px; height:37px; background-position: -299px -184px;}
.one-li-block span{ width:100%; height:35px; line-height:35px; font-size:16px;  display: block; text-align:center;}
.one-li-block span:last-child{ font-size:24px;  margin-bottom:10px; font-weight: 600; color:#C1A269;}
.ewm-img{ margin:10px auto;}
.ewm-img span{ margin-bottom:10px; font-weight: 600; color:#C1A269;}
.ewm-img .ewm-img-border{ width:130px; height:130px; border:5px solid #fff;}
.ewm-img span{ display: block; width:100%; height:30px; line-height:30px; text-align:center; color:#BB9E62;}
.loop-v-box,.first-v-box{ position:absolute; width:1920px; height:800px; left:50%; margin-left:-960px; top:0;  overflow:hidden;}
.first-v-box{ z-index:10;}
#loop-v,#enter-v{ width:100%;}

.one-logo{ width:816px; height:290px; position: absolute; top:4%; left:14%!important;}
.one-txt{ width:550px; height:40px; line-height:40px; font-size:26px; font-weight: 700; text-align:center; position: absolute; bottom:35%; left:35.5%; letter-spacing: .2em; color:#C09D5D; }
.one-txt-line{ width:370px; height:20px; position: absolute; bottom:15%; left:40%; background-position: -31px -424px;}
.one-down{ width:430px; height:130px; position: absolute; left:23%; bottom:15%; border: 2px solid #732010; border-radius: 10px;}
.one-ewm{ width:178px; height:111px; float:left; background:url('../images/o-ewm.png') no-repeat; margin-left:15px; margin-top:10px;}
.qrcode{ width:100px; height:100px; background:#000000; float:right; margin-left:10px; margin-right:15px; margin-top:5px;}
.qrcode img{ width:100px; height:100px;}
.one-pc-down{ width:218px; height:69px; float:right;  margin-right:10px;}
.one-pc-down img{ margin-top:30px;}
.one-two-txt{ width:742px; height:142px; position: absolute; bottom:40%; left:15%;}


.two-logo{ width:376px; height:260px; background-position: -894px -68px; position: absolute; left:23%; top:5%;}
.two-logo-txt{ width:1302px; height:424px;  position: absolute; left:27%;bottom:0; z-index: 9}
.two-rw{ width:759px; height:691px; background-position: -1076px -456px; position: absolute; right:10%; top:0;}

.three-logo{ width:332px; height:238px; background-position: -499px -71px; position:absolute; right:25%; top:5%;}
.three-rw{ width:1007px; height:664px; background-position: -70px -519px; position: absolute; left:5%; top:0;}
.three-txt{ width:656px; height:246px;  position: absolute; left:30%; top:15%;}
.one-sp-sub{ width: 260px; height: 70px;   cursor: pointer;  position: absolute;   bottom: -95px;   left: 28%;   z-index: 9999; }
.ap-sub{ width:232px; height:79px; cursor: pointer; position: absolute; bottom:56px; left:30%; z-index: 9999 }

.three-left-nav{ width:225px; height:656px; background:url('../images/three-left-nav.png') no-repeat; position:absolute; left:10%;}
.three-left-nav .wechat{ width:90px; height:90px; margin:153px auto auto 64px;}
.three-left-nav .wechat img{ width:90px; height:90px;}
.three-left-nav .tel{ font-size:20px; color:#e9d499; font-weight: 600; width:100%; height:60px;
    line-height:60px; text-align:center; margin-top:110px;}
.three-left-nav .qq{ font-size:20px; color:#e9d499; font-weight: 600; width:100%; height:60px;
    line-height:60px; text-align:center; margin-top:100px;}
	
	
	
	.games{float:left;width:320px;height:370px;position:relative;overflow:hidden;margin-right:18px;margin-bottom:16px;padding-top:0px;padding-right:0px;padding-left:0px;}