* { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
a { text-decoration: none;}

.dwo-wrap { position: relative; width: 1200px; height: 460px; margin: 0 auto;}

.swiper-container { width: 1200px; height: 460px;}
.swiper-slide img { display: block; width: 1200px; height: 460px;}

.swiper-container-horizontal > .swiper-pagination-bullets { left: auto; right: 30px; bottom: 20px; width: auto;}
.swiper-pagination-bullet { width: 6px; height: 6px; border: 2px solid #fff; border-color: hsla(0, 0% ,100% , 0.3); background-color: rgba(0, 0, 0, 0.4); opacity: 1;}
.swiper-pagination-bullet-active { border-color: rgba(0,0,0,.4); background-color: hsla(0,0%,100%,.4);}

.swiper-button-next, .swiper-button-prev { width: 41px; height: 69px; background-image: url(../images/images/icon-slides.png);}
.swiper-button-prev { left: 234px; background-position: -83px 0;}
.swiper-button-prev:hover { background-position: 0 0;}
.swiper-button-next { right: 0; background-position: right 0;}
.swiper-button-next:hover { background-position: -41px 0;}
.swiper-button-next:after, .swiper-button-prev:after { display: none;}

.nav-wrapper { position: absolute; left: 0; top: 0; z-index: 2; width: 234px; background-color: #fff; background-color: rgba(105, 101, 101, 0.6);}
.nav2021 { position: relative; padding: 20px 0; height:420px;}
.nav-item.active .children { display: block;}
.nav-item:hover .nav-item-link { background-color: #128BA2;}
.nav-item:hover .children { display: block;}
.nav-item-link { display: block; height: 52px; padding-left: 30px; line-height: 52px; font-size: 15px; color: #fff; background-image: url(../images/images/arraw.png); background-position: 200px; background-repeat: no-repeat; background-size: 14px 14px;}
.children { display: none; position: absolute; left: 234px; top: 0; border: 1px solid #e0e0e0; border-left: 0; font-size: 0; background-color: #fff; box-shadow: 0 8px 16px rgba(0,0,0,.18);}
.children-col-2 { width: 968px;}
.children-col-3 { width: 968px;}
.children-col-4 { width: 968px;}
.children-list { display: inline-block; width: 968px; height:456px; padding: 1px 0; font-size: 14px; vertical-align: top;}
.children-list li{ float:left; width:322px; height:228px; text-align:center;}
.children-list a { display: block; padding: 18px 20px; height: 40px; line-height: 40px; color: #333; font-size: 0;}
.children-list a:hover { color: #128BA2;}
.children-list a span { display: inline-block; width: 158px; font-size: 14px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;}
.children-list img { width: 150px; height: 150px; margin-right: 10px; vertical-align: middle; margin-bottom:5px;}