@charset "utf-8";
body{max-width: 1920px;margin:0 auto  !important; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#000000;overflow-x: hidden;text-align: center !important;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.wrap{max-width: 1920px;height: 5600px;background:#0a2e44 url(../images/bg.jpg) no-repeat center top;}
.rel{width: 1200px;margin:0 auto;position: relative;}
.header{height: 900px;}
.logo{position: absolute;left: 20px;top:20px;width: 132px;height: 247px;background: url(../images/logo.png) no-repeat center;}
.slogan{position: absolute;right: 36px;top:135px;width: 248px;height: 618px;background: url(../images/slogan.png) no-repeat center;}

.btn-website{position: absolute;right: 0;top:24px;width: 164px;height: 39px;background: url(../images/btn-website.png) no-repeat center;}
.down-tips{position: absolute;bottom: 0;left:50%;margin-left: -22px;width: 43px;height: 51px;background: url(../images/down-tips.png) no-repeat center;}
.mp-box{margin-top: 94px;width: 100%;height: 1400px;background: url(../images/mp-bg.png) no-repeat center bottom;position: relative;}
.title{width: 1241px;height: 114px;margin:0 auto;}
#mp-swiper{width: 1360px;height: 1286px;margin:0 auto;}
.swiper-button-next,.swiper-button-prev{width: 74px;height: 96px;margin-top:-80px;background-repeat: no-repeat;background-position: center;background-size: 74px 96px;}
.swiper-button-next{right:0;background-image: url(../images/next.png);}
.swiper-button-prev{left:0;background-image: url(../images/prev.png);}
.mp-intro{position: absolute;left: -27px;top:115px;width: 245px;height: 806px;background: url(../images/mp-intro.png) no-repeat center;z-index: 2;}
.mp-name{position: absolute;left: 300px;top:80px;z-index: 3;}
.role-qianjun{position: absolute;left: 77px;top:137px;width: 1147px;height: 948px;background: url(../images/role-qianjun.png);}
.role-shenji{position: absolute;left: 127px;top:78px;width: 1442px;height: 1192px;background: url(../images/role-shenji.png);}

#weapon-swiper{width: 1336px;height: 800px;margin:0 auto;}
.weapon-box{width: 1336px;height: 800px;margin:0 auto;background: url(../images/weapon-bg.png) no-repeat center bottom;position: relative;}
.weapon-img{position: absolute;left: 72px;top:150px;}
.butterfly{position: absolute;bottom:-46px;left:-66px;width: 1466px;height: 203px;background:url(../images/butterfly.png) no-repeat center;z-index: 2;}
.skill-tab{position: absolute;top:128px;left: 600px;}
.skill-tab span{float: left;margin-right:34px;width: 125px;height: 156px;background-repeat: no-repeat;cursor: pointer;}
.skill-tab1 span{background-image: url(../images/skill1-tab.png);}
.skill-tab1 span.on{background-image: url(../images/skill1-tab-on.png);}
.skill-tab2 span{background-image: url(../images/skill2-tab.png);}
.skill-tab2 span.on{background-image: url(../images/skill2-tab-on.png);}
.skill-tab .skill-tab-item1{background-position: 0 0;}
.skill-tab .skill-tab-item2{background-position: -159px 0;}
.skill-tab .skill-tab-item3{background-position: -319px 0;}
.skill-tab .skill-tab-item4{background-position: -478px 0;}
.skill-cont{display:none;position: absolute;width:700px;left: 566px;top:580px;font-size: 22px;color: #62fff6;line-height: 34px;text-align: left;}
.weapon-video{position: absolute;top:280px;right: 180px;width: 490px;height: 275px;}
.weapon-video video{width: 490px;height: 275px;}
.cg-box{margin:316px auto 0;width: 1153px;height: 691px;background:url(../images/cg-bg.png) no-repeat center;position: relative;}
.cg-box video{width: 1057px;height: 594px;position: absolute;left: 48px;top:45px;}
.cg-box span{position: absolute;left: 48px;top:45px;width: 1057px;height: 594px;background:rgba(0,0,0,.4) url(../images/btn-play.png) no-repeat center;z-index: 3;cursor: pointer;display: block;}
.pics-box{padding-top:90px;}
.pics-box .box { width: 100%; height: 100%; position: relative; }
.swiper-cont { top: 150px; width: 1200px; left: 50%; margin-left: -600px; height: 545px; position: absolute; overflow: hidden; }
.swiper-cont .swiper-slide { overflow: hidden; }
.swiper-cont .swiper-slide img {width: 792px; height: 442px; display: block;}
.swiper-cont .swiper-slide a { display: block; width: 792px; height: 442px;padding: 8px;background-color: #17576f; border:3px solid #e4dfc4;}
.swiper-cont .swiper-slide.swiper-slide-next a{ border:3px solid #e4dfc4;}
.swiper-cont .zc-pagination { position: absolute; word-break: keep-all; white-space: nowrap; height: 28px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url("../images/line.png") 0 50% repeat-x; padding: 0 22px; font-size: 0; line-height: 28px; margin-top: 30px; bottom: 0;}
.swiper-cont .zc-pagination:before, .swiper-cont .zc-pagination:after { content: ""; background: url("../images/ddd.png") center no-repeat; width: 12px; height: 12px; top: 50%; margin-top: -6px; position: absolute; }
.swiper-cont .zc-pagination:before { left: -12px; }
.swiper-cont .zc-pagination:after { right: -12px; }
.swiper-cont .zc-pagination .swiper-pagination-bullet{ display: inline-block; background: url("../images/dot.png") center no-repeat; width: 28px; height: 28px; cursor: pointer; margin: 0 45px; vertical-align: top; opacity:1;}
.swiper-cont .zc-pagination .swiper-pagination-bullet-active{ background: url("../images/dot-on.png") center no-repeat; }
.swiper-cont .zc-pagination .swiper-active-switch { background-position: 0 -140px; }
#swipePic { width: 2442px; position: absolute; left: 50%; top:0;margin-left: -1221px; height: 465px; overflow: hidden; }
.pics-swiper-button-prev,.pics-swiper-button-next{width: 30px;height: 60px;background-size: 30px 60px;}
.pics-swiper-button-prev{left:40px;background-image: url(../images/pic-prev.png);}
.pics-swiper-button-next{right:40px;background-image: url(../images/pic-next.png);}


#Layer12 {
	position:relative;
	height:79px;
	z-index:10000;
	background-image: url(../images/235top.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
}
#Layer13 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:1;
	top: 18px;
	left: 1150px;
}
#Layer14 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:2;
	left: 1350px;
	top: 18px;
}
#Layer15 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:3;
	left: 1560px;
	top: 18px;
}