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;}
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;}
.wrap{width:1200px;margin:0 auto;}
.ovh{overflow:hidden;}


html, body {position: relative; height: 100%; }
body {background: #fff; font-size:0.24rem; color:#333; }
p{font-size:.24rem;line-height:1.5;text-align:justify;white-space:pre-wrap;}
.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{margin: -60px auto 0;}


.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-b{ background:url(images/bg_b.jpg) no-repeat center; background-size:cover;color:#fff;}
.bg-w{ background:url(images/bg_w.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;}
.b-logo{ width:3.92rem;position:absolute;top:0;right:0;}
.b-drx{ width:1.2rem;margin:0 0  .4rem .35rem;}

.person ul{font-size:0;text-align:center;}
.person li{display:inline-block;width:2.65rem;margin:.25rem .4rem;}
.person img{box-sizing:border-box;border-radius:50%;border:.05rem solid #cbcbcb;}
.person h2{position:relative;height:.5rem;margin-top:-.6rem;background:#df0000;font-weight:normal;font-size:.24rem;line-height:.5rem;text-align:center;color:#fff;}
.person h2 b{font-weight:normal;font-size:.3rem;}
.person h2:before,.person h2:after{content:'';position:absolute;top:0;width:0;height:0;border:.25rem solid #df0000;}
.person h2:before{left:0;right:0;border-left:.1rem solid #fff;}
.person h2:after{right:0;border-right:.1rem solid #fff;}
.person em{display:block;width:1.6rem;height:.4rem;margin:.2rem auto 0;border:1px solid #df0000;border-radius:.1rem;color:#df0000;
	font-size:.2rem;line-height:.4rem;text-align:center;font-style:normal;}

.tag{padding:.25rem 0;font-size:0;text-align:center;}
.tag li{
	display:inline-block;
	width:1.4rem;
	height:.86rem;
	margin:0 .03rem;
	background:url(images/tag.png) no-repeat;
	background-size:cover;
	font-size:.24rem;
	line-height:.86rem;
	color:#ededed;
}
.tag .on{background-image:url(images/tag_on.png);}

.bg-w .tag li{color:#333;}
.bg-w .tag .on{color:#fff;}

.sbd{width:7.1rem;margin:0 auto;}
.pic{float:left;width:3.74rem;}
.pic h2{position:relative;font-weight:normal;width:3.22rem;height:1.17rem;margin:-.6rem auto 0;background:url(images/name.jpg);background-size:cover;text-align:center;}
.pic h2 span{display:block;font-size:.34rem;line-height: .6rem;color:#fff;}
.pic h2 span b{font-size:.45rem;}
.pic h2 em{display:block;font-size:.24rem;line-height:.3rem;text-transform:uppercase;color:#ededed;}
.case{float:right;width:3.2rem;}

.spirit h2{
	float:left;
	position: relative;
	width:1.3rem;
	height:2.4rem;
	margin: -.1rem .1rem 0;
	box-sizing:border-box;
	padding-top:.8rem;
	background:#e10c15;
	font-size:.24rem;
	line-height:.3rem;
	color:#fff;
	text-align: center;
	font-weight: bold;
}
.spirit h2 span{display:block;width:.5rem;height:1px;margin:.1rem auto;background:#fff;}
.spirit p{padding-top:.2rem;font-size:.2rem;line-height:1.5;text-align:center;white-space:pre-wrap;}

.family-img{width:4rem;margin-bottom: .5rem;}
.family p{white-space:pre-wrap;font-size: .22rem;}

.swiper-scrl{position:absolute;right:0;top:.5rem;height: 5.8rem;width:3.3rem;box-sizing:border-box;padding: .25rem .2rem;background:#d0a36d;color:#fff;}
.swiper-scrl .swiper-slide{height:auto;display: block;}
.swiper-scrl .swiper-scrollbar{right: 3px;opacity:1 !important;border-right:1px solid #fff;width: 3px;}
.swiper-scrollbar-drag{left: 2px;background:#fff;}
.swiper-scrollbar{ background:none;}

.miji p{font-size:.22rem;text-indent:2em;}
.miji h2{font-size:.24rem;font-weight:bold;line-height:2.5;text-align:center;}
.mt20{margin-top:.2rem;}

.market h2{font-weight:bold;font-size:.24rem;line-height:2.5;text-align:center;font-weight:bold;}
.market p{font-size:.22rem;text-indent:2em;}

/*.slider_s >li{margin:0 1px;}
@media screen and (max-width:330px){.slider_s >li{margin:0;}}*/

.tag2{position:absolute;bottom:0;left:0;width:100%;height:.5rem;background:rgba(0,0,0,.6);font-size:0;text-align:right;}
.tag2 li{display:inline-block;width:.2rem;height:.2rem;margin:.15rem .2rem .15rem 0;border-radius:50%;background:#fff;}
.tag2 .on{background:#e10c15;}
.family .tag2{position:relative;background:none;box-sizing:border-box;padding-right:5%;}

.endp{font-size:.22rem;text-align:center;}
.ewm{width: 25%;padding:.1rem;border:1px solid #fff;border-radius:.1rem;margin:.2rem auto 0;}
.free-duty h2{font-size:.24rem;line-height:2.5;font-weight:bold;text-align:center;}
.free-duty h2 b{color:#ff0000;}
.free-duty p{padding:0 .5rem;font-size:.22rem;text-indent:2em;}

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: 10px;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}
}

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