@charset "utf-8";

/* Slider */

.content{ margin:auto}

.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 ; padding: 0;}

.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;} 

/* Arrows */

.slick-prev,.slick-next { position: absolute; display: block; cursor: pointer; top:-95px; padding: 0; border: none; outline: none; width:41px; height:31px; top:inherit; bottom:0}

.slick-prev { left:44%; background:url(../images/sy-19.png) no-repeat center}

.slick-next { right:44%; background:url(../images/sy-20.png) no-repeat center}

.slick-list{ padding-bottom:7%}

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

.slick-slide dl,.sy-xj1 dl{ padding:0; position:relative}

.slick-slide dt,.sy-xj1 dl dt{ position:relative;}

.slick-slide dt span,.sy-xj1 dl dt span{ position:absolute; left:0; top:45%; width:100%; font-size:24px; text-align:center; color:#fff}



.ry2{ margin-bottom:8%}

.ry2 .slick-slide dl{ padding:0 15px}

.ry2 .slick-prev,.ry2 .slick-next{ width:41px; height:23px; top:48%}

.ry2 .slick-prev{ left:0; background:url(../images/yy1.png) no-repeat center}

.ry2 .slick-next{ right:0; background:url(../images/yy2.png) no-repeat center}

.ry2 .slick-list{ padding-bottom:0; margin:0 4%}





@media (max-width: 1400px) {

}

@media (max-width: 1024px) {

.slick-prev{ left:44%}

.slick-next{ right:44%}

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

.slick-list{ padding-bottom:8%}

.slick-slide dt span,.sy-xj1 dl dt span{ font-size:18px}

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

.ry2 .slick-list{ margin:0 6%}

}

@media (max-width:640px) {

.slick-prev{ left:38%}

.slick-next{ right:38%}

.slick-list{ padding-bottom:14%}

.slick-slide dt span,.sy-xj1 dl dt span{ font-size:16px}

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

.ry2 .slick-list{ margin:0 10%}
.sy-xj1 dl dt span{ top:40%; font-size:14px}

}