@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:#FAFAFA; border-bottom:#335D87 2px solid}

.slick-slide dl a{ display:block;}

.slick-slide dl dt img{ width:100%; height:255px}

.slick-slide dl dd{ font-size:16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center; padding:4% 2%}

/* Arrows */

.slick-prev,.slick-next { position: absolute; display: block; height:61px; width:36px;  cursor: pointer; top:50%; margin-top:-30px; padding: 0; border: none; outline: none;}

.slick-prev { left:15px; background:url(../images/sy-11.png) no-repeat center}

.slick-next { right:15px; background:url(../images/sy-13.png) no-repeat center}

.slick-prev:hover { background:url(../images/sy-12.png) no-repeat center}

.slick-next:hover { background:url(../images/sy-14.png) no-repeat center}



.blue1 .slick-list{ margin:0 5%}

.blue1 .slick-slide dl{ border-bottom:0}

.blue1 .slick-prev { left:0;}

.blue1 .slick-next { right:0;}



.blue2 .slick-slide dl{ position:relative}

.blue2 .slick-slide dl dd{ position:absolute; left:0; bottom:0; width:100%; font-size:16px; color:#fff; text-align:left; padding:20px 30px}

.blue3 .slick-slide dl{ margin:0 10px; padding:20% 0}
.blue3 .slick-slide dl dt img{ width:74px; height:74px; display:block; margin:auto}
.blue3 .slick-slide dl{ background:url(../images/lx-9.png) no-repeat bottom center; border-bottom:0; border-radius:10px; border:#F6F6F6 1px solid}
.blue3 .slick-slide dl dd{ font-size:18px; line-height:40px;}
.blue3 .slick-prev { left:-36px;}
.blue3 .slick-next { right:-36px;}

@media (max-width: 1024px) {

.slick-slide dl dt img{ height:147px}

.slick-slide dl dd{ font-size:14px}

.slick-prev,.slick-next{ background-size:100% !important; width:22px}

.slick-slide dl{ margin:0 10px}



.blue1 .slick-slide dl dt img{ height:123px}

.blue2 .slick-slide dl dd{ font-size:14px; padding:10px 20px}
.blue3 .slick-prev { left:-21px;}
.blue3 .slick-next { right:-21px;}
.blue3 .slick-slide dl dd{ font-size:16px; line-height:30px}

}

@media (max-width: 640px) {

.slick-prev,.slick-next{ background-size:100% !important; width:22px}

.slick-prev { left:0px; }

.slick-next { right:0px; }

.slick-slide dl{ margin: 0;}

.slick-slide dl dt img{ height:237px}

.slick-slide dl dd{ padding:3% 2%}

.blue1 .slick-list{ margin:0 10%}

.blue1 .slick-slide dl dt img{ height:169px}
.blue3 .slick-prev { left:-11px;}
.blue3 .slick-next { right:-11px;}
.blue3 .slick-slide dl dd{ font-size:14px; line-height:24px}
.blue3 .slick-slide dl{ margin:0 40px; padding:11% 0}
}