/* 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; }

.slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }

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

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

.slick-slide img { display: block; width:100%;}

.slick-slider dl dt img{ width:100%; margin:auto}

.slick-slider dl dd img{ width:75%; margin:4% auto 0}

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

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-slide dl .fab-bt{ font-size:16px; color:#333; padding-top:5%}



/* Arrows */

.slick-prev, .slick-next { position: absolute; display: block; height:17px; width:20px; line-height:70px; overflow:hidden;  cursor: pointer; background:#f00; bottom:0%; padding: 0; border: none; outline: none;}

.slick-prev,.slick-prev:hover{ right:40px; background:url(../images/arrow-prev-slider.png) no-repeat center}

.slick-next,.slick-next:hover { right:0; background:url(../images/arrow-next-slider.png) no-repeat center}

.content1{margin:5% auto;}

.responsive11 .slick-prev,.responsive11 .slick-next,.responsive22 .slick-prev,.responsive22 .slick-next { position: absolute; display: block; height:30px; width:17px; line-height:70px; overflow:hidden;  cursor: pointer; background:#f00; top:50%; margin-top:-15px; padding: 0; border: none; outline: none;}
.responsive11 .slick-prev,.responsive11 .slick-prev:hover,.responsive22 .slick-prev,.responsive22 .slick-prev:hover{ left:0; background:url(../images/zhcs-10.png) no-repeat center}
.responsive11 .slick-next,.responsive11 .slick-next:hover,.responsive22 .slick-next,.responsive22 .slick-next:hover { right:0; background:url(../images/zhcs-11.png) no-repeat center}
.responsive11 .slick-slide dl,.responsive22 .slick-slide dl{ margin:0 6%; position:relative}
.responsive11 .slick-list,.responsive22 .slick-list{ margin:0 2%}
.responsive11 .slick-slide dl dt img{ border-radius:10px;}
.responsive11 .slick-slide dl dd{ margin:0; position:absolute; top:10%; height:90%; left:0; width:100%; font-size:24px; color:#fff; text-align:center; font-weight:bold}
.responsive11 .slick-slide dl dd span{ text-align:left; font-size:17px; font-weight:normal; display:block; position:absolute; bottom:4%; left:0; padding:0 8%; width:84%}
.responsive22 .slick-prev,.responsive22 .slick-prev:hover{ background:url(../images/zhcs-49.png) no-repeat center}
.responsive22 .slick-next,.responsive22 .slick-next:hover{ background:url(../images/zhcs-50.png) no-repeat center}
.responsive22 .slick-prev,.responsive22 .slick-next{ width:31px; height:31px;}
.responsive22 .slick-list{ margin:0 5%; padding:4% 1.7%}
.responsive22 .slick-slide dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.responsive22 .slick-slide dl dt{ position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.responsive22 .slick-slide dl:hover dt,.responsive22 .slick-slide dl:hover dd{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.responsive22 .slick-slide dl dd{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.responsive22 .slick-slide dl:hover dd{ border:0}
.responsive22 .slick-slide dl:hover dt{ border:#e48031 2px solid}

@media (max-width:640px){

	.slick-prev,.slick-prev:hover{    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

    margin-right: -50%;}

	.slick-next,.slick-next:hover{    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    margin-left: -50%;}

.slick-prev, .slick-next,.slick-prev:hover,.slick-next:hover{ content: "";position: absolute; bottom:40%;

    display: block;

    width:22px;

    height:22px;

    border-top: 2px solid white;

    border-right: 2px solid white;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear; background:none}

.slick-prev:hover,.slick-next:hover{     border-top: 2px solid #27B6CD;

    border-right: 2px solid #27B6CD;}

.slick-prev{ left:3%}

.slick-next{ right:3%}

.responsive11 .slick-prev,.responsive11 .slick-prev:hover,.responsive22 .slick-prev,.responsive22 .slick-prev:hover{ transform:none; left:5%}
.responsive11 .slick-next,.responsive11 .slick-next:hover,.responsive22 .slick-next,.responsive22 .slick-next:hover { transform:none; right:5%}
.responsive11 .slick-slide dl{ margin:0 22%}
.responsive22 .slick-slide dl{ margin:0 16%}

}