@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:144px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:128px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:106.66666666666667px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:96px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:85.33333333333334px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:80px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:72px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:64px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:55.2px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:53.333333333333336px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:50px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:48px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:42.66666666666667px;
     }
   }
     @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
     html,body {
         font-size:32px;
     }
   }
  @charset "utf-8";
html{width:100%;}
body{width:100%; margin:0; padding:0; font-size:100%; font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; background-color:#fff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;}
.clearfix:after{display: block;content: '';height: 0;clear:both;overflow: hidden;}
ol,ul{list-style:none;}
a{text-decoration:none;outline:none;}
body,html,#wrap{width: 100%; height: 100%; overflow: hidden;position: relative;}
.logo{position: absolute;left: 0.54rem;top:0.57rem;width: 2.25rem;height: 0.43rem;z-index: 1111;}
.logo img{display:block;width: 2.25rem;}
.btn-home{position: absolute;right: 0.5rem;top:0.57rem;width:1.72rem;height:0.52rem;background: url(../images/btn-home.png) no-repeat center;background-size: 100% auto;z-index: 1111;}
.kuang{position: absolute;z-index: 1111;background:rgba(255,255,255,0.5) }
.kuang1{left: 0.29rem;top:0.31rem;bottom: 0.31rem;width: 0.02rem;}
.kuang2{left: 0.29rem;right:0.29rem;top: 0.29rem;height: 0.02rem;}
.kuang3{right: 0.29rem;top:0.31rem;bottom: 0.31rem;width: 0.02rem;}
.kuang4{left: 0.29rem;right:0.29rem;bottom: 0.29rem;height: 0.02rem;}
.swiper-container {width: 100%;height: 100%;}
.bg1{background: url(../images/page1-bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.bg2{background: url(../images/page2-bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.bg3{background: url(../images/page3-bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.bg4{background: url(../images/page4-bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.btn{width: 0.35rem; height: 0.19rem; background: url(../images/btn-down.png) no-repeat 0 0;background-size: 100% auto; position: fixed; left: 50%; bottom: 0.66rem; margin-left: -0.17rem; z-index: 999;}
.slogan-same{position: absolute;bottom:1rem;left: 1.3rem;width: 4.66rem;height: 1.88rem;background: url(../images/slogan2.png) no-repeat center;background-size: 100% auto;opacity: 0;transform: translateY(5%);}
.swiper-slide-active  .page-slogan{opacity: 0;transform: translateY(5%);-webkit-transform: translateY(5%);background-size: 100% auto;animation: downIn 1s both;-webkit-animation: downIn 1s both;}
.page1-slogan{position: absolute;left: 0.24rem;bottom:1.9rem;width: 6.95rem;height: 4.17rem;background: url(../images/page2-slogan.png) no-repeat center top;background-size: 100% auto;}

.page2-slogan{position: absolute;left: 0.3rem;bottom:1.9rem;width: 6.98rem;height: 4.19rem;background: url(../images/page1-slogan.png) no-repeat center top;background-size: 100% auto;}
.page3-slogan{position: absolute;left: 0.09rem;bottom:1.9rem;width: 7.24rem;height: 3.99rem;background: url(../images/page4-slogan.png) no-repeat center top;background-size: 100% auto;}
.page4-slogan{position: absolute;left: 0.12rem;bottom:1.9rem;width: 7.19rem;height: 4.13rem;background: url(../images/page3-slogan.png) no-repeat center top;background-size: 100% auto;}
.swiper-slide-active .btn-play{position: absolute;top:4.25rem;left: 50%;margin-left:-0.78rem;width: 1.56rem;height: 1.56rem;background: url(../images/play.png) no-repeat center;background-size: 100% auto;opacity: 0;transform: translateY(5%);-webkit-transform: translateY(5%);animation: downIn 1s both 1s;-webkit-animation: downIn 1s both 1s;}
.swiper-slide-active .slogan-same{animation: downIn 1s both 0.5s;-webkit-animation: downIn 1s both 0.5s;}
@keyframes downIn{
	0%{transform:translateY(5%;);opacity: 0;}
  100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes downIn{
	0%{-webkit-transform:translateY(5%;);opacity: 0;}
  100%{-webkit-transform: translateY(0);opacity: 1;}
}
 .slogan-live{position:absolute;left:50%;bottom:2.5rem;margin-left:-1.89rem;width: 3.78rem;height: 1.16rem;background: url(../images/slogan-live.png) no-repeat center;background-size: 100% auto;z-index: 4;}
.parter{position: absolute;left:50%;margin-left:-3.32rem;bottom:0.8rem;z-index: 4;width:6.64rem;}
.parter ul{width:6.64rem;margin:0 auto;}
.parter ul li a{display: block;width: 1.54rem;height: 0.63rem;}
.parter ul li{float: left;text-align: center;width: 1.54rem;height: 0.63rem;margin:0.06rem;}
.parter ul li img{display: block;margin:0 auto;}
.parter ul li .logo-dy{width: 1.36rem;}
.parter ul li .logo-xm{width: 0.79rem;}
.parter ul li .logo-qm{width: 1.08rem;}
.parter ul li .logo-zq{width: 1.09rem;}
.parter ul li .logo-hm{width: 1.27rem;}
.parter ul li .logo-longzu{width: 1.32rem;}
.parter ul li .logo-qx{width: 1.44rem;}
.parter ul li .logo-wy{width: 1.48rem;}