@charset "utf-8";

/* Slider */

.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; padding:7px 0; margin:0 6%}

.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{ margin: 0 7px; overflow:hidden; background:#fff; border-radius:10px; padding:15% 13%}

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

.slick-slide dl dt img{ display:block; margin:auto;}
/* Grow Rotate */
.slick-slide dl dt img{
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.slick-slide dl:hover dt img{
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}


.slick-slide dl dt{ margin-bottom:15%}

.slick-slide dl dd{ text-align:center}

.slick-slide dl dd strong a{ display:block; font-size:22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.slick-slide dl dd span{ display:block; margin:2% 0 15%; font-size:14px; line-height:24px; height:48px; overflow:hidden;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.slick-slide dl dd .xq1,.blue1 .slick-slide dl dd a{ display:block; width:130px; line-height:43px; font-size:16px; border:#ddd 1px solid; color:#990A4A; text-align:center; margin:auto; border-radius:5px;}

.slick-slide dl dd .xq1:hover,.blue1 .slick-slide dl dd a:hover{ background:#244EA2; color:#fff; border-radius:50px;}

.slick-slide dl:hover{ box-shadow:0 0 7px #ddd}

/* Arrows */

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

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

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

.blue1 .slick-slide dl{ overflow:hidden; padding:3% 4% 3% 0; box-shadow:0 0 7px #ddd}

.blue1 .slick-slide dl dt{ float:left; margin-bottom:0; width:28%; border-right:#CFDAFF 1px solid}

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

.blue1 .slick-slide dl:hover dt img,.blue2 .slick-slide dl:hover dt img{-webkit-transform:none;-moz-transform:none;}

.blue1 .slick-slide dl dd{ float:right; width:66%;}

.blue1 .slick-slide dl dd span{ margin:0 0 2%;text-align: left;color: #666;font-size: 16px;line-height:30px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:inherit}

.blue1 .slick-slide dl dd a{ margin:0; float:right; border-radius:50px}



.blue2 .slick-slide dl{ margin:0 15px; padding:0; border-radius:10px; box-shadow:0 0 10px #ddd;}

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

.blue2 .slick-slide dl dt{ margin-bottom:0}

.blue2 .slick-slide dl dt img{ width:100%; border-radius:10px; height:472px}



.blue3 .slick-prev,.blue3 .slick-next{ top:inherit; bottom:0; margin-top:0}

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

.blue3 .slick-next { right:46%; background:url(../images/sy-8.png) no-repeat center}

.blue3 .slick-list{ margin:0; padding-bottom:7%}

.blue3 .slick-slide dl{ margin:0 20px;padding: 15% 10%;}

.blue3 .slick-slide dl dd span{ margin:4% 0 0;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:72px}

.blue4 .slick-slide dl{ background:#F3F7FA; padding:2%; box-shadow:none}

.blue4 .slick-slide dl dt{ width:48%}

.blue4 .slick-slide dl dd{ width:48%; text-align:left; padding-top:3%}

.blue4 .slick-slide dl dd span{ margin:4% 0 0;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; color:#333}
.blue4 .slick-slide dl dd strong{ font-size:28px}


.blue5 .slick-slide dl dd span{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}



@media (max-width: 1500px) {

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

.blue3 .slick-prev { left:45%;}

.blue3 .slick-next { right:45%;} 

.blue3 .slick-list{ padding-bottom:8%}

}



@media (max-width: 1024px) {

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

.slick-slide dl dt img{ width:60px; height:60px}

.slick-slide dl dd span{ line-height:24px; height:44px}

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

.slick-slide dl dd .xq1,.blue1 .slick-slide dl dd a{ width:100px; line-height:35px; font-size:14px}

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

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

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

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

.blue4 .slick-slide dl dd span{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.blue4 .slick-slide dl dd strong{ font-size:20px}

}

@media (max-width: 640px) {

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

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

.slick-list{ margin:0 12%;}

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

.blue1 .slick-slide dl{ padding:0 5% 5%}

.blue1 .slick-slide dl dt,.blue1 .slick-slide dl dd{ width:100%; float:none}

.blue1 .slick-slide dl dt{ border:0; display:block; margin:auto; width:70%}

.blue1 .slick-slide dl dd a{ line-height:32px; margin-top:4%}

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

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

.blue3 .slick-slide dl dd span{ height:66px}

.blue3 .slick-prev { left:40%;}

.blue3 .slick-next { right:40%;} 

.blue3 .slick-list{ padding-bottom:14%}

.blue3 .slick-slide dl{ padding:10%}

.blue3 .slick-slide dl dt{ margin-bottom:10%}

.blue4 .slick-slide dl{ padding:5%}

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

.blue4 .slick-slide dl dd{ padding-top:5%} 

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

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