@charset "utf-8";
/* CSS Document */
html{color:#fff;-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}
b,strong{ font-weight:bold}
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}
.mt30{ margin-top:0.3rem}

html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#333; margin: 0; padding: 0;font-family: 'Microsoft YaHei'; line-height:1.8; max-width:750px; margin:0 auto } 
.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:96%; overflow:hidden; margin:-40px auto 0; } 
.content p{ font-size:0.24rem; text-indent:2em; text-align:justify}

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

.title{ width:100%; text-align:center; position:relative; margin-bottom:0.2rem}
.title b{ display:inline-block; padding:0 0.3rem; font-size:0.4rem; line-height:0.6rem; border:1px solid #fff; vertical-align:top; background:#6c0924; position:relative; z-index:9; color:#fff }
.title span{ display:block; width:100%; border-bottom:1px solid #fff; position:absolute; top:0.3rem; left:0; z-index:0}
.white b{ background:#fff; border:1px solid #701029; color:#701029}
.white span{ border-bottom:1px solid #701029}

.home{ width:94%; overflow:hidden; margin:0 auto}
.home .zt{ width:5.44rem; margin:2.2rem auto 0.3rem auto}
.home p{ text-indent:2em;  text-align:justify; color:#fff}

.p01 ul{ padding:0.3rem 0.3rem 0 0.3rem; overflow:hidden}
.p01 ul li{ width:50%; float:left; border-bottom:1px dashed #fff; line-height:0.48rem; color:#fff}
.p01 ul li.w100{ width:100%}
.p01 ul li span,.p03 p span{ display:inline-block; width:0.2rem; height:0.2rem; background:#fff; margin:0 0.05rem;}
.p02 ul li{ width:100%; float:left; text-align:center}
.p02 ul li b{ display:inline-block; font-size:0.3rem; border:1px solid #333; padding:0 0.3rem; margin:0.3rem 0}
.p02 ul li p{ text-indent:0}
.p02 ul li p strong{ display:block}
.video{ height:4rem;}
.p03{ padding:0.2rem; margin:0 0.3rem; border:1px solid #fff; border-top:none}
.p03 b{ display:inline-block; background:#fff; font-size:0.28rem; color:#6d0c26; padding:0 1rem; line-height:0.6rem; margin-left:-0.5rem;}
.p03 p{ color:#fff; text-indent:0}
.p04 ul li div{ width:49%;}
.p04 ul li b{ display:block; width:100%; text-align:center; font-size:0.3rem;}
.p05 img{ width:5.53rem; margin:0 auto}
.p06 div{ margin:0 0.15rem; padding:0.3rem; border:1px solid #fff; border-top:none; color:#fff}
.p06 div p{ text-indent:0}
.p06 span{ display:inline-block; width:40%; height:0.2rem; background:#fff;}
.p06 span.s_l{ margin-left:-0.45rem}
.p06 span.s_r{}
.bdr{ border:1px solid #bfbfbf; padding:0.3rem; margin-top:1.36rem}
.txt img{ width:2.18rem; height:2.18rem; margin:-1.56rem auto 0 auto}
.txt b{ display:block; width:100%; text-align:center; font-size:0.3rem}
.txt b i{ color:#d2000f}
.team{ text-align:center!important; text-indent:0; color:#fff; line-height:0.5rem}
.end{ width:100%; text-align:center}
.wb,.ewm{ display:inline-block; width:2.08rem; display:inline-block}
.tab{ width:100%; text-align:center}
.tab li{ display:inline-block; width:0.22rem; height:0.22rem; border:1px solid #701029; margin:0 0.1rem;}
.tab li.on{ background:#701029}
.tab01{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5); text-align:right; }
.tab01 li{ border:1px solid #fff}
.tab01 li.on{ background:#fff}
.tab02{ width:100%; text-align:center; margin:0.3rem 0 }
.tab02 li{ display:inline-block; width:30%; text-align:center; border:1px solid #fff; border-radius:10px; color:#fff; line-height:0.6rem; margin:0 1%;}
.tab02 li.on{ background:#fff; color:#6c0f28}


#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);}
}

@keyframes fade{
	from{ opacity:0}
	to{ opacity:1}
}
@-webkit-keyframes fade{
	from{ opacity:0}
	to{ opacity:1}
}
@-moz-keyframes fade{
	from{ opacity:0}
	to{ opacity:1}
}

footer{ display:none}

@media screen and (max-width:320px){
	.p01 ul li{ font-size:0.18rem}
}