@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 4.5%; padding: 0;}

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

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

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

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

.slick-slide dl{ margin: 0 10px;}

.slick-slide dl a{ border:#aaaaaa 1px solid; display:block; background:#fff; padding:4% 2% 8%}

.slick-slide dl .b1{ overflow:hidden; border-bottom:#707070 2px solid; padding:0 3% 5%; margin-bottom:5%}

.slick-slide dl .b1 span,.slick-slide dl .b1 strong{ display:inline-block}

.slick-slide dl .b1 .left{ width:80px; text-align:center; font-size:26px; color:#333;}

.slick-slide dl .b1 .left strong{ font-weight:normal; display:block; margin-top:8%; font-size:18px; color:#666}

.slick-slide dl .b1 .right{ width:100px; font-size:18px; color:#666; margin-top:4%; line-height:35px; border:#15569d 1px solid; font-size:18px; text-align:center; border-radius:15px}

.slick-slide dl .b2{ font-size:18px; color:#333; margin:7% 3% 3%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.slick-slide dl .b3{ font-size:14px; color:#666; line-height:26px; margin:0 3%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.slick-slide dl dt img{ width:100%; height:284px}

.slick-slide dl dt{ padding:0 3%}

.slick-slide dl:hover .b1 .right{ background:#15569d; color:#fff}

/* Arrows */

.slick-prev,.slick-next { position: absolute; display: block; height:27px; width:16px;  cursor: pointer; top:50%; margin-top: -17px; padding: 0; border: none; outline: none; line-height:80px; overflow:hidden}

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

.slick-next { right:0; background:url(../images/sy-40.png) no-repeat center}



.blue1 .slick-slide dl{ margin: 0 10px;}

.blue1 .slick-slide dl dd{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center; box-shadow:1px 2px 5px #ccc; line-height:70px; font-size:16px; margin:5px 0}

.blue1 .slick-prev,.blue1 .slick-next { position: absolute; display: block; height:21px; width:13px;  cursor: pointer; top:50%; margin-top: -10px; padding: 0; border: none; outline: none;}

.blue1 .slick-prev { left:0%; background:url(../images/jdal-1.png) no-repeat center}

.blue1 .slick-next { right:0; background:url(../images/jdal-2.png) no-repeat center}

.blue1 .slick-list{ margin:0 5%}

.blue1 .slick-slide dl:hover dd,.blue1 .slick-slide .dq1 dd{ background:#0f4887; color:#fff}

.blue1 .slick-slide dl a{ border:0; padding:0}







@media (max-width: 1024px) {

.slick-prev { left:0;}

.slick-next { right:0; }

.slick-list{ margin:0 5%}

.slick-slide dl dt img{ height:142px}

.slick-slide dl .b1 .left{ font-size:18px}

.slick-slide dl .b1 .left strong,.kh1 dl dd{ font-size:14px}

.slick-slide dl .b1 .right{ font-size:14px; width:70px; line-height:30px; margin-top:6%}

.slick-slide dl .b3{ line-height:22px}

.slick-slide dl .b2{ font-size:16px}

.blue1 .slick-slide dl dd{ line-height:45px; font-size:14px}

}

@media (max-width:640px) {

.slick-prev,.slick-next{ background-size:100%; width:14px}

.slick-slide dl{ margin:0 5px}

.slick-list{ margin:0 9%}

.slick-slide img{ height:207px}

.slick-slide dl .b2{ font-size:14px;}

.slick-slide dl .b3{ font-size:12px; line-height:20px}

.blue1 .slick-prev, .blue1 .slick-next{ background-size:100%; width:10px}

.blue1 .slick-slide dl dd{ line-height:35px} 



}