@font-face{
    font-family:'strawberryicon';
    src:url("fonts/strawberryicon.eot?w9sgwo");
    src:url("fonts/strawberryicon.eot?w9sgwo#iefix") format("embedded-opentype"),
        url("fonts/strawberryicon.ttf?w9sgwo") format("truetype"),
        url("fonts/strawberryicon.woff?w9sgwo") format("woff"),
        url("fonts/strawberryicon.svg?w9sgwo#strawberryicon") format("svg");
    font-weight:normal;
    font-style:normal;
}
#news-container{
	text-align: left;
	height: auto;
}
#news-container .swiper-slide{
	width: 480px;
	height: 326px;
	border-radius: 8px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	position:relative;
}
#news-container .swiper-slide:after {
    z-index: 1;
    opacity: 0.3;
    background: #000;
    transition: opacity .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    overflow: hidden;
    display: block;
	border-radius: 8px;
}
#news-container .swiper-button-prev,#news-container .swiper-button-next{
	width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,0.2);
    border-radius: 60px;
	text-align:center;
	opacity:1;
	display:none;
}
#news-container:hover .swiper-button-prev,#news-container:hover .swiper-button-next{
	display:block;
}
#news-container .swiper-button-prev:after {
    content: "\e907";
    display: block;
    font-family: 'strawberryicon';
}
#news-container .swiper-button-next:after {
    content: "\e908";
    display: block;
    font-family: 'strawberryicon';
}
#news-container .swiper-slide:hover{
	background-color: #fc6760;
    background-size: auto;
    background-position: 340px 210px;
}
#news-container .swiper-slide:hover:after{
	display:none;
}
#news-container .info{
	position: absolute;
	padding:30px;
	z-index:999;
    transition: all .2s;
    bottom: -149px;
	color:#fff;
	font-size:14px;
	padding-top:30px;
}
#news-container .swiper-slide:hover .info{
	bottom:0px;
}
#news-container .info .date{
    font-size: 14px;
    margin-bottom: 16px;
}
#news-container .info h3{
	margin-bottom: 18px;
	height: 68px;
}
#news-container .info h3 a{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
	text-decoration:none;
}
#news-container .info p{
	text-indent:2em;
}
#news-container .info .detail-btn{
	margin-top: 40px;
	display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    padding: 9px 35px;
    border-radius: 20px;
    line-height: 20px;
	text-decoration:none;
}
#news-container .info .detail-btn:hover{
	background:#fff;
	color:#000;
}