@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; padding: 0;margin:auto}
.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide img { display: block; width:100%;}
.slick-initialized .slick-slide { display: block;}
.slick-slide dl{ margin:0 3%;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */

.slick-prev,.slick-next { position: absolute; display: block; height:67px; width:33px;  cursor: pointer; background:#f00; top: 30%;padding: 0; border: none; outline: none;}
.slick-prev { left:0; background:url(../images/gy8.png) no-repeat center}
.slick-next { right:0; background:url(../images/gy8_1.png) no-repeat center}
.slick-list{ margin:0 5%; padding-bottom:0;}
.slick-slide img{ height:292px}
.slick-slide dl dd{ font-size:16px; color:#fff; text-align:center; margin-top:6%;}
.slick-list:focus{ outline:none;}

.responsive1 .slick-prev,.responsive2 .slick-prev{ background:url(../images/gj19.png) no-repeat center}
.responsive1 .slick-next,.responsive2 .slick-next{ background:url(../images/gj20.png) no-repeat center}
.responsive1 .slick-slide dl{ margin:0 5%; border:#DCDCDC 1px solid}
.responsive1 .slick-slide dl dd{ color:#333; font-size:20px; margin:4% 0}
.responsive1 .slick-slide dl dt img{ height:206px}

.responsive2 .slick-slide dl{ margin:0 2%; position:relative}
.responsive2 .slick-slide dl dt img{ height:438px}
.responsive2 .slick-slide dl dd{ position:absolute; left:0; top:0; width:100%; height:100%; line-height:33px; padding:0 19%; box-sizing:border-box; font-size:20px; color:#fff}
.responsive2 .slick-slide dl dd .d1{ width:84px; height:84px; display:block; margin:48% auto 15%}
.responsive2 .slick-slide dl dd .d2{ width:27px; height:30px; position:absolute; left:50%; margin-left:-13px; bottom:15%; display:none}
.responsive2 .slick-slide dl dd span{ font-size:12px; display:block}
.responsive2 .slick-slide dl:hover dd{ background:url(../images/cs18.png) no-repeat center top; background-size:89%}
.responsive2 .slick-slide dl:hover dd .d2{ display:block}
.responsive2 .slick-prev,.responsive2 .slick-next{ top:45%}


@media (max-width:1024px) {
.slick-slide img{ height:198px}
.content1 .slider2 .slick-prev, .slider2 .slick-next{ top:21%}
.slick-slide dl dd{ font-size:14px}
.slick-prev, .slick-next{ background-size:100% !important; width:20px}
.responsive1 .slick-slide dl dt img{ height:112px}
.responsive1 .slick-slide dl dd{ font-size:16px}
.responsive2 .slick-slide dl dt img{ height:317px}
.responsive2 .slick-slide dl dd .d1{ width:55px; height:55px}
.responsive2 .slick-slide dl dd{ font-size:16px; line-height:26px; padding:0 16%}

}
@media (max-width:640px){
.slick-prev,.slick-next{ width:18px}
.slick-slide img{ height:179px}
.slick-list{ margin:0 10%}
.responsive1 .slick-slide dl dt img{ height:152px}
.responsive1 .slick-slide dl dd{ font-size:14px}
.responsive2 .slick-slide dl dt img{ height:430px}
.responsive2 .slick-slide dl dd{ padding:0 10%}
}