.zoomimgs {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	
}
.picimgs {
	padding-bottom: 77%;
}

/* 产品 */
#pro {
	padding: 80px 0;
}
.pro_list {
	padding-top: 30px;
}
.pro_item .pro_img {
	position: relative;
	border:1px solid #dddddd;
}
.pro_item .pro_img a, .pro_item .pro_hover {
	/*border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;*/
}
.pro_item .pro_hover {
	filter: Alpha(opacity=0);
	-webkit-filter: Alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(36, 150, 223, .9);
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-filter: Alpha(opacity=0);
}
.pro_hover a {
	display: table;
	width: 100%;
	height: 100%;
	text-decoration:none;
}
.pro_hover .icon_map {
	display: block;
	width: 100%;
	height: 72px;
	background: url(../img/icon_map.png) no-repeat center center;
}
.pro_hover h2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	font-size: 24px;
	color: #fff;
}
.pro_item .pro_info {
	margin-bottom: 10px;
	padding: 10px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-color: #009fe9;
}
.pro_item .pro_info h2 {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro_item .pro_info p {
	height: 60px;
	font-size: 14px;
	color: #666;
	/*text-indent: 2em;*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pro_item:hover .pro_hover {
	filter: Alpha(opacity=100);
	-webkit-filter: Alpha(opacity=100);
	opacity: 1;
}
.pro_item:hover .pro_info {
	box-shadow: -1px 1px 2px #ddd, 1px 1px 2px #ddd, 1px 1px 2px #ddd, 1px 1px 2px #ddd;
	background-color: #fff;
}
.pro_item:hover .pro_info h2 {
	color:#009fe9;
}



.page-wrapper{position:static;max-width:1400px;padding:15px;margin:0 auto}

.page-wrapper img{display:inline-block;max-width:100%}
/*.btn-style-two{position:relative;padding:11px 40px;border-radius:25px;line-height:24px;color:#fff;text-align:center;display:inline-block;font-size:14px;font-weight:700;background:#1e4398;letter-spacing:1px;text-transform:uppercase;border:2px solid #1e4398;font-family:'Poppins',sans-serif}
.btn-style-two:hover{color:#fff;background:#101010;border-color:#101010}*/


.sec-title{position:relative;margin-bottom:50px}
.sec-title h2{font-size:30px;color:#222;font-weight:400;line-height:1.1em}
.sec-title h5{font-size:14px;color:#e4007d;font-weight:500;text-transform:uppercase;padding-bottom:10px}
.sec-title.centered{text-align:center}


.projects-block-one{position:relative;margin-bottom:30px;display:inline-block;overflow:hidden}
.projects-block-one .inner-box{position:relative}
.overlay-style-one .link{position:absolute;/*background:rgba(0,0,0,0.85)*/background:rgba(0,159,233,0.85);z-index:5;left:0;width:100%;height:100%;justify-content:center;align-items:center;display:flex;font-size:24px;color:#fff;top:-100%;transition:.5s ease}
.projects-block-one .inner-box:hover .link{top:0;transition:.5s ease}
.overlay-style-one .link a{color:#fff;font-size:24px;margin-top:-80px}
.overlay-style-one .bottom-text{position:absolute;background:#fff;z-index:8;left:0;right:0;bottom:-100%;padding-top:15px;transition:.5s ease}
.projects-block-one .inner-box:hover .bottom-text{bottom:0;transition:.5s ease}
.overlay-style-one .bottom-text h4{/*color:#222*/color:#009fe9;}
.overlay-style-one .bottom-text p{color:#1e4398;margin-bottom:0}