body{
	background-color: #efefef;
}
.container.index{
	margin-top: 40px;
	margin-bottom: 40px;
}
.container.index .row .box{
	margin-bottom: 10px;
}
.container.index .row .box  img{
	width: 100%;
	height: auto;

}
.container.index .row .box a:hover{
	color: black;
}
.container.index .row .box .title{
	height: 38px;
	line-height: 38px;
	background-color: #b6b6b6;
	font-weight: 500;
	text-indent: 8%;
	letter-spacing: 2px;
	color: #fff;
	font-size: 1.4em;
	position: relative;
	margin-top: -1px;
}
.container.index .row .box .title.active{
	/*background-color: #f7b500;*/
}

/*右箭头*/
.container.index .row .box .triangle_border_right{
    width:0;
    height:0;
    border-width:9px 0 9px 9px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;/*透明 透明 透明 灰*/
    position: absolute;
    right: 9%;
    top:10px;
}
.container.index .row .box .desc{
	padding: 5% 10%;
	line-height: 1.6em;
	background: #fff;
	height: 130px;
	font-size: 13px;
	font-weight: 500;
	overflow: hidden;
}
.container.index .row .box .bottom{
	height: 32px;
	background: #fff;
	padding-top: 3px;
}
.container.index .row .box .bottom .more{
	display: block;
	border: 1px solid #ccc;
	height: 20px;
	width: 48px;
	text-align: center;
	line-height: 18px;
	margin: 0 auto;
	font-size: 12px;
	color: #ccc;
}

@media screen and (min-width: 992px) {
	.sy-slide a img {
		height: 750px;
		object-fit: cover;
	}
	.container.index .row .box img {
		height: 294.31px;
		object-fit: cover;
	}
}
@media screen and (max-width: 992px) {
	.sy-slide a img {
		height: 250px;
		object-fit: cover;
	}
	.container.index .row .box img {
		height: 248px;
		object-fit: cover;
	}
}