*{   
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
}  
html, body{
	width: 100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: '微软雅黑';
    font-weight: normal;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

ul,li{
		list-style: none;
}
a{
	display: block;
	text-decoration: none;
	cursor: pointer;
	color: #222121;
	outline:none;
}
img{
	display: block;
	border: 0;
	font-size: initial;
}
form {
 display: flex;
}

 
 .footer{
 	width: 100%;
 	background: #FFFFFF;
 }

 @media (min-width:500px){
	 .header_tab{
	     width: 100%;
	     height: 146px;
	     background: #f2f2f2;
	 }
	 
	 
	 .header_con{
	 	margin: 0 auto;
	 	width: 1200px;
	 	display: flex;
	 	justify-content: space-between;
	 }
	 .head_left{
	 	width: 164px;
	 	height: 148px;
	 }
	 .head_left img{ 
	 	width: 100%;	
	 	height: 100%;
	 }
	 .tab_list{
	 	display: flex;
	 
	 }
	 .tab_list .tab_li{
	 }
	 .tab_list .tab_li .active_img{
	 	margin: 0 auto 16px;
	 	width: 62px;
	 	height: 66px;
	 }
	 .tab_list .tab_li .active_img img{
	 	width: 100%;
	 	height: 100%;
	 }
	 .tab_list .tab_li .tab_item{
	 	padding: 0 30px;
	 	height: 46px;
	 	line-height: 46px;
	 	font-size: 24px;
	 }
	 .tab_list .tab_li .tab_item.active{
	 	background: #ff9943;
	 	color: #fff;
	 	border-radius: 5px;
	 }
	 
	 .footer .copy{
	 	padding-top: 40px;
	 	margin: 0 auto;
	 	width: 1200px;
	 	height: 125px;
	 }
	 .footer .copy .copycon{
	 	margin-bottom: 15px;
	 	display: flex;
	 	font-size: 16px;
	 }
	 .footer .copy .copycon .color{
	 	margin-left: 20px;
	 	color: #9c9c9c;
	 }
	 .emil{
	 	margin: 0 20px;
	 }
	 
 }
 @media (max-width:500px){
	 .header_tab{
	     width: 100%;
	     height: 1.46rem;
	     background: #f2f2f2;
	 }
	 
	 .header_con{
	 	margin: 0 auto;
	 	width: 100%;
	 	display: flex;
	 	justify-content: space-between;
	 }
	 .head_left{
	 	width: 1.64rem;
	 	height: 1.48rem;
	 }
	 .head_left img{ 
	 	width: 100%;	
	 	height: 100%;
	 }
	 .tab_list{
	 	display: flex;
	 
	 }
	 .tab_list .tab_li{
	 }
	 .tab_list .tab_li .active_img{
	 	margin: 0 auto .16rem;
	 	width: .62rem;
	 	height: .66rem;
	 }
	 .tab_list .tab_li .active_img img{
	 	width: 100%;
	 	height: 100%;
	 }
	 .tab_list .tab_li .tab_item{
	 	padding: 0.15rem;
	 	height: .46rem;
	 	line-height: .46rem;
	 	font-size: .24rem;
	 }
	 .tab_list .tab_li .tab_item.active{
	 	background: #ff9943;
	 	color: #fff;
	 	border-radius: .05rem;
	 }
	 
	 .footer .copy{
	 	padding: .40rem 0 0 .4rem;
	 	height: 1.25rem;
	 }
	 .footer .copy .copycon{
	 	line-height: .4rem;
	 	display: flex;
	 	font-size: .18rem;
	 	align-items: center;
	 	flex-wrap: wrap;
	 }
	 .footer .copy .copycon  .copyright{
	 	margin-right: .20rem;
	 }
	 .footer .copy .copycon .color{
	 	color: #9c9c9c;
	 }
	 .emil{
	 	margin: 0 .20rem;
	 }
	 
 }
 .warps_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
}
.qr_code_box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 432px;
	height: 400px;
	background: #fff;
}
.qr_code_box img{
	margin: 24px auto 20px;
	width: 280px;
	height: 284px;
}
.qr_code_box p{
        margin: auto 24px auto 24px;
	font-size: 14px;
	color: #a1a1a1;
	text-align: center;
}
#map{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 800px;
	height: 462px;
}