@charset "utf-8";

/* Slider */

.slick-slider{ position: relative; display: block; padding-bottom:7%; 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; padding:10px 0}

.slick-slide img{ display: block; max-width:100%; margin:auto;}

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

.slick-slide dl,.cp1 dl{ margin:0 10%; box-shadow:0 0 10px #ddd}

.slick-slide dl a,.cp1 dl a{ display:block; border-top:#fff 4px solid;}

.slick-slide dl a:hover,.cp1 dl a:hover{ border-top:#2c375a 4px solid;}

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-slide dl dd,.cp1 dl a dd{ font-size:15px; color:#fff; text-align:center; padding:10% 5%; line-height:24px; height:112px; background:#2c375a;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* Arrows */

.slider .slick-prev,.slider .slick-next { position: absolute; display: block; height:53px; width:53px;  cursor: pointer; bottom:0; padding: 0; border: none; outline: none;line-height:95px; overflow:hidden; background-size:100% !important}

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

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

.slider .slick-prev:hover { background:url(../images/sy-jt1.png) no-repeat center}

.slider .slick-next:hover { background:url(../images/sy-jt3.png) no-repeat center}



.blue1 .slick-slide dl a{ border:#676f88 2px solid; padding:2%}

.blue1 .slick-slide dl dd{ background:none; padding:13% 6%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:inherit;}

.blue1 .slick-slide dl dd .a1{ font-size:16px; text-align:center; display:block; color:#333; height:78px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; line-height:26px}

.blue1 .slick-slide dl dd .a2{ color:#333; font-size:14px; width:110px; line-height:34px; margin-top:6%}

.blue1 .slick-slide dl dd .a2 img{ display:inline-block} 



.blue2 .slider .slick-prev,.blue2 .slider .slick-next{ bottom:34%; width:34px; height:34px;}

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

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

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

.blue2 .slick-slide dl a{ border:0}

.blue2 .slick-slide dl{ box-shadow:none; border:#dcd9d3 1px solid}

.blue2 .slick-slider{ padding-bottom:0}



.blue3 .slick-slide dl{ overflow:hidden}

.blue3 .slick-slide dl a{ border:0}

.blue3 .slick-slide dl dd{ background:#fff; line-height:26px; margin:8% 5%; height:52px; padding:0; color:#2c375a; font-size:14px; text-align:center;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:inherit; overflow:hidden}

.blue3 .slider .slick-prev,.blue3 .slider .slick-next{ width:45px; height:45px;}

.blue3 .slider .slick-prev{ background:url(../images/cpjs-10.png) no-repeat center}

.blue3 .slider .slick-next{ background:url(../images/cpjs-8.png) no-repeat center}

.blue3 .slider .slick-prev:hover{ background:url(../images/cpjs-7.png) no-repeat center}

.blue3 .slider .slick-next:hover{ background:url(../images/cpjs-9.png) no-repeat center}



@media (max-width:1024px) {

.slick-slide dl dd,.cp1 dl a dd{ font-size:14px}

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

.slider .slick-prev { left:44%;}

.slider .slick-next { right:44%;}
.slick-slide dl dd, .cp1 dl a dd{ height:85px}

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

.blue1 .slick-slide dl dd .a2{ margin-top:10%}

.blue2 .slider .slick-prev,.blue2 .slider .slick-next{ bottom:34%; width:24px; height:24px;}


}

@media (max-width:640px){

.slider .slick-prev,.slider .slick-next,.blue3 .slider .slick-prev,.blue3 .slider .slick-next{ background-size:100%; width:30px; height:30px}

.slick-slide dl dd,.cp1 dl a dd{ padding:8% 0}

.slider .slick-prev { left:39%;}

.slider .slick-next { right:39%;}

.slick-slider{ padding-bottom:10%}
.slick-slide dl dd, .cp1 dl a dd{ line-height:20px; font-size:12px; height:64px}

.blue1 .slick-slide dl dd{ padding:8% 6%}

.blue1 .slick-slide dl dd .a2{ margin-top:5%}

.blue3 .slick-slide dl dd{ margin:5%; line-height:24px}

}