/**
 * author:wangjia
 * Date:Fri Mar 11 2016 
 */
 @charset "utf-8";

body{ background: url(../images/bg-r.jpg);}
.bg{ width: 750px; display: table; margin: 0 auto;}
.box1{ width: 100%; height: 1138px; background: url(../images/bg.jpg) no-repeat; position: relative; }
.box1 .down1{ position: absolute; width: 227px; height: 72px; top:40px; left: 260px;  background: url(../images/down-ios.png) 0 -72px no-repeat;} 
.box1 .down2{ position: absolute; width: 238px; height: 72px; top:40px; left: 500px; background: url(../images/down-ios.png) 0 0 no-repeat;} 
.box1 .down2:after{ position: absolute; top: -25px; left: 160px; content:""; width:56px; height: 41px; background: url(../images/hot.png) no-repeat; }
.box1 .play{ position: absolute;  width: 105px; height: 119px; top: 530px; left: 340px; background: url(../images/play.png) no-repeat;}
.detailbtn{ width: 170px; height: 80px; position: absolute; top: 870px;left: 550px; }

.box2{ width: 750px; height: 1060px; position: relative;}
.swiper-slide{ width: 750px; text-align: center;}
.pagination{ text-align: center; margin-top: 20px;}
.pagination span{ width: 24px; height: 24px; background: #701d00; border: 5px solid #d14f00; margin: 0 10px;}
.swiper-pagination-bullet{ opacity: 0.5;}
.swiper-pagination-bullet-active{ opacity: 1;}

.box3 p{ width: 90%; margin: 0 auto; font: normal 25px/2 ""; color: #feebcc; }
.box3 .more{ text-align: center;}
.box3 .more a{ color: #cc4d00; text-decoration: none; }

.down3{ text-align: center; padding-top: 50px; padding-bottom: 50px;}
.down3 a{ width: 516px; height: 144px; display: inline-block; background: url(../images/down-an.png) no-repeat;}

.mask{ position: fixed; width: 750px; height: 1500px; background: #000; opacity: 0.5; top: 0; left: 0; z-index: 10;}
.popvideo{ width: 750px; height: 500px; position: fixed; top: 50%; margin-top: -200px; z-index: 11;}