@charset "utf-8"; /* CSS Document */ .technology-Patented{ width: 100%; } .certify { position: relative; margin: 0 auto; padding-top: 0.5rem; display: flex; justify-content: center; padding-bottom: 60px; } .certify .swiper-slide { /*width: 5.4rem;*/ width: 4.04rem; transition: 300ms; display: flex; align-items: center; justify-content: center; /*width: 4.04rem; background: #fff; box-shadow: 0 8px 30px #ddd;*/ } .certify .swiper-slide img{ width: 100%; /*object-fit: contain;*/ } .certify .certify-button-prev,.certifyshu-button-prev { left: -1.2rem; width: .75rem; height: .75rem; background: url(/assets/image/jishu/left.png) no-repeat; background-position: 0 0; background-size: 100%; top:calc(( 100% - 0.75rem) /2); position: absolute; z-index: 10; cursor: pointer; } .certify .swiper-button-next,.certifyshu-button-next { right: -1.2rem; width: .75rem; height: .75rem; background: url(/assets/image/jishu/right.png) no-repeat; background-size: 100%; top:calc(( 100% - 0.75rem) /2); position: absolute; z-index: 10; cursor: pointer; } @media all and (min-width:1360px) and (max-width:1800px) { .certify{ max-width: 75%; } } @media only screen and (max-width: 1200px) { .certify { max-width: 62%; } .certify .swiper-slide{ width: 62vw; } }