html {font-size: calc(100vw * 100 / 1080)}    
body,h1,h2,h3,h4,h5,h6,p,label,input,ul,li{margin:0;padding:0}
body{font-family:'wenyue';color:#000;text-align:left;max-width:10.8rem;background-color:#d4bebe}
body,html{font-size:0.4rem}
a {color:#000;vertical-align:baseline;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none}
ul,li{list-style-type:none}
.hid{display:block;height:0;overflow:hidden}
.tn{text-indent:-9999em;overflow:hidden;display:block}
.fl{float:left}.fr{float:right}.pa{position:absolute}.pr{position:relative}
.tl{text-align:left}
.tr{text-align:right}
.cfix{*zoom:1}
input{outline:none}
.cfix:after{display:table;content:"";clear:both}
.i{background-repeat:no-repeat;background-size:100% 100%;overflow:hidden}
*{-webkit-touch-callout:none;user-select:none;outline:none}
input,textarea{-webkit-user-select:auto;outline:none}
.l50{-webkit-transform:-webkit-translateX(-50%);transform:translateX(-50%);left:50%}



.bg1{height:15rem;background-image:url(../img/page1.jpg)}
.bg2{height:12.59rem;background-image:url(../img/page2.jpg)}
.bg3{height:8.89rem;background-image:url(../img/page3.jpg)}
.bg4{height:11.14rem;background-image:url(../img/page4.jpg)}
.bg5{height:15.27rem;background-image:url(../img/page5.jpg)}
.bg6{height:8.63rem;background-image:url(../img/page6.jpg)}
.bg7{height:15.73rem;background-image:url(../img/page7.jpg)}


/* 1 */
.bg1 .logo{width:3.63rem;height:2.14rem;background-image:url(../img/logo.png);left:50%;top:0.5rem;margin-left:-1.815rem;z-index:10}
.snowbox{height:100%;width:100%;z-index:5}
.shequBtn{right:0.75rem;bottom:0.54rem;display:block;width:2.82rem;height:1.06rem;background-image:url(../img/shequbtn.png);-webkit-animation:2s ease infinite scale;z-index:10}
.bg1 .icon{width:1.44rem;height:1.44rem;background-image:url(../img/icon.png);left:0.75rem;bottom:0.4rem}

/* 2 */

.p2gimg{width:9.98rem;height:5.49rem;margin:4rem auto 0 auto;display:block}
.canyuBtn{width:2.82rem;height:1.06rem;background-image:url(../img/choujiangbtn.png);left:50%;bottom:1.6rem;margin-left:-1.41rem;display:block;z-index:10}

/* 3 */
.bg3 .bg3_img{width:8.28rem;height:4.82rem;background-image:url(../img/part3_bg.png);bottom:1.65rem;left:50%;margin-left:-4.14rem}

/* 5*/
.bg5 .swiper-container{width:100%;height:11.1rem;margin-top:1.3rem;z-index:10}

.bg5 .swiper-container .info{width:4.7rem;height:7.6rem;right:0.7rem;top:3rem;font-size:0.3rem;color:#FFF;line-height:0.45rem;box-sizing: border-box;padding:1rem 0.2rem 0 0.2rem}
.bg5 .swiper-container .info .tem{display:inline-block;width:2em;}
.bg5 .swiper-wrapper{width:100%}
.bg5 .swiper-slide .s_img{width:10.7rem;height:10.85rem;top:0.2rem}
.bg5 .swiper1 .swiper-slide{opacity:0!important}
.bg5 .swiper1 .swiper-slide-active{opacity:1!important}
.bg5 .smallswiper{background:url(../img/swiper-pagination1.png) no-repeat 0 0.47rem/100% auto;width:6.82rem;height:1.72rem;bottom: 1rem;left:50%;margin-left:-3.41rem;font-size:0.2rem;z-index:999;overflow:hidden;box-sizing:border-box;padding:0 0.5rem}
.bg5 .smallswiper .swiper-slide{width:2.01rem;height:1.72rem;display:inline-block;background-repeat:no-repeat;background-size:100% 100%}
.bg5 .smallswiper .smicon1{background-image:url(../img/p1_tab.png)}
.bg5 .smallswiper .smicon2{background-image:url(../img/p2_tab.png)}
.bg5 .smallswiper .smicon3{background-image:url(../img/p3_tab.png)}
.bg5 .smallswiper .smicon4{background-image:url(../img/p4_tab.png)}
.bg5 .smallswiper .smicon5{background-image:url(../img/p5_tab.png)}
.bg5 .smallswiper .smicon6{background-image:url(../img/p6_tab.png)}


.bg5 .smallswiper .swiper-slide.smicon1.swiper-slide-active{background-image:url(../img/p1_tab_on.png)}
.bg5 .smallswiper .swiper-slide.smicon2.swiper-slide-active{background-image:url(../img/p2_tab_on.png)}
.bg5 .smallswiper .swiper-slide.smicon3.swiper-slide-active{background-image:url(../img/p3_tab_on.png)}
.bg5 .smallswiper .swiper-slide.smicon4.swiper-slide-active{background-image:url(../img/p4_tab_on.png)}
.bg5 .smallswiper .swiper-slide.smicon5.swiper-slide-active{background-image:url(../img/p5_tab_on.png)}
.bg5 .smallswiper .swiper-slide.smicon6.swiper-slide-active{background-image:url(../img/p6_tab_on.png)}
.swiper-button-next1{width:1rem;height:1rem;right:1.9rem;bottom:1.2rem;z-index:88}
.swiper-button-prev1{width:1rem;height:1rem;left:1.9rem;bottom:1.2rem;z-index:88}




/* 6 */
.bg6 .swiper-button-prev2,.bg6 .swiper-button-next2{width:0.95rem;height:1.06rem;top:4rem;background-size:cover;z-index:10}
.bg6 .swiper-button-prev2{left:0;background-image:url(../img/prevBtn.png)}
.bg6 .swiper-button-next2{right:0;background-image:url(../img/nextBtn.png)}
.bg6 .wanfaswiper{width:8.96rem;margin:2rem auto 0;height:auto;text-align:center;z-index:10}
.bg6 .wallpaper-swiper{width:100%;margin:0 auto 0;height:auto;text-align:center;top:50%;transform:translateY(-50%)}
.bg6 .swiper-slide{height:auto;text-align:center}
.bg6 .swiper-slide img{width:8.96rem;height:5.05rem}
.bg6 .swiper-pagination2{height:0.43rem;left:50%;transform:translateX(-50%);bottom:0.7rem;z-index:10}
.swiper-pagination2 .swiper-pagination-bullet{width:0.43rem;height:0.43rem;background-size: cover;background-image:url(../img/wanfa_tab.png);margin:0 0.2rem}
.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image:url(../img/wanfa_tab_on.png)}


/* 7 */
.videobox{background-image:url(../img/video_bg.jpg);width:8.96rem;height:5.02rem;left:50%;margin-left:-4.48rem;margin-top:2.1rem;z-index:10}
.videobox .playbtn{background-image:url(../img/play_btn.png);width:1.48rem;height:1.56rem;left:50%;top:50%;margin-left:-0.74rem;margin-top:-0.78rem;-webkit-animation: pulse 1s .2s ease infinite;-moz-animation: pulse 1s .2s ease both;}

@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
.ft_bg{background-image:url(../img/foot_img.png);width:9.72rem;height:5.96rem;left:50%;margin-left:-4.86rem;bottom:1.37rem;box-sizing: border-box;padding-top:4.4rem;display:flex;justify-content: space-around}
.ft_bg a{display:inline-block;width:3.3rem;height:100%;z-index:10;position: relative}
.mask-video{width:10.8rem;height:6.3rem;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:9999;display:none}
.mask-video video{width:100%;height:100%}
.mask-common{width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;top:0;left: 0;z-index:1000;display:none}