﻿/* 平板 pad start*/
@media screen and (min-width: 768px) and (max-width: 992px) {
body{
	font-size:14px;	
	background-size:100% auto;
}

.visible-sm{display: block !important;}
.visible-sm-block {display: block !important;}
.visible-sm-inline {display: inline !important;}
.visible-sm-inline-block {display: inline-block !important;}
.hidden-sm{display:none !important;}

.wrapin{
	width:750px;	
}
.lybanner{margin-top: 0px;}
.banner{
	margin-top: 0px;
}

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

.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: 19.8%;
		position: relative;
		overflow: hidden;
		float: left;
	}
	.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;
	}

	.h_news{
		width: 750px;
		margin:0 auto;		
	}

	.ne_item{	
		float: left;	
		display: block;
		width: 60%;
		color:#fff;
		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:60px;
		font-size:16px;
		padding:10px;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		overflow: hidden;
		text-overflow:ellipsis;
		-webkit-line-clamp:2;
	}
	.ne_item .add{
		display: block;
		width: 80px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background:#b3cd4b url("../images/add.png") no-repeat center center;
	}
	.ne_right{
		width: 100%;
		float: none;
		clear: both;
	}
	.nr_item{
		display: block;
		margin-bottom:15px;
		position: relative;
		padding:0 30px 0 100px;
		background:url("../images/more.png") no-repeat right center;
	}
	.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.8;
	}
	.nr_item .inf dd{
		font-size:14px;
		line-height: 24px;
		color:#666;
	}

.hm_pros{
	width: 92%;
	margin:0 auto;	
}
.hp_item{
	width: 100%;
	height: 210px;
	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: 80px;
	height: 80px;
}
.hp_item dl{
	padding:40px 0 0 0;
}
.hp_item dt{
	height: 50px;
	line-height: 50px;
	font-size:18px;
	color:#333;
}
.hp_item dd{
	height: 65px;
	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:0 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;
}
	
	
.aboutus{ width: 92%; margin: 0 auto 50px;}
.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: 280px;
		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: 5%;
		width: 90%;
	}
	.h_about .btn{
		width: 23.5%;
		float: left;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background:rgba(30,60,130,0.5);
		color:#fff;
		font-size:20px;
	}
	.h_about .fg{
		width: 2%;
		height: 50px;
		float: left;
	}
	.h_about .hover{
		background:rgba(179,205,75,0.9);
	}
	.h_about .con{
		display: none;
		width: 90%;		
		margin:0 auto;
		text-align: center;
		padding:30px 0;
	}
	.h_about .show{
		display: block;
	}
	.h_about .tb{
		padding-bottom:25px;
		background:url("../images/sli.png") no-repeat bottom center;
	}
	.h_about .tb dt{
		line-height: 2;
		font-size:24px;
	}
	.h_about .tb dd{
		font-size:18px;
		line-height: 2;
	}
	.h_about .intro{
		padding:30px 0 50px 0;
		line-height:2;
	}
	.h_about .item{
		width: 33.3333%;
		float: left;
		height: 76px;
		color:#fff;
		font-size:24px;
		padding-top:90px;
	}
	.h_about .item strong{
		font-size:40px;
	}
	.h_about .item1{
		background:url("../images/i1.png") no-repeat top center;
	}
	.h_about .item2{
		background:url("../images/i2.png") no-repeat top center;
	}
	.h_about .item3{
		background:url("../images/i3.png") no-repeat top center;
	}

	.ca_slider{
		width: 90%;
		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{
		clear: both;
		background:#e9e9e9;
		padding:15px 0;
	}
	.footer .wp{
		width: 90%;
		margin:0 auto;		
	}
	.footer dl{
		float: left;
		width: 160px;
	}
	.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: 0;
		bottom: 0;
	}
	.footer dd{
		line-height: 24px;
	}
	.ft_code{
		float: right;
		display: none;
		width: 194px;
		height: 194px;
		margin:40px 0 0 50px;
	}
	.footer_copy{
		line-height: 2.4;
		padding:10px 0;
		background:#082e72;
		color:#fff;
	}
	.footer_copy .wp{
		width: 90%;
		margin:0 auto;
	}


/* 平板 pad end*/
}
