@charset "utf-8";
/* Tang 20180710 */
.business-box {
	padding: 50px 0; margin-top:50px; margin-bottom:60px;
	/* border-top: 3px solid #d2d9ec;
	border-bottom: 3px solid #d2d9ec; */
	color: #fff;
	/*background: #f4f4f4;*/
}
.business-box h1, .business-box h2 {
	color: #000;
}
.business-box h2 { margin-bottom:30px; }
.business-item {
	padding: 2px;
	cursor: pointer;
}
.business-1-frontage {
	background: url(/UploadSysFiles/Images/News/business-1-bg1.jpg) no-repeat center;
}
.business-2-frontage {
	background: url(/UploadSysFiles/Images/News/business-2-bg1.png) no-repeat center;
	color: #003366;
}
.business-3-frontage {
	background: url(/UploadSysFiles/Images/News/business-3-bg1.jpg) no-repeat center;
}
.business-4-frontage {
	background: url(/UploadSysFiles/Images/News/business-4-bg1.png) no-repeat center;
	color: #003366;
}
.business-5-frontage {
	background: url(/UploadSysFiles/Images/News/business-5-bg1.jpg) no-repeat center;
}
.business-6-frontage {
	background: url(/UploadSysFiles/Images/News/business-6-bg1.png) no-repeat center;
/*	background-size: cover;
*/	color: #003366;
}
.frontage {
	transition: all .5s ease;
	padding: 10px 15px 10px 15px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.busi-text3 {
	padding-top: 20px;
	line-height: 18px;
	text-align: left!important;
}
.business-1-backface, .business-3-backface, .business-5-backface {
	background: rgba(5,3,56,0.9);
}
.business-2-backface, .business-4-backface, .business-6-backface {
	background: rgba(204,0,0,0.9);
}
.business-con {
	margin-left: 0px;
	margin-right: 0px;
}
.business-con p {
	text-align: center;
}
.business-con .icon {
	padding-bottom: 10px;
}
.business-con .icon img {
	width: 80px;
}
.busi-text1 {
	font-size: 20px;
}
.busi-text2 {
	font-size: 12px;
}
.busi-text3 {
	font-size: 14px;
}
.backface {
	display: none;
}
h3.more{ margin-top:50px; }




}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
.business-box {
	padding: 44px 0;
/*	border-top: 3px solid #d2d9ec;
	border-bottom: 3px solid #d2d9ec;
	background: #003366 url(../images/business-bg.jpg) no-repeat center bottom;
*/}
.business-con {
	margin-left: -3px;
	margin-right: -3px;
}
.frontage {
	padding: 10px 15px 10px 15px;
}
.business-con .icon {
	padding-bottom: 10px;
}
.business-con .icon img {
	width: 100px;
}
.busi-text1 {
	font-size: 20px;
}
.busi-text2 {
	font-size: 14px;
}
.busi-text3 {
	font-size: 12px;
}
.busi-text3 {
	overflow: hidden;
	max-height: 74px;
	padding-top: 20px;
}
.busi-text3 span {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	white-space: overflow;
}
}
/* 小屏幕（平板，大于等于992px） */
@media (min-width: 992px) {
.business-box {
/*	background: #003366 url(../images/business-bg.jpg) no-repeat center bottom;
*/	background-size: 100%;
}
.busi-text1 {
	font-size: 22px;
}
.busi-text2 {
	font-size: 14px;
}
.business-con .icon img {
	width: 100px;
}
.frontage {
/*	padding: 20px 15px 20px 15px;
*/}
.busi-text3 {
	overflow: hidden;
	max-height: 92px;
	padding-top: 20px;
}
.busi-text3 span {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	white-space: overflow;
}
.business-item:hover .frontage {
	transition: all .5s ease;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.business-item:hover .backface {
	transition: all .5s ease;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.backface {
	display: block;
	transition: all .5s ease;
	position: absolute;
	z-index: 80;
	left: 2px;
	top: 2px;
	padding: 30px 15px 30px 15px;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}
.backface {
	padding: 15px;
}
}
/* 小屏幕（平板，大于等于1200px） */
@media (min-width: 1200px) {
.frontage {
/*	padding: 32px 15px 20px 15px;
*/}
.busi-text1 {
	font-size: 26px;
}
.busi-text2 {
	font-size: 14px;
}
.business-con .icon img {
	width: 120px;
}
}
