.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: 0; margin:0 8%;}

.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{ }

.blue1 .slick-slide dl dt{ font-size:40px; font-weight:bold; margin-bottom:5%}

.blue1 .slick-slide dl dd{ font-size:16px; line-height:26px; color:#999; height:104px; overflow-y:scroll; padding-right:10px}

.blue1 .slick-slide:nth-child(odd) dl{ margin-top:260px}

.blue1 .slick-slide dl{ position:relative; height:200px}

.blue1 .slick-list{ background:url(../image/gy-12.png) no-repeat left 40px center;}

.blue1 .slick-slide dl::before{ content:""; position:absolute; bottom:-51px; left:20px; background:url(../image/gy-10.png) no-repeat center; width:43px; height:43px; display:block}

.blue1 .slick-slide:nth-child(odd) dl::before{ bottom:inherit; top:-53px;}

.blue1 .slick-slide dl:hover::before{ background:url(../image/gy-9.png) no-repeat center;}

.blue2 .slick-list{ margin:0}

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

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



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

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

.blue1 .slick-next { right:0; background:url(../image/gy-11-1.png) no-repeat center}

.blue1 .slick-prev:hover { left:0; background:url(../image/gy-11-2.png) no-repeat center}

.blue1 .slick-next:hover { right:0; background:url(../image/gy-11-3.png) no-repeat center}

.blue2{ margin-bottom:10%}

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

.blue2 .slick-prev { left:32.5%; background:url(../image/gy-14.png) no-repeat center}

.blue2 .slick-next { right:32.5%; background:url(../image/gy-15.png) no-repeat center}





@media (max-width:1700px){

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

}

@media (max-width:1500px){
.blue2 .slick-slide dl dt img{ height:409px}


}



@media (max-width: 1024px) {

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

.blue1 .slick-slide dl dt{ font-size:30px}

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

.blue1 .slick-slide dl{ height:141px}

.blue1 .slick-slide dl::before{ background-size:100%; width:30px; height:30px}

.blue1 .slick-slide dl::before{ bottom:-44px}

.blue1 .slick-slide:nth-child(2n+1) dl{ margin-top:200px}

.blue1 .slick-slide:nth-child(2n+1) dl::before{ top:-45px}

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

}

@media (max-width: 640px) {

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

.slick-list{ margin:0 10%}

.blue1 .slick-slide dl dt{ font-size:18px}

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

.blue1 .slick-slide dl dd{ font-size:12px; line-height:18px; height:73px}

.blue1 .slick-slide dl{ height:106px}

.blue1 .slick-slide dl::before{ background-size:100%; width:25px; height:25px}

.blue1 .slick-slide:nth-child(odd) dl{ margin-top:159px}

.blue1 .slick-slide dl::before{ bottom:-38px}

.blue1 .slick-slide:nth-child(2n+1) dl::before{ top:-38px}

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

.blue2 .slick-prev { left:0}

.blue2 .slick-next { right:0;}

}