/* 新增页面 css ================================ */
.foot .foot_l_center {
    width: 250px;
    box-sizing: border-box;
    /*padding-right: 136px;*/
    position: relative
}

.foot_l_center .top_center {
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.foot_l_center .center_ul {
    display: grid;
    grid-template-columns: 49% 49%;
}

.foot_l_center .center_ul a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 15px;

}

.foot .foot_l_right {

    display: flex;
    justify-content: center;
    align-items: center;
}

.foot .foot_l_right ul{
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-column-gap: 20px;
}

.foot .foot_l_right ul img {
    width: 150px;
    height: auto;
}

.foot .foot_l_right ul p{
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
    margin-top: 10px;
}


/* search button */
.top_bg .head form {
    right: -640px;
    position: relative;
    display: flex;
}

/* Style for the search box container */
        .search-box {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 25px;
            padding: 5px;
            width: 150px;
            height: 25px;
            background-color: #f8f8f8;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Style for the search input field */
        .search-box input[type="text"] {
            flex: 1;
            border: none;
            outline: none;
            font-size: 16px;
            padding: 8px;
            background-color: transparent;
        }

        /* Style for the search button */
        .search-box button {
            background-color: #007bff;
            color: #fff;
            border: none;
            outline: none;
            padding: 8px 15px;
            border-radius: 25px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        /* Style for the search button icon (using Font Awesome) */
        .search-box button i {

            font-size: 16px; /* 调整图标大小 */
        }

        /* Hover effect for the search button */
        .search-box button:hover {
            background-color: #0056b3;
        }

/*==============swiper==============*/

.n_banner {
    position: relative;
    overflow: hidden
}

.n_banner .img img {
    width: 100%
}

.n_banner_page {
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 10;
    bottom: 56px;
}

.n_banner_page .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin-right: 24px;
    border: 1px solid #FFFFFF
}

.n_banner_page .swiper-pagination-bullet-active {
    background-color: #FFFFFF;
    border: 1px solid transparent
}

    .n_banner .swiper-slide img {
        width: 100%;
        margin: 0 auto;
    }

@media screen and (max-width: 980px) {
    .n_banner {
        position: relative;
    }

    .n_banner .img img {
        width: 100%;
    }




    .foot_l .top img {
        width: 100%;
        padding-top: 20px;
    }
    
    .foot .foot_l_right ul {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-column-gap: 20px;
    }

    .foot_l_center .top_center {
       color: white;
       font-size: 20px;
       font-weight: bold;
       margin-top: 20px;
       padding-left: 20px;
    }
    
    .foot_l_center .center_ul {
        padding-left: 20px;
        display: grid;
        grid-template-columns: 49% 49%;
    }

    
}
/*==============swiper==============*/