锘?*pros-list*/ .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} /*pros-list-me*/ .pros-list{padding:0px 25px;height:252px;overflow:hidden;} .pros-item{float:left;} .pros-item a,.pros-item a:hover{color:#333;outline:none;} .pros-item h3,.pros-item p{display:block;margin:0 auto;padding:0px 10px;text-align:center;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .pros-item .img{width:200px;max-width:100%;height:200px;margin:0 auto;} .pros-item img{max-width:100%;max-height:100%;display:block;margin:0 auto;} .pros-item h3{font-size:16px;line-height:28px;height:28px;font-weight:normal;} .pros-item p{font-size:12px;line-height:24px;height:24px;} .pros-list .slick-prev,.pros-list .slick-next{font-size: 0;line-height: 0;display: block;width: 25px;height: 46px;position: absolute;top: 50%;margin-top:-23px;padding: 0;border: 0;outline: none;cursor:pointer;z-index:999;} .pros-list .slick-prev{background:url(../images/arrow-left.png) no-repeat;left:0;} .pros-list .slick-next{background:url(../images/arrow-right.png) no-repeat;right:0;} /*slider*/ .slider{height:600px;overflow:hidden;clear:both;} .slider .slick-list,.slider .slick-track{height:100%;} .slider-item{width:100%;float:left;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;outline:none;} .slider .slick-prev,.slider .slick-next{font-size: 0;line-height: 0;display: block;width: 42px;height: 84px;position: absolute;top: 50%;margin-top:-42px;padding: 0;border: 0;outline: none;cursor:pointer;z-index:1000;} .slider .slick-prev{background:url(../images/arrow-prevous.png) no-repeat;left:10px;} .slider .slick-next{background:url(../images/arrow-next.png) no-repeat;right:10px;} /*dots*/ .slick-dots{position: absolute; bottom: 15px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;z-index:999;} .slick-dots li{position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li a{font-size: 0; line-height: 0; display: block; width: 12px; height: 12px;cursor: pointer; color: transparent; border: 0; outline: none; background: #088fc4;border-radius:50%;} .slick-dots li a:hover,.slick-dots li a:focus{background:#004ea1;} .slick-dots li.slick-active a{background:#004ea1;} /*caption*/ .caption{position:absolute;top:-50%;left:50%;z-index:10;overflow:hidden;display:none;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .caption{width:660px;height:250px;padding:20px;margin-left:-330px;margin-top:-125px;background:url(../images/caption-bg.png);color:rgb(119, 119, 119);border-radius: 20px;} .caption h1{display:block; color:#1c1a1b; text-align:center;font-size:36px; font-weight:700;text-transform:uppercase;margin-bottom:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .caption h2{color:#1c1a1b; font-size:22px; font-weight:200; text-align:center;margin-bottom:20px;line-height:34px;height: 68px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;} .caption hr{margin:0px 0px 20px;padding:0px;border-bottom-color:rgb(137, 137, 137);border-bottom-width:1px;border-bottom-style:solid;} .caption p{position:absolute;width:100%;left:0;bottom:20px;} .caption p a{ display:block; width:170px; margin:0 auto; text-align:center; background:#ff6200; height:40px; line-height:40px; color:#fff; font-size:16px;border-radius: 5px;} .caption p a:hover{ background:#ff7f00;} @media(max-width:1229px){ .slider{height:500px;} .caption{width:560px;height:220px;margin-left:-280px;margin-top:-110px;padding:15px;} .caption h1{font-size: 30px;} .caption h2{font-size: 20px;line-height: 28px;height:56px;} .caption p{bottom:15px;} } @media(max-width:991px){ .slider{height:400px;} .caption{width:520px;height:178px;margin-left:-260px;margin-top:-89px;padding:15px;} .caption h1{font-size: 26px;margin-bottom:10px;} .caption h2{font-size: 18px;margin-bottom:10px;} } @media(max-width:767px) { .caption{width:400px;height:178px;margin-left:-200px;margin-top:-89px;padding:15px;} } @media(max-width:599px) { .caption{width:300px;height:178px;margin-left:-150px;margin-top:-89px;padding:15px;} .slider .slick-prev{left:-42px;} .slider .slick-next{right:-42px;} } @media(max-width:349px) { .caption{width:200px;height:178px;margin-left:-100px;margin-top:-89px;padding:15px;} } .slider-item a{display:block;width:100%;height:100%;}