/* body { overflow-x: hidden;} */
.dowebok { margin: 0 auto;}
.swiper-container { margin: 0 auto; overflow: visible;height: 1000px;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { display: block;}
.swiper-slide { position: relative; opacity: 0 !important;}
.swiper-slide img { width: 100%;height: 800px;transition:opacity 1s;margin-top:160px;animation: imagescale 6s linear infinite 0s;}
.swiper-slide-active { opacity: 1 !important;}
.swiper-slide .ren { position: absolute; left: 0; top: 0; width: 1436px; height: 840px;}
.swiper-button-next, .swiper-button-prev { display: none; width: 40px; height: 68px; background-size: contain;}
.swiper-button-next { right: 100px; background-image: url(../images/next.png);}
.swiper-button-prev { left: 100px; background-image: url(../images/prev.png);}
.swiper-container-horizontal .swiper-pagination-bullets { bottom: 40px;}
.swiper-pagination-bullet { width: 70px; height: 4px; margin: 0 10px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}
.swiper-pagination-bullet:after { content: ""; display: block; height: 4px; background-color: #fff; opacity: 0.5;}
.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #000;}

@keyframes up{
  0%{transform: translateY(0);}
  50%{transform: translateY(-8px);}
  100%{transform: translateY(0);}
}
@keyframes imagescale
{
from {transform: scale(1.0);-moz-transform: scale(1.0);-webkit-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0)}
to {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1)}
}