<title>装甲战争</title> <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/vod/bcloud.js"></script> <script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script> <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>

Your browser does not support the audio element.

<!--pages-->
<div class="swiper-container">
    <div class="swiper-wrapper">
    	
    	<div class="loading swiper-slide" id="loader" >
			<section  class="loader">
		        <div class="loader__bar">
		            <div class="loader__progress-bg"></div>
		            <div id="loader__progress" class="loader__progress"></div>
		            <div id="loader__info" class="loader__info">Loading 0%</div>
        			<h2 class="loadingtit"><img src="images/loadingtit.png"/></h2>
		        </div>
		   </section>
    	</div>
    	
        <div class="swiper-slide">
        	<div class="page1 pages">
        		<p class="gm_tit ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"><img src="images/gmtit.png"/></p>
        		<p class="tit1 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"><img src="images/tit1.png"/></p>
        		<p class="tit2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s"><img src="images/tit2.png"/></p>
        		<p class="tit3 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.6s"><img src="images/tit3.png"/></p>
        		<span class="next pt-page-moveIconUp"><img src="images/next.png"/></span>
        	</div>
        </div>
        <div class="swiper-slide">
        	<div class="page2 pages">
        		<p class="gm_tit2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"><img src="images/gmtit2.png"/></p>
        		<p class="tit4 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"><img src="images/tit4.png"/></p>
        		
        		<div class="videowrap ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
        			<a href="javascript:;" class="play page2Video">
        				<i class="aotoplaybtn vBtn" data-url="http://yuntv.letv.com/bcloud.swf?uu=661c07e19e&vu=7aa53f41a6&auto_play=1&gpcflag=1&lang=zh_CN"><img src="images/aotoplaybtn.png"/></i>
        			</a>
        		</div>
            	<span class="next pt-page-moveIconUp"><img src="images/next.png"/></span>
        	</div>
        </div>
        <div class="swiper-slide">
        	<div class="page3 pages">
        		<p class="gm_tit3 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"><img src="images/gmtit3.png"/></p>
        		<p class="tit5 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"><img src="images/tit5.png"/></p>
				
				<div class="pageTxt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
					<h2>《无冬之夜2》及《辐射：新维加斯》开发团队原班人马</h2>
					<p>《装甲战争》是黑曜石娱乐(Obsidian Entertainment)旗下最新的游戏作品，该作是一款以现代陆地载具为主的免费大型多人在线军事游戏。游戏使用CryEngine3游戏引擎制作，中国地区由空中网独家代理运营。</p>
				</div>
				
				<dl class="dl_img dl_01 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.6s">
					<dd class="ddimg1"><img src="images/img1.png"/></dd>
					<dd class="ddimg2"><img src="images/img2.png"/></dd>
				</dl>
				<dl class="dl_img dl_02 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.6s">
					<dd class="ddimg3"><img src="images/img3.png"/></dd>
					<dd class="ddimg4"><img src="images/img4.png"/></dd>
					<dd class="ddimg5"><img src="images/img5.png"/></dd>
				</dl>
            	<span class="next pt-page-moveIconUp"><img src="images/next.png"/></span>
        	</div>
        </div>
        <div class="swiper-slide">
        	<div class="page4 pages">
        		<p class="gm_tit4 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"><img src="images/gmtit4.png"/></p>
        		<p class="tit6 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"><img src="images/tit6.png"/></p>
        		
        		<div class="rdegbg aotudeg ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
					<div class="videowrap ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
            			<a href="javascript:;" class="play page4Video">
            				<i class="aotoplaybtn4 vBtn" data-url="http://yuntv.letv.com/bcloud.swf?uu=661c07e19e&vu=f09d03f331&auto_play=1&gpcflag=1&lang=zh_CN"><img src="images/videobtn2.png"/></i>
            			</a>
            		</div>
        		</div>
        		<span class="next pt-page-moveIconUp"><img src="images/next.png"/></span>
        	</div>
        </div>
        <div class="swiper-slide">
        	<div class="page5 pages">
        		<p class="gm_tit5 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"><img src="images/gmtit5.png"/></p>
        		<p class="tit7 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"><img src="images/tit7.png"/></p>
        		
        		<p class="tit8 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s"><img src="images/tit8.png"/></p>
        		<p class="tit9 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s"><img src="images/tit9.png"/></p>
        		<p class="tit10 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.4s"><img src="images/tit10.png"/></p>
        		<p class="tit11 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s"><img src="images/tit11.png"/></p>
        		
        	</div>
        </div>
    </div>
    <!--pages-btn-->
    <div class="swiper-pagination"></div>
</div>

<script src="js/common201610.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate1.0.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/imgLoader.js" type="text/javascript" charset="utf-8"></script>
<script src="js/style.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
imgLoader(["images/1.jpg", "images/2.jpg", "images/3.jpg",   "images/4.jpg",   "images/5.jpg",   "images/aotoplaybtn.png",   "images/close.png",   "images/gmtit.png",   "images/gmtit2.png",   "images/gmtit3.png",   "images/gmtit4.png",   "images/gmtit5.png",   "images/img1.png",   "images/img2.png",   "images/img3.png",   "images/img4.png",   "images/img5.png",   "images/img6.png",   "images/next.png",   "images/page2videoImg.png",   "images/tit1.png",   "images/tit2.png",   "images/tit3.png",   "images/tit4.png",   "images/tit5.png",   "images/tit6.png",   "images/tit7.png",   "images/tit8.png",   "images/tit9.png",   "images/tit10.png",   "images/tit11.png",   "images/video2.png",   "images/videobtn2.png"	    ], function (percentage) {
    var percentT = percentage * 100;
    $('#loader__info').html('Loading ' + (parseInt(percentT)) + '%');
    $('#loader__progress')[0].style.width = percentT + '%';
    if (percentage == 1) {
        $('#loader').remove();
        //分屏
		var swiper = new Swiper('.swiper-container', {
	        pagination: null,
	        direction: 'vertical',
	        onInit: function(swiper){ 
			    swiperAnimateCache(swiper); //隐藏动画元素 
			    swiperAnimate(swiper); //初始化完成开始动画
			  }, 
			  onSlideChangeEnd: function(swiper){ 
			    swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
			  } 
	    });
    }
});
</script>