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%;}
.flex-mid{
	position: relative;display: -webkit-flex; display: flex;
	-webkit-justify-content: center; justify-content: center; 
	-webkit-align-items: center; align-items: center;
}
.content{margin: -.2rem auto 0;}


.bg{ background:url(images/bg.jpg) repeat center ; background-size:100% 100%;}
.home{position:relative;width:100%;}
.b-logo{ width:3.33rem;margin:1.5rem auto 0;}
.tit{
	width:6.2rem;height:.88rem;padding-bottom:.14rem;margin:0 auto .3rem;
	background:url(images/bg_tit.png) no-repeat;background-size:contain;
	font-weight:bold;font-size:.4rem;line-height:.88rem;color:#fff;text-align:center;
}

.lead{ background:url(images/bg_lead.jpg) repeat center bottom; background-size:cover;}
.lead p{line-height:2;text-align:center;}

.p3 dl{position:relative;width:6.2rem;margin: .3rem auto 0;overflow:hidden;}
.p3 dt{width:3.6rem;}
.p3 dd{position:absolute;z-index:2;top:.15rem;right:0;width:3rem;height:1.5rem;background:#fff;text-align:center;}
.p3 em{display:block;margin-top:.15rem;font-style:normal;font-size:.18rem;line-height:1.5;color:#999;text-transform:uppercase;}
.p3 h3{font-weight:bold;font-size:.24em;line-height:1.5;color:#d6191d;}
.p3 p{font-size:.18rem;text-align:center;}
.p3 .dl2 dt{margin-left:2.6rem;}
.p3 .dl2 dd{left:0;right:auto;}

.p4 .ad_s{width: 6.4rem;margin:0 auto;}
.p4 p{padding:0 .1rem .1rem .1rem;font-size:.2rem;text-indent:2em;}
.p4-list{font-size:0;text-align:center;}
.p4 .imgbox{width:6rem;padding:.1rem .1rem 0;margin:.1rem;background:#fff;}
.p4 .imgbox b{display:block;font-size:.2rem;line-height:.5rem;text-align:center;}
.p4 .p4-list .imgbox{display:inline-block;vertical-align:top;width: 2.75rem;}

.tag1{padding-top:.2rem;font-size:0;text-align:center;}
.tag1 li{display:inline-block;width:.1rem;height:.1rem;margin:0 .1rem;border-radius:50%;background:#000;}
.tag1 .on{background:#d6191d;}

.p5{width:6.2rem;}

.p5>p{font-size:.2rem;text-indent:2em;padding-bottom:.2rem;}
.p5 .imgbox{padding:.2rem;background:#fff;}
.p5 .imgbox b{
	display:block;position:relative;left:.7rem;top:-.25rem;
	width:1.1rem;height:.5rem;background:#d6191d;
	font-size:.24rem;line-height:.5rem;text-align:center;color:#fff;
}
.p5 .imgbox p{font-size:.18rem;}
.p5 .imgbox em{
	display:block;
	height:.5rem;
	margin-top:.15rem;
	border:1px dashed #d6191d;
	font:normal .18rem/.5rem 'Microsoft Yahei';
	text-align:center;
	color:#d6191d;
	white-space: pre;
}

.p6 p{font-size:.2rem;text-align:center;}
.p6 img{width:6.15rem;margin:.2rem auto 0;}

.p7 p{width:6.2rem;margin:0 auto .2rem;font-size:.2rem;text-indent:2em;}
.p7-list{font-size:0;text-align:center;}
.p7-list img{display:inline-block;vertical-align:top;width:2rem;margin:.05rem;}
.p7-list .col2{width:3.05rem;}

.end{font-size:.2rem;line-height:2;text-align:center;}
.ewm{width:2rem;margin:.2rem auto;}
.ewm p{margin-top:.1rem;font-size:.18rem;text-align:center;white-space: nowrap;}

.free-duty{width:6.2rem;margin:0 auto;}
.free-duty h3{font-size:.24rem;font-weight:bold;text-align:center;}
.free-duty p{font-size:.2rem;line-height: 2;text-indent:2em;}

.bg1{background:url(images/bg1.jpg) no-repeat;background-size:100% 100%;overflow: hidden;}
.item{
	position:absolute;
	padding: .15rem .2rem;
	background:#333;
	font-size:.18rem;
	line-height:1.2;
	color:#fff;
}
.item:before{
	content:'';
	position:absolute;
	top: .32rem;
	left:-.2rem;
	width:0;
	border:.1rem solid transparent;
	border-right:.1rem solid #333;
}
.item b{font-size:.24rem;}
.item i{
	position:absolute;
	top: 0.28rem;
	left:-.7rem;
	width:.3rem;
	height:.3rem;
	border-radius:50%;
	background:#d6191d;
	box-shadow:0 0 0 .03rem #fff,0 0 0 .06rem #d6191d;
}

.item1{top:3.4rem;left:2.5rem;}
.item2{top:5.28rem;left:4.1rem;}
.item3{top:7.15rem;left:2.1rem;}
.item4{top:9.05rem;left:2.8rem;}

.item5{top:3.2rem;left:2.2rem;}
.item6{top:5.2rem;left:2.0rem;}
.item7{top:7.2rem;left:2.7rem;}
.item8{top:9.2rem;left:3.3rem;}

.history img{margin:0 auto;width:6.9rem;}

.lines{
	position:absolute;left:0;top:0;
}

.bg1>img,.bg1 .mask img{position:absolute;left:0;top:0;}
.mask{position:absolute;left:0;top:0;width:100%;height:0;overflow:hidden;}
.line{height:100%;transition:all 2s;}


@-webkit-keyframes lineGrow {
    0% {
        height:0;
    }

    100% {
        height:100%;
    }
}

@keyframes lineGrow {
    0% {
        
        height:0;
    }
	
    100% {
        
        height:100%;
    }
}

.lineGrow {
    -webkit-animation-name: lineGrow;
    animation-name: lineGrow;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
}

#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);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
footer{ display:none!important}
.fixedhack{position:fixed;left:0;top:0;z-index:999;width:100%;}