@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 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: 10px 13px; overflow:hidden;box-shadow: 0 0 10px #ddd;border-radius: 20px; padding:10%; background:#fff}
.slick-slide dl a{ display:block;}
.slick-slide dl dt img{ width:100%; height:196px;}
.slick-slide dl dt{ margin-top:14%;}
.slick-slide dl dd .b1{font-size: 24px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.slick-slide dl dd .b2{font-size: 18px;color: #a4a5a5;margin-top: 6%;display: block;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 84px;line-height: 28px;}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:62px; width:54px;  cursor: pointer; top:50%; margin-top:-31px; padding: 0; border: none; outline: none;}
.slick-prev { left:0; background:url(../images/sy-5-2.png) no-repeat center}
.slick-next { right:0; background:url(../images/sy-5-1.png) no-repeat center}
.slick-prev:hover { background:url(../images/sy-5.png) no-repeat center}
.slick-next:hover { background:url(../images/sy-5-3.png) no-repeat center}
.blue2 .slick-list{ padding:20px 0}
.blue2 .slick-slide dl{ margin: 0 60px; overflow:hidden; box-shadow:0 0 25px #ccc;padding: 0;border-radius: 0;}
.blue2 .slick-slide dl dt{ margin-top:0}
.blue2 .slick-slide dl dt img{ width:100%; height:502px;}
.blue2 .slick-prev,.blue2 .slick-next { position: absolute; display: block; height:48px; width:48px;  cursor: pointer; top:-50px; padding: 0; border: none; outline: none; line-height:120px; overflow:hidden; z-index:9}
.blue2 .slick-prev { left:inherit; right:60px; background:url(../images/gs-8.png) no-repeat center}
.blue2 .slick-next { right:0; background:url(../images/gs-8-1.png) no-repeat center}
.blue2 .slick-prev:hover { background:url(../images/gs-8.png) no-repeat center}
.blue2 .slick-next:hover { background:url(../images/gs-8-1.png) no-repeat center}
.blue2 .blue1 .slick-list{ padding:100px 0 20px}
.gy5 .slick-list{ margin:0 2%}

.sy1 .slick-slide dl dt{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 196px;}
.sy1 .slick-slide dl dt img{ width:auto; height: auto}
.sy1 .slick-slide dl:hover{ background: linear-gradient(to right, #dcd91c, #70bb3a); color: #fff;}
.sy1 .slick-slide dl:hover dd .b1{ color:#fff}

.blue-en .slick-slide dl dd .b1{ font-size:20px; height:54px; overflow:hidden; white-space: inherit;}


@media (max-width: 1650px) {
.slick-slide dl dt img{ height:143px}
.slick-slide dl dd .b1{ font-size:19px}
.slick-slide dl dd .b2{ font-size:16px; height:72px;line-height: 24px;}
.blue2 .slick-slide dl dt img{ height:390px}
.gy5 .slick-list{ margin:0 1%}
.blue2 .slick-slide dl{ margin:0 40px}
.sy1 .slick-slide dl dt{ height:143px}
.blue-en .slick-slide dl dd .b1{ font-size:16px; height:41px;}
}

@media (max-width: 1024px) {
.slick-slide dl dt img{ height:104px}
.slick-slide dl{ margin:10px}
.slick-prev, .slick-next{ background-size:100% !important; width:40px}
.slick-slide dl dd .b1{ font-size:16px}
.slick-slide dl dd .b2{ font-size:14px; height:66px;line-height: 22px;}
.blue2 .slick-prev, .blue2 .slick-next{ width:35px}
.blue2 .slick-prev{ right:45px}
.blue2 .slick-prev, .blue2 .slick-next{ top:-20px}
.blue2 .slick-slide dl{ margin:0 20px}
.blue2 .slick-slide dl dt img{ height:256px}
.sy1 .slick-slide dl dt{ height:104px}
.blue-en .slick-slide dl dd .b1{ font-size:14px; height:36px;}
}
@media (max-width: 640px) {
.slick-slide dl dt img{ height:144px}
.slick-list{ margin:0 12%}
.blue2 .slick-slide dl dt img{ height:361px}
.blue2 .slick-prev, .blue2 .slick-next{ top:-6px}
.gy5 .slick-list{ margin:0 8%}
.sy1 .slick-slide dl dt{ height:144px}
}