* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: "Microsoft YaHei", Arial, sans-serif;

}



body {

    color: #333;

    line-height: 1.5;

}



a {

    text-decoration: none;

    color: inherit;

}



ul {

    list-style: none;

}



.container {

    width: 100%;

    margin: 0 auto;

}









    /* Header */

   



   



    .active {

       /* color: #ff6600; */

        font-weight: 400;

        /* font-size: 14px; */

        /* line-height: 14px; */

        text-align: left;

       

    }



    .logo {

        display: flex;

        align-items: center;

    }



    .logo img {

        height: 30px;

        margin-right: 5px;

    }



    .logo-text {

        font-size: 18px;

        font-weight: bold;

    }



   



   



    /* .nav a-menu {

        font-size: 14px;

        transition: color 0.3s;

    } */



    .nav-menu a:hover {

        color: #ff6600;

    }

    

    

    /* 下拉菜单样式调整 - 让弹窗出现在导航栏正下方 */

    .dropdown-menu {

        position: absolute;

        top: 100%; /* 改为100%，让菜单出现在导航栏正下方 */

        left: 0;

        z-index: 1000;

        display: none;

        float: left;

        min-width: 160px;

        padding: 5px 0;

        margin: 0; /* 移除margin-top，让菜单紧贴导航栏 */

        font-size: 14px;

        text-align: left;

        list-style: none;

        background-color: #fff;

        background-clip: padding-box;

        border: 1px solid #ccc;

        border: 1px solid rgba(0, 0, 0, 0.15);

        border-radius: 4px;

        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    }



    .dropdown-menu > li > a {

        display: block;

        padding: 3px 20px;

        clear: both;

        font-weight: normal;

        line-height: 1.42857143;

        color: #333333;

        white-space: nowrap;

    }



    .dropdown-menu > li > a:hover,

    .dropdown-menu > li > a:focus {

        color: #262626;

        text-decoration: none;

        background-color: #f5f5f5;

    }



    /* 移除箭头指示器 */

    .dropdown-menu:before,

    .dropdown-menu:after {

        display: none;

    }



    /* 确保下拉菜单在hover时显示 */

    .dropdown:hover .dropdown-menu {

        display: block;

        margin-top: 0;

    }



    @media (min-width: 769px) {

         header {

        display: flex;

        align-items: center;

        justify-content: center;

        background-color: #fff;

        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

        position: fixed;

        width: 100%;

        top: 0;

        z-index: 1000;

    }

         .nav-menu li {

        margin-left: 41px;

    }

        

        .nav-menu {

            margin-left: 430px;

            display: flex;

            list-style: none;

        }

        .header-container {

            width: 1200px;

            display: flex;

            /* justify-content: space-between; */

            align-items: center;

            /* margin-left: 15%; */

            height: 64px;

        }

    /* Hero Section */

    /* Banner */

    .banner {

        width: 100%;

        height: 500px;

        background-image: url("../../static/banner.png") !important;

        background-repeat: no-repeat;

        background-size: 100% 100%;

        margin-top: 64px;

        display: flex;

        justify-content: center;



    }



    .banner-content {

        margin-left: 20px;

        width: 1200px;

        height: 100%;

        display: flex;

        /* justify-content: space-between; */

        align-items: center;

        justify-content: center;

    }



    .banner-text {

        width: 100%;

    }



    .banner-text h1 {

        /* width: 742px;

    height: 54px;

    font-size: 58px;

    margin-bottom: 20px;

    font-weight: normal; */

        width: 754px;

        height: 58px;

        font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;

        font-weight: 800;

        font-size: 58px;

        color: #1A1A1A;

        line-height: 54px;

        text-align: left;

        font-style: normal;

        text-transform: none;

    }



    .banner-text p {

        /* width: 707px;

    height: 54px;

    font-size: 16px;

    color: #666;

    margin-bottom: 30px;

    line-height: 1.8; */

        width: 707px;

        height: 54px;

        font-family: Source Han Sans, Source Han Sans;

        font-weight: 400;

        font-size: 16px;

        color: #333333;

        line-height: 30px;

        text-align: left;

        font-style: normal;

        text-transform: none;

        margin-top: 30px;

    }



    .contact-btn {

        align-content: center;

        font-weight: 400;

        text-align: center;

        width: 280px;

        height: 52px;

        background: #FF6A00;

        border-radius: 4px 4px 4px 4px;

        display: inline-block;

        background-color: #ff6600;

        color: #fff;

        /* padding: 10px 30px; */

        border-radius: 4px;

        font-size: 24px;

        transition: background-color 0.3s;

        margin-top: 72px;



    }



    .contact-btn:hover {

        background-color: #e55c00;

    }

}



@media (max-width: 768px) {

    .nav-menu {

        display: flex;

        list-style: none;

        flex-direction: column;

        width: 100%;

        padding: 0;

        margin: 0;

    }



    .nav-menu li {

        width: 6.5rem;

        margin-left: 0.50rem;

        border-bottom: 1px solid #eee;

    }



    .nav-menu li a {

        display: block;

        padding: 15px 0px;

        font-size: 16px;

        text-decoration: none;

        color: #333;

        transition: background-color 0.3s;

    }



    .nav-menu li a:hover {

        background-color: #f5f5f5;

    }



    .header-container {

        width: 95%;

        display: flex;

        justify-content: space-between;

        align-items: center;

        height: 60px;

        /* padding: 0 10px; */

        margin: 0 auto;

    }



    .banner {

        width: 100%;

        height: 300px;

        background-image: url(../../static/banner.png) !important;

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center;

        /* margin-top: 60px; */

        display: flex;

        justify-content: center;

        align-items: center;

    }



   



    .banner-text {

        text-align: center;

        width: 100%;

        color: #fff;

    }



    .banner-text h1 {

        font-size: 24px;

        margin-bottom: 10px;

        font-weight: bold;

    }



    .banner-text p {

        font-size: 14px;

        line-height: 1.5;

        margin-bottom: 20px;

    }



    /* 移动端导航菜单切换按钮 */

    .navbar-toggle {

        display: block;

        background: none;

        border: 1px solid #ddd;

        padding: 8px 10px;

        border-radius: 4px;

        cursor: pointer;

    }



    .navbar-toggle .icon-bar {

        display: block;

        width: 22px;

        height: 2px;

        background-color: #333;

        margin: 4px 0;

        transition: 0.3s;

    }



    /* 响应式图片 */

    img {

        max-width: 100%;

        height: auto;

    }



    .banner-text h1 {

        margin-top: -40px;

        width: 100%;

        height: 54px;

        font-weight: 600;

        font-size: 19px;

        color: #1A1A1A;

        text-align: center;

    }



    .banner-text p {

        width: 100%;

        height: 54px;

        font-weight: 400;

        font-size: 12px;

        color: #333333;

    }

   

}


}