html {
    scroll-behavior: smooth;

}

body {
    padding: 0;
    margin: 0;
    /* scroll-behavior: auto; */
}

main {
    overflow: hidden;
}

a {
    text-decoration: none !important;
}

li {
    list-style-type: none;
}

* {
    padding: 0;
    margin: 0;
}

header {
    position: relative;

}



.Head-Nav {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 132px;
    border-bottom: none;
    transition: 0.5s ease;
}

.Head-Nav.headaa:hover {
    background-color: #11497B !important;
}


.Head-Nav>div {
    height: 100%;
}

.Head-Nav .logos {
    width: 100%;
    height: 50%;
}

.Head-Nav .logos .iPhone {
    display: none;
}

.Head-Nav .logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50%;
    border-bottom: 1px solid #ffffff52;
}

.Head-Nav .logos .imgs {
    height: 100%;
    display: flex;
    align-items: center;
}

.Head-Nav .logos .imgs img {
    height: 50%;
}

.Head-Nav .logos .icons {
    width: 50%;
    text-align: right;
}

.Head-Nav .logos li {
    float: right;
    margin-left: 5%;
}

.Head-Nav .logos a {
    color: white;
    display: flex;
    justify-content: left;
    align-items: center;
}

.Head-Nav .logos a span {
    font-size: 20px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    border-radius: 999px;
}

.Head-Nav .logos a span:hover {
    background-color: #295C88;
    /* background-color: red; */
}

.Head-Nav .navs {
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #ffffff52;
    display: flex;
    align-items: center;
    transition: 0.5s;
}

.Head-Nav:hover .navs {
    border-bottom: 1px solid #11497B;
}


.Head-Nav .navs ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.Head-Nav .navs ul a {
    color: white;
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 100%;
    padding: 5px;
}

.Head-Nav .navs ul li {
    margin-right: 3rem;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    color: white;
}

.Head-Nav .navs ul a li::before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #FF7100;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.Head-Nav .navs ul a li:hover::before {
    opacity: 1;
}




.Head-Lb {
    /* height: 0; */
    /* padding-top: 50%; */
    position: relative;
    width: 100%;
    height: 100%;


}

.Head-Lb #carouselExample {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
}

.Head-Lb #carouselExample div {
    position: relative;
    width: 100%;
    height: 100%;
}

.Head-Lb #carouselExample div .active {
    display: flex;
    align-items: center;
    justify-content: center;
}



@media screen and (max-width:1200px) {
    header .Head-Nav .Head-Navs ul li {
        margin-right: 40px;
    }
}

@media screen and (max-width:992px) {
    header .Head-Nav .Head-Navs ul li {
        margin-right: 10px;
    }

    .Head-Nav nav {
        display: none;
    }

    .iPhone {
        display: block;
    }
}





/* From Uiverse.io by JulanDeAlb */
.chebian .hamburger {
    cursor: pointer;
    width: 80%;
}

.chebian .hamburger input {
    display: none;
}

.chebian .hamburger svg {
    /* The size of the SVG defines the overall size */
    height: 3em;
    /* Define the transition for transforming the SVG */
    transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.chebian .line {
    fill: none;
    stroke: white;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    /* Define the transition for transforming the Stroke */
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.chebian .line-top-bottom {
    stroke-dasharray: 12 63;
}

.chebian .hamburger input:checked+svg {
    transform: rotate(-45deg);
}

.chebian .hamburger input:checked+svg .line-top-bottom {
    stroke-dasharray: 20 300;
    stroke-dashoffset: -32.42;
}

main {
    overflow-x: hidden;
}



/* 隐藏滚动条 */
body::-webkit-scrollbar {
    /* display: none; */
    /* Chrome, Safari, Opera */
}

header .Head-Nav .Head-Navs ul li:nth-child(3) {
    display: none;
    color: white;

}
header .Head-Nav .Head-Navs ul li:nth-child(3) span{
    font-size: 33px !important;
}
/* 整个滚动条 */
::-webkit-scrollbar {
    width: 8px;  /* 竖向滚动条宽度 */
    height: 8px; /* 横向滚动条高度 */
  }
  
  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道背景色 */
    border-radius: 4px;
  }
  
  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background: #FFA500; /* 默认橘色滑块 */
    border-radius: 4px;
    transition: background 0.3s ease; /* 添加过渡效果 */
  }
  
  /* 鼠标悬停时滑块颜色变深 */
  ::-webkit-scrollbar-thumb:hover {
    background: #FF8C00; /* 深橘色 */
  }

@media screen and (max-width:991px) {
    .Head-Nav .navs {
        display: none;
    }

    header .Head-Nav .Head-Navs ul li:nth-child(1),
    header .Head-Nav .Head-Navs ul li:nth-child(2) {
        display: none;
    }

    header .Head-Nav .Head-Navs ul li:nth-child(3) {
        display: block;
    }

    .Head-Nav {
        height: fit-content;
    }
    .Head-Nav .logos .imgs img{
        width: 35%;
    }
    .Head-Nav .logos{
        padding: 20px 0;
    }
    .Heads{
        padding-top: 35% !important;
    }
}