/* 手机 mobile start*/
@media (max-width: 767px) {
body{
	background-size:100% auto;
	font-size:13px;
}

.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%;
}
.banner{
	margin-top: 0px;
}
.lybanner{margin-top: 0px;}

.banner .swiper-slide .tip{
	font-size:18px;
}

.h_head{
	text-align: center;
	margin:0 auto;	
	padding:10px 0;
}
.h_head dt{
	font-size:20px;
	font-weight: bold;
	line-height: 30px;
}
.h_head dd{
	line-height: 25px;
	font-size:12px;
 	color: #b8b8b8;
}
.h_head .xh{ width: 40px; margin: 0 auto; background: #F0070B; height: 3px;}
	

	.h_pro{
		width: 92%;
		margin:0 auto;		
	}
	
	.h_pros{
		width: 100%;
		margin:0 auto;
	}	
	
	.h_pro .itemyw{
		display: block;
		width: 96%;
		position: relative;
		overflow: hidden;
		float: left;
		margin: 10px 1.5%;
		-webkit-box-shadow: 0px 7px 17px 3px #E4E4E4;
        -moz-box-shadow: 0px 7px 17px 3px #E4E4E4;
        box-shadow: 0px 7px 17px 3px #E4E4E4;
		border-radius: 10px;
		
	}
	.h_pro .itemyw img{ width: 100%; height: auto;}
	.h_pro .itemyw .inf{ width: 92%; margin:10px auto;line-height: 35px; text-align: center}
	.h_pro .tname{
		font-size: 20px;
		font-weight: bold;
	}
	.h_pro .tex{
		font-size: 16px;
		padding-bottom: 10px;
	}
	
	
	.h_pro .item{
		display: block;
		width: 48%;
		position: relative;
		overflow: hidden;
		float: left;
		margin:1%;
	}
	.h_pro .item img{
		display: block;
		width: 100%;
		height:auto;
	}
	.h_pro .name{
		width: 100%;
		position: absolute;
		left: 0;
		display: block;
		height: 50px;
		line-height: 50px;
		z-index: 20;
		top: 50%;
		margin-top:-25px;
		text-align: center;
		color:#fff;
		font-size:16px;
	}
	.h_pro .flog{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		background:rgba(12,1,73,0.6);
	}
	.h_pro .item:hover .flog{
		background:rgba(179,205,75,0.9);
	}
	.h_pro .item:hover .name{
		background:url("../images/sj.png") no-repeat bottom center;
		background-size:auto 10px;
	}
	.h_pro .fg{
		width: 0.25%;
		height: 10px;
		float: left;
		display: none;
	}

	.h_news{
		width: 92%;
		margin:0 auto;		
	}

	.ne_item{				
		display: block;
		width: 100%;
		color:#fff !important;
		background:#22488d;
		margin-bottom:20px;
	}
	.ne_item img{
		display: block;
		width: 100%;
		height:auto;
	}
	.ne_item .name{
		padding-right:80px;
		position: relative;
	}
	.ne_item .namein{
		line-height: 30px;
		max-height:50px;
		font-size:14px;
		padding:10px;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		overflow: hidden;
		text-overflow:ellipsis;
		-webkit-line-clamp:2;
	}
	.ne_item .add{
		display: block;
		width: 70px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background:#c50520 url("../images/add.png") no-repeat center center;
		background-size: 30%;
	}
	.ne_right{
		width: 100%;
		float: none;
		clear: both;
	}
	.nr_item{
		display: block;
		margin-bottom:15px;
		position: relative;
		padding:0 30px 0 80px;
	}
	.nr_item .date{
		position: absolute;
		left: 0;
		top: 0;
		width: 70px;
		height: 70px;
		background:#e6e6e6;
		text-align: center;
	}
	.nr_item .date dt{
		height: 20px;
		line-height: 20px;
		padding-top:10px;
	}
	.nr_item .date dd{
		height: 30px;
		line-height: 30px;
		font-size:20px;
		font-weight: bold;
	}
	.nr_item .inf dt{
		font-size:16px;
		line-height: 1.6;
	}
	.nr_item .inf dd{
		font-size:12px;
		line-height: 1.6;
		color:#666;
		height: 40px;
		overflow: hidden;
	}

	
	
.hm_pros{
	width: 92%;
	margin:0 auto;
	min-width: 92%;
}
.hp_item{
	width: 48%;
	height: auto;
	border-radius:10px;
	border:1px solid #e5e5e5;
	background:#fff;
	margin-top:55px;
	position: relative;
	text-align: center;
}
.hp_item .photo{
	display: block;
	width: 80px;
	border-radius:100%;
	height: 80px;
	border:3px solid #e5e5e5;
	overflow: hidden;
	position: absolute;
	top: -43px;
	left: 50%;
	margin-left:-43px;
}
.hp_item .photo img{
	display: block;
	width: 35px;
	height: 35px;
	margin: 25px auto 0px;
}
.hp_item dl{
	padding:40px 4px 0 4px;
}
.hp_item dt{
	height: 50px;
	line-height: 50px;
	font-size:16px;
	color:#333;
}
.hp_item dd{
	height: auto;
	line-height: 25px;
	color:#999;
	font-size:14px;
}
.hp_item .seea{
	display: block;
	width: 128px;
	height: 25px;
	line-height: 25px;
	border-radius:13px;
	border:1px solid #fff;
	background:#0360b8;
	font-size:14px;
	color:#fff;
	margin:5px auto;
}
.hp_item:hover{
	color:#fff;
	background:#0360b8;
}
.hp_item:hover dt{
	color:#fff;
}
.hp_item:hover dd{
	color:#fff;
}
.hp_item:hover .seea{
	border-color:#1f71c0;
}

.bgbg2{
	padding-top: 20px;
}

.aboutus{ width: 92%; margin: 0 auto 50px;min-width: 92%;}
.aboutus .aboutusleft{ width: 100%; float:inherit;}
.aboutus .aboutusleft img{ width: 100%; height: auto}
.aboutus .aboutusright{ width: 100%;float:inherit; line-height: 25px; font-size: 14px; height: 200px; overflow:hidden}
.aboutus .aboutusright p{ padding-bottom: 10px;}

	
	.h_about{
		background:#f6f6f6;
		margin-top:20px;
	}
	.h_about .tps{
		height: 240px;
		background:url("../images/hab_top.jpg") no-repeat top center;
		position: relative;
	}
	.h_about .h_head{
		color:#fff;
		padding-top:90px;
	}
	.h_about .handle{
		position: absolute;
		bottom: 0;
		left: 4%;
		width: 92%;
	}
	.h_about .btn{
		width: 50%;
		float: left;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background:rgba(30,60,130,0.5);
		color:#fff;
		font-size:14px;
	}
	.h_about .fg{
		display: none;
		width: 2%;
		height: 50px;
		float: left;
	}
	.h_about .hover{
		background:rgba(179,205,75,0.9);
	}
	.h_about .con{
		display: none;
		width: 92%;		
		margin:0 auto;
		text-align: center;
		padding:20px 0;
	}
	.h_about .show{
		display: block;
	}
	.h_about .tb{
		padding-bottom:15px;
		background:url("../images/sli.png") no-repeat bottom center;
	}
	.h_about .tb dt{
		line-height: 2;
		font-size:16px;
	}
	.h_about .tb dd{
		font-size:14px;
		line-height: 2;
	}
	.h_about .intro{
		padding:30px 0 50px 0;
		line-height:2;
		font-size:14px;
	}
	.h_about .item{
		width: 100%;
		float: left;
		height: 36px;
		color:#fff;
		font-size:14px;
		padding-top:60px;
		margin-bottom:20px;
	}
	.h_about .item strong{
		font-size:20px;
	}
	.h_about .item1{
		background:url("../images/i1.png") no-repeat top center;
		background-size:auto 100%;
	}
	.h_about .item2{
		background:url("../images/i2.png") no-repeat top center;
		background-size:auto 100%;
	}
	.h_about .item3{
		background:url("../images/i3.png") no-repeat top center;
		background-size:auto 100%;
	}

	.ca_slider{
		width: 92%;
		margin:0 auto;	
		min-width: 100%;
	}
	.ca_slider .item{
		display: block;
		width: 90%;
		margin:0 auto;
		border:1px solid #eaeaea;
		text-align: center;
	}
	.ca_slider .photo{
		display: block;
		width: 100%;
		height:auto;
		border-bottom:1px solid #eaeaea;
	}
	.ca_slider .photo img{
		display: block;
		width: 100%;
		height:auto;
	}
	.ca_slider .name{
		line-height: 3;
	}

	.footer .footerleft{ width: 92%;float:inherit; line-height: 25px;margin: 0 auto 20px;}
	.footer .footerright{ width: 96%;float:inherit; margin: 0 auto;}
	
	
	.footer{
		clear: both;
		background:#e9e9e9;
		padding:15px 0;
	}
	.footer .wp{
		width: 90%;
		margin:0 auto;		
	}
	.footer dl{			
		width: 100%;
		text-align: center;
	}
	.footer dt{
		height: 74px;
		line-height: 74px;
		font-size:18px;
		position: relative;
		margin-bottom:10px;
	}
	.footer dt i{
		display: block;
		width: 40px;
		height: 2px;
		background:#fff;
		position: absolute;
		left: 50%;
		margin-left:-20px;
		bottom: 0;
	}
	.footer dd{
		line-height: 30px;
	}
	.ft_code{		
		display: none;
		width: 194px;
		height: 194px;
		margin:10px auto;
	}
	.footer_copy{
		line-height: 2.4;
		padding:10px 0;
		background:#082e72;
		color:#fff;
	}
	.footer_copy .wp{
		width: 90%;
		margin:0 auto;
	}
.wal{width:96%; min-width: 96%; margin:0px auto;}
.wal2{width:96%; min-width: 96%; margin:0px auto;}	

	.pageBox{ padding: 25px 10px 30px; }
	.about{ padding-bottom: 20px; }
	.about .leftCon{ width: 100%; }
	.about .txt1{ font-size: 18px; padding: 0px 0 10px;width: 96%; margin: 0 auto;}
	.about .txt2{ font-size: 26px; padding-bottom: 25px; width: 96%; margin: 0 auto;}
	.about .content{ font-size: 14px; line-height: 26px;width: 96%; margin: 0 auto;}
	.about .rightDiv{ width: 100%; padding-top: 25px;}
	.aboutPic .slick-prev{ left: 0px; width: 50px; height: 50px; background-size: 50px;}
	.aboutPic .slick-next{ left: 50px; width: 50px; height: 50px; background-size: 50px;}
	.aboutPic .slick-prev:hover{ background-size: 50px;}
	.aboutPic .slick-next:hover{ background-size: 50px;}
	.honor{ padding-bottom: 10px; }
	.honor .txt1{ font-size: 18px;}
	.honor .txt2{ font-size: 26px; }
	.honor .msg{ font-size: 14px; padding-bottom: 40px; }
	.honor .list{ padding: 0; }
	.honor .list li{ width: 50%; margin-bottom: 25px; }
	.honor .list .li01{ width: 100%; }
	.honor .list li img{ width: 130px; }
	.honor .list2 li{ width: 50%; margin-bottom: 25px;}
	.honor .list2 li img{ width: 130px; }
	
	.PC-Box, .nav, .headDiv .topRight, .footNav, .ind-banner, .sideBar, .pageBanner, .pageTop, .pageNum, .w237{ display:none;}
	.Phone-Box, .navIco, .shopIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
	.w903{ width: 100%; border-right: none; }
	.w237{ width:100%; overflow:hidden;}
	.caselist ul li{ width: 48%; float: left; margin: 15px 1%;box-shadow:0 0 10px rgba(0,0,0,0.2); text-align: center}
	.contact .midDiv{ padding-top: 1px;}
	.contact .midDiv .logo{ width: 100%; padding-bottom: 10px; text-align: center; }

	.product .list li{ float: left; width: 100%; margin-bottom: 20px; }
	.product .list li .box{ margin-right: 30px;height: 180px;}
	.product .list li .name{ padding: 20px 0 0 4px; font-size: 20px; color: #000; }
	.product .list li .msg{ display: none}
	.product .list li .imgDiv{width: 50%;}
	.product .list li .content{14px; line-height: 24px; padding: 20px 0 0 4px; height: 48px; overflow: hidden; width: 46%;}
	.product .list li .imgDiv img{width: 100%; height: auto}
	
	.caseti{ width: 92%;}
	.caseinfo{ width: 92%; }
	.news .list li{ float:inherit; margin-bottom: 35px; width: 100%;}
	.contact .midDiv .logo{ width: 60%; padding-top: 20px; text-align: center;  margin: 0 auto;}
	.contact .midDiv .logo img{ width: 100%; height: auto;  margin: 0 auto; padding-left: 20px;}
	.contact .midDiv .lie{ padding-left: 22px; }

/* 手机 mobile end*/	
}