@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  outline: none;
}
*:not(input,textarea) {
  -webkit-touch-callout: inherit;
  -webkit-user-select: auto;
}
html { overflow-x:hidden}
body {
  width: 100%;
  font-family: "Microsoft YaHei", Hiragino Sans GB, Arial, Helvetica, "黑体", sans-serif;
  font-size: 14px;
  color: #878787;
  -webkit-touch-callout: inherit ;
  -webkit-user-select: auto ;
  background-color: #000;
}
a {
  color: #c0c0c0;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
  text-decoration: none;
}
button,input,select,textarea {
  font-size: 100%;
  margin: 0;
  padding: 0;
  outline: none;
}
dt,dd {
  display: inline-block;
}
textarea,input {
  resize: none;
  outline: none;
}
textarea {
  resize: none;
  -webkit-appearance: none;
}
ul,ol,li {
  list-style: none;
}
em {
  font-style: normal;
}
header { background-color: rgba(0,0,0,0.5);height:80px; position: fixed; left:0px; top:0px; right:0px; border-bottom:solid 1px rgba(0,0,0,0.5); z-index:999}
header .head { height:80px; width:1118px; margin-left:auto; margin-right:auto;}
header .head  .logo { float:left; padding-top:24px;}
header .head  nav { float:right; width:600px; margin-left:200px; line-height:80px; font-size:14px; text-align:right;}
header .head  nav a { width:110px; text-align:center; display:inline-block; height:81px; }
header .head  nav a:link,header .head  nav a:visited { color:#c2c2c2; text-decoration:none; }
header .head  nav a:hover,header .head  nav a.hover { color:#fff; text-decoration:none; background-image:url(../images/nav_hover.png); background-position:22px bottom; background-repeat:no-repeat;}
header .head .music { float:left; padding-top:30px;}


.page_1 { background-image:url(../images/page_1.jpg); background-repeat:no-repeat; background-position:center center; height:768px;}
.page_2 { background-image:url(../images/page_2.jpg); background-repeat:no-repeat; background-position:center center; height:768px;}
.page_3 { background-image:url(../images/page_3.jpg); background-repeat:no-repeat; background-position:center center; height:768px;}
.page_4 { background-image:url(../images/page_4.jpg); background-repeat:no-repeat; background-position:center center; height:768px;}
.page_5 { background-image:url(../images/page_5.jpg); background-repeat:no-repeat; background-position:center center; height:768px;}
.page_6 { background-image:url(../images/page_6.jpg); background-repeat:no-repeat; background-position:center center; height:523px;}
.box { height:768px; width:1118px; margin-left:auto; margin-right:auto; position:relative;}
.box2 { height:523px; width:1118px; margin-left:auto; margin-right:auto; position:relative;}
.pos_abs { position:absolute;}
.page_1_text1 { top:123px;}
.page_1_text2 { top:228px;}
.page_1_text3 { top:368px; font-size:16px; color:#ededed; margin-top:20px; line-height:25px; z-index:999;}
.page_button { text-align:center; top:610px; width:100%; z-index:111}
.ptit { font-size:20px; left:557px; color:#fff; top:150px;}
.pcont { font-size:14px; left:557px; color:#fff; top:225px; width:443px; line-height:22px;}
 .pcont  .text {height:330px; /*overflow:hidden;*/}
  .pcont  .text2 {height:400px; width:450px; }
.button_down {bottom:190px; cursor:pointer; text-align:center; margin-top:30px;}
.ptit2 { font-size:20px; left:85px; color:#fff; top:125px;}
.pnav { font-size:15px; left:83px; color:#fff; top:160px; z-index:999}
.pnav a { display:inline-block; height:35px; width:46px; margin-right:2px;}
.pnav a:link,.pnav a:visited { color:#fff; 
padding-left:2px;}
.pnav a:hover,.pnav a.hover { color:#ed562f; background-image:url(../images/fire2.png); background-position:left bottom; background-repeat:no-repeat;}
.slider { width:914px; height:500px; margin-left:auto; margin-right:auto; padding-top:290px; background-image:url(../images/page_3_kuang.png); background-position:80px 230px; background-repeat:no-repeat;}
.slider .left { float:left; padding-top:100px;}
.slider .right { float:right; margin-right:10px;  padding-top:100px;}
.slider .left img,.slider .right img {cursor:pointer}


.pnav2 { font-size:15px; left:83px; color:#fff; top:160px; z-index:999;}
.pnav2 a { display:inline-block; height:35px; width:66px; margin-right:2px;}
.pnav2 a:link,.pnav2 a:visited { color:#fff; 
padding-left:2px;}
.pnav2 a:hover,.pnav2 a.hover { color:#ed562f; background-image:url(../images/fire3.png); background-position:left bottom; background-repeat:no-repeat;}


.box2 h1 { padding-top:83px; text-align:center; color:#fff; font-size:23px;}
.mtzs { width:720px; margin-left:auto; margin-right:auto; margin-top:40px;}
.mtzs li { height:38px; line-height:38px; padding-left:15px; padding-right:15px; color:#d0d0d0;}
.mtzs li a { float:left;}
.mtzs li a:link,.mtzs li a:visited { color:#d0d0d0;}
.mtzs li span { float:right; }
.mtzs li:hover { background-image:url(../images/sel_box.png);color:#fff;-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)}
.mtzs li:hover a:link,.mtzs li:hover a:visited { color:#fff;}

li,li a{

    -webkit-transition: all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}



footer { height:248px; width:100%; background-image:url(../images/foot_logo.png); background-repeat:no-repeat; background-position: center center;}

.sbox { background-color:#121212; width:760px; height:375px; float:left; margin-left:30px; margin-top:-50px;}
.sbox ul { margin-left:auto; margin-right:auto; width:714px; padding-top:30px;}
.sbox li { float:left; text-align:center; color:#fff;}
.sword2 { position:absolute; top:200px; right:80px;}

.map_sword { width:1034px; height:679px; background-image:url(../images/map.png); position:absolute; top:40px; right:-305px; }
.sword { position:absolute; top:40px; right:180px}
.fire {position:absolute; top:340px; left:220px}

.sbox2 { float:left; width:834px; margin-left:25px}
.sbox2  li { float:left; margin-right:3px; position: relative;}
.sbox2  li span { color:#fff; text-align:center; display:block; width:55px; height:50px; position:absolute; left:2px; bottom:10px; background-image:url(../images/kuang.png); padding-top:13px; font-size:12px; padding-left:10px;}


.page_2_box { width:358px; height:453px; background-image:url(../images/page_2_kuang.png); position:absolute; top:142px; left:130px; opacity:1;}

.huangguan {position:absolute; top:-20px; left:-40px;}

.page_3_box { width:341px; height:499px; background-image:url(../images/page_4_kuang.png); position:absolute; top:142px; right:140px; opacity:1;}

.trans {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  
}
.animate-element {
    visibility: hidden;
}


.video{position:fixed;right:0;top:0;left:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999999;width:100%;height:100%;display:none;}
.video a{position:absolute; top:10px;right:10px;}
.video video{position:absolute;top:50%;left:50%;margin:-240px 0 0 -320px;border:5px solid #fff;}

.sdnbox { color:#fff;}