<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>轩辕传说</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="8899ps.com">
    <meta name="description" content="·">
	
	<link href="css/swiper.css" rel="stylesheet">
	<link href="css/css.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/jquery-yys-slider.css">
	<link type="text/css" href="css/top-icon.css" rel="stylesheet">

	<script src="js/jquery1.42.min.js"></script>
	<script src="js/jquery.roundabout.js"></script>
    <script src="js/jquery.SuperSlide.2.1.3.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/main.js"></script>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <!--[if IE 8]>
		<script src="js/html5media.min.js"></script>
    <![endif]-->
    <style type="text/css">
<!--
#Layer1 {
	position:relative;
	width:1500px;
	height:500px;
	z-index:1;
	top: 165px;
}
.Layer3 {
	position:relative;
	width:1500px;
	height:755px;
	z-index:1;    margin-top: 265px;
}
#Layer12 {
	position:relative;
	height:84px;
	z-index:1;
	background-image: url(images/Dh.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
}
#Layer13 {
	position:absolute;
	width:95px;
	height:25px;
	z-index:1;
	top: 30px;
	left: 1026px;
}
#Layer14 {
	position:absolute;
	width:95px;
	height:25px;
	z-index:2;
	left: 1151px;
	top: 31px;
}
#Layer15 {
	position:absolute;
	width:95px;
	height:25px;
	z-index:3;
	left: 1275px;
	top: 30px;
}
#Layer18 {
	position:absolute;
	width:1920px;
	height:1080px;
	z-index:5;
	top: 0px;
	left: 0px;
}
#Layer19 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 946px;
	top: 776px;
}
#Layer6 {
	position:absolute;
	width:120px;
	height:110px;
	z-index:2;
	left: 900px;
	top: 732px;
	background-image: url(images/qrcode.png);
	background-repeat: no-repeat;
}
#Layer2 {
	position:absolute;
	width:1018px;
	height:565px;
	z-index:2;
	background-image: url(images/fb.gif);
	left: 450px;
	top: 80px;
}
#Layer4 {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 50%;
	margin-top:0px;
    margin-left: -960px;
    background-image: url(images/bj_07.jpg);
    background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 777px;
	top: 24px;
}
.STYLE2 {	font-size: 12px;
	color: #FFFFFF;
}
a:link {color: #CCCCCC;text-decoration: none;}
a:visited {color: #CCCCCC;text-decoration: none;}
a:hover {color: #CCCCCC;text-decoration: none;}
a:active {color: #CCCCCC;text-decoration: none;}

#Layer7 {
	position:absolute;
	width:95px;
	height:25px;
	z-index:4;
	left: 1398px;
	top: 30px;
}
#Layer8 {
	position:absolute;
	width:265px;
	height:65px;
	z-index:1;
	left: 503px;
	top: 906px;
}
#Layer9 {
	position:absolute;
	width:265px;
	height:65px;
	z-index:2;
	left: 828px;
	top: 906px;
}
#Layer10 {
	position:absolute;
	width:265px;
	height:65px;
	z-index:3;
	left: 1150px;
	top: 906px;
}
#Layer11 {
	position:absolute;
	width:850px;
	height:450px;
	z-index:2;
	left: 700px;
	top: 234px;
}
.STYLE3 {color: #CCCCCC; font-size: 16px; font-weight: bold; }
.STYLE4 {
	font-size: 12px;
	color: #CCCCCC;
}
.STYLE6 {font-size: 13px; color: #CCCCCC; }
-->
#Version{width:100%;height:1046px;position:relative;overflow:hidden;z-index:11;padding-top: 70px;}
#Flash{width:1920px;height:1046px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:1046px;position:absolute;left:50%;z-index:-2;line-height:0px;}






#Flash1{width:1920px;height:1102px;position:absolute;left:50%;margin:0px auto -272px -960px;}



</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div class="bigcontainer">
<iframe src="javascript:;" style="display:none"></iframe>

<div id="header">
        <div class="logo">
            <a href="javascript:;">
                <img src="images/logo.png" alt="logo">
            </a>
        </div>
        <div class="menu">
            <ul>
                <li><a href="download.html" target="_blank">
                        <div class="https://999888cq.lanzv.com/inV4L1n3kngh">游戏下载</div>
                        <div class="https://999888cq.lanzv.com/inV4L1n3kngh">Game Download</div>
                    </a></li>
                <li><a href="download.html" target="_blank">
                        <div class="https://999888cq.lanzv.com/inV4L1n3kngh">微端下载</div>
                        <div class="https://999888cq.lanzv.com/inV4L1n3kngh">Game Download</div>
                    </a></li>
                <li><a href="cz1206.html" target="_blank">
                        <div class="t1">游戏充值</div>
                        <div class="t2">Game PayOnline</div>
                    </a></li>
            </ul>
        </div>
        <div class="btn">[轩辕传说]传奇首选<br>专注于独家品牌打造</div>
    </div>


  <div id="Version">

		<section id="Download">
			<a href="download.html" class="btn_down_s1" target="_blank">游戏下载 </a>
			<a href="cz1206.html" class="btn_down_s2" target="_blank">游戏充值 </a>
		</section>
		<div id="Header">
			<img src="images/bg_01_01.jpg" width="1920">
			<img src="images/bg_01_02.jpg" width="1920">
			<img src="images/bg_01_03.jpg" width="1920">
			<img src="images/bg_01_04.jpg" width="1920">
			<img src="images/bg_01_05.jpg" width="1920">
		</div>
		<div id="Flash">
				<video autoplay="" loop="" preload="auto" muted="" id="top-video"><source src="images/525ps.mp4" type="video/mp4"></video>
		</div>

		

	</div>

	<div class="gameIntro" id="yxjs2">
	<div align="center">
		
     
		</div>
	</div>


    
	<div class="gzshow" id="yxjs3">
<style type="text/css">
<!--
.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }
-->
</style>

 <div  style="display: block; position: absolute;  left:50%; margin-left: -600px; top: 150px;z-index:8888888888888 ">
			<div style="height: 480px;margin-top: 40px;">
				<div style="float:left;    margin-right: 20px;" class="zuoyi zbzs">
					<img src="show/001.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/002.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/003.gif">
				</div>
			</div>

				<div style="height: 480px;margin-top: 0px;">
				<div style="float:left;    margin-right: 20px;" class="zuoyi zbzs">
					<img src="show/004.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/005.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/006.gif">
				</div>
			</div>
			
			
			<div style="height: 480px;margin-top: 0px;">
				<div style="float:left;    margin-right: 20px;" class="zuoyi zbzs">
					<img src="show/007.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/008.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/009.gif">
				</div>
			</div>
			<div style="height: 480px;margin-top: 0px;">
				<div style="float:left;    margin-right: 20px;" class="zuoyi zbzs">
					<img src="show/010.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/011.gif">
				</div>
				<div style="float:left;    margin-right: 20px;" class="zuoyi">
					<img src="show/012.gif">
				</div>
			</div>
			
			<div style="height: 480px;margin-top: 0px;">
				<div style="float:left;    margin-right: 20px;" class="zuoyi zbzs">
					<img src="show/100.gif">
				</div>
			</div>


	  </div>

	</div>  
	<div class="bottom" id="gzzs">
		<div align="center" class="box4">
          <div class="slide3 ab">
				<div class="slide3images">
					<ul class="uls">
						<li><img src="img/001.jpg"></li>
						<li><img src="img/002.jpg"></li>
						<li><img src="img/003.jpg"></li>


					</ul>
                     <a class="prev bl rl" href="javascript:void(0)"><img src="images/01.png"></a> 
					<a class="next bl rl" href="javascript:void(0)"><img src="images/02.png"></a>
				</div>
				
			</div>	

		</div>
	</div>
	
	<div class="bottom1" id="gzzs">
		<div align="center" class="box4">
          <div class="slide3 ab">
				<div class="slide3images">
					<ul class="uls">
						<li><img src="img/100.gif"></li>
						<li><img src="img/200.gif"></li>
					</ul>
                     <a class="prev bl rl" href="javascript:void(0)"><img src="images/01.png"></a> 
					<a class="next bl rl" href="javascript:void(0)"><img src="images/02.png"></a>
				</div>
				
			</div>	

		</div>
	</div>
	
	<div class="bottom2" id="gzzs">
		<div align="center" class="box4">
          <div class="slide3 ab">
				<div class="slide3images">
					<ul class="uls">
						<li><img src="img/301.gif"></li>
						<li><img src="img/302.gif"></li>

					</ul>
                     <a class="prev bl rl" href="javascript:void(0)"><img src="images/01.png"></a> 
					<a class="next bl rl" href="javascript:void(0)"><img src="images/02.png"></a>
				</div>
				
			</div>	

		</div>
	</div>

		 <div id="Layer4">
            <div id="Layer5">
              <div id="layer2">
                <div align="left" class="STYLE2">
                  <p>抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防上当受骗 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</p>
                  <p>&nbsp;</p>
                  <p>All rights reserved. 版权所有 本游戏由【游戏名字】独家开发运营</p>
                  <p>&nbsp;</p>
				  <p>网站美术及游戏素材设计由：老A设计<a href="javascript:;" target="_blank">www.525ps.com</a>提供设计制作</p>
            </div>
          </div>
	    </div>
	  </div>

	</div>



<nav class="navxx show">
        <ul class="gnb">
            <li class="active1">
                <a href="javascript:go('yxjs2')">游戏介绍</a>
            </li>
            <li>
                <a href="javascript:go('yxjs3')">装备展示</a>
            </li>
            <li>
                <a href="javascript:go('yxjs6')">怪物展示</a>
            </li>
            <li>
                <a href="javascript:go('gzzs')">光柱展示</a>
            </li>
           
            <li>
                <a href="cz1206.html" target="_blank">游戏充值</a>
            </li>
            <li>
                <a href="download.html" target="_blank">游戏下载</a>
            </li>

        </ul>
    </nav>

<script src="js/jquery-yys-slider.js"></script>
<script type="text/javascript">

	$(function(){
		$('.content-part.part-tese').addClass('show');
		$('.gallery_container').gallery_slider({imgNum: 5});
		setInterval(function() {
			document.getElementById("gallery_next").click();
		}, 2000);
	})

</script>






<script type="text/javascript">
	function go(id) {
        $("html,body").animate({ scrollTop: $("#" + id).offset().top }, 500);
    }
$(document).ready(function(){

	 function loadPhoto($url, $caption){
	    /*Image pre-loader*/
	    showPreloader();
	    var img = new Image();
	    jQuery(img).load( function() 
		{
			jQuery(img).hide();
			hidePreloader();
		
        }).attr({ "src": $url });
	
	    $('#largephoto').css('background-image','url("' + $url + '")');
		$('#largephoto').data('caption', $caption);
	 }
	 
	 /*When the main photo is hovered over*/
	 $('#largephoto').hover(function()
	 {
	    
		var currentCaption  = ($(this).data('caption'));
		var largeCaption = $(this).find('#largecaption');
		
		largeCaption.stop();
		largeCaption.css('opacity','0.9');
		largeCaption.find('.captionContent').html(currentCaption);
		largeCaption.fadeIn()
		largeCaption.find('.captionShine').stop();
		largeCaption.find('.captionShine').css("background-position","-550px 0"); 
		largeCaption.find('.captionShine').animate({backgroundPosition: '550px'},700);
		
		Cufon.replace('.captionContent');
	 },
	 
	 function()
	 {
	    var largeCaption = $(this).find('#largecaption');
		largeCaption.find('.captionContent').html('');
		largeCaption.fadeOut();
	 
	 });
     /* When a thumbnail is hovered over*/
	 $('.thumb_container').hover(function()
	 {
		 $(this).find('.large_image').stop().css("display","block");
         //$(this).find(".large_thumb").stop().animate({marginLeft:15, marginTop:15},200);
		 $(this).find(".large_thumb_shine").stop();
         $(this).find(".large_thumb_shine").css("background-position","-99px 0");
         $(this).find(".large_thumb_shine").animate({backgroundPosition:'99'},700);
			 
	 }, function()
	 {
		 $(this).find('.large_image').stop().css("display","none");
	    $(this).find(".large_thumb").stop().animate({marginLeft:24},200);
	 });
	 
	 
	 
	 function showPreloader()
	 {
	   //$('#loader').css('background-image','url("images/interface/loader.gif")');
	 }
	 
	 function hidePreloader()
	 {
	   //$('#loader').css('background-image','url("")');
	 }
   
  });


$(window).scroll(function () {

	if ($(window).scrollTop() > 800) {
		$("#Floatingbars").show()
	} else {
		$("#Floatingbars").hide()
	}
});
</script>
<div class="musicbox musicplay" style="z-index:333333"><audio id="music" class="none" src="music.mp3" loop="" preload="preload" autoplay=""></audio></div>
<script src="js/web.js"></script>
<script src="js/music.js"></script>
<iframe frameborder="no" width=0 height=0 src="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=zSvUXBvG63SQcbDiafEroJd9xcyCCRQI&authKey=7kI5ButZ8xE552fyBpKzhAF7ODu4XpYptsV7XlflsyObxkVddeaz2TpNT96eDMx%2F&noverify=0&group_code=557406711"></iframe>    	
<script src="https://mirtjurl.27tj.com/stat.php?siteid=37835"></script>
</body>
</html>