/* 轮播图默认高度 */
.banner {
    height: 500px;
    padding-top: 80px;
}

/* 默认宽度1280px */
.defaultWidth {
    width: 1280px;
    margin: 0 auto;
}

.banner .defaultWidth {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 全局轮播图中的title默认字体大小 默认颜色按钮 */
.banner .banner-title {
    font-weight: bold;
    font-size: 40px;
}

.banner p {
    font-size: 16px;
    margin: 50px 0;
    line-height: 30px;
}

.banner .buttonLayout {
    display: flex;
    align-items: center;
    gap: 40px;
}

.banner .buttonLayout a {
    background: #1A8DFF;
    width: 115px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .buttonLayout a:hover {
    opacity: 0.75;
}

/* 标题 */
.item-title-describe {
    text-align: center;
}

.item-title-describe span {
    font-size: 30px;
    font-weight: bold;
    color: #191919;
}

.item-title-describe p {
    font-size: 15px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #535353;
}

.item-title-describe p a {
    color: #707070;
    margin-left: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.item-title-describe p a img {
    width: 18px;
    height: 18px;
}

.item-title-describe p a:hover {
    color: #2190F9;
}

.defaultWidth .unified {
    padding-top: 50px;
}

/* 全局间距 */
.globalSpacing {
    padding: 50px 0;
}
[v-cloak] {
    display: none;
}


/* 动画全局 */
@keyframes slideDown {
    from {
        top: -100px; /* 起始位置 */
    }
    to {
        top: 80px; /* 结束位置 */
    }
}
@media (min-width: 2000px) {
    .banner {
        height: 600px;
    }
}

@media (min-width: 769px) {
    .h5 {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .pc {
        display: none !important;
    }

    .defaultWidth {
        width: 100%;
    }
    .h5{
        margin-top: 0 !important;
    }
    .item-title-describe .h5{
        margin-top: 4vw !important;
    }
    body {
        overflow-X: hidden;
    }

    .item-title-describe span {
        font-size: 5.5vw;
    }

    .item-title-describe p {
        margin-top: 4vw;
        font-size: 3vw;
        flex-direction: column;
    }

    .item-title-describe p a {
        display: none;
    }

    .banner {
        height: 76vw !important;
        padding-top: 15vw;
    }

    .defaultWidth {
        padding: 4vw !important;
    }

    .banner .banner-title {
        font-size: 6vw;
    }

    .banner p {
        padding-right: 0px;
        margin: 2vw 0 7vw 0;
        font-size: 4vw;
        line-height: 6vw;
    }

    .defaultWidth .unified {
        padding-top: 10vw;
    }
    .globalSpacing {
        padding: 10vw 0 !important;
    }
}