@charset "utf-8";

/*幻灯*/



@media only screen and (min-width: 1280px) {



.dowebok { margin: 0 auto; width:1200px; overflow:hidden;}

.swiper-container { margin: 0 auto; overflow: visible;}

.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%;}

.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: 0px; background-image: url(../images/next.png);}

.swiper-button-prev { left: 0px; background-image: url(../images/prev.png);}

.swiper-container-horizontal .swiper-pagination-bullets { bottom: 20px;}

.swiper-pagination-bullet { width:30px; height: 10px; border-radius:50%; margin: 0 4px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}

.swiper-pagination-bullet:after { content: ""; display: block; height: 2px; background-color: #fff; opacity: 0.5;}

.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #e62d18;}



}











@media only screen and (min-width:1000px) and (max-width:1279px) {



.dowebok { margin: 0 auto;width:1000px; overflow:hidden;}

.swiper-container { margin: 0 auto; overflow: visible;}

.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%;}

.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: 30px; height:40px; background-size: contain;}

.swiper-button-next { right:0px; background-image: url(../images/next.png); background-size:100% auto;}

.swiper-button-prev { left: 0px; background-image: url(../images/prev.png); background-size:100% auto;}

.swiper-container-horizontal .swiper-pagination-bullets { bottom:5px;}

.swiper-pagination-bullet { width:30px; height: 10px; border-radius:50%; margin: 0 4px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}

.swiper-pagination-bullet:after { content: ""; display: block; height: 2px; background-color: #fff; opacity: 0.5;}

.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #e62d18;}



}







@media only screen and (max-width:999px) {



.dowebok { margin: 0 auto;width: 100%; overflow:hidden;}

.swiper-container { margin: 0 auto; overflow: visible;}

.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%;}

.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: 30px; height:40px; background-size: contain;}

.swiper-button-next { right:0px; background-image: url(../images/next.png); background-size:100% auto;}

.swiper-button-prev { left: 0px; background-image: url(../images/prev.png); background-size:100% auto;}

.swiper-container-horizontal .swiper-pagination-bullets { bottom:5px;}

.swiper-pagination-bullet { width:30px; height: 10px; border-radius:50%; margin: 0 4px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}

.swiper-pagination-bullet:after { content: ""; display: block; height: 2px; background-color: #fff; opacity: 0.5;}

.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #e62d18;}



}