@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; margin: 0; padding: 0; margin:0 9%}

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

.slick-slide img { display: block; width:100%}

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

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

.blue{ background:url(../images/gy-das-26.png) no-repeat center}

.slick-slide{ position:relative; height:923px}

.slick-slide:nth-child(even) dl{ padding-top:430px}

.slick-slide dl dt{ background:#E60013; width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px; color:#fff; font-size:16px}

.slick-slide dl dd{ font-size:14px; border-left:#E60013 2px solid; overflow:hidden; padding-left:30px; margin-left:29px; margin-top:0}

.slick-slide dl dd strong{ font-size:16px; display:block; padding-bottom:16px}

.slick-slide dl dd .g1{ display:block; padding:0 0 5px; color:#999}

.slick-slide dl dd .g2{ line-height:24px; overflow:hidden}

.slick-slide dl dd .g2 span{ float:left; width:50%}

.slick-slide dl dd img{ padding-top:7%; width:173px}

.slick-slide:nth-child(odd) dl{ position:absolute; left:0; width:100%; bottom:463px;}

.slick-slide:nth-child(odd) dl dt{ position:absolute; left:0; bottom:-30px;}

.slick-slide:nth-child(odd) dl dd{ padding-bottom:30px}

.slick-slide:nth-child(even) dl dd{ padding-top:20px}

/* Arrows */

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

.slick-prev { left:4%; background:url(../images/gy-das-11.png) no-repeat center}

.slick-next { right:4%; background:url(../images/gy-das-13.png) no-repeat center}

.slick-prev:hover { background:url(../images/gy-das-14.png) no-repeat center}

.slick-next:hover { background:url(../images/gy-das-12.png) no-repeat center}
@media (max-width: 1600px) {
.slick-slide dl dd strong{ font-size:15px} 
.slick-slide dl dd img{ width:130px}
.slick-slide dl dd{ font-size:12px}
.slick-slide dl dd .g2{ line-height:22px}
}
@media (max-width: 1024px) {

.slick-list{ margin:0 12%}

.slick-prev, .slick-next{ width:40px; height:40px; background-size:100% !important; margin-top:-20px}

}

@media (max-width: 640px) {

.slick-prev, .slick-next{ width:30px; height:30px; background-size:100% !important; margin-top:-15px}

.slick-slide:nth-child(2n) dl{ padding-top:0}

.slick-slide{ height:inherit}

.slick-slide:nth-child(2n+1) dl,.slick-slide:nth-child(2n+1) dl dt{ position:relative; bottom:0}

.blue{ background: url(../images/gy-das-26.png) no-repeat center top 30px;}

.slick-slide dl dt{ width:50px; height:50px; line-height:50px; font-size:14px}

.slick-slide dl dd{ padding-top:20px !important}

.slick-slide dl dd{ padding-left:15px; margin-left:25px; margin-right:25px}

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

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



}