*{
margin: 0;
padding: 0;
}
html, body {
height: 100%;
background: url(../images/bg.jpg) no-repeat left center;
font-family: "微软雅黑";
}
.loading{
height: 100%;
position: relative;
}
.container{
width: 640px;
position: relative;
height: 100%;
}
.code-div{
position: absolute;
left: 1000px;
top: 106px;
}
@media (max-width: 640px) {
.code-div{
display: none;
}
}
@media (min-width: 641px){
.container{
transform: scale(0.5) translateY(-500px);
height: 1030px;
margin-left: 6%;
}
}
@media (min-width: 1340px){
.container{
transform: scale(0.6) translateY(-328px);
height: 1030px;
margin-left: 6%;
}
}
.swiper-container{
display: none;
position: relative;
height: 100%;
overflow: auto;
}
.swiper-container{
width: 100%;
height: 100%;
}
.swiper-slide1{
width: 100%;
background: url(../images/indexbj.jpg) no-repeat;
}
.ani11{
left: 60px;
top: 74px;
position: absolute;
}
.ani1{
position: absolute;
left: 50%;
margin-left: -231px;
}
.ani2{
top: 197px;
margin-left:-14px !important;
}
.ani3{
top:340px;
margin-left: -285px;
}
.ani4{ top: 556px; margin-left: -235px;}
.swiper-slide2{
width: 100%;
background: url(../images/indexbj.jpg) no-repeat;
}
.ani21, .ani22, .ani23{
position: absolute;
}
.ani21{
left: 30px;
top: 45px;
}
.ani22{
right: 30px;
top: 880px;
}
.ani23{
left: 36px;
top: 120px;
}
.ani24{
position: absolute;
top: 167px;
left: 50%;
margin-left: -125px;
}
.ani25{ top: 120px; margin-left: -280px;}
.swiper-slide2, .swiper-slide3, .swiper-slide4, .swiper-slide5, .swiper-slide6, .swiper-slide7, .swiper-slide8, .swiper-slide9, .swiper-slide10{
width: 100%;
background: url(../images/indexbj.jpg) no-repeat !important;
}
/*@media screen and (min-device-height: 1334px) {
.swiper-slide2, .swiper-slide3, .swiper-slide4, .swiper-slide5, .swiper-slide6, .swiper-slide7, .swiper-slide8, .swiper-slide9, .swiper-slide10{
width: 100%;
background: url(../images/indexbj.jpg) no-repeat !important;
background-size:100% 100% !important;
}
}*/
.ani31, .ani32{
position: absolute;
/*left: 102px;*/
}
.ani31{ top: 24px;
left: 50%;
margin-left: -210px;
}
.ani32{
top: 325px;
left: 38%;
/*margin-left: -210px;*/
}
.ani33{ top: 405px; left: 50%; margin-left: -277px;}
.ani34{ top: 600px;}
.ani35{ top: 880px;}
.ani36{ top: 675px; left: 50%; margin-left: -262px;}
.swiper-slide4{
width: 100%;
background: url(../images/indexbj.jpg) no-repeat;
}
.ani41, .ani42, .ani43{
position: absolute;
left: 120px;
}
.ani41{
top: 60px;
left: 121px;
}
.ani42{
top: 44px;
left: 205px;
}
.ani43{
top:478px;
left: 265px;
}
.ani44{ top: 620px; left: 140px;}
.ani45{ left: 342px;}
.ani46{top: 670px;}
.ani47{left: 342px;}
.ani48{ top: 717px;}
.ani49{ left: 342px;}
.ani411{ top: 846px;
left: 0px; position: absolute; display: none;}
.ani411.zoomInLee1{ display: block;}
.ani412{ top: 879px; left: 125px;}
.ani413{ top: 879px; left: 350px;}
.swiper-slide5{
width: 100%;
background: url(../images/bg5.jpg) no-repeat;
}
.ani51, .ani52, .ani53, .ani54{
position: absolute;
left: 152px;
}
.ani51{
bottom: 390px;
}
.ani52{
bottom: 350px;
}
.ani53{
bottom: 260px;
}
.ani54{
bottom: 219px;
}
.swiper-slide6{
width: 100%;
background: url(../images/bg6.jpg) no-repeat;
}
.ani61, .ani62, .ani63{
position: absolute;
}
.ani61{
left: 48px;
top: 119px;
}
.ani63{
left: 48px;
top: 172px;
}
.ani62{
right: 150px;
top: 530px;
}
.swiper-slide7{
width: 100%;
background: url(../images/bg7.jpg) no-repeat;
}
.ani71, .ani72, .ani73{
position: absolute;
left: 32px;
}
.ani71{
top: 134px;
}
.ani72{
top: 198px;
}
.ani73{
top: 284px;
}
.swiper-slide8{
width: 100%;
background: url(../images/bg8.jpg) no-repeat;
}
.ani81, .ani82{
position: absolute;
right: 34px;
}
.ani81{
top: 134px;
}
.ani82{
top: 212px;
}
.swiper-slide9{
width: 100%;
background: url(../images/bg9.jpg) no-repeat;
}
.ani91, .ani92{
position: absolute;
left: 57px;
}
.ani91{
top: 58px;
}
.ani92{
top: 140px;
}
.swiper-slide10{
width: 100%;
background: url(../images/bg10.jpg) no-repeat;
}
.ani101, .ani102{
position: absolute;
right: 122px;
}
.ani101{
top: 449px;
}
.ani102{
top: 527px;
}
.swiper-slide11{
width: 100%;
background: url(../images/bg11.jpg) no-repeat;
}
.ani111, .ani112, .ani113, .ani114, .ani1111, .ani1122, .ani1133, .ani1144{
position: absolute;
}
.ani111{
bottom: 425px;
right: 59px;
}
.ani112{
right: 73px;
bottom: 231px;
}
.ani113{
right: 137px;
bottom: 93px;
}
.ani114{
right: 194px;
bottom: 233px;
}
.ani1111{
top: 0;
left: 5px;
}
.ani1122{
right: 5px;
top: 149px;
}
.ani1133{
top: 379px;
left: 15px;
}
.ani1144{
top: 683px;
left: 25px;
}
.swiper-slide12{
width: 100%;
background: url(../images/bg12.jpg) no-repeat;
}
.ani121, .ani122, .ani123{
position: absolute;
}
.ani121{
right: 162px;
top: 548px;
}
.ani122{
right: 162px;
top: 620px;
}
.ani123{
right: 98px;
top: 720px;
}
.play-div{
width: 83px;
height: 83px;
position: absolute;
right: 28px;
z-index: 1000;
}
.play-bg, .play-icon{
width: 100px;
height: 100px;
position: absolute;
right: 0px;
z-index: 1000;
}
@-webkit-keyframes rotate{
0%{
-webkit-transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
}
}
.rotate-animate{
-webkit-animation:rotate 6s ease infinite;
-moz-animation:rotate 6s ease infinite;
animation:rotate 6s ease infinite;
}
.daoyu{ position: absolute; top:340px; padding:0 3em; color:#e4bb80; font-size:22px; line-height:36px; text-indent:2em; color: white;}
/*.fadeInUp{-webkit-animation-delay:3s; animation-delay:3s;}*/
.pag3txt{ width: 530px; height: 220px; /*background: silver;*/ top: 660px; left: 50%; margin-left: -262px; position: absolute; line-height: 36px; color:#fee088; text-indent: 2em; font-size: 22px; font-family: "微软雅黑";}
.pag3txt p{ font-family: "微软雅黑";}
/*封面封底样式*/
.swiper-slide1{background:url(../images/fm.jpg) no-repeat;}
.swiper-slide1 img{position:absolute;}
.swiper-slide1 .fm-tit{left:0; top:206px;}
.swiper-slide1 .fm-tit2{left:50%; margin-left:-222px; top:506px;}
.swiper-slide1 .fm-mao{left:445px; top:206px;}
.swiper-slide1 .fm-pic{left:0; top:646px;}
.fengdi{
width: 100%;
background: url(../images/indexbj.jpg) no-repeat !important;
}
.fengdi .fm-code{position:absolute; top:168px; left:50%; margin-left:-180px;}
.fengdi .code-txt{position:absolute; top:568px; left:50%; margin-left:-180px;}
.fengdi .fd-name{position:absolute; width:100%; top:765px; left:0; text-align:center; color:#7f4022; font-size:20px;}
.fengdi .fd-name span{margin:0 15px;}