@charset "utf-8";
/* CSS Document */
html{color:#333;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
a{text-decoration: none;display:inline}
img{border:none; width:100%; display:block}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}

.mt20{ margin-top:0.2rem}
.mt30{ margin-top:0.3rem}
.mt40{ margin-top:0.4rem;}
.mt50{ margin-top:0.5rem}
.mt60{ margin-top:0.6rem}


html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#000; margin:0 auto; padding: 0;font-family: 'Microsoft YaHei'; max-width:750px;} 
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {position: relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.content{ width:94%; overflow:hidden; margin:-40px auto 0; } 
p{ font-size:0.24rem; line-height:0.4rem; text-indent:2em; text-align:justify}

.bg01{ background:url(img/bg01.jpg) no-repeat center center; background-size:100%;}
.bg02{ background:url(img/bg02.jpg) no-repeat center center; background-size:100%;}

.title{ width:100%; text-align:center; margin-bottom:0.3rem;}
.title b{ display:inline-block; font-size:0.36rem; border-bottom:4px solid #ff0000}
.title b i{ font-size:0.4rem; font-weight:normal}
.home .zt{ width:2.14rem; margin:0 auto}
.home .lg{ width:100%; background:#fff; border-top:5px solid #ff0000; position:absolute; left:0; bottom:0.8rem; padding:0.6rem 0}
.home .lg img{ width:3.28rem; margin:0 auto}
.p01{width:5.06rem; padding:0.4rem 0;margin:0 auto; border:1px solid #333; font-size:0.2rem;}
.p01 p{ padding:0 0.4rem; font-size:0.2rem; }
.p01 p.p1{ text-align:center; text-indent:0}
.p02 h2{ text-align:center; font-size:0.3rem; font-family:"宋体"; padding:0.3rem 0 0.1rem 0}

.ads02 ul li{ position:relative; width:100%; float:left;}
.ads02 ul li span{ display:block; position:absolute; top:0.5rem; right:0;display:block; background:#df0000; color:#fff; font-weight:bold; width:1.65rem; height:0.5rem; line-height:0.5rem; font-size:0.3rem; text-align:center; border-top-left-radius:20px; border-bottom-left-radius:20px;}
.tabli02{width:100%; height:1.33rem; padding-top:0.1rem; overflow:hidden}
.tabli02 ul li{ width:2.3rem;float:left; margin:0 0.05rem; overflow:hidden; background:#000; opacity:0.2}
.tabli02 ul li.on{ opacity:1}


.p03{ padding:0.1rem 0.45rem; margin-top:0.5rem; background:#fff;}
.p03 .qylg{ width:2.84rem; margin:0 auto; margin-top:-0.5rem;}
.p03 h2{ text-align:center; font-size:0.26rem; line-height:0.6rem}
.p03 h2 b{ color:#ab164c}
.p04 img{ width:4.23rem; margin:0 auto}
.p04 p.team{ text-indent:0; text-align:center}

.tab01{ width:100%; text-align:center; padding:0.1rem 0}
.tab01 li{ display:inline-block; width:0.15rem; height:0.15rem; background:#ccc; border-radius:100%; margin:0 0.02rem;}
.tab01 li.on{ background:#ff0000}

@-webkit-keyframes myrotate {0% { -webkit-transform:rotate(0deg);}100% { -webkit-transform:rotate(-360deg);}}
.bgm-btn{ position:absolute; top: 60px; right:16px; width: 30px; height: 30px; background-size: 100%; background-image: url("img/music.png"); z-index: 999; -webkit-animation: myrotate 5s linear 0s infinite normal;}
.bgm-btn.mut{ background-position: 0px -30px; -webkit-animation: none;}

footer{ display:none!important}
#array{	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;	width:0.47rem;height: 0.49rem;	bottom: 30px;left:45%;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}