@charset "utf-8";
/* Slider */
.content{ max-width:1320px; 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; max-width:1220px; 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-vertical .slick-slide { display: block; height: auto;}
.slick-slide dl{ margin: 0 10px;}
.slick-slide dl dt{ position:relative}
.slick-slide dl dt .bj{ text-align:center; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; background-color: rgba(0,0,0,0.5); filter: Alpha(opacity=50); font-size:18px; color:#fff; padding:24% 6%; line-height:24px; box-sizing:border-box; display:none}
.slick-slide dl dt span{ font-size:14px; display:block;}
.slick-slide dl dt .bj span:last-child{ text-align:left; color:#fff; background:url(../images/yjy1-11.jpg) no-repeat center top; padding-top:6%; margin-top:5%}
.slick-slide dl dd{ margin-top:5%; font-size:16px; padding:2%}
.slick-slide dl dd span{ display:block; font-size:18px; color:#1b4160; margin-bottom:1%}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:48px; width:25px;  cursor: pointer; top:40%; margin-top: -10px; padding: 0; border: none; outline: none;}
.slick-prev { left:0%; background:url(../images/yjy-15.png) no-repeat center}
.slick-next { right:0; background:url(../images/yjy-16.png) no-repeat center}
.slick-slide dl:hover dt .bj{ display:block}
.slick-slide img{ height:345px}

@media (max-width: 1024px) {
.slick-slide dl dd span{ font-size:16px}
.slick-prev,.slick-next{ background-size:100%; width:16px}
.slick-prev { left:0;}
.slick-next { right:0; }
.slick-list{ margin:0 5%}
.slick-slide dl:hover dt .bj{ display:none}
.slick-slide dl dd,.gy-bt span{ font-size:14px}
.slick-slide img{ height:168px}
}
@media (max-width: 640px) {
.content{margin:auto;width:auto;}
.slick-prev,.slick-next{ background-size:100%; width:12px}
.slick-slide dl{ margin:0 5px}
.slick-list{ margin:0 7%}
.slick-slide img{ height:176px}
.slick-slide dl dd{ font-size:12px}
.slick-slide dl dd span{ font-size:14px}
}