@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 4.5%}
.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 13px; overflow:hidden}
.slick-slide dl a{ display:block;}
.slick-slide dl dt img{ width:100%; height:397px}
.slick-slide dl dt{ margin-bottom:6%}
.slick-slide dl dd{ font-size:17px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center; color:#fff}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:42px; width:24px;  cursor: pointer; top:50%; margin-top:-21px; padding: 0; border: none; outline: none;}
.slick-prev { left:0; background:url(../images/sy-16.png) no-repeat center}
.slick-next { right:0; background:url(../images/sy-15.png) no-repeat center}
.blue1 .slick-slide dl dt img{ height:127px}
.blue1 .slick-slide dl{ box-shadow:0 0 7px #ccc}
.blue1 .slick-slide{ padding:5px 0}
.blue1 .slick-prev { left:0; background:url(../images/sy-27.png) no-repeat center}
.blue1 .slick-next { right:0; background:url(../images/sy-28.png) no-repeat center}
.blue1 .slick-slide dl:hover{ box-shadow:0 0 7px #E6000C}
.blue1 .slick-slide dl dt{ margin-bottom:0}
.blue2 .slick-prev { left:0; background:url(../images/sy-27.png) no-repeat center}
.blue2 .slick-next { right:0; background:url(../images/sy-28.png) no-repeat center}
.blue2 .slick-slide dl dd{ color:#333}
@media (max-width: 1024px) {
.slick-slide dl dt img{ height:279px}
.slick-slide dl dd{ font-size:14px}
.slick-prev,.slick-next,.blue1 .slick-prev,.blue1 .slick-next{ background-size:100% !important; width:16px}
.blue1 .slick-slide dl dt img{ height:82px}
}
@media (max-width: 640px) {
.slick-prev,.slick-next{ background-size:100% !important; width:14px}
.slick-slide dl{ margin: 0 5px;}
.slick-slide dl dt img{ height:387px}
.slick-list{ margin:0 10%}
.blue1 .slick-slide dl dt img{ height:159px}
}