@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%}
.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 10px; overflow:hidden}
.slick-slide dl a{ display:block;}
.slick-slide dl dt img{ width:100%; height:270px; border-radius:10px}
.slick-slide dl dt{ margin-bottom:4%; border-radius:10px}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:34px; width:34px;  cursor: pointer; top:50%; margin-top:-15px; padding: 0; border: none; outline: none;}
.slick-prev { left:0; background:url(../images/gy-10-1.png) no-repeat center}
.slick-next { right:0; background:url(../images/gy-10-3.png) no-repeat center}
.slick-prev:hover { left:0; background:url(../images/gy-10-2.png) no-repeat center}
.slick-next:hover { right:0; background:url(../images/gy-10.png) no-repeat center}

.blue1 .slick-slide dl{ margin: 0 20px;background: #edf0f4;padding: 20px;border-radius: 10px;} 
.blue1 .slick-list{ margin:0 3%}
.blue1 .slick-slide dl dt img{ height:312px;}

.blue2 .slick-list{ padding:8px 0}
.blue2 .slick-slide dl{ height: 100%; display: block; border-radius: .625rem; overflow: hidden; background: #fff; position: relative; box-shadow: 0 0 15px #ddd;padding: 3rem 2rem;}
.blue2 .slick-slide dl .img{ height: 50%;margin-top: 2rem;}
.blue2 .slick-slide dl .img img{ transform: none;display: block;margin: auto; width:173px; height:203px}
.blue2 .slick-slide dl .txt{ z-index: 99; text-align: center; width: 100%; }
.blue2 .slick-slide dl .txt h3{ font-size: 24px; color: #000000; margin-bottom: 1.25rem; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blue2 .slick-slide dl .txt span{ min-width: 7.8125rem;}
.blue2 .slick-slide dl .btn_arr{ position: absolute; z-index:1; right: 1.5rem; bottom: 1.5rem;}
.blue2 .slick-slide dl .btn_arr .c2{ display:none}
.blue2 .slick-slide dl a:hover .btn_arr .c1{ display:none}
.blue2 .slick-slide dl a:hover .btn_arr .c2{ display:block}
.blue2 .slick-slide dl a:hover .btn_border:before{ width: 200%; opacity: 0; transition: all 0.75s ease-in-out;}


@media (max-width: 1650px) {
.blue1 .slick-slide dl dt img{ height:260px}
}
@media (max-width: 1450px) {
.blue1 .slick-slide dl dt img{ height:234px}
.blue1 .slick-slide dl{ margin:0 15px;padding: 15px;}
.blue2 .slick-slide dl .img img{ width:140px; height:164px}
.blue2 .slick-slide dl .txt h3{ font-size:20px}
.blue2 .slick-slide dl{ padding: 2rem 1.5rem;}
}
@media (max-width: 1024px) {
.slick-prev,.slick-next{ background-size:100%; width:25px}
.blue1 .slick-slide dl dt img{ height:245px}
.blue2 .slick-slide dl .img img{ width:73%; height:138px;}
.blue2 .slick-slide dl .txt h3{ font-size:16px}

}
@media (max-width: 640px) {
.slick-slide dl{ margin: 0;}
.slick-list{ margin:0 10%}
.blue1 .slick-slide dl{ margin:0 5px;padding: 10px;}
.blue1 .slick-list{ margin:0 9%}
.blue1 .slick-slide dl dt img{ height:158px}
.blue2 .slick-slide dl{padding: 1rem;}
.blue2 .slick-slide dl .img img{ width:60%; height:145px;}
.blue2 .slick-slide dl{ margin:0 4%;box-shadow: 0 0 8px #ddd;}
.blue2 .slick-slide dl .txt span{ font-size:12px; min-width: 6.813rem;}
.blue2 .slick-slide dl a .btn_arr img{ width:28px}
}