@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; padding-bottom:2.5%}
.slick-slide dt img { width:100%; display: block; margin:auto; height:240px; border-radius:20px}
.slick-initialized .slick-slide { display: block; }
.slick-vertical .slick-slide { display: block; height: auto;}
.slick-slide dl{ margin: 0 10px;}
.slick-slide dl dd{ font-size:18px; text-align:center; margin-top:14%}
.slick-slide dl dd img{ vertical-align:middle; margin-right:10px}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:60px; width:60px;  cursor: pointer; bottom:0; padding: 0; border: none; outline: none;}
.slick-prev { left:44%; background:url(../images/chxq-8.png) no-repeat center}
.slick-next { right:44%; background:url(../images/xm-4.png) no-repeat center}

.blue1 .slick-slide dl{ margin: 0 15px;}
.blue1 .slick-slide dt img{ height:270px}
.blue2 .slick-slide dt img{ height:370px}

.blue3 .slick-slide dl{ margin: 0 16px;}
.blue3 .slick-slide dt img{ height:387px}
.blue3 .slick-slide dl dd{ font-weight:bold; text-align:left;}
.blue3 .slick-slide dl .s1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blue3 .slick-slide dl .s2{ font-weight:normal; line-height:22px; height:88px; font-size:12px; color:#666; margin-top:10%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
.blue3 .slick-slide dl .s3{ font-size:12px; text-align:center; font-weight:normal; width:46px; line-height:36px; color:#495ba3; border:#495ba3 1px solid}
.blue3 .slick-slide dl .s3:hover{ background:#495ba3; color:#fff}
.blue3 .slick-prev,.blue3 .slick-next{ bottom:65%}
.blue3 .slick-prev { left:0; background:url(../images/jd-8.png) no-repeat center}
.blue3 .slick-next { right:0; background:url(../images/jd-9.png) no-repeat center}
.blue3 .slick-slide{ padding-bottom:0}
.blue3 .slick-list{ margin:0 2%}

@media (max-width: 1460px){
.blue3 .slick-slide dt img{ height:301px}
}

@media (max-width: 1024px) {
	.slick-slide dt img{ height:185px}
	.slick-prev, .slick-next,.blue3 .slick-prev,.blue3 .slick-next{ width:50px; height:50px; background-size:100%}
.slick-prev { left:43%;}
.slick-next { right:43%;}
.blue1 .slick-slide dt img{ height:206px}
.blue2 .slick-slide dt img{ height:285px}
.blue3 .slick-slide dt img{ height:243px}

}
@media (max-width:640px) {
	.slick-slide dt img{ height:240px}
	.slick-prev { left:35%;}
.slick-next { right:35%;}
.slick-slide dl,.blue1 .slick-slide dl,.blue3 .slick-slide dl{ margin:0 11%}
.blue1 .slick-slide dt img{ height:281px}
.blue3 .slick-slide dt img{ height:382px}
.blue3 .slick-slide dl .s1{ font-size:14px;}
.blue3 .slick-slide dl dd,.blue3 .slick-slide dl .s2{ margin-top:5%}
.blue3 .slick-slide dl .s3{ line-height:30px}
.blue3 .slick-slide dl .s2{ height:79px; line-height:20px}
}