@charset "utf-8";
.css01 {font-family: Verdana, Geneva, sans-serif;text-align: center;margin: 0 auto;
 padding: clamp(10px, 3vw, 30px); font-size: clamp(16px, 4vw, 24px);
    display: grid; gap:20px;grid-template-columns:auto;
     background: #f5f5f5;
     width: 100%;
    max-width: 100vw;
     max-height: 80vh;
    border-radius: 4px;
    scrollbar-width: thin;    /* Firefox */
    scrollbar-color: #ccc #f5f5f5; }
 .csso1::-webkit-scrollbar { width: 6px;   height: 6px;  }
.css01::-webkit-scrollbar-thumb {
      background: #ccc; border-radius: 15px; }
.css001{ min-width: 700px; white-space: nowrap;}
/*logo 搜索 用户信息开始*/
.h-top{ width:100%;height: 100px; margin: 0 auto;position: relative; background: #F8F8F8;}
.h-top .logo{ width:250px; height:100%; display: block; position: absolute;left: 0;top: 1px;}	
.h-top .search{
  width:330px; height:36px; border:1px solid #ccc; border-radius:18px; background: #fff;
    position:absolute; left:50%;margin-left: -165px;top:26px; overflow: hidden;}
.h-top .search .inp-l{ width:260px; height:36px; border:none; padding: 0 12px;}
.h-top .search .inp-r{ width:60px; height:36px; border:none;background:#acce22;border-radius:18px;}
.zhu{ width: 300px;height: 60px;line-height:40px; position: absolute;right: 0;top: 20px;
  font-size: clamp(16px, 2vw, 30px);}
/*logo 搜索 用户信息结束*/
 /*     导航开始*/
nav{display: flex;flex-wrap: wrap; clear: both;  background: #AAAEEB;
  position: relative; overflow: visible;border:1px solid red;}
nav .nav-box{
   width:100%; height: 80px;line-height: 44px;text-align: center;background:#DAAADB; 
    margin:8px auto;padding: 15px;}
.nav-l{ width:50%; border:1px solid red; }
.nav-box a{ width: 18%;height: 44px; color: #fff;display: inline-block;}
.nav-box .nav-r{ width: 45%;/*border:1px solid red;*/}
 .nav-l a{ font-size: 14px;}
.nav-box .nav-r a{font-size: 14px;float: right;}
.nav-box .nav-l a:hover{font-size:12px; color: #00aeff;}
.nav-box .nav-r a:hover{ background: #ca3333;}
/*     导航结束*/
 /*     轮播图开始*/
.lbt{ width: 100%;height: 610px; background: #4C82F5;padding: 5px 5px;
     margin-left:0px; position: relative;  transform: none; z-index: 1;}
   .carousel-container {position: relative;width: 80%;
  margin: 0 auto; overflow: hidden; }
 .carousel-slides{ display: flex;transition: transform 0.5s ease-in-out; height: 600px;}
.slide{min-width: 100%;display: flex; align-items: center;
  justify-content: center; font-size: 20px;color: #2438B0 ; 
 background-color: antiquewhite; background-repeat: no-repeat ;
    background-size: 100% 90%;}
.carousel-btn{position:absolute;top:300px;}
.prev{left: 10px;}
.next{right: 10px;}
.indicators{position: absolute; bottom: 20px;
  left: 50%;transform: translateX(-50%);display: flex; gap: 10px;}
.indicator{width: 12px;height: 12px;border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5); cursor: pointer;}
.indicator.active{ background-color: white;}
  /*   轮播图结束*/