@charset "utf-8";
/* Slider */
.slick-slide:focus{ outline: none;}
.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 1%;}
.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 20px; overflow:hidden}
.slick-slide dl a{ display:block;}
.slick-slide dl dt img{ width:100%; height:137px;}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:16px; width:9px;  cursor: pointer; top:50%; margin-top:-8px; padding: 0; border: none; outline: none;}
.slick-prev { left:0; background:url(../images/sy-20.png) no-repeat center}
.slick-next { right:0; background:url(../images/sy-20-1.png) no-repeat center}

.blue2{ margin-top:8%}
.blue2 .slick-slide dl dt{ font-size:30px; margin-bottom:5%; font-family: 'SourceHanSansCN-bold';}
.blue2 .slick-slide dl dd{ font-size:16px; line-height:24px; color:#999;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.blue2 .slick-slide:nth-child(odd) dl{ margin-top:175px}
.blue2 .slick-slide dl{ position:relative; height:110px; overflow:inherit}
.blue2 .slick-list{ background:url(../images/gy-12-1.png) no-repeat left 40px center; margin:0 8%}
.blue2 .slick-slide dl::before{ content:""; position:absolute; bottom:-53px; left:0px; background:url(../images/gy-20-1.png) no-repeat center; width:43px; height:43px; display:block}
.blue2 .slick-slide:nth-child(odd) dl::before{ bottom:inherit; top:-55px;}
.blue2 .slick-slide dl:hover::before{ background:url(../images/gy-20.png) no-repeat center;}
.blue2 .slick-prev,.blue2 .slick-next,.blue3 .slick-prev,.blue3 .slick-next{ width:25px; height:49px; line-height:200px; overflow:hidden; margin-top:-25px}
.blue2 .slick-prev,.blue3 .slick-prev{ left:0; background:url(../images/gy-19.png) no-repeat center}
.blue2 .slick-next,.blue3 .slick-next{ right:0; background:url(../images/gy-19-1.png) no-repeat center}
.blue2 .slick-prev:hover,.blue3 .slick-prev:hover{ left:0; background:url(../images/gy-19-3.png) no-repeat center}
.blue2 .slick-next:hover,.blue3 .slick-next:hover{ right:0; background:url(../images/gy-19-2.png) no-repeat center}
.blue2 .slick-slider::before{ content:""; background:#B0AEAE; height:6px; width:90%; position:absolute; left:5%; top:50%; margin-top:-3px}


.blue3{ margin-bottom:6%}
.blue33{ margin-bottom:0}
.blue3 .slick-list{ margin:0 6%; padding-bottom:1px}
.blue3 .slick-slide dl{ border:#CECECE 1px solid; margin: 0 10px; padding:8%; height:459px;}
.blue3 .slick-slide dl dt{ font-size:24px; font-family:'SourceHanSansCN-bold'; text-align:center;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blue3 .slick-slide dl dd .i1{ display:block; margin-top:3%; overflow:hidden;}
.blue3 .slick-slide dl dd .i1 img{ display:block; width:100%; height:167px}
.blue3 .slick-slide dl dd .i2{ color:#333; display:block; font-size:16px; margin-top:3%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.row-a71 .slick-list{ margin:0 3%}

.blue4 .slick-list{ margin:0}
.blue4 .slick-slide{ padding:5px 0}
.blue4 .slick-slide dl{ margin:0 40px;box-shadow: 0 0 5px #ccc; padding:20px}
.blue4 .slick-slide dl dt img{ width:100%; height:529px;}
.blue4 .slick-prev,.blue4 .slick-next{ width:25px; height:25px;line-height: 100px; overflow: auto;}
.blue4 .slick-prev { left:32.5%; background:url(../images/gy-14-1.png) no-repeat center}
.blue4 .slick-next { right:32.5%; background:url(../images/gy-15-1.png) no-repeat center}

.blue3-en .slick-slide dl dt{ font-size:20px}

@media (max-width: 1650px) {
.slick-slide dl dt img{ height:98px}
.blue2 .slick-slide dl{ height:97px}
.blue2 .slick-slide dl dt{ font-size:25px}
.blue2 .slick-slide:nth-child(odd) dl{ margin-top:162px}
.blue3 .slick-slide dl dd .i2{ font-size:15px}
.blue2 .slick-slide dl dd{ font-size:14px} 
.blue3 .slick-slide dl dd .i1 img{ height:124px} 
.blue3 .slick-slide dl{ height:371px}
.blue3 .slick-slide dl dt{ font-size:22px}
.blue4 .slick-slide dl dt img{ height:358px;}
.blue3-en .slick-slide dl dt{ font-size:18px}
}

@media (max-width: 1024px) {
.slick-slide dl dt img{ height:82px}
.slick-slide dl{ margin:0 10px}
.blue2 .slick-slide dl dt{ font-size:30px}
.blue2 .slick-slide dl dd{ font-size:14px; line-height:22px}
.blue2 .slick-slide dl{ height:141px}
.blue2 .slick-slide dl::before{ background-size:100%; width:30px; height:30px}
.blue2 .slick-slide dl::before{ bottom:-44px}
.blue2 .slick-slide:nth-child(2n+1) dl{ margin-top:200px}
.blue2 .slick-slide:nth-child(2n+1) dl::before{ top:-45px}
.blue2 .slick-prev, .blue2 .slick-next,.blue3 .slick-prev, .blue3 .slick-next{ background-size:100% !important; width:15px; height:32px; margin-top:-16px}
.blue3 .slick-slide dl dt{ font-size:20px}
.blue3 .slick-slide dl{ padding:5%; height:256px}
.blue3 .slick-slide dl dd .i1 img{ height:80px}
.blue3 .slick-slide dl dd .i2{ font-size:14px; line-height:22px}
.blue4 .slick-slide dl dt img{ height:165px;}
.blue3-en .slick-slide dl dt{ font-size:16px}
}

@media (max-width: 640px) {
.slick-slide dl dt img{ height:68px}
.slick-list{ margin:0 5%}
.blue2 .slick-slide dl dt{ font-size:18px}
.blue2 .slick-slide dl dt{ margin-bottom:3%}
.blue2 .slick-slide dl dd{ font-size:12px; line-height:18px}
.blue2 .slick-slide dl{ height:69px}
.blue2 .slick-slide dl::before{ background-size:100%; width:25px; height:25px}
.blue2 .slick-slide:nth-child(2n+1) dl{ margin-top:121px}
.blue2 .slick-slide dl::before{ bottom:-38px}
.blue2 .slick-slide:nth-child(2n+1) dl::before{ top:-38px}
.blue2 .slick-list{background: url(../images/gy-12-1.png) no-repeat left 30px center;}
.blue2 .slick-prev, .blue2 .slick-next,.blue3 .slick-prev, .blue3 .slick-next{ width:10px}
.blue2 .slick-slider::before{ height:5px; margin-top:-2.5px}
.blue3 .slick-slide dl{ height:252px}
.blue3 .slick-slide dl dt{ font-size:16px}
.blue3 .slick-slide dl dd .i1 img{ height:85px}
.blue4 .slick-prev,.blue4 .slick-next{width: 20px; height: 20px; background-size: 100% !important;}
.blue4 .slick-slide dl dt img{ height:350px;}
.blue4 .slick-prev { left:0}
.blue4 .slick-next { right:0;}

}



