@charset "utf-8";.more{ text-align: right}
.slide{ position: relative;background-color: #f2f4f9}
@media (max-width:991px){ .slide{  background: 0 0 }}.view{ border-left: #d2dfeb solid 1px;border-top: #d2dfeb solid 1px;overflow: hidden}
.view .swiper-container{ height: 367px;width: 582px;margin: 0;overflow: hidden}
.view .swiper-slide a{ display: block;width: 100%;height: 100%;position: relative}
.view .swiper-slide a span{ position: absolute;width: 100%;box-sizing: border-box;background-color: rgba(0,0,0,.7);left: 0;bottom: 0;color: #fff;line-height: 24px;padding: 10px 15px}
.view .swiper-slide a span h2{ padding-bottom: 10px;font-size: 14px}
.view .swiper-slide img{ -o-object-fit: contain;object-fit: contain}
@media (max-width:991px){ .view{  max-width: 582px;margin: auto;height: auto;overflow: hidden;border: none }
 .view .swiper-container{  height: auto;overflow: visible }
 .view .swiper-slide a img{  -o-object-fit: cover;object-fit: cover }
 .view .swiper-slide a span h2{  font-size: 16px;font-weight: 400;padding-bottom: 0 }
 .view .swiper-slide a span p{  display: none }
 .view .arrow-left, .view .arrow-right{  position: absolute;background-color: rgba(0,0,0,.7);top: 36%;z-index: 25;color: #fff;font-weight: 700;width: 30px;height: 50px }
 .view .arrow-left::after, .view .arrow-right::after{  content: "";position: absolute;width: 17px;height: 31px;top: 10px;left: 6px;background: url(../images/public/arrows.png) }
 .view .arrow-left{  left: 0 }
 .view .arrow-right{  right: 0 }
 .view .arrow-right::after{  background-position: 0 bottom }}.preview{ width: 170px;height: 100%;position: absolute;top: 0;right: 0}
.preview .swiper-container{ width: 134px;height: 288px;margin: 40px auto;overflow: hidden}
.preview .swiper-slide{ height: 96px;float: none;text-align: center;cursor: pointer}
.preview .swiper-slide a{ display: block;background-color: #fff;padding: 2px;margin-top: 2px}
.preview img{ width: 128px;height: 80px}
.preview .active-nav a{ background-color: #ccc}
.preview .arrow-left,.preview .arrow-right{ position: absolute;width: 38px;height: 19px;left: 50%;margin-left: -19px;z-index: 25}
.preview .arrow-left{ background: url(../images/inter/leftBtn1.gif) no-repeat left top;top: 15px}
.preview .arrow-right{ background: url(../images/inter/rightBtn1.gif) no-repeat left bottom;bottom: 15px}