@charset "UTF-8";
*{
    padding: 0;
}
ul,ol,dl{
    list-style: none;
}
a{
    text-decoration: none;
}

.nav { background-color: #333; color: #fff; }

.nav .depth_01{ display: flex; justify-content: space-around;}

.nav .depth_01 > li {width: 30%; position: relative;}

.nav .depth_01 > li > a{line-height: 36px; color: #fff;}

.nav .depth_01 .depth_02{position: absolute; overflow: hidden; top: 100%; left: 0;  height: 0; background-color: #000; display: flex;}


.nav .depth_01 .depth_02 li{width: 120px;}

.nav .depth_01 .depth_02 li a{color: #fff; font-size: 14px; text-align: center;}

.depth_01 > li:hover .depth_02{height: 30px;}

.main_ban{width: 1000px; height: 258px;}

.main_ban img{width: 100%; display: block;}


#slide{width: 281px; height: 81px; overflow: hidden;}

#slide ul{width: 1405px; height: 81px; margin: 0;}

/* #slide ul li{float: left; width: 281px; overflow: hidden;} */

/* #slide ul li a{display: block;} */

/* #slide ul li a img{display: block;} */

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .swiper-button-next, .swiper-button-prev {
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
} */

:root {
    --swiper-theme-color: #FFF !important;
}

.sub_title h2{ line-height: 50px; font-weight: bold;}

.sub_title .depth_02 li{border: solid 1px #eee;}

.sub_title .depth_02 li a{display: block; font-size: 16px; text-indent: 15px; line-height: 40px; color: #333; transition: 0.5s;}

.sub_title .depth_02 li:hover a{background-color: #725AD0; color: #fff;}