@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%; padding: 0; border-left:#fff 2px solid}

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

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

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

.slick-slide dl{ padding: 0 17px; border-right:#F2F2F2 2px solid}

.slick-slide dl dt{ padding:15px 25px;}

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

.slick-slide dl dd{ text-align:center; margin-top:3%; font-size:14px; color:#666; line-height:22px}

.slick-slide dl .a1{ font-size:16px; color:#333; margin-top:4%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.slick-slide dl .a2{ font-size:14px; color:#666; margin:6% 0 8%; text-align:left;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.slick-slide dl .a3 img{ display:block; margin:auto}

.slick-slide dl .a3 .b2{ display:none}

.slick-slide dl:hover .a3 .b1{ display:none}

.slick-slide dl:hover .a3 .b2{ display:block}

.slick-slide dl .a3{ height:19px}

.slick-slide dl:hover .a1{ color:#0B4C90}

/* Arrows */

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

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

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

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

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

.blue1 .slick-prev,.blue1 .slick-next{ width:21px; height:37px; margin-top:-10px; bottom:17%}

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

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

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

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

.blue1 .slick-slide dl dd{ background:#fff; font-size:18px; line-height:60px; color:#333}

.blue1 .slick-list,.blue2 .slick-list{ border:0}

.blue1{ margin:4% 0}

.blue1 .slick-slide dl:hover dd{ background:#12497F; color:#fff}

.blue2 .slick-list{ margin:0; padding-bottom:9%}

.blue2 .slick-slide dl dt{ background:#fff; padding:30px}

.blue2 .slick-slide dl{ padding:0 10px}

.blue2{ margin:0 0 8%}

.blue2 .slick-prev,.blue2 .slick-next{ width:55px; height:55px; margin-top:-27px; bottom:0; border-radius:5px}

.blue2 .slick-prev { left:43%; background:url(../images/gywm-18.png) no-repeat center #19518C}

.blue2 .slick-next { right:43%; background:url(../images/gywm-19.png) no-repeat center #19518C}


.sy4-1 .slick-slide dl dt{ padding:0}
.sy4-1 .slick-slide dl{ border:0} 
.responsive01 .slick-slide dl dt img{ height:200px}

@media (max-width: 1024px) {

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

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

.slick-slide dl{ padding:0 10px}

.blue1 .slick-prev,.blue1 .slick-next,.blue1 .slick-prev:hover,.blue1 .slick-next:hover{ background-size:100%; width:15px; bottom:8%}

.blue2 .slick-prev { left:41%}

.blue2 .slick-next { right:41%}

.blue2 .slick-prev,.blue2 .slick-next{ background-size:30px; width:45px; height:45px}

.blue2 .slick-list{ padding-bottom:13%}

.blue2 .slick-slide dl { padding: 0px 13px;}

}

@media (max-width:640px) {

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

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

.slick-slide dl dt{ padding:0}

.slick-slide dl{ border:0}

.slick-slide dl .a2{ margin:4% 0}

.slick-list{ margin:0 7%}

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

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

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

.blue1 .slick-prev, .blue1 .slick-next, .blue1 .slick-prev:hover, .blue1 .slick-next:hover{ bottom:5%}

.blue2 .slick-slide dl dt{ padding:15px}

.blue2 .slick-list{ padding-bottom:20%}

.blue2 .slick-prev { left:35%}

.blue2 .slick-next { right:35%}

.blue2 .slick-prev,.blue2 .slick-next{ background-size:25px; width:40px; height:40px}

}