/* 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:5px 0; margin:0 5.5%}

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

.slick-slide img { vertical-align:middle; margin-right:10px}

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

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

.slick-slide dl{ margin: 0 12px; border-radius:10px; overflow:hidden; background:url(../image/lx-8.png) no-repeat center; background-size:100%; padding:15% 9%; height:230px; box-shadow:0 0 5px #eee}

.slick-slide dl dt .g2{ display:none}

.slick-slide dl dt{ margin-bottom:12%; background:url(../image/lx-12.png) no-repeat left bottom; color:#52BABA; font-weight:bold; font-size:20px; padding-bottom:4%}

.slick-slide dl dd{ font-size:15px; line-height:24px}

.slick-slide dl:hover dt{ background:url(../image/lx-10.png) no-repeat left bottom}

.slick-slide dl:hover{ background:url(../image/lx-7.png) no-repeat center}

.slick-slide dl:hover dt,.slick-slide dl:hover dd{ color:#fff} 

.slick-slide dl:hover dt .g1{ display:none}

.slick-slide dl:hover dt .g2{ display:inline-block}

/* Arrows */

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

.slick-prev { left:0; background:url(../image/lx-5.png) no-repeat center}

.slick-next { right:0; background:url(../image/lx-6.png) no-repeat center}



.gs7 .slick-slide dl{ padding:0; height:inherit; box-shadow:none; background:none; margin:0 25px}

.gs7 .slick-slide img{ margin-right:0; width:100%; height:427px}

.gs7 .slick-slide dl dt{ background:none; padding-bottom:0; margin-bottom:8%}

.gs7 .slick-slide dl dd{ font-size:20px; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.gs7 .slick-slide dl:hover dd{ color:#333} 
.gs77 .slick-slide dl{ margin:0 40px}
.gs77 .slick-slide img{ height:286px}
.gs77 .slick-slide dl dd{ font-size:18px}

@media (max-width:1500px) {

.slick-slide dl{ margin:0 10px; padding:10% 9%; height:199px}

.gs7 .slick-slide img{ height:332px}

.gs7 .slick-slide dl dd{ font-size:18px}
.gs77 .slick-slide img{ height:224px}
.gs77 .slick-slide dl dd{ font-size:16px}
.gs77 .slick-slide dl{ margin:0 30px}
}



@media (max-width: 1024px) {

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

.slick-slide dl{padding: 11% 7%; height:176px}

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

.slick-list{ margin:0 8%}

.slick-slide dl dt,.gs7 .slick-slide dl dd{ font-size:16px}

.slick-slide img{ width:26px} 



.gs7 .slick-slide dl{ margin:0 15px}

.gs7 .slick-slide img{ height:385px}
.gs77 .slick-slide img{ height:243px}
.gs77 .slick-slide dl dd{ font-size:14px}
}

@media (max-width: 640px) {

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

.slick-slide dl{ margin:0 7px; padding:8% 6%; height:164px}

.slick-list{ margin:0 13%}



.gs7 .slick-slide img{ height:295px}

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

.gs7 .slick-slide dl dd{ font-size:14px}
.gs77 .slick-slide dl{ margin:0 10px}
.gs77 .slick-slide img{ height:147px}
}