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

.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 13px; overflow:hidden}

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

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

.slick-slide dl dt,.slick-slide dl dt img{ border-radius:10px}

/* Arrows */

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

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

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



.blue1{ margin-bottom:6%}

.blue1 .slick-slide dl{ margin:8px 13px; box-shadow:0 0 8px #eee; border-radius:10px; border:#eee 1px solid; position:relative; overflow:hidden}

.blue1 .slick-slide dl .f1{ width:100%; background-image:linear-gradient(to right, #FFDAC3 , #FEF9F3); margin-bottom:4%}

.blue1 .slick-slide dl .f1 span{ background:#F96F2E; display:inline-block; line-height:50px; color:#fff; padding:0 20px; font-size:20px; font-weight:bold; border-radius:0 0 10px 0}

.blue1 .slick-slide dl .f2{ float:left; width:66%; padding:0 0 4% 4%; line-height:24px;}

.blue1 .slick-slide dl .f2 .c1{ display:block; color:#F96F2E; margin-bottom:2%; font-size:15px}

.blue1 .slick-slide dl .f2 .c2{ display:block; overflow-y:scroll; height:155px; padding-right:4%}

.blue1 .slick-slide dl dt{ float:right; width:30%}

.blue1 .slick-slide dl dt img{ height:177px}

.blue1 .slick-slide dl .f2 .c2::-webkit-scrollbar {/*滚动条整体样式*/ width: 1px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}

.blue1 .slick-slide dl .f2 .c2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #F8854D;}

.blue1 .slick-slide dl .f2 .c2::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #E2E2E2;}



@media (max-width: 1024px) {

.blue1 .slick-slide dl .f1 span{ font-size:16px; line-height:40px}

.blue1 .slick-slide dl .f2{ line-height:22px}

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

.blue1 .slick-slide dl .f2 .c2{ height:80px}

}

@media (max-width: 640px) {

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

.slick-slide dl{ margin: 0;}

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

.slick-list{ margin:0 10%}

.blue1 .slick-slide dl .f1 span{ font-size:15px}

.blue1 .slick-slide dl dt img{ height:103px}

.blue1 .slick-slide dl .f2 .c2{ height:67px}

}