@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 6%; background:#e8f0f2; border:#a9afb7 1px solid}

.slick-vertical .slick-slide { display: block; height: auto; }

/* Arrows */

.slider .slick-prev,.slider .slick-next { position: absolute; display: block; height:61px; width:31px; cursor: pointer; background:#f00; top:45%; margin-top: -10px; padding: 0; border: none; outline: none;line-height:95px; overflow:hidden}

.slider .slick-prev { left:3%; background:url(../images/sy-5.png) no-repeat center}

.slider .slick-next { right:3%; background:url(../images/sy-6.png) no-repeat center}

.slick-slide dl dd{ padding-top:7%; font-size:14px; color:#062737; text-align:left; line-height:20px}

.slick-list{ margin:0 6%;}

.slick-slide dl dd span{ display:block}

.slick-slide dl dd .g1{ height:40px;font-size:18px; margin-bottom:6%; display:block; color:#000033}

.slick-slide dl dd .g2{ height:92px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; font-size:13px; color:#2a2d40; line-height:24px}

.slick-slide dl dd .g3{ font-size:13px; color:#2a2d40; border-top:#333 1px solid; margin-top:6%; padding:2% 0 3%; text-align:right}

.slick-slide dl dd span,.slick-slide dl dd .g3{ padding-left:6%; padding-right:6%}



@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%}

}

@media (max-width:640px){

	.slider .slick-prev, .slider .slick-next{ background-size:100% !important; width:18px}

	.slick-list{ margin:-12px 11%}

	.slick-slide dl dd .g1{ font-size:15px}

	.slick-slide dl dd .g2{ line-height:22px; height:85px}

	.slick-slide dl dd span, .slick-slide dl dd .g3{ padding-left:3%; padding-right:3%}

}