div.site {
	overflow:hidden
}
div.wrapper {
	position:relative;
	width:75rem
}
div.wrapper.carousel {
	margin:60px auto 0
}
div.wrapper:not(.carousel) {
	margin:80px auto 0
}
div.wrapper>h3 {
	display:inline-block;
	padding:01rem;
	margin-bottom:2rem;
	border-radius:1.4rem;
	background-color:#fff;
	font-size:1.4rem;
	font-weight:400;
	color:#222
}
ul.container {
	position:relative;
	height:25rem;
	margin:0 auto;
	transform:translate3d(15%,0,0)
}
div.wrapperul.container>li.cards_list {
	border-radius:.3125rem;
	background-color:#f4f4f4;
	overflow:hidden
}
ul.container>li.cards_list>div.img>img {
	display:block;
	width:20rem
}
ul.container>li.cards_list>div.main_con {
	padding:01rem;
	box-sizing:border-box
}
ul.container>li.cards_list>div.main_conh4.name {
	padding-top:1rem;
	font-size:1.2rem;
	font-weight:600;
	color:#424242
}
ul.container>li.cards_list>div.main_conp.content {
	padding-top:1rem;
	height:4.5rem;
	font-size:.9rem;
	color:#777;
	text-align:justify;
	line-height:1.5rem
}
ul.container>li.cards_list>div.main_conp.label {
	font-size:.9rem;
	color:#555;
	padding-top:1rem;
	padding-bottom:2rem
}

i.btn-direct {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:3.6rem;
	height:3.6rem;
	border-radius:50%;
	background-color:rgba(0,0,0,.7);
	opacity:0;
	cursor:pointer;
	z-index:100;
	transition:opacity ease 300ms
}
div.wrapper:hover i.btn-direct {
	opacity:.6
}
i.btn-direct:hover {
	opacity:.9!important
}
i.btn-direct.btn-left {
	left:3rem
}
i.btn-direct.btn-right {
	right:3rem
}
i.btn-direct>span {
	position:absolute;
	top:50%;
	left:50%;
	width:1.2rem;
	height:1.2rem;
	border-top:.125rem solid #fff;
	border-left:.125rem solid #fff
}
.btn-direct>span.shift-left {
	transform:translate(-30%,-50%) rotate(-45deg)
}
.btn-direct>span.shift-right {
	transform:translate(-70%,-50%) rotate(135deg)
}