@charset "utf-8";
/* Slider */
.slick-list:focus{ outline:none;}
.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 5.5%; padding: 0;}
.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 2%; background:#fff; border-radius:30px;}
.slick-vertical .slick-slide { display: block; height: auto; }
/* Arrows */
.slider .slick-prev,.slider .slick-next { position: absolute; display: block; height:35px; width:19px; cursor: pointer; background:#f00; top:45%; margin-top: -10px; padding: 0; border: none; outline: none;line-height:95px; overflow:hidden}
.slider .slick-prev { left:0%; background:url(../images/sy-23.png) no-repeat center}
.slider .slick-next { right:0%; background:url(../images/sy-24.png) no-repeat center}
.slick-slide dl{ height:324px}
.slick-slide dl dt img{ height:147px;}
.slick-slide dl dt,.slick-slide dl dt img{ border-radius:30px 30px 0 0}
.slick-slide dl dd{ height:177px; border-radius:0 0 30px 30px; overflow:hidden; font-size:14px; padding-bottom:11%; color:#062737; text-align:center; line-height:20px; border:#E0E0E0 1px solid; border-top:0}
.slick-slide dl dd span{ display:block}
.slick-slide dl dd .g1{ font-size:24px; margin:8% 0 7%}
.slick-slide dl dd .g2{ font-size:16px; margin:0 0 8%}
.slick-slide dl dd a{ font-size:14px; color:#fff;margin-top:6%; text-align:left; width:144px; line-height:35px; border-radius:30px; padding-left:30px; color:#fff; border:#025faa 1px solid; color:#025faa; display:block; margin:auto; background:url(../images/sy-26.png) no-repeat right 30px center}
.slick-slide:hover dl dd a{ background:url(../images/sy-25.png) no-repeat right 30px center #025faa; color:#fff}
.slick-slide dl dd .g1,.slick-slide dl dd .g2{ font-size:12px}

@media (max-width:1024px) {
	.slider .slick-prev, .slider .slick-next{ background-size:100% !important; width:20px}
	.slider .slick-prev { left:1%;}
    .slider .slick-next { right:1%;}
	.slick-slide dl dd .g1{ font-size:16px; margin-bottom:4%}
	.slick-slide dl dt img{ height:101px}
	.slick-slide dl dd .g1,.slick-slide dl dd .g2{ font-size:14px}
	.slick-slide dl{ height:243px}
	.slick-slide dl dd{ height:142px;}
	.slick-slide dl dd a{ width:120px; line-height:30px; padding-left:14px; background: url(../images/sy-26.png) no-repeat right 20px center;}
    .slick-slide dl:hover dd a{ background: url(../images/sy-25.png) no-repeat right 20px center #025faa;}
}
@media (max-width:640px){
	.slider .slick-prev, .slider .slick-next{ background-size:100% !important; width:12px}
	.slick-list{ margin:0 7%}
	.slick-slide dl dt img{ height:73px}
	.slick-slide dl dd a{ font-size:12px; width:100px; line-height:25px;background: url(../images/sy-26.png) no-repeat right 10px center;}
	.slick-slide dl:hover dd a{ background: url(../images/sy-25.png) no-repeat right 10px center #025faa;}
	.slick-slide dl dd{ height:113px}
	.slick-slide dl{ height:186px}
}