@charset "utf-8";
.pc_banner {display:block;}
.wap_banner{display:none;}
@media screen and (max-width:1073px){
	.widthauto{width:96%;max-width:1000px;margin:0 auto;}
	.pc_banner {display:none;}
	.wap_banner{display:block;}
	.wap_header{ position:relative;padding:10px 0;}
	.logo_wap{float:left;width:30%;}
	.logo_wap img{width:100%;}
	.mobile_menu_btn_{display:none;}
	.mobile_menu_btn{display:block;;float:right; text-align:left;margin:2% 0 0 5%;}
	.mobile_menu {
	background: #f0efef;
	padding: 10px 0;
	display: none;
	width: 100%;
	margin-top:0;
}
.menu{display:none;}
.about_contact_box .title {
    font-size:30px;
    line-height:48px;
    font-weight:bold;
    font-family:"helveti";
    color:#fff;
    text-transform:uppercase;
    padding-top:45px;
    margin-bottom:30px;
}
.service_list ul li{float:left;width:48%; text-align:center;margin-right:2%;margin-bottom:2%; background:#f1f1f1;}
.index_news ul li{float:left;width:94%;padding:0 3% 3%;border-right:none;color:#999;}
.index_news ul li:first-child{padding-left:3%;}
.index_news ul li:last-child{padding-right:3%;border-right:0;}
.about_contact_box {
    width:100%;
    position:relative;
    float:left;
    overflow:hidden;
}
.about_contact_box .text {
    padding:0 9.8%;
	width:100%;
    box-sizing:border-box;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
}
.ncontent_future dl{float:left;width:48%; background:#fafafa; text-align:center;margin-right:2%;margin-bottom:2%;}

.contentnav dl{float:left;width:96%; background:#FFF;margin:0 2% 2%;}

.ncontent_contact ul li{float:left;width:98%; background:#f5f5f5; text-align:center;padding:1% 0;margin:0 2% 2rem 0;}
.side{position:fixed;width:54px;height:275px;right:0;bottom:15px;z-index:10000;}

}

@media screen and  (max-width:598px){
	.mobile_menu_btn_{display:block;float:right; text-align:right;margin:2% 0 0 5%;}
	.mobile_menu_btn{display:none;}
	.nav_menu a{ display:inline-block;padding:0 1rem;line-height:60px;}

}

.bottom_m{font-size:0.85em;}
.copyright_m{clear:both;width:96%;font-size:0.85em;border-top:#dddddd 1px solid;padding:2%; text-align:center;}


.mobile_menu {
	background:#ffffff;
	position: relative;
	z-index: 20;
	display: none;
	width: 100%;
	padding-bottom:10%;
}
@media screen and  (max-width:1073px){

	.mobile_menu {
	display:none;
	float:left;
	width: 100%;
	clear:both;
}
.menu_head{display:block;}
}
.mobile_menu dt {
	float:left;
	width:80%;
	padding:4% 0;
	margin:0 10%;
	font-size:18px;
	cursor: pointer;
	clear:both;
	border-bottom:#dddddd 1px solid;
}
.mobile_menu dt a{font-size:18px;color:#7c7c7c;line-height: 40px;}
.mobile_menu dt:hover{color:#3385ff}
.mobile_menu dd {
	background: #ffffff;
	display: none;
	margin:0 10%;
	color:#7c7c7c;
	font-size:18px;
}
.mobile_menu dd p {
	float:left;
	width:100%;
	height:45px;
	overflow:hidden;
	padding:6%;
	border-bottom:#dddddd 1px solid;
}
.mobile_menu dd p a {
	font-size:18px;
	color:#7c7c7c;
}
.mobile_menu dd p:hover {
	color:#3385ff;
}
.mobile_menu dt.mobile_menu_current {
	color:#3385ff;
}