/***上下结构区域样式***/
.updown .pe-card { color: #174753; height: 340px; margin-bottom: 10px; border-radius: 0px; border: 1px solid #ea952c; padding: 18px 8px;
	transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.updown img { width: auto; height: 148px; }
.updown .pe-card:hover, .updown .pe-card:focus {
	background: #ea952c; transform: scale(1.05); -webkit-transform: scale(1.05);
	z-index: 10; border: 1px solid #ea952c !important; color: white;
}
.updown .ellipsis-title {
	word-wrap: break-word;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media ( max-width : 767px) { .updown .pe-card { height: auto; } }
/***左右结构区域样式***/
.leftright .container { padding-left: 8px; padding-right: 8px; }
.leftright-item { margin: 12px 0; }
.leftright-item a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.leftright-item .leftright-info {
	position: absolute; z-index: 1; right: -400px; top: 0; height: 100%; padding: 20px 20px; color: #fff; opacity: .9; background-color: #ea952c; width: 230px;
	-webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0);
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s ease-in; -moz-transition: -moz-transform .3s ease-in; 
	-ms-transition: -ms-transform .3s ease-in; transition: transform .3s ease-in;
}
.leftright-item .leftright-info:before {
	content: ""; position: absolute; top: 0; left: -200px; background: url(../../dam/img/home/shade.png) no-repeat right;
	background-size: auto 100%; width: 200px; height: 100%; }
.leftright-item a:hover .leftright-info {
	-webkit-transform: translateX(-400px); -moz-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px);
}
.leftright-title {
	overflow: hidden; height: 44px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;
	font-size: 20px; line-height: 40px; text-align: center; font-weight: 400;
}
.leftright .fade-out { position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; background-color: #ea952c; color: white; }
.leftright-item a:hover .fade-out {
	-webkit-animation: fadeOut 0.3s ease-in forwards; -moz-animation: fadeOut 0.3s ease-in forwards;
	-o-animation: fadeOut 0.3s ease-in forwards; -ms-animation: fadeOut 0.3s ease-in forwards; animation: fadeOut 0.3s ease-in forwards;
}
.leftright-desc { overflow: hidden; margin-top: 8px; line-height: 16px; }
.leftright-item .leftright-img { display: block; width: 100%; }
/***悬浮结构区域样式***/
.hover_title { color: #333; font-size: 28px; }
.hover_text1 { background-color: black; color: white; }
.hover_text1_title { font-size: 18px; }
.hover_text1_subtitle { font-size: 14px; }
.hover_text2 { background-color: black; color: white; }
.hover_container { margin: 0 auto; padding: 18px 0; }
.hover_title { text-align: center; font-weight: 900; margin: 0 0 25px 0; }
.hover_block { position: relative; overflow: hidden; margin-bottom: 20px;
	-webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;
}
.hover_block:hover { z-index: 10; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); }
.hover_block img { width: 100%; display: inline-block; border-radius: 10px; }
.hover_img_div { width: 100%; position: relative; }
.hover_text1 { opacity: 0.7; position: absolute; bottom: 0; width: 100%; padding: 10px; font-weight: 900; border-radius: 10px; text-align: center; }
.hover_block:hover .hover_text1 { display: none; }
.hover_text2 { display: none; position: absolute; opacity: 0.7; bottom: 0; word-break: break-word; width: 100%; height: 100%; padding: 25px; border-radius: 10px; }
.hover_block:hover .hover_text2 { display: block; }