﻿/* 手机 mobile start*/



@media (max-width: 767px) {

.section .nr {
  width:100%;
  
}

body{



	background-size:100% auto;



	font-size:14px;



}







.visible-xs{display: block !important;}



.visible-xs-block {display: block !important;}



.visible-xs-inline {display: inline !important;}



.visible-xs-inline-block {display: inline-block !important;}



.hidden-xs{display:none !important;}







.wrapin{



	width:100%;



}







.cm_banner{



	height: 200px;	



}



.cm_banner .wrapin{	



	height: 200px;	



}



.cm_banner dl{



	width: 100%;



	text-align: center;



}



.cm_banner dt{



	height: 60px;



	padding-bottom:4px;



	line-height: 60px;



	font-size:24px;



	position: relative;



	width: 100%;



}



.cm_banner dt i{



	position: absolute;



	left: 50%;



	margin-left:-12px;



}



.cm_banner dd{



	height:50px;



	line-height: 50px;



	font-size:16px;



}



.now_pos{



	box-sizing:border-box;



	padding:0 2%;



}



.main{



	padding-bottom:10px;



}







.aside{



	width: 96%;



	float: none;



	margin:0 auto;



}



.as_title{



	height: 40px;



	line-height: 40px;	



	padding-left:15px;



	font-size:16px;



}



.as_title i{	



	width: 3px;



	height: 16px;	



	margin-top:-8px;	



}



.as_nav{



	padding:0 0 0 0;



}



.as_nav a{	



	height: 35px;



	line-height: 35px;



	font-size:14px;	



	padding-left:10px;



	box-sizing:border-box;



	width: 50%;



	float: left;



}



.as_nav a:hover,.as_nav a.hover{



	color:#e3b74e;



}







.as_hot{



	padding:5px 0 0 0;



}



.as_hot li{



	height: 35px;



	line-height: 35px;	



	border-bottom:1px dashed #d9d9d9;



}







.as_cnt{



	padding-top:13px;



}



.as_cnt .in{



	line-height: 24px;



	padding:5px 0;



	color:#4c4c4c;



	border-bottom:1px dashed #d9d9d9;



}







.section{	



	width: 96%;



	float: none;	



	margin:0 auto;



}



.se_title{



	height: 40px;



	line-height: 40px;	



	font-size:16px;	



	padding-left:25px;



}



.se_title i{



	width: 16px;



	height: 4px;



	position: absolute;



}







.pro_list{



	width: 100%;



	padding-top:10px;



}



.pro_item{



	width: 100%;



	float: none;



	height: auto;



	margin:12px 0 0 0;



	display: block;



	font-size:14px;



	background:#f3f3f3;



}



.pro_item .photo{	



	height: auto;	



	width: 100%;



}



.pro_item .photo img{



	display: block;



	width: 100%;



	height:auto;



}



.pro_item:hover{



	background:#fff;



	box-shadow:0 0 15px #eee;



}



.pro_item .name{



	height: 40px;



	line-height: 40px;



	padding-left:10px;



	font-size:14px;



}







.page{



	text-align: center;



	padding:10px 0 10px 0;



	height: 26px;



	line-height: 24px;



	font-size:12px;



}



.page a{



	border:1px solid #fff;



	display: inline-block;



	height: 24px;



	padding:0 5px;



}



.page a:hover{



	color:#194e94;	



	border-color:#194e94;



}



.page .cbn{



	border-color:#194e94;



	color:#194e94;



}



.page .cbn2{



	border-color:#194e94;



	color:#fff !important;



	background:#194e94;



}



.page .num{



	width: 24px;



	height: 24px;



	border:1px solid #194e94;



	text-align: center;



}







.pd_tabs{



	float: none;



	width: 100%;



	margin:10px 0 0 0;



	position: relative;



	overflow: hidden;



}



.pd_tabs .big{



	border:1px solid #eee;



	width: 100%;



	height: auto;



	position: relative;



	overflow: hidden;



}



.pd_tabs .big img{



	display: none;



	width: 100%;



	height: 100%;



	object-fit:cover;



}



.pd_tabs .big .show{



	display: block;



}



.pd_tabs .btns{



	width: 100%;



	margin-top:10px;



	display:flex;



	justify-content:space-between



}



.pd_tabs .btn{



	float: left;



	width: 83px;



	height: 65px;



	border:1px solid #e6e6e6;



	margin-right:0;



	cursor: pointer;



	overflow: hidden;



}



.pd_tabs .hover{



	border-color:#e3b74e;



}



.pd_inf{



	width: 100%;



	float: none;



	margin:10px 0 0 0;



}



.pd_inf .name{



	font-size:20px;



	line-height: 36px;



}



.pd_inf .t1{



	height: 42px;



	line-height: 42px;



	font-size:16px;



}



.pd_inf .intro{



	line-height: 24px;



	font-size:14px;



	color:#666;



	height: auto;



	padding-bottom:15px;



}







.pd_title{



	height: 40px;



	line-height: 40px;



	padding-left:28px;



	position: relative;



	font-size:14px;



}



.pd_title i{	



	width: 10px;



	height: 6px;	



	left: 8px;	



	margin-top:-3px;



}



.pd_cnt{



	padding:0 28px;



	line-height: 1.8;



	color:#666;



}







.pdc_item{



	float: none;	



	width: 96%;



	height: auto;	



	margin:0 auto 10px auto;



}



.pdc_item .name{



	height: 40px;



	line-height: 40px;



	font-size:16px;



}







.news_item{



	padding:10px 0;	



}



.news_item .photo{



	display: block;



	width: 100%;



	float: none;



	height:auto;



}



.news_item .photo img{



	display: block;



	width: 100%;



	height:auto;



}



.news_item dl{	



	width: 100%;



	font-weight: normal;



	float: none;



}



.news_item dt{



	height: 40px;



	line-height: 40px;



	font-size:14px;



}



.nd_title{



	padding:10px 0 5px 0;



	line-height: 30px;



	font-size:20px;	



}







.nd_tags{



	height: 30px;



	line-height: 30px;	



	font-size:12px;



}



.nd_tags span{



	margin-right:10px;



}



.nd_tags .read{



	padding-left:22px;



	display: inline-block;



	background:url("../images/reada.png") no-repeat left center;



	background-size:auto 12px;



}







.nd_intro{



	padding:10px 10px;	



	font-size:14px;	



}



.nd_cnt{



	font-size:14px;



	line-height: 1.8;



	margin:10px 0;



	color:#666;



}



.nd_cnt p{



	padding:0 10px;



}



.nd_cnt img{



	display: block;



	width: 100%;



}



.nd_ot{



	border-top:1px dashed #e6e6e6;



	height: 80px;



	line-height: 40px;



}



.nd_ot li{



	width: 100%;



	float: none !important;



	height: 40px;



}



.nd_ot .rt{



	text-align:left;



}







.case_list{



	width: 100%;



}



.case_item{



	width: 100%;



	margin:12px 0 0 0;	



}



.case_item:hover{



	box-shadow:0 0 10px #ddd;



}



.case_item .photo{	



	width: 100%;



	height: auto;	



}



.case_item .name{



	height: 40px;



	line-height: 40px;



	font-size:14px;



	background:#eee;



	display: block;



}







.apt_list{



	width: 100%;



}



.apt_item{



	width: 46%;	



	margin:10px 2% 0 2%;	



}



.apt_item .photo{



	width: 100%;



	height: auto;	



}







.safe_list{



	width: 100%;



}







.sf_item{	



	width: 100%;	



	margin:10px 0 0 0;



	border:10px solid #fafafa;	



	float: left;



	box-sizing:border-box;



	height:auto;



}



.sf_item .photo{



	height:auto;



}



.safe_page{	



	margin-top:20px;



}







.cn_fls{	



	margin:10px 0 10px 0;	



	width: 100%;



	float: none;



	clear: both;



}



.cn_fls .wp{	



	padding-left:64px;



	padding-right:14px;



}



.cn_fls p{



	font-size:16px;



	line-height: 24px;	



}



.cn_fls img{



	top: 15px;



	width: 45px;



	height: 45px;



}



.cnt_map{



	margin-top:15px;



}







.cnt_fm .text{	



	margin-top:10px;



}



.cnt_fm textarea{



	margin-top:10px;



}



.cnt_fm .sub{



	margin-top:10px;



}



.ag_yy{



	padding:10px 0;



}







.ag_sup{



	width: 100%;



}



.ags_item{



	width: 100%;	



	margin:38px 0 0 0;	



	box-sizing:border-box;



}



.ags_item dt{



	height: 56px;



	line-height: 56px;



	font-size:16px;



	font-weight: bold;



}



.g-ft{display: block;height:auto;padding:0 0 3rem;position:relative;z-index:99;font-size:1rem;line-height:1.2rem;z-index:19;color: #fff;text-align: center;background: #e2bd6b;}

.ontop{height:2.4rem;display: block;position: relative;}

.ontop span{display: block;width:4.2rem;position: absolute;top: -1.85rem;left: 50%;margin-left: -2.1rem;}

.ontop span img{display: block;width:3.8rem;border: solid 0.15rem #fff;border-radius: 100%;margin:0 auto;}

.f_con a{color: #fff;}

.f_con{height:3.6rem;}

		







.f_con a.f_map span{color: #fff;display: inline-block;padding: 0 0 0 1.2rem;background:url(/img/f_ico5.gif) no-repeat 0 center; -webkit-background-size:0.7rem 0.85rem; -moz-background-size: 0.7rem 0.85rem; -o-background-size: 0.7rem 0.85rem; background-size: 0.7rem 0.85rem;}



.social_nav5{height:3.4rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;text-align: center;line-height:0.7rem;background:#fff;}

.social_nav5 li{height:3.4rem;width:25%;font-size:0.7rem;float:left;color:#333;position:relative;margin-bottom: 5px;}

.social_nav5 li:before{content: "";position: absolute;width: 1px;height: 100%;left: 0;top: 0;background: #ebebeb;}

.social_nav5 a:nth-child(1) li:before{background:none;width: 0;height: 0;}

.social_nav5 li span{display: block;width:1.7rem;height:1.7rem;display:block;padding:0.6rem 0 0;margin:0 auto;}

.social_nav5 li span img{ width:1.3rem; display:block;padding-left: 0.2rem;}

.section .ag_slider div {

 height:auto;}

/* 手机 mobile end*/	



}



