@charset "utf-8";.view{ overflow: hidden} .view .swiper-slide{ display: flex} .view .swiper-slide img{ width: 479px;height: 296px} .view .swiper-slide h3{ padding-left: 20px;font-weight: 400} .view .swiper-slide h3 a{ display: block;padding-left: 10px;position: relative} .view .swiper-slide h3 a::after{ content: "";position: absolute;width: 3px;height: 3px;background-color: #467f9d;left: 0;top: 10px} @media (max-width:650px){ .view{ position: relative } .view .swiper-container{ height: auto;overflow: visible } .view .swiper-slide{ display: block;position: relative } .view .swiper-slide a img{ -o-object-fit: cover;object-fit: cover;width: 100%;height: auto } .view .swiper-slide h3{ 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 h3 a{ color: #fff;padding-left: 0 } .view .swiper-slide h3 a::after{ 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: 100%;position: relative} .preview .box{ margin: 0 35px;overflow: hidden;border: 1px solid #dadada;padding: 20px 0} .preview .swiper-container{ height: 86px} .preview .swiper-slide{ padding: 0 15px} .preview .swiper-slide img{ width: 121px;height: 86px;border: 1px solid #dadada;padding: 8px;cursor: pointer} .preview .arrow-left,.preview .arrow-right{ position: absolute;z-index: 10;top: 0;width: 22px;height: 148px;overflow: hidden;border: #e5e5e5 solid 1px} .preview .arrow-left{ left: 0;background: url(../images/about/leftBtn2.gif) center no-repeat} .preview .arrow-right{ right: 0;background: url(../images/about/rightBtn2.gif) center no-repeat} .preview img{ padding: 1px} .preview .active-nav img{ border: 1px solid #0f70aa}