@charset "gb2312";
/* CSS Document */
body {font-family:"微软雅黑", Arial, Tahoma,"微软雅黑";margin:0;padding:0;font-size:12px;color:#000; background:#fff; } 
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;} 
ul,li{list-style-type:none;} 
img{border:0;} 
input,select,textarea{vertical-align:middle;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;} 
header, section, footer, aside, nav, main, article, figure { display: block; } 
/* Link */ 
a{color:#333333;text-decoration:none;} 
a:hover {text-decoration:none;-webkit-transition: .8s} 
/* Other */ 
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;} 
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */ 
.f_left{float:left;} 
.f_right{float:right;} 
.img{vertical-align:middle;} 

.banner{width:100%; text-align: center;margin:0 auto;overflow:hidden; min-width:1200px;} 
.banner01{width:100%; text-align: center;margin:0 auto;overflow:hidden; min-width:1200px;} 
.quality{ width:100%; height:auto; background:#f2f2f2; min-width:1200px;} 
.div_center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative;} 
.xiaju{ margin-bottom:16px;} 
.distance{ margin-left:12px;} 

#pageApp{
	
}

/*-----顶部广告-----*/
.adBox{
	width: 1200px;
	margin:0 auto;
}
.adBox img{
	width: 100%;
	border:0;display: block;
}
/*-----顶部广告-----*/

/*-----遮罩广告-----*/
.maskBox{
	position: fixed;
	top:0;
	left:0;
	z-index: 99999;
	width:100vw;
	height:100vh;
	background: rgba(0,0,0,0.3);
	transition:background .3s 0s; 
}
.maskBox.cur{
	background: rgba(0,0,0,0);
	z-index: -10;
}
.maskBox .inner{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	opacity: 1;
	transition: top .3s 0s,opacity .2s 0s; 
}
.maskBox .inner img{
	width:100%;
	border:0;display: block;
}
.maskBox .inner span.close{
	width:50px;
	height:50px;
	border:2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top:-40px;
	right:-40px;
	opacity: .5;
}
.maskBox .inner .close::before,.maskBox .inner .close::after{
    position: absolute;
    top:50%;
    left:50%;
    content: "";
    width:5px;
    height:30px;
    background:#fff; 
    border-radius: 4px;
    transform: translate(-50%,-50%) rotate(45deg);
}
.maskBox .inner .close::after{
    width:30px;
    height:5px;
}
.maskBox .inner span.close:hover{
	opacity: 1;
}

.maskBox .inner.cur{
	top: 0;
	opacity: 0;
}
/*-----遮罩广告-----*/