span{ display: inline-block; }
.banner { width: 100%; height: 656px;   position: relative; z-index: 1001; overflow: hidden; background:url('../images/banner.jpg');  }
.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: 17%;
    height: 30px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 45%;
    bottom: 0;
    z-index: 100;
    margin-left: -100px;
    text-align: center;
    font-size: 0;}
.banner .hd ul { display: inline-block; margin: 10px 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; }

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

.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;}

.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:8%; top:5%;}
.two-logo-txt{ width:1302px; height:424px;  position: absolute; right:15%; top:18%; 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%; bottom:10%;}
.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;}


/***************************************���************************************************************/
.i-video-box{ width:1200px; height:auto;  margin:0 auto;}
.i-video-title{ width:1180px; height:50px; color:#cdad74; margin:0 auto 10px auto; border-bottom:1px solid #362a1c}
.i-video-title span{ width:170px; height:50px;  line-height:50px; text-align:center; display: block; float:left; font-size:20px; font-weight: 700}
.i-video-title span:first-child i{  line-height:60px;  margin-left:2%; display: inline-block; float:right; font-size:14px!important;  font-weight: 500!important;}
.i-video-title span:last-child{ float:right; text-align:right; margin-right:20px;}
.i-video-title span:last-child i{ margin-right:10px;}
.i-video-title span:last-child a,.i-video-title span:last-child a:hover{ color:#cdad74}
.i-video-body{ width:1180px; margin:0 auto;}
.i-video-body ul{ width:100%}
.i-video-body ul li{ width:33.3%; height:270px; float:left; margin:10px auto;}
.i-video-body ul li div:first-child{ width:350px; height:210px;  margin:0 auto; position:relative}
.i-video-body ul li div:first-child>img{ position:absolute; z-index: 1; width:350px;height:208px; }
.i-video-body ul li div:first-child div{ width:63px; height:63px; position:absolute; top:38%; left:40%; z-index: 2; animation: 1s opacity2 0s infinite; -webkit-animation: 1s opacity2 0s infinite;-moz-animation: 1s opacity2 0s infinite;}
.i-video-body ul li div:last-child{ width:350px; height:50px; line-height:25px;  margin:0 auto; background:#020001; overflow: hidden;}
.i-video-body ul li div:last-child span{ width:90%; height:25px; line-height:25px; display: block; margin:0 auto; }
.i-video-body ul li div:last-child span:first-child{ font-weight: 700; font-size:16px; color:#ceae71; margin-top:1px; line-height:45px;}
.i-video-body ul li div:last-child span:last-child{ font-weight: 500; font-size:14px; color:#6e5b3a!important;}


.i-scree-box{ width:1200px; height:auto;  margin:15px auto;}
.i-scree-title{  width:1180px; height:50px; color:#cdad74; margin:0 auto 10px auto; border-bottom:1px solid #362a1c}
.i-scree-title span{ width:220px; height:50px;  line-height:50px; text-align:center; display: block; float:left; font-size:20px; font-weight: 700}
.i-scree-title span:first-child i{  line-height:60px; margin-left:2%; display: inline-block; float:right; font-size:14px!important;   font-weight: 500!important; }
.i-scree-title span:last-child{ float:right; text-align:right; margin-right:20px;}
.i-scree-title span:last-child i{ margin-right:10px;}
.i-scree-title span:last-child a,.i-scree-title span:last-child a:hover{ color:#cdad74}
.i-scree-body{ width:1180px; margin:0 auto;}
.i-scree-body ul{ width:100%}
.i-scree-body ul li{ width:25%; height:130px; float:left; margin:10px auto; position:relative }
.i-scree-body ul li .zd{ width:270px; height:130px; position:absolute; z-index: 2; background:rgba(0,0,0,.5); left:12px;}
.i-scree-body ul li:hover .zd{ background:none; cursor: pointer}
.i-scree-body ul li .pic{ width:270px; height:130px; position:absolute; z-index: 1;  left:12px;}
.i-scree-body ul li .pic img{ width:270px; height:130px;}
.i-scree-body ul li div:first-child{ width:270px; height:130px;  margin:0 auto; }

.video-body{ width:96%; margin:0 auto; }
.video-body ul{ width:100%}
.video-body ul li{ width:49%; height:250px; float:left; margin:10px .5% 0 .5%;}
.video-body ul li div:first-child{ width:96%; height:195px;  margin:0 auto; position:relative}
.video-body ul li div:first-child>img{ width:100%; position:absolute; z-index: 1;}
.video-body ul li div:first-child div{ width:63px; height:63px; position:absolute; top:38%; left:40%; z-index: 2}
.video-body ul li div:last-child{ width:96%; height:50px; line-height:25px;  margin:0 auto; background:#020001; overflow: hidden;}
.video-body ul li div:last-child span{ width:90%; height:25px; line-height:25px; display: block; margin:0 auto; }
.video-body ul li div:last-child span:first-child{ font-weight: 700; font-size:16px; color:#ceae71; margin-top:1px;}
.video-body ul li div:last-child span:last-child{ font-weight: 500; font-size:14px; color:#6e5b3a!important;}


.scree-body{ width:100%; margin:0 auto;}
.scree-body ul{ width:100%}
.scree-body ul li{ width:50%; height:130px; float:left; margin:10px auto;}
.scree-body ul li div:first-child{ width:270px; height:130px;  margin:0 auto;}



.tit{ height:40px!important; margin:10px auto 10px auto;}
.tit a span{  display:inline-block; margin-top:8px;}
.tit ul{ width:100%;}
.tit ul li{ width:21%; height:40px; line-height:40px; text-align:center; float:left; color:#AC9866; cursor: pointer}
.tit ul li img{ margin-top:10px;}
.tit ul li:last-child:hover{ background:none!important;}
.tit ul li.active,.tit ul li:hover{ background:#8D1E0D; color:#FFFFFD; font-size:16px; font-weight: 700}
.list-wrap-li{ width:100%; height:auto;}
.list-wrap .list-wrap-li{ display: none}

.art-video-ban{ width:100%; height:150px; margin:0 auto;}
.art-video-tit{ width:100%; height:50px; line-height:50px; margin:0 auto; color:#CEC698; background: #140A08;}
.art-video-tit span{ width:1200px; margin:0 auto; display: block}
.art-video-body{ width:100%; height:auto; background:#1D0F0C;}

.video-ul{ width:1200px; height:auto; margin: 0 auto; background:#261410;}
.video-left{ width:900px; height:515px; margin:5px; float:left;}
.video-right{ width:280px; height:auto; margin:5px; float:right; }
.video-right-tit{ width:98%; height:40px; line-height:40px; font-size:16px; color:#D5B568; font-weight: 700; margin:0 auto;}
.video-right-li{ width:100%; height:90px; border-bottom:1px solid #382622; margin:5px auto 0 auto;}
.video-right-li-left,.video-right-li-right{ width:50%; float:left;}
.video-right-li-left img{ margin-top:5px;}
.video-right-li-right span{ width: 100%; line-height:25px; display: block}
.video-right-li-right span i{ height:25px; margin-right:10px; overflow: hidden}
.video-right-li-right span i img{ margin-top:3px;}
.video-right .video-right-li:last-child{ border-bottom:none;}

.video-scree{ width:1200px; height:auto; margin:0 auto 10px auto;}
.video-scree-tit{ width:1200px; height:45px; line-height:45px; font-size:20px; font-weight: 700; color:#D3B668;}

.art-zh-box{ width:1200px; height:auto; margin:0 auto;}
.art-zh-left{ width:755px; height:525px; float:left; overflow: hidden; }
.art-zh-right{ width:425px; height:525px; float:right; overflow: hidden; }
.art-zh-left-tit,.art-zh-right-tit{ width:100%; height:40px; line-height:40px; text-indent: .2rem; font-size:18px; color:#D2B766; font-weight: 700;}
.art-zh-li-box{ width:100%; height:auto; background:#261410;}
.art-zh-li-li{ width:100%; height:45px; line-height:45px; border-bottom:1px  dashed #3A2824;  margin:0 auto;}
.art-zh-tag1{ width:90%; height:auto; margin:0 auto;}
.art-zh-li-li span{ display: inline-block; width:40%; }
.art-zh-li-li span:last-child{ width:18%;}

.art-zh-li-box .art-zh-li-li:last-child{ border-bottom:none;}
.art-zh-li-right{ width:100%; height:46px; line-height:46px; }
.art-zh-li-right:hover{ background:#2D1813; cursor: pointer}
.art-zh-li-right span{ display: inline-block; font-size:16px; color:#BEB9A6;}
.art-zh-li-right span:first-child{ width:70%; text-indent: 2rem;}
.art-zh-li-right span:last-child{ width:28%; text-align:center;}

.art-zh-li-li.active{ height:90px;}
.art-zh-li-li:hover{ height:90px; cursor: pointer}
.art-zh-li-li:hover .art-zh-tag1{ display: none;}
.art-zh-li-li:hover .art-zh-tag2{ display: block;}
.art-zh-li-li.active .art-zh-tag1{ display: none;}
.art-zh-li-li.active .art-zh-tag2{ display: block;}

.art-zh-li-box .art-zh-li-li.active .art-zh-tag1{ display: none;}
.art-zh-li-box .art-zh-li-li.active .art-zh-tag2{ display: block;}


.art-zh-tag2{ width:90%; height:auto; margin:0 auto; display: none}
.art-zh-tag2 span{ width:25%; height:90px; line-height:90px; text-align:center; display: inline-block; float:left; color:#B12A0D;}
.art-zh-tag2 span:first-child{ text-align:left;}
.art-zh-tag2 span img{ margin-top:3px;}
.game-start{  padding:5px 25px; background:red; border-radius: 15px; font-weight: 700; font-size: 16px; color:#fff; cursor: pointer;}

.video-scree-box{ width:1080px; height:180px; overflow: hidden; float:left}
.video-scree-list{  height:170px;  margin-top:5px;  float:left; overflow: hidden;}
.video-scree-list li{ width:250px; height:170px; margin:0 10px; float:left;}
.video-scree-list li img{ width:250px; height:170px;}
.video-scree-right{ float:right; }
.video-scree-right img{ margin-top:25px;}

.video-video{ width:1200px; height:auto; margin:0 auto; }
.video-video-tit{ width:1200px; height:60px; line-height:60px;  text-indent: .2rem; font-size:18px; color:#D2B766; font-weight: 700;}
.video-video-box{  width:1200px; height:250px; background:#261410}
.video-video-list{ width:1190px; height:auto; margin:0 auto;}
.video-video-list li{ width:25%; height:230px; float:left; margin:10px auto; text-align:center; position:relative}
.video-video-list li>img{ width:97%;; height:230px; position:absolute; z-index: 1; left:5px;}
.video-video-list li div{ position:absolute; z-index: 2; width:63px; height:63px; left:38%; top:35%; }

.video-video-list li .video-submit-play{ animation: 1s opacity2 0s infinite; -webkit-animation: 1s opacity2 0s infinite;-moz-animation: 1s opacity2 0s infinite;}
@keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}
@-webkit-keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}
@-moz-keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}

.scree-ul{ width:1200px; height:auto;  margin:0 auto; overflow: hidden;}
.scree-scree-box{  width:1200px; height:440px;  margin:15px auto!important; background:#261410; position:relative}
.scree-scree-box .left{ width:120px; height:440px;  float:left; text-align:center;}
.scree-scree-box .center{ width:960px; height:440px; background:red; float:left;}
.scree-scree-box .center img{ width:960px; height:440px;}
.scree-scree-box .right{ width:120px; height:440px; float:right; text-align:center;}
.scree-scree-box .left i,.scree-scree-box .right i{ width:70px; height:70px; margin:180px auto; display: inline-block;}
.scree-list{ width:1200px; height:200px; margin:15px auto; background:#261410; position:relative}
.scree-list .left{ width:80px; height:200px; float:left; text-align:center;}
.scree-list .center{ width:1040px; height:200px; float:left}
.scree-list .right{ width:80px; height:200px; float:right; text-align:center;}
.scree-list .left i,.scree-list .right i{ width:35px; height:35px; margin:90px auto; display: inline-block; }
.scree-list .center ul{ width:100%; height:200px;}
.scree-list .center ul li{ width:25%; height:200px; float:left;}
.scree-list .center ul li img{ width:240px; height:160px; margin:20px auto;}
.scree-list .center ul li.active img{ border:2px solid #D3B668;}

/*****************************************************************************/
#wrapper{width:1200px; height:630px; margin:0 auto}
.titleh3{height:70px; line-height:70px; text-align:center;  width:1200px; margin:0 auto; font-size:26px; color:#000}
.titleh4{text-align:center; font-size:12px; color:#000; font-weight:400; padding:10px 0 20px 0}
.imgnav{width:900px; height:400px; margin:10px auto}
#content{margin:0 auto; line-height:19px}
#content p{text-indent: 2em;color:#333}
.imgnav{position:relative; margin:0 auto; width:1200px}
#img{z-index:10;width:900px;position:relative;text-align:center; margin:0 auto 15px auto;}
#img>img{ width:900px; height:400px; display:none; border:4px solid #000}
#front{ position:absolute; left:-100px; top:35%; z-index:10; cursor:pointer; width:70px; height:70px;}
#next{position:absolute; right:-100px; top:35%; z-index:10; cursor:pointer; width:70px; height:70px;}
#cbtn{position:relative; width:1200px; height:200px; background:#261410;}
#cbtn ul{position:relative; width:10000px; height:200px; overflow:hidden;}
#cbtn ul li{float:left; width:240px; height:200px; margin:0 19px; cursor:pointer; text-align:center; position:relative}
#cbtn ul li img{width:240px; height:160px; margin:20px auto; display:block}
#cbtn ul li.hov img{border:2px solid #D3B668;}
#cSlideUl{width:1100px; height:200px; overflow:hidden; position:relative; margin:0 auto}
.picSildeLeft{cursor:pointer; position:absolute; top:40%; left:10px; z-index:9}
.picSildeRight{cursor:pointer; position:absolute; top:40%; right:10px; z-index:9}

.pb-box{ width:1280px; height:auto; margin:-520px auto 0 auto; position:relative; top:20%; z-index: 9999; background:#d5c4a6; }
.pb-box .title{ width:100%; height:75px; color:#73470d!important;}
.pb-box .title span{ display: inline-block; padding:0 15px; text-align: center; line-height:75px; }
.pb-box .title span:first-child{ font-size:24px;}

.banner4{ background:url('../images/banner4.jpg');width: 100%;overflow-x: hidden;}
.four-logo-txt{width: 1920px;height:656px;position: relative;}
.four-down{position: absolute;left: 1104px;top: 463px;width: 216px;height: 67px;}
.four-down a{display: block;width: 100%;height: 100%;}
/****************************************************************************************/
/* ---------------------------------------------------------------------------------------------- */
.f-r-bot-top{ position:relative;}
.f-r-bot-top .title{ position:absolute; top:0;}
.f-r-box-close{ top:280px;}
.f-r-x{ width:196px; height:89px; background:url('../images/20-tou.png') no-repeat; position:absolute; top:-10px; z-index: 99;}
.f-r-dl{ width:273px; height:314px; position:absolute; right:-203px; top:-0px;}
.f-r-body .main{ position:relative; z-index: 999}

.main-box{ position:relative;}
.f-l-bp{ width:187px; height:496px; background:url('../images/20-bp.png') no-repeat; position:absolute; left:-140px; top:190px; z-index: 9}

.one-down{ width:544px; height:205px; position: absolute; left:36%; bottom:12%; background:url('../images/one-down.png') no-repeat; border:none; border-radius: 10px;}
.one-ewm{ width:120px; height:111px; float:right; background:none;  margin-right:95px; margin-top:40px;}
.qrcode{ width:100px; height:100px; background:#000000; float:right; margin-left:10px; margin-right:15px; margin-top:2px;}
.qrcode img{ width:100px; height:100px; border:5px solid #fff;}
.one-pc-down{ width:172px; height:110px; float:left; margin-top:40px; cursor: pointer; text-align: right;  margin-left:140px; margin-right:0; position:relative; z-index:999;}
.one-pc-down img{ margin-top:5px; margin-right:15px;}
.one-two-txt{ width:742px; height:142px; position: absolute; bottom:40%; left:15%;}

.alert-2020{ width:100%; height:auto; background:rgba(0,0,0,.5); text-align:center; position:fixed; z-index: 9999999; text-align:center;}
.alert-2020 img{ margin:190px auto;}

.alert-icon{ position:absolute; left:20px; bottom:-120px;}
/* .f-r-box{ top:18%!important;} */

.alert-2020-close{ position:absolute; right:14.5%; top:0; cursor: pointer;}
.ban3-down{ position:absolute; width:249px; height:63px; left:40.5%; bottom:10%; cursor: pointer;z-index:999999;}

/************************************************************************************************************/
/* .ban1-down{ width:460px; height:197px; background:url('../images/ban-down.png?aa') no-repeat; position:absolute; top:435px; left:725px; z-index: 9999;}
.ban1-down .left{ width:136px; height:123px;  float:left; margin-top:15px; margin-left:17px; cursor: pointer; }
.ban1-down .left img{ margin-left:40px; margin-top:30px;}
.ban1-down .left:hover img{ animation:mymove .8s infinite;}
@keyframes mymove
	{
	from {margin-top:30px;}
	to {margin-top:33px;}
}

@-webkit-keyframes mymove
{
  from {margin-top:30px;}
	to {margin-top:33px;}
}
.ban1-down .right{ width:99px; height:99px; float:left; margin-top:36px; margin-left:80px;}
.ban1-down .right img{ width:120px; height:120px;} */

/****************2020/9/28 首页-下载 开始******************/
.ban1-down{ width:563px; height:185px; background:url('../images/ban-down.png?aa') no-repeat; position:absolute; top:450px; left:0;right: 0;margin: 0 auto; z-index: 9999;}
.ban1-down .left{ width:100px; height:100px;  float:left; margin-top:37px; margin-left:75px; cursor: pointer; }
.ban1-down .left img{ width:100px; height:100px;}
/* .ban1-down .left:hover img{ animation:mymove .8s infinite;} */
@keyframes mymove
	{
	from {margin-top:52px;}
	to {margin-top:58px;}
}

/*Safari �� Chrome:*/
@-webkit-keyframes mymove
{
  from {margin-top:52px;}
	to {margin-top:58px;}
}
.ban1-down .center{ width:100px; height:100px; float:left; margin-top:36px; margin-left:80px;}
.ban1-down .center img{ width:100px; height:100px;}
.ban1-down .right{
    width: 88px;
    height: 77px;
    float: left;
    margin: 52px 0 0 34px;
}
.ban1-down .right:hover{animation:mymove .8s infinite;}
.ban1-down .right img{width: 88px;height: 77px;}

/****************2020/9/28 首页-下载 结束******************/


.ban2-down{ width:344px; height:152px; background:url('../images/ban2-down.png') no-repeat; position:absolute; top:455px; left:605px; z-index: 99}
.ban2-down .left{ width:136px; height:123px;  float:left; margin-top:15px; margin-left:17px; cursor: pointer; }
.ban2-down .right{ width:99px; height:99px; float:left; margin-top:25px; margin-left:18px;}
.ban2-down .right img{ width:99px; height:99px;}

.ban3-down{ width:344px!important; height:152px!important; background:url('../images/ban3-down.png') no-repeat; position:absolute; z-index: 99}
.ban3-down .left{ width:136px; height:123px;  float:left; margin-top:15px; margin-left:17px; cursor: pointer; }
.ban3-down .right{ width:99px; height:99px; float:left; margin-top:25px; margin-left:18px;}
.ban3-down .right img{ width:99px; height:99px;}
.ban4-down{ width:344px; height:152px; background:url('../images/ban4-down.png') no-repeat; position:absolute; bottom:20px; left:790px; z-index: 99;}
.ban4-down .left{ width:136px; height:123px;  float:left; margin-top:15px; margin-left:17px; cursor: pointer; }
.ban4-down .right{ width:99px; height:99px; float:left; margin-top:23px; margin-left:15px;}
.ban4-down .right img{ width:99px; height:99px; border:3px solid #fff;}