html{font-size: 20px;}
body{line-height: 1.6;max-width: 540px;margin: 0 auto;opacity: 0;}
body.done{opacity: 1;}
*{box-sizing: border-box;}
a:focus{outline: none;}
img{max-width: 100%;vertical-align: middle;}
.wow { visibility: hidden; }
#tip-arrow-top,#tip-arrow-bottom,#trans-tooltip{display: none;}
#music,#music #btn{width: 30px;height: 30px;position: fixed;z-index: 200;top: 20px; right: 10px;}
#music #btn{background: url(../images/music.png) no-repeat 0 0;background-size: 100%;}
-webkit-keyframes music-rotating-data-v-4dfa15d8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes music-rotating-data-v-4dfa15d8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
#music .on {
    -webkit-animation: music-rotating-data-v-4dfa15d8 1.2s linear infinite;
    animation: music-rotating-data-v-4dfa15d8 1.2s linear infinite;
}

.delay-1{animation-delay: .3s;-webkit-animation-delay: .3s;}
.delay-2{animation-delay: .45s;-webkit-animation-delay: .45s;}
.delay-3{animation-delay: .6s;-webkit-animation-delay: .6s;}
.delay-4{animation-delay: .75s;-webkit-animation-delay: .75s;}
.delay-5{animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}
.delay-6{animation-delay: 1.05s;-webkit-animation-delay: 1.05s;}
.delay-7{animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.main{width: 100%;background-image:url(../images/foot_bg.jpg);background-attachment:fixed; background-repeat:no-repeat;background-size: cover; background-position:center bottom;}
.main .slide{width: 100%;height: 100vh;padding: 20px; text-align: center; background: url(../images/banner1.jpg) center bottom 35% no-repeat;background-size: cover;position: relative;}
.main .slide .logo{margin-top: 1.0rem;}
.main .slide .logo img{width: 236px;}
.main .slide .logo2 img{width: 15.85rem;}
.main .slide .title1{font-size: 2.3rem;color: #cfa23d;font-weight: bold;}
.main .slide .desc{font-size: 1.15rem;color: #fff;}
.main .slide .desc span{font-size: 1.75rem;font-weight: bold;color: #cfa23d;display: inline-block;}
.main .slide .title2{position: absolute;left: 0;bottom: 1.15rem;color: #fff; width: 100%;text-align: center;font-size: 1.1rem;line-height: 1.25;}
.main .slide .title2 span{font-size: 1.3rem;color: #cfa23d;font-weight: bold;}

.main .slide .p1{margin-top: 1.0rem;}
.main .slide .p2{margin-top: 1.0rem;}

.subbanner{position: relative;overflow: hidden;}
.subbanner:after{position: absolute;z-index: 2;width: 24px;height: 24px;background: url(../images/icon_xia_w.png) center no-repeat;background-size: 100%;content: "";top: calc(100vh - 36px);left: 50%;margin-left: -12px;-webkit-animation: bounce2 3s infinite linear;
    animation: bounce2 3s infinite linear;}
.subbanner .logo2{position: absolute;left: 0;top: 15px; width: 100%;text-align: center;}
.subbanner .logo2 img{width: 15.85rem;}
.subbanner .txt1{position: absolute;left: 0;width: 100%;text-align: center;top: 4.35rem;}
.subbanner .txt2{position: absolute;left: 0;width: 100%;text-align: center;top: 8.5rem;}
.subbanner .txt{margin-top: 0.75rem;}
.subbanner .container{position: absolute;z-index: 2;width: 100%; text-align: center;top: calc(20px + 2.6rem);}

.type_btn{position: fixed;top: 60px;right: 5px;width: 52px;height: 50px;background: url(../images/type_btn.png) center no-repeat;background-size: 100%;z-index: 9;}
.tipAnimateb{-webkit-animation: tipAnimateb 1s infinite linear;
    animation: tipAnimateb 1s infinite linear;}
@keyframes tipAnimateb{0%{opacity:1}50%{opacity:.6}to{opacity:1}}
@-webkit-keyframes tipAnimateb{0%{opacity:1}50%{opacity:.6}to{opacity:1}}

.nextpage{width: 100%;position: relative;display: block; background: url(../images/next.jpg) center no-repeat;background-size: cover;height: 0;width: 100%;padding-top: 36.66666666666667%;box-sizing: content-box;}
.nextpage .txt{width: 4.75rem;height: 2.3rem;left: 50%;top: 50%; margin-left: -2.375rem;margin-top: -1.15rem; position: absolute;z-index: 2;}
.sub_page .main .slide{min-height: 100vh;height: auto;background-position: center top;position: relative;}
.sub_page .main .slide:after{position: absolute;left: 0;bottom: 10px;width: 100%;height: 2.8rem;background: url(../images/subanner_bg.png) center no-repeat;background-size: 100%;content: "";z-index: 1;}

.type_main{min-height: 100vh;position: relative;padding: 20px;background: url(../images/type/type_bg.jpg) center no-repeat;background-size: cover;}
.topcon{position: relative;}
.topcon:after{position: absolute;top: 20px;right: 0;width: 63px;height: 15px;background: url(../images/type/toppic1.png) center no-repeat;background-size: 100%;content: "";}
.type_main .logo{width: 42px;height: 58px;background: url(../images/type/logo_small.png) center no-repeat;background-size: 100%;}
.type_main .logo a{display: block;height: 100%;}
.type_main .topimg{position: absolute;right: 30px;top: 40px; width: 63px;}
.type_main .bottom{position: absolute; left: 0;bottom: 40px;width: 100%; color: #cfa23d;text-align: center;text-transform: uppercase;font-weight: bold;}
.type_main .bottom p{font-size: 1.1rem;}
.type_main .bottom .en{font-size: 0.5rem;}
.typelist_wrap{background: rgba(255,255,255,0.67) url(../images/type/typelist.png) center bottom no-repeat;background-size:100%;padding: 0.9rem 0.9rem 0.3rem;border-radius: 1.0rem;margin: 1.0rem 0.3rem;min-height: calc(100vh - 220px)}
.typelist_wrap .title{font-size: 1.0rem;line-height: 1.2;font-weight: bold;text-align: center;}
.typelist_wrap .title span{color: #b71b2c;}
.typelist_wrap .en{font-size: 0.5rem;text-align: center;}
.typelist{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0.5rem;}
.typelist .item{width: 4.15rem;height: 4.55rem;margin: 0 1rem 0.6rem; text-align: center;color: #fff;font-size: 0.7rem;line-height: 4.25rem;}
.typelist .item .con{display: block;width: 100%;height: 100%;background: url(../images/type/typename_bg.png) center no-repeat;background-size: 100%;}
.typelist .item a{display: block;height: 4.55rem;color: #fff;font-weight: bold;}

.imgslide_wrap{position: relative;}
.imgslide_wrap .imgslide{position: absolute;top: 1.45rem;left: 1.6rem;width: 61.1%;height: 48.61vh;}
.imgslide_wrap .imgslide img{width: 100%;}
.slide_tips{position: absolute;right: 5px;top: 0;width: 24px;text-align: center; font-size: 14px;color: #fff;background-color: #b71b2c;border-radius: 20px;z-index: 20;line-height: 1.2;padding: 8px 3px;}

.ppfz_con{width: 14.7rem;min-width: 300px; margin: 0 auto;text-align: left; background-color: rgba(255,255,255,0.84);border-radius: 0.6rem;padding: 0.7rem 0.5rem 0.5rem;}
.ppfz_con p{padding: 0.2rem 0;border-bottom: 1px dashed #ccc;font-size: 0.6rem;color: #000;line-height: 1.4;}
.ppfz_con p.flex{display: flex;}
.ppfz_con p.flex b{flex: 0 0 auto;}
.ppfz_con .bgimg{width: 9.8rem;margin: 0.35rem auto 0;display: block;}

@media(min-width: 540px){
	.imgslide_wrap .imgslide{height: 262.5px;}
	#music,#music #btn{right: 50%;margin-right: -260px;}
}

@media(max-width: 375px){
	.ppfz_con p{font-size: 0.6rem;}
}