@CHARSET "UTF-8";

/* home-title-one 首页标题一 */
.home-title-one{ text-align:center; overflow:hidden; position: relative; }
.home-title-one h2{ text-align:center; font-weight:bold;}
.home-title-one p{ font-size:16px; }
.home-title-one:after{ 
	display:none; 
	content:"0"; 
	height:5px; 
	width:36px; 
	background:darkorange; 
	position:absolute; 
	left:50%; 
	bottom:-2px; 
	margin-left:-18px; 
	z-index:2; 
}
.home-title-one i{ background: #D8E8BF;	height: 1px; width: 150px; position: absolute;left: 50%;bottom: 0px;margin-left: -75px;}
.home-title-one i:before{content: "";background: darkorange;height: 1px;width: 13px;position: absolute;left: -15px;top: 0px;}
.home-title-one i:after{content: "";background: darkorange;height: 1px;width: 13px;position: absolute;	right: -15px;top: 0px;}
*, :after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* home more one 首页更多 */
.home-more-one { 
	top:30px; 
	line-height: 34px; 
	text-align: center; 
	display: block; 
	height: 36px; 
	width: 115px; 
	border: 1px solid #999999; 
	text-transform: uppercase; 
	color: #333; 
	font-size: 16px; 
	margin: 0px auto 0px; 
	position: relative; 
	overflow: hidden; 
}
.home-more-one span{position:relative; z-index:2;}
.home-more-one:after{ 
	display:block; content:""; 
	position:absolute; 
	left:50%;
	top:0; 
	width:0; 
	height:100%; 
	background:darkorange; 
	transform:skew(45deg); 
	-webkit-transform:skew(45deg); 
	transition:all 0.3s ease-in-out 0s; 
	-webkit-transition:all 0.3s ease-in-out 0s;
}
.home-more-one:hover{ color: #fff; border: 1px solid darkorange; }
.home-more-one:hover:after{ left:-20%; width:140%;}

/* home photo list one 首页图片列表样式一 */
.home-photo-one{}
.home-photo-one li{ margin:15px 0;}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align:center;}
.hmCase_aBox { display: block; }
.hmCase_aBox .overflowHide { height: 250px; }
.hmCase_aBox .overflowHide:after{ 
	content:""; 
	background: transparent; 
	display: block; 
	height: 250px;
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
}
.bgImg { background-position: center center; background-repeat: no-repeat; background-size: cover;}
.bgImg img { display: none!important;}
.scaleImg .bgImg { transition: all 0.5s ease; position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.scaleImg:hover .bgImg { transform: scale(1.1);}
.scaleImg img { transition: all 0.5s ease;}
.overflowHide { overflow: hidden; position: relative;}
.hmCase_aBox:hover .hmCase_nm{ bottom:0; background:rgba(0,0,0,0.75); padding-top:33px; }
.hmCase_aBox:hover .hmCase_nm p{opacity:1; transform:translate(0,0)}
.hmCase_nm {
	width: 100%;
	height:100%;
	color: #FFF;
	padding: 0px 8%;
	position: absolute;
	z-index: 2;
	left: 0px;
	bottom: -200px;
	transition:all 0.5sease-in-out;
	background:rgba(0,0,0,0.3);
}
.hmCase_nm strong{ display: block; line-height: 50px; height: 50px;}
.hmCase_nm p { 
	font-size: 13px; 
	line-height: 23px; 
	color: #cfcfcf; 
	padding-top: 6px; 
	opacity:0; 
	transition:all 0.3s ease-in-out; 
	transition-delay:0.5s; 
	transform:translate(80px,0);
}

/* home featured products 首页推荐产品*/
.home-featured-products{ width:100%; overflow:hidden; background:#fff; padding:50px 0; text-align:center;}
.home-featured-products ul{ padding:0px;}
.home-featured-products ul li{list-style-type:none; overflow:hidden;}

/* home-aboutus 首页关于我们 */
.home-aboutus {	width:100%; overflow:hidden; background:#fff; padding:50px 0; }
.home-aboutus img {	max-width: 100%;}
.home-aboutus .about-info p { text-indent:30px; font-size: 16px; line-height:25px; text-align:justify;text-justify:inter-ideograph;}
.home-aboutus .list-unstyled,.home-aboutus .about-info{ }

/* home company strength 首页公司实力 */
.home-company-strength{ width:100%; overflow:hidden; background:#f2f2f2; padding:50px 0; text-align:center;}
.home-company-strength ul{ padding:0px;}
.home-company-strength ul li{list-style-type:none; overflow:hidden; margin-bottom:20px;}

/* home news 首页新闻中心*/
.home-news{ width:100%; overflow:hidden; background:#f2f2f2; padding:50px 0; text-align:center;}
.home-news ul{ padding:0px;}
.home-news ul li{list-style-type:none; overflow:hidden; margin-bottom:20px;}
.home-news .home-title{ padding-top:30px;}

.hmNews_aBox { display: block;}
.hmNews_aBox .overflowHide { height: 200px;}
.hmNews_aBox:hover .hmNewsDes { background: darkorange;}
.hmNews_aBox:hover .ellipsis{ color:#fff;}

.hmNewsTime {
	width: 63px;
	text-align: center;
	line-height: 22px;
	color: #FFF;
	height: 88px;
	font-family: Arial;
	background: rgba(255,140,0,0.9);
	position: absolute;
	z-index: 1;
	left: 20px;
	top: 0px;
}
.hmNewsTime strong {line-height: 36px;padding-top: 17px;font-size: 20px;font-weight: 500;display: block;margin-bottom: 8px;position: relative;}
.hmNewsTime strong:after {content: "";background: #FFF;height: 2px;width: 17px;position: absolute;left: 23px;bottom: -2px;}
.hmNewsDes {background: rgba(0,0,0,0.5);height: 112px;padding: 13px 5% 0px;transition: all 0.5s ease-in-out;}
.hmNewsDes .ellipsis {font-size: 16px; line-height: 40px; color: darkorange; height: 40px; font-weight: normal;}
.hmNewsDes p {font-size: 13px; line-height: 20px; color: #fff; height: 40px; overflow: hidden;}
.transition { transition: all 0.5s ease;}

.hmCase_aBox .overflowHide { height: 250px; }

/* ---------------- Responsive website 响应式网站开始 ---------------- */

/*屏幕大于760px应用一下样式*/
@media (min-width: 760px){
	
}
/* 屏幕小于760px应用一下样式 */
@media (max-width: 760px){
	.hmCase_aBox .overflowHide { height: none; }
	.hmCase_aBox .overflowHide:after{
		content:""; 
		background: transparent; 
		display: block; 
		height: 210px;
		position: absolute; 
		left: 0px; 
		bottom: 0px; 
	}
	.hmCase_nm {
		width: 100%;
		height:100%;
		color: #FFF;
		padding: 0px 8%;
		position: absolute;
		z-index: 2;
		left: 0px;
		bottom: -206px;
		transition:all 0.5sease-in-out;
		background:rgba(0,0,0,0.3);
	}
	.home-photo-one li{ none;}
	
}