@charset "utf-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; overflow: hidden; display: block; padding: 0; margin:0}
.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide img { display: block;}
.slick-initialized .slick-slide { display: block; }
.slick-vertical .slick-slide { display: block; height: auto;}
.slick-slide dl{ margin: 0 15px; overflow:hidden; background: url(../image/news_bgs.jpg) no-repeat center center;}
.slick-slide:nth-child(odd) dl{background: url(../image/news_bgs1.jpg) no-repeat center center;}
.slick-slide dl a{ display:block;}
.slick-slide dl dt,.slick-slide dl dt img{ height:342px;}
.slick-slide dl dt img{ width:100%; display:none}
.slick-slide dl dt{ margin-bottom:6%}
.slick-slide dl dd{ font-size:16px; color:#999; margin-top:20px}
.slick-slide dl dd span{ display:block; line-height:24px; margin-bottom:10px}
.slick-slide dl dd .e1{ font-size:14px}
.slick-slide dl dd .e2{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px}
.slick-slide dl dd a{ font-weight:bold; font-size:14px; color:#d4302b}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:46px; width:24px;  cursor: pointer; top:50%; margin-top:-23px; padding: 0; border: none; outline: none; z-index:999; line-height:100px; overflow:hidden}
.slick-prev { left:15px; background:url(../image/sy-23.png) no-repeat center}
.slick-next { right:15px; background:url(../image/sy-24.png) no-repeat center}
.slick-prev:hover { background:url(../image/sy-25.png) no-repeat center}
.slick-next:hover { background:url(../image/sy-26.png) no-repeat center}
.slick-slide dl:hover dt img{ display:block}



@media (max-width: 1024px) {
.slick-slide dl dt,.slick-slide dl dt img{ height:289px}
.slick-slide dl dd{ font-size:14px}
.slick-prev,.slick-next{ background-size:100%; width:20px}
.slick-slide dl{ background-size:100% !important}
}
@media (max-width: 640px) {
.slick-prev,.slick-next{ background-size:100%; width:17px}
.slick-slide dl{ margin: 0;}
.slick-slide dl dt img{ display:block}
.slick-slide dl dt,.slick-slide dl dt img{ height:289px;}
}