@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; 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:#f1f1f1; border-radius:10px;}

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

/* Arrows */

.slider .slick-prev,.slider .slick-next { position: absolute; display: block; height:68px; width:68px; cursor: pointer; background:#f00; top:50%; margin-top: -35px; 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{ position:relative;}

.slick-slide dl .b1 img{ width:20px; height:19px; display:inline-block; vertical-align:middle; margin-right:10px} 

.slick-slide dl .b1{ position:absolute; top:4%; left:0; padding:5px; background:#0067ab; color:#fff; font-size:16px;} 

.slick-slide dl .b2{ position:absolute; top:28%; left:0; width:100%; padding:0 10%}

.slick-slide dl .b2 strong{ font-size:18px; font-weight:bold; text-align:center; display:block; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.slick-slide dl .b2 .c1{ font-size:16px; color:#fff; margin:5% 0; display:block; line-height:28px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.slick-slide dl .b2 .c2{ display:block; width:120px; line-height:40px; margin:auto; color:#fff; text-align:center;}

.slick-slide dl a:hover .b2 .c2{ background:#0067ab;}



.blue1{ margin-top:6%}

.blue1 .slick-slide dl{ margin: 0 15px; background:none;}

.blue1 .slick-slide dl dd{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background:none; text-align:center; color:#fff; background:#32B7ED; border-radius:40px; line-height:70px; font-size:14px; margin:5px 0}

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

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

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

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

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

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

.blue1 .slick-slide dl:hover dd,.blue1 .slick-slide .curr dd{ background:#0067ab;}

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

.blue2 .slick-slide dl{ border:#d2d2d2 1px solid; background:none; padding-bottom:6%; border-radius:0; margin: 0 15px;}
.blue2 .slick-slide dl dd .m1{ display:block;padding: 6%;
    font-size: 18px;
    color: #333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.blue2 .slick-slide dl dd .m2{    display: block;
    width: 158px;
    line-height: 45px;
    border: #ccc 1px solid;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    margin:0 auto;}
.blue2 .slick-slide dl a:hover dd .m2{ background:#1A6BA8; color:#fff}
@media (max-width: 1400px){

.blue1 .slick-slide dl{ height:80px; margin:0 7px}

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

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

}





@media (max-width:1024px) {

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

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

	.slick-slide dl .b2 .c1{ font-size:14px; line-height:22px}

	.slick-slide dl .b2 .c2{ width:100px; line-height:30px}

	

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

	.blue1 .slick-slide dl{ height:50px}

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

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


.blue2 .slick-slide dl dd .m1{ font-size:16px}
.blue2 .slick-slide dl dd .m2{ width:100px; line-height:35px; font-size:14px}
.blue2 .slick-slide dl{ margin:0 10px}

}

@media (max-width:640px){

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

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

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

.slick-slide dl .b2 .c1{ font-size:12px; margin:3% 0; line-height:20px}



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

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

.blue1 .slick-slide dl{ margin:0 30px; height:40px}

.blue2 .slick-slide dl{ padding-bottom:4%}
.blue2 .slick-slide dl dd .m1{ font-size:14px; padding:4%}
.blue2 .slick-slide dl dd .m2 {
    width: 90px;
    line-height: 30px;}
}