.mt-xl { margin-top: 25px; }


.show { display: block !important; }
.hidden { display: none !important; }



.color-gray-darker a { color:#2b2b2b; }



.talking-tabs{ 
	text-align: center;
}
.talking-tabs a { 
width: auto; display: inline-block; position: relative; padding:0 10px; 
font-size: 24px;
line-height: 2;
color: #555555;
border-bottom:4px solid #d7d7d7;
text-align: center;
}
.talking-tabs a.active { border-bottom:4px solid #d70016; color: #d70016; font-weight:bold; }
.talking-tabs a.active:before { content: ""; width: 13px; height: 8px; background:url(daosj.png) no-repeat; position: absolute; left: 45%; top: 52px; }


.recom-cont { position: relative; height: 400px; }
.recom-cont-item { position: absolute; z-index: 1; display: none; }
.recom-cont-item.on { display: block; }
.recom-box { background-color: #fff; position: relative; z-index: 3; }


.recom-box-video {
	width:600px;
	position:relative;
	overflow:hidden;
	height: 400px;
	float: left;
}
.recom-box-video img {
	width:100%;
	height:100%;
}



.recom-box-video:after { content: ''; width: 100%; height: 100%; position: absolute; background: transparent url("play-big.png") no-repeat center center; z-index: 1; left: 0; top: 0; }
.recom-box-video video { width: 100%; height: 100%; position: relative; z-index: 2; background: transparent url("play-big.png") no-repeat center center; }
.recom-box-video .recom-cover { width: 100%; height: 100%; display: block; position: absolute; z-index: 1; left: 0; top: 0; }

.recom-box-swiper { width: 600px; float: left; position: relative; z-index: 3; }

.recom-box-swiper .swiper-container { width: 100%;   }
.recom-box-swiper .slide-cont { padding-top: 0px; padding-left: 15px; padding-right: 15px; }


.recom-box-swiper .swiper-slide{  margin-top:13px;}
.recom-box-swiper .swiper-slide:first-child{  margin-top:0px;}


.recom-box-swiper img { width: 144px; height: 90px; float: left; position: relative; z-index: 4; transition: all 0.7s; margin-right: 10px;}
.recom-box-swiper .swiper-text { position: relative; z-index: 4; }
.recom-box-swiper h3 { height: 40px; overflow: hidden; color: #2b2b2b; font-size: 20px; line-height: 40px;  white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow: hidden; }
.recom-box-swiper p { height: 50px; overflow: hidden; color: #2b2b2b; font-size: 14px; line-height: 1.75; margin-top:0px;}
.recom-box-swiper .swiper-slide { position: relative; cursor: pointer; }
.recom-box-swiper .hover h3 { color: #fff; }
.recom-box-swiper .hover h3 a{ color: #fff; }
.recom-box-swiper .hover p { color: #fff; }
.recom-box-swiper .hover img { margin-left: -160px; }
.recom-box-swiper .hover .slide-cont:after { content: ""; background: #40B3E9; width: 100%; height: 90px; position: absolute; left: 0; top: 0px; z-index: 2; transition: all 0.5s; }
.recom-box-swiper .on { position: relative; cursor: pointer; }





@media only screen and (min-width : 0px) and (max-width : 880px) {

#recomendVideo {display: none; }


}