@charset "utf-8"; /* Slider */ .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;cursor: hand;} .testimonials-carousel.slick-slider .slick-track {-webkit-transition-delay: 0.8s !important;transition-delay: 0.8s !important;} .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;} [dir='rtl'] .slick-slide{ float: right;} .slick-slide img{display: block;max-width: none;width: 100%;} .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;} .clear { clear: both;} .slick-arrow{width: 50px;height:50px;color: #fff;line-height: 50px;text-align: center;position: absolute;border:none;z-index: 88;cursor: pointer;transition: all 0.35s ease-in-out;background: none;overflow: hidden;font-size: 25px;top: 50%;margin-top: -25px;} .slick-arrow:after{content: '';width: 50px;height: 50px;left: 0;top: 0;position: absolute;z-index: 0;transition: all 0.4s ease-in-out;border-radius:15px 0 0 15px ;background:#e12222; background: -webkit-linear-gradient(left, #d14c4c, #e12121); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #d14c4c,#e12121); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #d14c4c,#e12121); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #d14c4c,#e12121); /* 标准的语法 */} .slick-arrow:before{position: relative;z-index: 10;} .slick-arrow:hover:after {background-color: #244da0;opacity: 1;} .slick-next:after{left: auto;right: 0;} .slick-prev{left:5%;} .slick-next{right:5%;} .slick-arrow:hover{color: #fff;} .slick-dots{width: 100%;text-align: center;padding-top: 15px;} .slick-dots li{width:10px;height: 10px;position: relative;margin:0 6px;display: inline-block;*display: inline;*zoom: 1;} .slick-dots li button{text-indent: -8888em;background-color: #e6e5e1;border: none;width:100%;height: 100%;cursor: pointer;transition: background 0.4s ease-in-out;border-radius: 50%;overflow: hidden;} .slick-dots li.slick-active button,.slick-dots li:hover button{background-color: #244da0;} /*更多*/ .trans-btn2 {margin-top: 50px; display: inline-block; border:3px solid #fff; text-decoration: none; color: #fff; font-family: 'GothamBlack', Arial, sans-serif; text-transform: uppercase; position: relative; -webkit-backface-visibility:none; outline: none; overflow: hidden; font-size: 1.6rem;} .trans-btn2 strong,.trans-btn2 span,.trans-btn2 em { padding: 1rem 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;} .trans-btn2 strong { display: block; opacity: 0;} .trans-btn2 span,.trans-btn2 em { position: absolute; width: 100%; -webkit-backface-visibility:none; -webkit-transition: left 0.3s ease 0s; transition: left 0.3s ease 0s;} .trans-btn2 span { left:0;} .trans-btn2 em { font-style: normal; background: #fff; color: #0041dc; left:-100%;} .trans-btn2:hover span{ left:100%; -webkit-backface-visibility:none;} .trans-btn2:hover em{ left:0; -webkit-backface-visibility:none;} .slick-txt{position: absolute;left: 0;width: 100%;bottom: 0;color: #fff;background: url(../../images/dangdh/slide_bg.png) repeat-x bottom;height: 100px;line-height: 100px;font-weight: bold;} .slick-txt > span{display: block;text-align: right;} .slick-txt > span strong{display: inline-block;width: 50%;} @media screen and (max-width:996px) { .slick-txt{height: 60px;line-height: 60px;} } @media screen and (max-width:767px){ .slick-arrow{transform: scale(0.7)} .slick-dots{bottom: 0;} .slick-arrow{bottom: 0;} .slick-txt{height: 50px;line-height: 50px;background-size: auto 50px; } .slick-txt{font-size: 14px;} .slick-prev{left: 2%;} .slick-next{right: 2%;} }