﻿@charset "utf-8";

@import url(../css/swiper.css);
/* CSS Document */
body{background:#220200 url(../images/webbg.jpg) repeat-y center;}
.none{display:none;}
  a{color:#7989af;text-decoration:none;outline:none;hide-focus:expression(this.hideFocus=true);background-color:transparent;-webkit-tap-highlight-color:transparent;}
.wrap,.wrapTop,.content{ margin:0px auto;padding:0px;}
.wraps{ margin:0px auto;padding:0px;background:url(../images/wxuanfu.jpg) no-repeat bottom;}
.wrap{width:100%;overflow:hidden;position:relative;margin-top:-400px;}

.shipin {
}

/***导航END***/
/*二维码*/
.erweima{position: fixed;right:-24px;bottom:-90px;width:208px;height:290px;padding: 0;list-style-type: none;z-index: 70;}
.ewm {position:absolute;top:0px;}
.closexx{color:#9bb5e0;z-index: 100;position: absolute;top:20px;right:15px;width:30px;height: 30px;font-size: 16px;display: block;background:url(../images/kefuxx_02.png) no-repeat;}
.ewm img{ display:block; width:205px; height:auto;}


#flash{width:96px;height:450px;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:40px;top:0px;margin-top:0px;z-index:6000;}
#flash a{text-indent:-99em;overflow:hidden;}
#flash a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left top;display:block;}
#flash a.btn_kefu:hover{background-position:-130px top ;}
#flash a.btn_top{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left -61px;display:block;}
#flash a.btn_top:hover{background-position:-130px -61px ;}
#flash .erweimaa{width:68px;height:102px;padding-top:0px;}
#flash .erweimaa img{margin:0 auto 3px;width:118px;height:117px;display:block;}
#onlinflasheKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}




.logott{width:192px;height:141px;position:absolute;left:50%;margin-left: -140px;overflow: hidden;z-index:888;background: url(../images/logozs.png) no-repeat center top;text-indent: -9999em;}
.logott a {background: url(../images/logozs.png) no-repeat center top;width:188px;height:56px;
top:5px;z-index: 2;}
.tnd {overflow: hidden;text-indent: -9999em;}
.wrapTop h2{display:none;}
/*********通用头部END***********/
.maintt_01{margin:0 auto;width:1310px;margin-bottom:15px;overflow:hidden;}
.colW_l{width:320px;float:left;}
.colZ_l{width:640px;float:left;}
.ttDown{ margin-right:15px;position:relative;}
.ttDown .downGame{width:320px;height:162px;background:  url(../images/btntt.png) no-repeat 0px 0px;display:block;text-indent: -9999em;}
.ttDown .downGame:hover{width:320px;height:162px;background:  url(../images/btntt-h.png) no-repeat 0px 0px;display:block;text-indent: -9999em;}
.downLink{width:320px;height:130px;}
.downLink a{display:block;width:320px;height:65px;float:left;;text-indent: -9999em;}
.downLink .btntt01{background:url(../images/down1.png) no-repeat;}
.downLink .btntt02{background:url(../images/down2.png) no-repeat;}
.downLink .btntt01:hover{background:url(../images/down11.png) no-repeat;}
.downLink .btntt02:hover{background:url(../images/down21.png) no-repeat;}
/*游戏下载*/

.bannerBox{width:640px;height:288px;background: #17212a;background:  url(../images/banner1.jpg) no-repeat 0px 0px;}
.banner{ width:640px; height:288px; position:relative; overflow:hidden;}
.banner .num{ position:absolute;right:0; bottom:0; z-index:10;width:640px; padding-right:8px; height:30px; text-align:right;}
.banner .num span{ width:10px; height:10px; display:inline-block;border-radius:10px; line-height:20px;text-indent:-9999px; font-size:14px; text-align:center; margin:5px 2px 0; cursor:pointer; background:#222; color:#fff;}
.banner .num span.cur{ background:#FF0000;color:#fff;}
.banner .pic{ position:relative; z-index:5;}
.banner .pic li{ position:absolute; display:none;}
.banner .pic li img{ width:640px; height:288px; display:block;}
/*游戏bannerEND*/
.gameTese {margin-left:15px;width: 320px;background:#fff;height: 288px;top: 0;transition: 1s all ease-in;}
.teseBox{width:320px;height:158px;color:#bd9b6c;font-size:16px;}
.gameTese {margin-left:15px;width: 320px;background:#fff;height: 288px;top: 0;transition: 1s all ease-in;background: url(../images/gameTese.jpg) center top no-repeat;}
.gameTese:hover {margin-left:15px;width: 320px;background:#fff;height: 288px;top: 0;background: url(../images/gameTese-h.jpg) center top no-repeat;}
.teseLink  h2{font-size:16px;width:100%;font-weight: normal;color:#bd9b6c;display:block;}
.teseLink   span{float:left;width:210px;}
.teseLink   h2 .btntt0{float:left;background:none;display:block;width:60px;font-size:14px;}
.teseLink   h2  .moreAn{position:absolute;  right:0px; background:url(../images/btntt.png)  no-repeat -621px 2px; display: block;width:9px;height:9px;padding:6px;border: 1px solid #dfe0e1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;overflow: hidden;}
 .teseLink   h2 .moreAn:hover {border: 1px solid #e0bb7f;  }
.teseLink {width:320px;background: url(../images/teseBj.jpg) center bottom no-repeat;height:130px;padding:0px;position:relative;}
.teseLink .teseGameB img{display:inline-block;float:left;background: url(../images/sq.jpg) center bottom no-repeat;height:65px;width: 320px;}
.teseLink .teseGamec img{display:inline-block;float:left;background: url(../images/jb.jpg) center bottom no-repeat;height:65px;width: 320px;}
/***游戏特色***/
.maintt_02{margin:0 auto;width:1310px;margin-top:15px;position:relative;overflow:hidden;}
.quickNav{background-image:url(../images/navs_bg.png);height:530px;position:relative;margin-right:15px;}
.qnav-a .icon{background-image:url(../images/icon.png);background-repeat:no-repeat;}
.avnav .singla{display:block;position:absolute;top:0;left:0;width:100%;padding:15px 0 0;height:45px;color:#fe0a0a;}
.qnav{background:#fff;margin:15px 15px 0 0;}
.qnav-a .singla{display:block;position:absolute;top:0;left:0;width:100%;font-size: 14px;color:#fe0a0a;}
.qnav-a{width:100%;height:100%;margin-top:10px;}
.qnav-a .qnav-i{position:relative;float:left;height:45px;text-align:center;overflow:hidden;-webkit-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;}
.navdown{display:none;}
.qnav-a .qnav-l{width:280px;border-bottom:1px dashed #fe0a0a;margin-top:5px;margin-left:18px;}
.qnav-a .qnav-r{width:280px;border-bottom:1px dashed #fe0a0a;margin-top:5px;margin-left:18px;}
.qnav-a .qnav-vm{height:45px;}
.qnav-a .icon{display:block;position:absolute;left:50%;width:45px;height:45px;margin:0 0 0 -22px;-webkit-transition:all .7s ease-out 0s;transition:all .7s ease-out 0s;}
.qnav-a .singla{padding:10px 0 0;height:45px;-webkit-transition:all .3s ease-out 0s,padding .3s ease-out .05s,height .3s ease-out .05s;transition:all .3s ease-out 0s,padding .3s ease-out .05s,height .3s ease-out .05s;}
.qnav-a .qnav-1 .icon{background-position:50% -1199px;}
.qnav-a .qnav-2 .icon{background-position:50% -1911px;}
.qnav-a .qnav-3 .icon{background-position:50% -1555px;}
.qnav-a .qnav-4 .icon{background-position:50% -1377px;}
.qnav-a .qnav-5 .icon{background-position:50% -1733px;}
.qnav-a .qnav-6 .icon{background-position:50% -2089px;}
.qnav-a .cur,.qnav-a .qnav-i:hover{}
.qnav-a .cur .icon,.qnav-a .qnav-i:hover .icon{top:-44px;opacity:0;}
.qnav-a .cur .singla,.qnav-a .qnav-i:hover .singla{color:#fff;padding:10px 0 0;height:45px;}
.hotrotate{position:relative;overflow:hidden;background:#fff;}
/**游戏快速导航**/
/* tabbtn */

.newttBox{background-image:url(../images/news_bg.png);width:955px;margin-left:-10px;height:500px;padding:15px;position:relative;}
.tabbtn{left:10px;height:30px;border-bottom:dashed 1px #fe0a0a;width:940px;}
.tabbtn li{float:left;position:relative;margin:0 0 0 15px;}
.tabbtn li a{display:block;float:left;height:30px;line-height:30px;overflow:hidden;width:80px;text-align:center;font-size:16px;cursor:pointer;}
.tabbtn li.current{}
.tabbtn li.current a{border-bottom:solid 2px #fe0a0a;height:30px;line-height:30px;background:#333;color:#FFF;font-weight:800;}
/* tabcon */
.tabcon{width:940px;position:relative;/*必要元素*/height:490px;overflow:hidden;}
.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}
.tabcon .sublist{padding:5px 10px;height:490px;float:left;margin-top:50px;}
/* leftcon */
#leftcon .subbox{width:9999em;}
#leftcon .subbox .sublist{float:left;width:940px;}
/* sublist */
.sublist{padding:10px;}
.sublist li{width:940px;height:30px;line-height:30px;font-size:16px;border-bottom:dashed 1px #fe0a0a;}
.sublist li span{margin:0 5px 0 0;font-family:"宋体";font-size:16px;font-weight:400;color:#cb7d7d;}
.sublist li a {color:#cb7d7d; width:940px;}
.sublist li a:hover {color:#bd9b6d;width:940px; }
.sublist li:hover {width:940px;height:30px;line-height:30px;font-size:16px;background: #470202;border-bottom:dashed 1px #fe0a0a;}

.newHd{position:absolute;right:15px; top:50px;z-index:10;}
.newttBox h3	{font-size: 16px;position:absolute;top:10px;width:940px;padding:5px;text-indent: 10px;background: #470202;}
.newttBox h3 a{color:#888;}
/**新闻导航**/
.moreAn {position:absolute;  right:30px; background:url(../images/btntt.png) -621px 2px no-repeat; display: block;width: 9px;height: 9px;padding: 6px;
border: 1px solid #dfe0e1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;overflow: hidden;}
 .moreAn:hover {border: 1px solid #e0bb7f;  }

.bannerzT{ width:320px; height:288px; position:relative; overflow:hidden;background:#252c45;}
.bannerzT .num{ position:absolute;left:5px; top:130px; z-index:10;width:320px; padding-right:8px; height:30px; text-align:left;}
.bannerzT .num span{ width:10px; height:10px; display:inline-block; line-height:10px; font-size:14px; border-radius:10px;text-align:center; margin:5px 2px 0;text-indent:-9999px; cursor:pointer; background:#fff; color:#fff;}
.bannerzT .num span.cur{ background:#bd9b6c;color:#fff;}
.bannerzT .pic{ position:relative; z-index:5;}
.bannerzT .pic li{ position:absolute; display:none;}
.bannerzT .pic li img{ width:320px; height:158px; display:block;}
.textTt {position:absolute;  z-index:10;top:160px;width:290px;padding:15px;font-size:12px; background:#252c45;}
.textTt h2{width:100%;color: #937468;font-size: 16px;}
.timeZt{color:#b1b0b0;}
.titleZt{color:#676160;}
/**活动专题**/
.maintt_03{margin:0 auto;width:1310px;margin-top:15px;position:relative;overflow:hidden;}



.picBtn5{width:163px;height:145px; float:left;}
.picBtn5 a{width:163px;height:145px; float:left; position:relative; overflow:hidden;}
.picBtn5 a em{width:163px;line-height:30px; position:absolute;left:0;top:100px; font-size:18px;color:#e2b359; text-align:center; z-index:3;}
.picBtn5 a span{width:163px;height:145px; position:absolute;left:0;top:-145px; z-index:2;background:none;}
.picBtn5 a:hover span{top:0;transition:0.2s all ease-in;}
.picBtn5 a i{width:163px;height:145px; position:absolute;left:0;top:0; z-index:1; background:url(../images/picBtn3.jpg) center top no-repeat; transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); transition:all 0.5s ease-in;}
.picBtn5 a:hover i{ transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition:all 0.5s ease-in;}
.picBtn6{width:163px;height:145px; float:left;}
.picBtn6 a{width:163px;height:145px; float:left; position:relative; overflow:hidden;}
.picBtn6 a em{width:163px;line-height:30px; position:absolute;left:0;top:100px; font-size:18px;color:#e2b359; text-align:center; z-index:3;}
.picBtn6 a span{width:163px;height:145px; position:absolute;left:0;top:-145px; z-index:2; transition:0.2s all ease-in;background:none;}
.picBtn6 a:hover span{top:0;transition:0.2s all ease-in;}
.picBtn6 a i{width:163px;height:145px; position:absolute;left:0;top:0; z-index:1; background:url(../images/picBtn4.jpg) center top no-repeat; transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); transition:all 0.5s ease-in;}
.picBtn6 a:hover i{ transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition:all 0.5s ease-in;}
/**试听***/




.zhiyeBox{width:975px;float:right; height:545px;padding:0px; background:#000;margin:0;margin-left:15px;}




/**游戏行3**/



.m6{width:100%;height:auto;overflow:hidden;padding-bottom:0px;margin-top:0px}
.ql_zb{width:1310px;height:auto;overflow:hidden;margin:0 auto;padding:0 00px 00px 00px;padding-top:00px;margin-top:10px}
.ql_zb_4{width:1310px;height:auto;overflow:hidden;float:left;background:#000;border:#252525 1px solid;position:relative}
.ql_zb_4_t{width:1310px;height:45px;float:left;background:url(../images/tx.jpg) repeat;line-height:40px;color:#da9e6f;text-align:center;font-size:19px;font-weight:700;border-bottom:#252525 1px solid}
.ql_zb_4_d{width:1310px;height:2px;float:left;background:#252525 repeat;position:relative}
.ql_zb_4 .role-itemst{width:1310px;height:auto;float:left;position:relative;padding:3px}

*{margin:0;padding:0;list-style-type:none;}
img,a{border:0;}
.piccon{height:140px;margin:1px 0 0 1px;}
.piccon li{float:left;padding:0 1px;}
#preview{position:absolute;border:1px solid #3b2d2a;background:#000;padding:5px;display:none;color:#fff;}



.mv {width: 320px;height:272px;transition: 1s all ease-in;background:#fff;}
.mvCon{width:320px;height:136px; float:left;}
.mvCon a{width:320px;height:136px; float:left;overflow:hidden; position:relative;}
.mvCon a span{width:320px;height:136px;position:absolute;left:0;top:104px; background:url(../images/t2.png) center top no-repeat;transition:all 0.2s ease-in;}
.mvCon a:hover span{top:0;transition:all 0.2s ease-in;}
.mvCon a span i{width:286px;height:30px; line-height:30px; float:left; font-size:20px;color:#e6bb67; text-align:right; padding-right:40px;}


.mvConL{width:320px;height:136px; float:right;}
.mvConL a{width:320px;height:136px; float:right;overflow:hidden; position:relative;}
.mvConL a span{width:320px;height:136px;position:absolute;right:0;top:104px; background:url(../images/t3.png) center top no-repeat;transition:all 0.2s ease-in;}
.mvConL a:hover span{top:0;transition:all 0.2s ease-in;}
.mvConL a span i{width:286px;height:30px; line-height:30px; float:left; font-size:20px;color:#e6bb67; text-align:left; padding-left:40px;}

.mvP1{ background:url(../images/mv_pic1.jpg) center top no-repeat;}
.mvP2{background:url(../images/mv_pic2.jpg) center top no-repeat;}
.mvP3{background:url(../images/mv_pic3.jpg) center top no-repeat;}
.mvP4{background:url(../images/mv_pic4.jpg) center top no-repeat;}



.maintt_04{margin:0 auto;width:1310px;margin-top:15px;position:relative;overflow:hidden;}

.bmBtn1{width:326px;height:140px;transition:1s all ease-in;}
.bmBtn1 a{width:326px;height:140px; float:left; position:relative; overflow:hidden;}
.bmBtn1 a span{width:326px;height:140px; position:absolute;left:0;top:0;background:url(../images/bmBtn1.jpg) center top no-repeat;transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); transition:all 0.5s ease-in;}
.bmBtn1 a:hover span{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition:all 0.5s ease-in;}
.bmBtn1 a em{width:306px;height:100px; position:absolute;left:20px;top:65px; transition:all 0.2s ease-in;}
.bmBtn1 a:hover em{width:306px;height:100px; position:absolute;left:20px;top:30px; transition:all 0.2s ease-in;}
.bmBtn1 a em i{width:296px; line-height:27px; float:left; font-size:16px;color:#fff;padding:0 5px;}
.bmBtn1 a em b{min-width:40px; line-height:34px; float:left; font-size:24px;color:#fff;   padding:0 5px; margin:5px 0 10px 0;}
.bmBtn1 a em b strong{ font-size:16px;font-weight:normal;}

.bmBtn2{width:326px;height:140px; transition:1s all ease-in;}
.bmBtn2 a{width:326px;height:140px; float:left; position:relative; overflow:hidden;}
.bmBtn2 a span{width:326px;height:140px; position:absolute;left:0;top:0;background:url(../images/bmBtn2.jpg) center top no-repeat;transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); transition:all 0.5s ease-in;}
.bmBtn2 a:hover span{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition:all 0.5s ease-in;}
.bmBtn2 a em{width:306px;height:100px; position:absolute;left:20px;top:65px; transition:all 0.2s ease-in;}
.bmBtn2 a:hover em{width:306px;height:100px; position:absolute;left:20px;top:30px; transition:all 0.2s ease-in;}
.bmBtn2 a em i{width:296px; line-height:27px; float:left; font-size:16px;color:#fff;padding:0 5px;}
.bmBtn2 a em b{min-width:40px; line-height:34px; float:left; font-size:24px;color:#fff;  padding:0 5px; margin:5px 0 10px 0;}
.bmBtn2 a em b strong{ font-size:16px;font-weight:normal;}

.bmBtn3{width:326px;height:140px;  transition:1s all ease-in;}
.bmBtn3 a{width:326px;height:140px; float:left; position:relative; overflow:hidden;}
.bmBtn3 a span{width:326px;height:140px; position:absolute;left:0;top:0;background:url(../images/bmBtn3.jpg) center top no-repeat;transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); transition:all 0.5s ease-in;}
.bmBtn3 a:hover span{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition:all 0.5s ease-in;}
.bmBtn3 a em{width:306px;height:100px; position:absolute;left:20px;top:65px; transition:all 0.2s ease-in;}
.bmBtn3 a:hover em{width:306px;height:100px; position:absolute;left:20px;top:30px; transition:all 0.2s ease-in;}
.bmBtn3 a em i{width:296px; line-height:27px; float:left; font-size:16px;color:#fff;padding:0 5px;}
.bmBtn3 a em b{min-width:40px; line-height:34px; float:left; font-size:24px;color:#fff;   padding:0 5px; margin:5px 0 10px 0;}
.bmBtn3 a em b strong{ font-size:16px;font-weight:normal;}

.bmBtn4{width:326px;height:140px; transition:1s all ease-in;}
.bmBtn4 a{width:326px;height:140px; float:left; position:relative; overflow:hidden;}
.bmBtn4 a span{width:326px;height:140px; position:absolute;left:0;top:0;background:url(../images/bmBtn4.jpg) center top no-repeat;transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); transition:all 0.5s ease-in;}
.bmBtn4 a:hover span{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition:all 0.5s ease-in;}
.bmBtn4 a em{width:306px;height:100px; position:absolute;left:20px;top:65px; transition:all 0.2s ease-in;}
.bmBtn4 a:hover em{width:306px;height:100px; position:absolute;left:20px;top:30px; transition:all 0.2s ease-in;}
.bmBtn4 a em i{width:296px; line-height:27px; float:left; font-size:16px;color:#fff;padding:0 5px;}
.bmBtn4 a em b{min-width:40px; line-height:34px; float:left; font-size:24px;color:#fff;   padding:0 5px; margin:5px 0 10px 0;}
.bmBtn4 a em b strong{ font-size:16px;font-weight:normal;}





.section{width: 100%;min-width: 1431px;overflow: hidden;position: relative;}
.section3{height: 600px;margin-top:0px}
.section3 .flash{position: absolute;width: 1920px;height: 600px;left: 50%;bottom: 0;margin-left: -960px;}
.section3 .lunbo{position: absolute;width: 900px;height: 580px;left: 50%;bottom: 35px;margin-left: -625px;}
.swiper-container{;width: 100%;height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 !important;}
.swiper-container1 .swiper-pagination-fraction, .swiper-container1 .swiper-pagination-custom, .swiper-container1.swiper-container-horizontal>.swiper-pagination-bullets{top: 10px;left: -42px;}
.swiper-container2 .swiper-pagination-fraction, .swiper-container2 .swiper-pagination-custom, .swiper-container2.swiper-container-horizontal>.swiper-pagination-bullets{top: 10px;left: -42px;}
.swiper-container3 .swiper-pagination-fraction, .swiper-container3 .swiper-pagination-custom, .swiper-container3.swiper-container-horizontal>.swiper-pagination-bullets{top: 10px;left: -42px;}
.swiper-container4 .swiper-pagination-fraction, .swiper-container4 .swiper-pagination-custom, .swiper-container4.swiper-container-horizontal>.swiper-pagination-bullets{top: 10px;left: -42px;}
.swiper-container5 .swiper-pagination-fraction, .swiper-container5 .swiper-pagination-custom, .swiper-container5.swiper-container-horizontal>.swiper-pagination-bullets{top: 10px;left: -42px;}
.swiper-container1 .swiper-button-prev{}
.sz1{width: 920px;height: 580px;position: absolute;left: 0px;top: 49px;z-index: 2;}
.zb2{width: 920px;height: 580px;position: absolute;right: 190px;top: 70px;}
.lun_line{position: absolute;bottom: 44px;z-index: 1;opacity: 0.3;}
.lun_right{position: absolute;right: 280px;top: 146px;}
.tab img{z-index: 9999;cursor: pointer;}
.tab .shen .img1{position: absolute;top: 76px;right: 704px;}
.tab .shen .img2{position: absolute;top: 76px;right: 704px;}
.tab .hun .img1{position: absolute;top: 76px;right: 0px;}
.tab .hun .img2{position: absolute;top: 76px;right: 0px;}
.tab li .img2{display: none;}
.tab li.active .img2{display: block;}
.tab li.on .img2{display: block;}





/********精美图片**********/
.section1{height: 600px;margin-top:0px;}
.section1 .flash{position: absolute;width: 1920px;height: 600px;left: 50%;bottom: 0;margin-left: -960px;}
.section1 .lunbo{position: absolute;width: 920px;height: 570px;bottom:-33px;left: 50%;margin-left: -288px;}
.imgBox{width: 100%;height:570px;overflow:hidden;position:absolute;box-sizing: border-box;bottom: 68px;padding: 20px;background: url(../img/detal_bg.jpg) no-repeat;}
.imgBox .hd{height: 50px;overflow:hidden;position:absolute;left: 35px;bottom: 50px;z-index:1;}
.imgBox .hd ul{overflow:hidden;zoom:1;float:left;}
.imgBox .hd ul li{float: left;margin-right:7px;width: 120px;height:60px;border-radius: 5%;cursor: pointer;background:url(../images/f_dot_7e71aee1.png) no-repeat center;}
.imgBox .hd ul li span{float: left;margin-left:19px;margin-top:5px;line-height:30px;font-size:16px;color:#FFF;font-weight:bold;}
.imgBox .hd ul li.on{background:url(../images/f_dot_active_8e1e8c31.png) no-repeat center;}
.imgBox .hd ul li.on span{float: left;margin-left:15px;margin-top:5px;line-height:30px;font-size:20px;color:#FFff00;font-weight:bold;}
.imgBox .bd{position:relative;height:100%;z-index:0;margin-top:20px;}
.imgBox .bd li{zoom:1;vertical-align:middle;}
.imgBox .bd li p{position: absolute;z-index: 9999;width: 100%;font-size: 28px;text-align: center;height: 40px;line-height: 40px;color: #000;bottom: 0px;}
.imgBox .prev,.imgBox .next{position:absolute;left:40px;top:50%;margin-top:-48px;display:block;width: 64px;height: 128px;background: url(../images/arrow5_left_8bcd540.png) no-repeat center;}
.imgBox .next{left:auto;right:20px;background:url(../images/arrow5_right_c4a4fac.png) no-repeat center}
.imgBox .prev:hover,.imgBox .next:hover{filter:alpha(opacity=80);opacity:0.8;}
.imgBox .prevStop{display:none;}
.imgBox .nextStop{display:none;}
.imgBox .bd img{width: 920px;height: 570px;}
/********精美图片**********//********中间**********//********底部**********/




.bottombtn{width:318px;height:86px;background:url(../images/btn_2999456.png) no-repeat;position:relative;left:50%;margin-left:-159px;top:30px;overflow:hidden}
.bottombtn:hover{background:url(../images/btn-h_5a96c8d.png) no-repeat}
.bottombtn .wen{position:absolute;width:276px;height:23px}
.bottombtn .t-wen{top:-4px;right:-80px;background:url(../images/t-wen_6d2a315.png) no-repeat center;-webkit-animation:top-ani 4s linear infinite;-moz-animation:top-ani 4s linear infinite;-ms-animation:top-ani 4s linear infinite;animation:top-ani 4s linear infinite}
@-webkit-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@-moz-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@-o-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@-ms-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}
.bottombtn .b-wen{bottom:-4px;left:-80px;background:url(../images/b-wen_cd28ac4.png) no-repeat center;-webkit-animation:bottom-ani 4s linear infinite;-moz-animation:bottom-ani 4s linear infinite;-ms-animation:bottom-ani 4s linear infinite;animation:bottom-ani 4s linear infinite}
@-webkit-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@-moz-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@-o-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@-ms-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}


.topwen{position:absolute;width:164px;height:123px;top:50%;margin-top:-70px;margin-left:70px}
.l-wen{left:-140px;background:url(../images/l-wen_c5b51b5.png) no-repeat center;-webkit-animation:left-ani 2s linear infinite;-moz-animation:left-ani 2s linear infinite;-ms-animation:left-ani 2s linear infinite;animation:left-ani 2s linear infinite}
@-webkit-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-moz-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-o-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-ms-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}
.r-wen{left:167px;background:url(../images/r-wen_0b8783f.png) no-repeat center;-webkit-animation:right-ani 2s linear infinite;-moz-animation:right-ani 2s linear infinite;-ms-animation:right-ani 2s linear infinite;animation:right-ani 2s linear infinite}
@-webkit-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-moz-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-o-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-ms-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}
.footerBg{height:600px;background:url(../images/footerbg.png) top center no-repeat;margin-top:-300px;}
.footerDiv{width:1200px;margin:0 auto;text-align:center;padding-top:600px}

