@import "font-awesome.min.css";

*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background-color: black;
    background-image: -webkit-linear-gradient(
            45deg,
            rgba(212, 178, 127, 0.2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(212, 178, 127, 0.2) 50%,
            rgba(212, 178, 127, 0.2) 75%,
            transparent 75%,
            transparent
    );
}

*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #ededed;
    border-radius: 10px;
}
body {
    position: relative;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    z-index: 1; /* 确保body内容在背景上方 */
}

/* 半透明背景图容器 */
body::before {
    content: '';
    position: fixed; /* 固定在视口，不随滚动变化 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://pic1.imgdb.cn/item/686e179258cb8da5c89803f0.png');
    background-size: cover;
    background-position: center;
    opacity: 0.1; /* 调整透明度（0.1-0.5较合适） */
    z-index: -1; /* 确保在body内容下方 */
    pointer-events: none; /* 允许点击穿透到页面元素 */
}

/* 卡片样式 */
.ape-card {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid rgba(210, 180, 140, 0.2);
    backdrop-filter: blur(3px);
    transform: translateY(0);
}

.ape-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .int-header h3 {
        font-size: 32px !important;
    }

    .is-phone {
        display: block;
        width: 100%;
        height: 70px;
        background: white;
        -moz-box-shadow: 0px -1px 10px -3px #333333;
        -webkit-box-shadow: 0px -1px 10px -3px #333333;
        box-shadow: 0px -1px 10px -3px #333333;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 99999;
    }

    .phone-item {
        text-align: center;
        float: left;
        width: 25%;
        height: 100%;
        padding: 2% 0;
    }

    .phone-icon {
        font-size: 26px;
        color: #000000;
    }

    .phone-title {
        color: black !important;
    }

    footer {
        margin-bottom: 70px !important;
    }

    footer h3 {
        font-size: 27px !important;
        margin-bottom: 21px !important;;
    }

    .logos ul li {
        padding: 17px !important;
    }

    .logos ul {
        margin-top: 25px !important;
    }

    #DejiangChen {
        width: 100%;
    }

    .quote .columms {
        height: 270px !important;
    }

    .sub-footer ul li {
        width: 100%;
        float: initial !important;
        margin-right: 0px !important;
        text-align: center;
    }

    #cnzz_stat_icon_1280172218 {
        display: none;
    }

    /*其他样式*/
    .index-news-img {
        height: 240px !important;
    }

    #showMap {
        width: 100%;
        height: 350px;
    }

    .logo-img {
        width: 82px !important;
    }

    .navbar .logo {
        text-align: left !important;
        margin-left: 15px !important;
    }
    .page-top{
        padding-top: 30%;
    }
    .logo-wrapper {
        padding: 10px 0px 10px 10px;
    }

    .section-title{
        font-size: 30px !important;
    }

    .ape-page{
        width: 95% !important;
    }
}

@media (min-width: 767px) {
    .page-top{
        padding-top: 15%;
    }
    .is-phone {
        display: none;
    }

    #DejiangChen {
        width: 100%;
        height: 100%;
    }

    .sub-footer ul {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        float: initial !important;
        margin-right: 0px !important;
    }

    /*其他样式*/
    .index-news-img {
        height: 320px !important;
    }

    .blog-details-next-last {
        display: flex;
        justify-content: space-between
    }

    #showMap {
        width: 100%;
        height: 400px;
    }
}

/*404信息显示*/
.page-404 {
    display: none;
}