body { overflow-x: hidden; }
html, body, .banner, .banner .slick, .banner .slick div, .banner .slick-slide a, .banner .slick-slide a img { width: 100%; height: auto; }
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; 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; }
.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; }
.slick-loading .slick-list { }
@font-face { font-family: slick; font-weight: normal; font-style: normal; ; }
.slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 999; }
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; }
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; }
.slick-prev { left: 0px; }
[dir="rtl"] .slick-prev { right: -25px; left: auto; }
.slick-prev::before { content: "←"; }
[dir="rtl"] .slick-prev::before { content: "→"; }
.slick-next { right: 0px; }
[dir="rtl"] .slick-next { right: auto; left: 0px; }
.slick-next::before { content: "→"; }
[dir="rtl"] .slick-next::before { content: "←"; }
.slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.banner { position: relative; overflow: hidden; }
.banner a { display: block; position: relative; }
.banner .slick-slide a img { display: block; width: 100%; }
.banner .slick-dots { width: 100%; right: 1%; bottom: 34px; text-align: right; font-size: 0px; }
.banner .slick-dots li { display: inline-block; width: 15px; height: 15px; background: rgb(255, 255, 255); margin: 0px 2px; transition: all 0.3s ease 0s; }
.banner .slick-dots li button { display: none; }
.banner .slick-dots li.slick-active { background: rgb(129, 26, 22); }
.banner .slick-prev, .banner .slick-next { width: 45px; height: 80px; z-index: 9; transition: all 0.3s ease 0s; background: url("../images/slider-arrow.png") -142px 5px no-repeat; opacity: 0.5; }
.banner .slick-prev { left: 5%; background-size: cover; }
.banner .slick-next { right: 5%; background-position: -4px 5px; background-size: cover; }
.banner .slick-prev:hover, .banner .slick-next:hover { opacity: 1; }
.px1200 { max-width: 1200px; margin: 0px auto; }
.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.pic { padding-top: 75%; position: relative; overflow: hidden; }
.pic img {position: absolute;left: 50%;top: 0;width: auto;height: 100%;transition: all 0.5s ease 0s;transform: translateX(-50%);}
@keyframes icon-yh { 
  0% { transform: rotateZ(0deg); }
  10% { transform: rotateZ(10deg); }
  20% { transform: rotateZ(0deg); }
  30% { transform: rotateZ(-10deg); }
  40% { transform: rotateZ(0deg); }
  50% { transform: rotateZ(10deg); }
  60% { transform: rotateZ(0deg); }
  70% { transform: rotateZ(-10deg); }
  80% { transform: rotateZ(0deg); }
  90% { transform: rotateZ(10deg); }
  100% { transform: rotateZ(0deg); }
}
@keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes ygd { 
  0% { left: 0px; right: auto; opacity: 0; }
  100% { left: 100%; margin-left: -33px; opacity: 1; }
}
.wap { display: none !important; }
.ban3 ul li a { display: block; margin: 0px 10px; position: relative; text-align: center; }
.ban3 .pic {padding-top: 65%;border: 1px solid #ccc;}
.ban3 p { text-align: center; width: 100%; display: block; font-size: 15px; line-height: 30px; color: rgb(0, 0, 0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ban3 .slick-prev { background: url("../images/arrow_left.png") center center no-repeat; width: 70px; height: 40px; z-index: 1; left: -50px; }
.ban3 .slick-next { background: url("../images/arrow_right.png") center center / 40px no-repeat; width: 70px; height: 40px; z-index: 1; right: -50px; }