@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; margin: 0 4%; padding: 0; border-left:#fff 2px solid}

.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}

.slick-initialized .slick-slide { display: block; }

.slick-vertical .slick-slide { display: block; height: auto;}

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

.slick-slide dl dd{ text-align:center; margin-top:3%; font-size:14px; color:#666; line-height:22px}

/* Arrows */

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

.blue2 .slick-list{ margin:0; padding-bottom:9%}

.blue2 .slick-slide dl{ border:#D2D2D2 1px solid; margin:0 20px; padding:5px; position:relative; border-radius:5px}

.blue2 .slick-slide dl dd{ position:absolute; bottom:2%; left:2%; width:96%; background:#000;background-color: rgba(0,0,0,0.2); filter: Alpha(opacity=20); color:#fff; font-size:16px; line-height:40px;}

.blue2{ margin:6% 0 8%}

.blue2 .slick-prev,.blue2 .slick-next{ width:40px; height:40px; margin-top:-20px; bottom:0; border-radius:5px}

.blue2 .slick-prev { left:45%; background:url(/template/default/images/sy-28.png) no-repeat center}

.blue2 .slick-next { right:45%; background:url(/template/default/images/sy-29.png) no-repeat center}



@media (max-width: 1024px) {

.blue1 .slick-slide dl dd{ font-size:14px; line-height:45px}

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

.blue2 .slick-prev { left:41%}

.blue2 .slick-next { right:41%}

.blue2 .slick-prev,.blue2 .slick-next{ background-size:30px; width:45px; height:45px}

.blue2 .slick-list{ padding-bottom:13%}

.blue2 .slick-slide dl { padding: 0px 13px;}

}

@media (max-width:640px) {

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

.blue2 .slick-list{ padding-bottom:15%}

.blue2 .slick-prev { left:36%}

.blue2 .slick-next { right:36%}

.blue2 .slick-prev,.blue2 .slick-next{ background-size:25px; width:40px; height:40px}

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

}







<!--ºÄʱ1756974957.8331Ãë-->