@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}
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:#fff; margin: 0; padding: 0;font-family: 'Microsoft YaHei'; 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:-60px auto 0; } 
p{ font-size:0.24rem; text-indent:2em; line-height:0.4rem; text-align:justify}

.bg01{ background:url(img/bg01.jpg) no-repeat center top; background-size:100%; animation: fade 1s;}
.bg_red{ background:url(img/bg_red.jpg) repeat}
.bg_black{ background:url(img/bg_black.jpg) repeat}
.home .zttxt{ margin-bottom:0.3rem;}
.home p{ padding:0 0.3rem;}
.home p strong{ color:#ff0000}

.title{ width:100%; text-align:center; margin-bottom:0.2rem;}
.title h2{ font-size:0.4rem;}
.title span{ display:inline-block; background:url(img/titbg.png) no-repeat; width:100%; height:0.07rem; background-size:100%;}
.title em{ display:inline-block; vertical-align:top;font-size:0.24rem;color:#fff; text-transform:uppercase;}
.black h2{ border-bottom:1px solid #dcdcdc}
.black h2 b{ color:#333}
.black em{ color:#cecece}

.p01 dl{ width:100%; background:url(img/libg.png) no-repeat; height:2.48rem; background-size:100% 100%;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom:0.2rem;}
.p01 dl dt{ width:33%;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;}
.p01 dl dt img{ width:2.16rem; height:2.16rem; border-radius:100%;}
.p01 dl dd{ width:66%; color:#fff;}
.p01 dl dd b{ font-size:0.3rem; padding-left:0.3rem;}
.p01 dl dd p{ text-indent:0; padding-left:0.3rem;}

.ads01,.ads02{ width:7.1rem}
.ads01 h2{ font-size:0.24rem; font-weight:bold; text-align:center; padding:0.1rem 0}
.tabli01{ width:100%; text-align:center; margin-bottom:0.2rem; }
.tabli01 li{ display:inline-block; color:#a1a1a1; white-space:nowrap; line-height:0.6rem; width:33.3%; text-align:center}
.tabli01 li.on{ background:#76cb41; color:#fff}
.p03 h2{ font-size:0.28rem; padding:0.2rem 0; }
.tabli02{ position:absolute; top:3.5rem; left:0; width:100%; text-align:right; z-index:9999}
.tabli02 li{ display:inline-block; width:0.3rem; height:0.3rem; text-align:center; line-height:0.3rem; background:#ccc;  font-size:0.2rem; margin-right:0.2rem;}
.tabli02 li.on{ background:#6db930; color:#fff}
.swiper-pagination{ position:static}
.swiper-pagination-bullet{ background:#fff; opacity:0.5}
.swiper-pagination-bullet-active{ background:#fff600}

.bg_white{ background:#fff;}
.p04{ padding:0.2rem;}
.p04 dl{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px dotted #ccc}
.p04 dl:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0}
.p04 dl dt{ width:20%; font-size:0; text-align:center}
.p04 dl dt img{ display:inline-block;width:1.12rem; height:1.12rem; border-radius:100%;}
.p04 dl dt b{ display:inline-block; vertical-align:top; padding:0 0.2rem; border-radius:2rem; font-size:0.24rem; line-height:0.35rem; text-align:center; background:#333; color:#fff; text-align:center}
.p04 dl dd{ width:80%;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;}
.p04 dl dd p{ padding:0 0.2rem;text-indent:0; color:#333}

.end img{ width:3.34rem; margin:0 auto}
.end p{ color:#fff;}
.end dl dt{ width:100%; text-align:center}
.end dl dt b{ display:inline-block; padding:0 0.5rem; color:#bbb; font-size:0.36rem; background:url(img/bg_black.jpg) no-repeat;}
.end dl dt span{ font-size:0.2rem; text-transform:uppercase; vertical-align:top}
.end dl dd{ width:100%; padding:7%; margin-top:-0.4rem; border:1px solid #bbb; box-sizing:border-box; overflow:hidden}
.end dl dd p{ margin:0; float:left; text-indent:0}
.end dl dd p:nth-child(odd){ width:40%;}
.end dl dd p:nth-child(even){ width:60%;}
.end dl dd p:last-child{ width:100%;}
.mz h2{ text-align:center}
.mz h2 b{ color:#e60618}

.sale h2{ text-align:center; font-size:0.28rem; padding:0.2rem 0}


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