@charset "utf-8";

/* Slider */

.slick-slider { 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; padding: 0; margin:0}

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

.slick-slide img { display: block;}

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

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

.slick-slide dl{ overflow:hidden;}

.slick-slide dl a{ display:block;}

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

/* Arrows */

.slick-prev,.slick-next { position: absolute; display: block; height:24px; width:12px;  cursor: pointer; top:-70px;padding: 0; border: none; outline: none; background-size:100% !important}

.slick-prev { right:80px; background:url(../images/sy-11.png) no-repeat center}

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



.blue1{ margin-bottom:8%}

.blue1 .slick-slider{ position:relative}

.blue1 .slick-list{ margin:0 50px}

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

.blue1 .slick-prev,.blue1 .slick-next{ top:50%; width:40px; height:76px; margin-top:-38px}

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

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



.blue2 .slick-slide dl{ overflow:hidden; position:relative}

.blue2 .slick-slide dl dt{ float:right; width:40%; position:absolute; right:0; bottom:0}

.blue2 .slick-slide dl dd{ overflow:hidden; float:left; width:100%}

.blue2 .slick-slide dl .e1{ display:block; background:url(../images/xs-2.png) no-repeat left center; font-size:16px; padding-left:70px; margin-bottom:20px; background-size:50px}

.blue2 .slick-slide dl .e2{ display:block; background:#336CB1; border-radius:20px 20px 0 0; padding:20px; color:#fff; font-size:16px; line-height:28px; height:263px; position:relative}

.blue2 .slick-slide dl .e1 strong{ display:block; border-bottom:#95C138 1px solid; font-size:28px}

.blue2 .slick-slide dl .e3{ display:inline-block; font-weight:normal; position:absolute; bottom:10%; left:5%; font-weight:normal}

.blue2 .slick-slide dl .e3 img{ display:inline-block; margin-left:10px}

.blue2 .slick-slide dl .e3 strong{ font-weight:normal; display:inline-block; border-bottom:#fff 1px solid; padding-bottom:5px}

.blue2 .slick-slide dl .e4{ text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.blue2 .slick-slide dl .e1,.blue2 .slick-slide dl .e4{ width:69%}

.blue2 .slick-prev, .blue2 .slick-next{ width:26px; height:53px; margin-top:-26px; top:65%}

.blue3 .slick-slide dl{ margin:0}

.blue3 .slick-list{ margin:0}

.blue3 .slick-prev, .blue3 .slick-next{ width:50px; height:97px; margin-top:-48px}

.blue3 .slick-prev { left:0; background:url(../images/xs-12.png) no-repeat center}

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

.blue3 .slick-slide dl dd{ background:#316AAE; border-radius:0 0 10px 10px; padding:10px 15px; font-size:14px; color:#fff; line-height:24px; position:relative}
.blue3 .slick-slide dl dd .f1{ padding-right:90px}
.blue3 .slick-slide dl dd .f2{ font-size:18px; display:block}

.blue3 .slick-slide dl dd .f3{ position:absolute; right:10px; bottom:20px; border-bottom:#86A5C9 1px solid; width:100px; padding-bottom:6px}

.blue3{ margin-bottom:0}



@media (max-width: 1600px) {

.blue2 .slick-slide dl .e2{ height:220px;}

}



@media (max-width: 1024px) {

.blue1 .slick-prev, .blue1 .slick-next{ width:20px;}

.blue1 .slick-list{ margin:0 30px}

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



.blue2 .slick-slide dl .e1{ font-size:14px}

.blue2 .slick-slide dl .e1 strong{ font-size:18px}

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

.blue3 .slick-slide dl{ margin:0}

.blue3 .slick-list{ margin:0}





}

@media (max-width: 640px) {

.slick-prev, .slick-next{ top:-24px}

.slick-prev{ right:55px}

.blue1 .slick-prev, .blue1 .slick-next{ width:10px}

.blue1 .slick-list{ margin:0 20px}

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



.blue2 .slick-slide dl .e1{ width:100%}

.blue2 .slick-slide dl .e2{ padding:10px; height:170px}

.blue2 .slick-slide dl .e3 img{ width:30px}



.blue3 .slick-prev, .blue3 .slick-next{ width:20px}

.blue3 .slick-slide dl{ margin:0}

.blue3 .slick-list{ margin:0}

.blue3 .slick-slide dl dd{ line-height:20px}

.blue3 .slick-slide dl dd .f3{ display:none}

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

.blue3 .slick-slide dl dd .f1{ padding-right:0}

}