header{ width: 100%; height: 50px; background: #fff; position: fixed; top: 0; z-index: 2; }
.h-logo{display: inline-block;position: absolute;left: 0;width: 100%;height: 50px;text-align: center;z-index: -1;top: 0;}
.h-logo img{width: 35%;margin-top: 3px;}
.h-left{ display: inline-block; float: left; width: 36px; height: 36px; margin-top: .5em; margin-left: 1em; background: url(img/icon1.png) 50% 50% no-repeat; background-size: 80% 80%; }
.h-right{ display: inline-block; float: right; width: 36px; height: 36px; margin-top: .5em; margin-right: 1em; background: url(img/icon2.png) 50% 50% no-repeat; background-size: 80% 80%; }
.nav{ position: absolute; top: 50px; left: 0; width: 100%; z-index: 3; background: #fff; color: #3e3a39; line-height: 3em; display: none; }
.nav.active{ display: block; }
.nav1>li{ border-bottom: 1px solid #fff; text-indent: 2em; background: #ddd; color: #5f5d5c; clear: left; line-height: 3em; }
.nav2{ background: #fff; height: 3em; display: none; }
.nav2>li{ float:left; color: #3e3a39; }
.nav2.active{ display: block; }
footer{ box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 65px; background: #5f5d5c; position: fixed; bottom: 0; z-index: 2;}
.f-item{float: left;width:49.5%;height: 100%;/* border-left: 1px solid #fff; */border-right: 1px solid #fff;text-align: center;}
.f-icon{display: inline-block; width: 40px; height: 36px; }
.f-index{ background: url(img/f-index.png) 50% 50% no-repeat; background-size: 80% 80%; }
.f-mail{ background: url(img/f-mail.png) 50% 50% no-repeat; background-size: 80% 80%; }
.f-call{ background: url(img/f-call.png) 50% 50% no-repeat; background-size: 80% 80%; }
.f-qq{ background: url(img/f-qq.png) 50% 50% no-repeat; background-size: 80% 80%; }
.f-mintype{ color: #fff; font-size: 14px; }

/* 濞戞捁顔婄紞濯榓in-body */
#main-body{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 90px;
}
.swiper-slide img{ width: 100%; }
.mb-list-box{
	width: 100%;
/* 	display: flex;
display: -webkit-flex;
flex-wrap: wrap; */
}
.mb-list-item{
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 25%;
	height: 80px;
	background: #5f5d5c;
	border: 1px solid #fff;
	line-height: 80px;
	text-align: center;
	color: #fff;
}
.mb-list-item a{ display: inline-block; width: 100%; height: 100%; }
/* 闁稿浚鍓涢弫锟� */
.service,.case,.about,.news,.call{ padding-top: 15px; clear: left;}
/* service */
.service .mb-title{ 
	width: 100%; 
	height: 40px;
	background: url(img/Service.png) 50% 0 no-repeat;
	background-size: 100%;
}
.se-item{
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 110px;
	padding-top: 0px;
	background: #eee;
}
.se-left{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 22px;
	float: left;
	width: 22%;
	height: 100%;
	margin-left: 3%;
	align: center;
}
.se-right{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 67%;
	margin-left: 30%;
	padding-top: 10px;
}
.se-right h2{
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #5f5d5c;
	line-height: 40px;
	border-bottom: 1px solid #a0a0a0;
}
.se-right p{
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.se-minibox{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	background: url(img/se-minibox.jpg) 50% 50% no-repeat;
}
.item2{ background: #fff; }
.item1 .se-left{
	background: url(img/Service1.png) 50% 50% no-repeat;
	background-size: 100%;
}
.item2 .se-left{
	background: url(img/Service2.png) 50% 50% no-repeat;
	background-size: 100%;
}
.item3 .se-left{
	background: url(img/Service3.png) 50% 50% no-repeat;
	background-size: 100%;
}

/* case */
.case{
	padding: 15px 0;
	background: url(img/case3.jpg) 0 50% no-repeat;
	background-size: 100% 100%;
}
.case .mb-title{ 
	width: 100%; 
	height: 40px;
	background: url(img/case.png) 50% 0 no-repeat;
	background-size: 100%;
}
.case-item{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 48%;
	/* height: 230px; */
	padding: 1%;
	border: 1px solid #a0a0a0;
	margin-left: 1%;
	margin-bottom: 15px;
}
.case-item img{
	width: 99%;
	border: 1px solid #a0a0a0;
}
.case-item h3{
	font-size: 16px;
	font-weight: 400;
	color: #5f5d5c;
	text-align: center;
	line-height: 28px;
}
.case-item p{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 1em;
	height: 28px;
	overflow: hidden;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 20px;
}
/* about */
.about .mb-title{
	width: 100%; 
	height: 40px;
	background: url(img/about.png) 50% 0 no-repeat;
	background-size: 100%;
}
.about-box{
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 1%;
	height: 200px;
}
.ab-left{
	float: left;
	display: inline-block;
	width: 42%;
}
.ab-left img{
	width: 100%;
}
.ab-right{
	margin-left: 44%;
}
.ab-right h3{
	font-size: 16px;
	line-height: 39px;
	font-weight: 400;
	color: #5f5d5c;
}
.ab-right p{
	text-indent: 2em;
	font-size: 15px;
	line-height: 20px;
	height: 140px;
	overflow: hidden;
}
.about-box a{
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 100px;
	height: 20px;
	background: #5f5d5c;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
/* news */
.news{
	padding: 15px 0;
	background: url(img/news2.jpg) 50% 0 no-repeat;
	background-size: 199% 100%;
}
.news .mb-title{
	width: 100%; 
	height: 40px;
	background: url(img/news.png) 50% 0 no-repeat;
	background-size: 100%;
}
.news-box{
	padding: 0 10px;
}
.news-item{
	border-bottom: 1px dashed #c9c9c9;
	margin-top: 15px;
	padding-bottom: 15px;
}
.news-item h3{
	font-size: 16px;
	font-weight: 400;
	color: #5f5d5c;
}
.news-item h3 i{
	margin-right: 1em;
	font-style: normal;
	float: right;
}
.news-item p{
	margin-top: 1em;
	padding-left: 5.5em;
	font-size: 12px;
	line-height: 20px;
	vertical-align: 100%;
	height: 40px;
	overflow: hidden;
	background: url(img/news1.png) 6px 0 no-repeat;
	display: none;
}
/* call */
.call .mb-title{
	width: 100%; 
	height: 40px;
	background: url(img/contact.png) 50% 0 no-repeat;
	background-size: 100%;
}

.call-map{
	margin-top: 5px;
	width: 100%;
}
.call-map img{
	width: 100%;
}
.call-message{
	margin-top: 5px;
	padding: 10px;
}
.ca-left{
	float: left;
	width: 25%;
}
.ca-left img{
	width: 100%;
}
.ca-right{
	font-size: 12px;
	margin-left: 26%;
	line-height: 20px;
}

/* 閻庢稒鍔欓妴濉out */

.son-ban{
	width: 100%;
}
.son-ban img{
	width: 100%;
}
.son-content h3{
	background: #5f5d5c !important;
	line-height: 2em;
	color: #fff;
	font-weight: 400;
	text-align:center;
}
.son-tec{
	display: inline-block;
	width: 46%;
	padding: 5px;
	background: #eee;
}
.tec-img{
	width: 100%;
}
.tec-img img{
	width: 100%;
}
.son-tec h4{
	font-weight: 400;
	text-align: center;
	color: #5f5d5c;
	border-bottom: 1px solid #ddd;
}
.son-tec p{
	font-size: 12px;
}
.son-news{
	padding: 1em;
}
.son-news li{
	margin-top: .5em;
	line-height: 1.5em;
	border-bottom: 1px solid #ddd;
}
.son-news span{
	padding-left: 1.5em;
	background: url(img/icon3.png) .5em 50% no-repeat;
	background-size: 7px 8px;
	display: inline-block;
	width: 13em;
	height: 1.5em;
	overflow: hidden;
}
.son-news p{
	float: right;
	padding-left: 1.5em;
	font-size: 10px;
	color: #333;
}
.son-bread{
	text-align: center;
}
.son-bread ul{
	display: inline-block;
}
.son-bread ul li{
	 float: left;
	 margin: 0 3px;
	 padding: 2px 5px;
	 background: #5f5d5c;
	 color: #fff;
}
.son-content .model i{
	padding-right: 2em;
	background: #5f5d5c url(img/icon4.png) 100% 50% no-repeat;
	background-size: 15px 8px;
}
.son-content .model.up i{
	background: #5f5d5c url(img/icon5.png) 100% 50% no-repeat;
	background-size: 15px 8px;
}
.model-menu{
	display: none;
}
.model-menu ul{
	width: 100%;
	background: #fff;
}
.model-menu li{
	text-indent: 2em;
	background: url(img/icon3.png) 1em 50% no-repeat;
	background-size: 7px 8px;
	float: left;
	width: 40%;
	line-height: 1.5em;
	color: #000;
	padding: 6px 8px;
	margin: 2px 2px;
}

/* iphone6 */

	.mb-list-item{ height: 40px; line-height: 40px; }
	.case-item{ height:170px; }
	.about-box{ height: 180px; }
	.ab-right p{ height: 120px; }
	.ca-right{ line-height: 15px; font-size: 11px;margin-left:24%;}
	.ca-left{width: 23%;}

/* iphone5 */

	.case-item{/* height: 190px; */}
	.about-box{/* height: 120px; */}
	.ab-left{ width: 32%; }
	.ab-right{ margin-left: 33%; }
	.ab-right p{ height: 80px; }
	.about-box a{ width: 80px; font-size: 12px; }
	.ca-right{ line-height: 15px; font-size: 9px;margin-left:24%;}
	.ca-left{width: 23%;}
	.son-news span{ width: 12em; }
	.model-menu li{ text-indent: 1em; }

.ft .info p>img{width:100%;height:auto;}
.subCont .conttxt img{width:100%;height:auto;}
.ft .list li a{width:100%;}