html{color:#333;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{border:none;width:100%;display:block;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.ovh{overflow:hidden;}

body,html{position:relative;height:100%;background-color:#fff !important;}
.swiper-container{position:relative; 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; }
.swiper-container .swiper-pagination{position:static;font-size:0;margin-top:4%;}
.swiper-container .swiper-pagination-bullet-active{background-color:#f30022;}
.content{position:relative;margin:-2% auto 0;transform:rotateZ(0deg);}
p{font-size:.24rem;line-height:1.8;text-align:justify;white-space:pre-wrap;}

.banner{background:url(images/bg_ban.jpg) no-repeat center center;background-size:cover;}
.home{margin-top:-1rem;}
.b-drx{width:1.2rem;margin-left:.4rem;}

.bg{background:url(images/bg.jpg) no-repeat center center;background-size:cover;}
.lead{width:86.6%;}
.lead .img1{width:2.2rem;margin:0 auto .4rem;}
.lead p{padding-top:.15rem;line-height:2.5;}

.person li{width:6.2rem;height:2.75rem;margin:.1rem 0;background:url(images/border1.png) no-repeat center center;background-size:100%;overflow:hidden;}
.person li img{float:left;width:2.75rem;height:2.75rem;box-sizing:border-box;border:.03rem solid #6bba36;border-radius:50%;}
.person .info{float:left;width:3rem;margin:.85rem 0 0 .25rem;}
.person .info h2{font-weight:bold;font-size:.36rem;line-height:.4rem;}
.person .info i{
	display:inline-block;width:.34rem;height:.34rem;border-radius:50%;background:#6bba36;
	font-style:normal;font-weight:normal;font-size:.24rem;line-height:.34rem;text-align:center;color:#fff;
}
.person .info i:nth-of-type(even){background:#333;}
.person .info em{
	display:block;
	width:1.85rem;
	height: 0.48rem;
	margin:.2rem 0 0 .4rem;
	border-radius: .24rem;
	background:#6bba36;
	font-style:normal;
	font-size: .24rem;
	line-height: .48rem;
	text-align:center;
	color: #fff;
}


.tit{padding-bottom:.25rem;}
.indent{text-indent:2em;}
.center{text-align:center;}
.mt20{margin-top:.2rem;}

.page{width:96%;}
.tag{padding-bottom:.25rem;font-size:0;text-align:center;}
.tag li{
	display:inline-block;
	box-sizing:border-box;
	width:1rem !important;
	height: 1rem;
	margin:0 .08rem;
	padding: .2rem;
	border:1px solid #6bba36;
	border-radius: .1rem;
	font-size:.24rem;
	line-height:.3rem;
	font-weight:bold;
}
.tag .on{background:#6bba36;color:#fff;}
.case{overflow:hidden;}
.case .imgbox{float:left;width:3.4rem;margin-top: .3rem;}
.case .imgbox img{border-radius:50%;}
.case .imgbox h3{
	width:3.2rem;
	height:.5rem;
	margin:-.25rem auto 0;
	background: rgba(0,0,0,.8);
	font-size:.3rem;
	line-height:.5rem;
	text-align:center;
	color:#fff;
	position:  relative;
	}
.case .imgbox h3:before,.case .imgbox h3:after{content:'';display:inline-block;width: .6rem;height:1px;background:#fff;margin: 0 .1rem;vertical-align: 20%;}

.case .info{
	float: right;
	width:3.1rem;
	padding-left:.4rem;
	background:url(images/i_case.png) no-repeat left top;
	background-size:.25rem 3.1rem;
	font-size:.24rem;
	line-height:.4rem;
	margin-top: .3rem;
	}

.swiper-scrl{height:4rem;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 #6bba36;}
.swiper-scrollbar-drag{left:3px;height:.65rem;background:#6bba36;}
.swiper-scrollbar{ background:none;}

.story-info{float:right;box-sizing:border-box;width:3.5rem;border:1px solid #6bba36;padding:.2rem .1rem .2rem .3rem;margin-top: .2rem;}
.story-info img{width:1.5rem;margin:0 auto .2rem;}

.sl-story{position:absolute;left:0;top:0;width:3.9rem;}
.sl-story .bd{width: 3.96rem;height:5.3rem;overflow:hidden;}
.tag2{font-size:0;text-align: center;}
.tag2 span{display:inline-block;width:10px;height:10px;background:#6bba36;margin: 5px;border-radius: 5px;}
.tag2 .on{width:25px;}

.exp-img{overflow:hidden;font-size:  0;}
.exp-img img{width: 49%;display: inline-block;margin: 0 .5%;}

.share-img{float:left;width:65%;}
.share-img img{margin-top:2px;}
.share-info{
	position:relative;float:left;width:35%;box-sizing:border-box;border:1px solid #6bba36;border-left:none;margin-top:.15rem;padding:.5rem .15rem;
	font-size:.22rem;line-height:.3rem;text-indent:2em;text-align:justify;
}
.share-info:before,.share-info:after{position:absolute;top:.34rem;left:.23rem;content:'';width:.4rem;height:1px;background:#333;}
.share-info:after{left:.63rem;background:#6bba36;}

.front-info{
	position:relative;
	margin: -.2rem .2rem 0;
	padding:.1rem .2rem;
	background: rgba(243,243,243,.9);
	font-size: .22rem;
	line-height:.3rem;
	text-align:justify;
	text-indent:2em;
}

 .brief{width:96%;}
 .brief p{font-size:.22rem;}

 .team{width: 5rem;margin:0 auto;}
 .team li{position:relative;height: .6rem;border-bottom:1px solid #333;font-size:.24rem;line-height: .6rem;text-align:center;white-space: nowrap;}
 .team li:after{content:'';position:absolute;left:50%;margin-left:-.75rem;bottom:-2px;width:1.5rem;height:3px;border-radius:2px;background:#6bba36;}

.gz-ewm{margin: .2rem 0;font-size:0;text-align:center;}
 .gz{display:inline-block;width: 20%;margin:0 2%;vertical-align: top;}
 .ewm{width: 26%;margin:0 2%;display: inline-block;box-sizing:  border-box;border: 1px solid #d3d3d3;padding: .1rem;}

.duty-free h3{font-weight:bold;font-size:.3rem;line-height:2;text-align:center;}
.duty-free b{color:#db214c;}
.duty-free p{padding: 0 .2rem;text-indent:2em;line-height: 1.5;font-size: .22rem;}


/*箭头动画*/
@-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);}
}
#array{
	position:absolute;
	z-index:999;
	-webkit-animation: start 1.5s infinite ease-in-out;
	width:0.5rem;
	height: 0.5rem;
	bottom: 10px;
	left:45%;
}

.fixedhack{position:fixed;left:0;top:0;width:100%;z-index:999;}
footer{display:none;}