html{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;font-size: 62.5%; font-family:microsoft yahei; font-size:0.24rem;}
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;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
a{text-decoration:none;}
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;}


html, body {position: relative; height: 100%; }
body {background: #fff; font-size:0.24rem; color:#333; }
.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%;margin: -60px auto 0;}


.title{width:100%;text-align:center;margin-bottom: 0.2rem;}
.title h2{background:url(images/bg_tit.png) no-repeat center top;background-size:100%;font-weight:bold;font-size:.4rem;line-height:.6rem;}
.title b{color:#a5714c;}
.bg-dark .title h2{background-image:url(images/bg_titw.png);color:#fff;}

.bg01{ background:url(images/bg01.jpg) repeat center ; background-size:cover}
.bg02{ background:url(images/bg02.jpg) no-repeat center; background-size:cover}
.bg03{ background:url(images/bg03.jpg) no-repeat center; background-size:cover}
.bg-white{ background:url(images/bg_white.jpg) no-repeat center; background-size:cover}
.bg-dark{ background:url(images/bg_dark.jpg) no-repeat center; background-size:cover}
.bg-end{ background:url(images/bg_end.jpg) no-repeat center bottom; background-size:cover}

.home{position:relative;width:100%;margin-top:-2rem;}
.drxlg{ width:1.76rem;position:absolute;top:0;left:1.1rem;}
.qylg{ width:1.7rem;margin:0 auto 1.2rem;}

.lead img{ width:1.61rem; height:1.75rem; margin:0 auto 0.3rem auto}
.lead p{ padding:0 0.5rem; text-indent:2em; line-height:0.4rem; text-align:justify}
.lead p strong{ color:#a5714c}

.person .bd{ width:40%; float:left}
.person .bd ul li{ color:#fff;}
.person .bd ul li h2{ width:80%; padding:0 0 0.1rem 0; font-size:0.3rem; border-bottom:3px solid #fff; margin-bottom:0.5rem; font-weight:normal}
.person .bd ul li p{ font-size:0.2rem; line-height:0.4rem;}
.person .hd{ width:30%; float:left; position:relative}
.person .hd ul li{ width:1rem; height:1rem; border-radius:100%; overflow:hidden; margin-bottom:1rem;transform: scale3d(1,1,1);-webkit-transform: scale3d(1,1,1);transition:transform 1s;-webkit-transition:transform 1s; }
.person .hd ul li:nth-child(1){ margin-left:1.3rem}
.person .hd ul li:nth-child(2){ margin-left:0.1rem}
.person .hd ul li.on{transform: scale3d(1.9,1.9,1);-webkit-transform: scale3d(1.9,1.9,1);}
.person a{display:block;width:100%;margin-top:1rem;background: #ac8062;color:#fff;line-height:0.64rem;text-align:center;border-bottom: 3px solid #845f4f;border-radius:5px;}
.person a i{ display:inline-block; width:0.3rem; height:0.3rem; background:url(images/i_more.png) no-repeat; vertical-align:middle; background-size:100%; margin-left:0.1rem;}

.taba{ width:100%; text-align:center; font-size:0; overflow:hidden; margin-bottom:0.3rem;}
.taba li{ width:18%; float:left; margin-left:2%; font-size:0.28rem; border:1px solid #333; box-sizing:border-box}
.taba li.on{background: #ac8062;color:#fff;border: 1px solid #ac8062;}
.tabb li{ border:1px solid #fff; color:#fff;}
.pic{ width:100%;text-align:center}
.pic img{ width:3.26rem; height:3.26rem; margin:0 auto; border-radius:100%;}
.pic b{display:inline-block;vertical-align:top;margin-top:-0.3rem;line-height:0.6rem;padding:0 0.5rem;font-size:0.3rem;color:#fff;background: #ab7f61;}
.txt{ width:100%; background:#ffe9db; padding:0.5rem; box-sizing:border-box; overflow:hidden; margin-top:0.3rem;}
.txt p{ width:50%; float:left; line-height:0.5rem;}
.txt p strong{ color:#a5714c; font-size:0.3rem;}
.txt p:last-child{ width:100%;}
.txt2{ background:#fff;}
.story .story-txt{background:#ffe9db;padding:0.3rem;line-height:0.4rem;text-align:justify;}
.story2 .story-txt{ background:#fff}
.ewm{width:1.95rem;height:1.95rem;padding:0.26rem;border: 1px solid #fff;margin:0 auto;}
.end{color:#fff;}
.end >p{white-space:pre-wrap;color:#fff;font-size: 0.24rem;line-height: .42rem;text-align:center;padding: 0.3rem 0;}
.free-duty h2{font-size:.36rem;line-height:2;text-align:center;}
.free-duty h2 b{color:#a5714c;}
.free-duty p{font-size: .24rem;line-height:1.5;white-space: pre-wrap;text-indent: 2em;padding: 0 .2rem;}

.swiper-scrl{height: 3.2rem;width:100%;box-sizing:border-box;padding-right: .15rem;}
.swiper-scrl .swiper-slide{height:auto;display: block;}
.swiper-scrl .swiper-scrollbar{right: 0;opacity:1 !important;border-right:1px solid #b59a81;}
.swiper-scrollbar-drag{left:3px;height:.65rem;background:#b59a81;}
.swiper-scrollbar{ background: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: 50px;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}
}