@charset "utf-8";
/* Slider */
.hmPage5 .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;}
.hmPage5 .slick-list { position: relative; overflow: hidden; display: block; padding: 0; margin:0}
.hmPage5 .slick-slide { float: left; height: 100%; min-height: 1px; display: none;}
.hmPage5 .slick-slide img { display: block;}
.hmPage5 .slick-initialized .slick-slide { display: block; }
.hmPage5 .slick-vertical .slick-slide { display: block; height: auto;}
.hmPage5 .slick-slide dl{ margin:0 10px; overflow:hidden;}
.hmPage5 .slick-slide dl a{ display:block;}
.hmPage5 .slick-slide dl dt img{ width:100%; height:320px;}
.hmPage5 .slick-slide dl dt,.hmPage5 .slick-slide dl dt img{ border-radius: 10px;}
/* Arrows */
.hmPage5 .slick-prev,.hmPage5 .slick-next { position: absolute; display: block; height:39px; width:22px;  cursor: pointer; top:50%; margin-top:-18px; padding: 0; border: none; outline: none; z-index:9;line-height: 100px; overflow: hidden;}
.hmPage5 .slick-prev { left:-30px; background:url(../images/sy-18-1.png)no-repeat center}
.hmPage5 .slick-next { right:-30px; background:url(../images/sy-18.png) no-repeat center}
.hmPage5 .blue1 .slick-slide dl dd{ font-size:16px; padding: 6%; overflow:hidden;background: #DADADA;border-radius: 10px;}
.hmPage5 .blue1 .slick-slide dl dd span{ display:block; color:#333}
.hmPage5 .blue1 .slick-slide dl dd .a1{ font-size:12px;display: inline-block;border: #333 1px solid;padding: 2px 5px;}
.hmPage5 .blue1 .slick-slide dl dd .a2{ font-size:12px;  margin-top:9%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.hmPage5 .blue1 .slick-slide dl dd .a3{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;margin-top: 3%;}
.hmPage5 .blue1 .slick-slide dl dd:hover{ background: linear-gradient(to bottom, #FDC155, #A16E34); color:#fff}
.hmPage5 .blue1 .slick-slide dl dd:hover span{ color:#fff}
.hmPage5 .blue1 .slick-slide dl dd:hover .a1{ border:#fff 1px solid}

@media (max-width: 1700px) {
.hmPage5 .slick-slide dl dt img{ height:278px}
}
@media (max-width: 1500px) {
.hmPage5 .blue1 .slick-slide dl dt img{ height:236px}
.hmPage5 .blue1 .slick-slide dl dd .a3{ font-size:16px}
}
@media (max-width: 1024px) {
.hmPage5 .slick-slide dl dt img{ height:193px}
.hmPage5 .slick-prev,.hmPage5 .slick-next{ background-size:100%; width:15px}
.hmPage5 .slick-prev { left:-20px}
.hmPage5 .slick-next { right:-20px}
}
@media (max-width: 640px) {
.hmPage5 .slick-slide dl{ margin:0 8px;}
.hmPage5 .slick-slide dl dt img{ height:248px}
.hmPage5 .slick-list{ margin:0 5%}
.hmPage5 .slick-prev { left:-5px}
.hmPage5 .slick-next { right:-5px}
.on .hmBanTxt h5 a, .more a{ margin-top:10%}
}