.swiper {
        width: 100%;
        height: 20.833vw;
    }

    .swiper-slide {
        text-align: center;
        font-size: 0.938vw;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .swiper-button-next {
        right: 0.26vw;

    }

    .swiper-button-next::after {
        font-size: 2.292vw;
    }

    .swiper-button-prev {
        left: 0.26vw;
    }

    .swiper-button-prev::after {
        font-size: 2.292vw;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 7.031vw;
        background-color: rgba(0, 0, 0, 0.35);
        color: #FFF;
        height: 3.208vw;
        width: 2.604vw;
    }

    body {
        width: 100vw;
        overflow-x: hidden;

    }

    /* 移除a标签默认样式 */
    a {
        color: inherit;
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
        color: inherit;
    }

    a:link,
    a:visited,
    a:active {
        color: inherit;
        text-decoration: none;
    }

    /* 轮播图样式 */
    .test {
        height: 36.458vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .test .sy-box .sy-slides-wrap .sy-slides-crop .sy-list li a img {
        height: 36.458vw;
    }

    .test .sy-box {
        height: 36.458vw;
        width: 100vw;
    }

    .sy-pager {
        display: none !important;
    }

    .sy-box {
        height: 36.458vw;
    }

    /* 首页元素总盒子 */

    .indexContent .left {
        color: black;
        width: 62.5vw;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top:3.208vw;
    }

    /* 标题样式 */
    .boxTitle {
        position: relative;
    }

    .boxTitle .colorBox {
        position: absolute;
        background: #244195;
        width: 10.417vw;
        top: 42%;
        height: 1.458vw;
        left: 41.6%;
        z-index: 0;
    }

    .boxTitle .fontTitle {
        text-align: center;
        position: relative;
        z-index: 10;
    }

    /* 展会信息下卡片列表 */
    .exhibitionCardBox {
        display: flex;
        justify-content: center;
        position: relative;
        margin-top: 3.208vw;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .exhibitionCardBox::-webkit-scrollbar {
        display: none;
        /* 对于Webkit浏览器隐藏滚动条 */
    }

    .exhibitionCardBox {
        -ms-overflow-style: none;
        /* 对于IE和Edge隐藏滚动条 */
    }

    .exhibitionCardBox .exhibitionCard {
        width: 19vw;
        height: 26vw;
        margin-right: 3.5vw;
        border-radius: 0.521vw;
        box-shadow: 0 0 0.521vw 0 rgb(0 0 0 / 10%);
        cursor: pointer;
        position: relative;

    }

    .exhibitionCardBox .checkexhibitionCard {
        width: 29.688vw;
        box-shadow: 0 0 0.521vw 0 rgb(0 0 0 / 30%);
        transition-property: box-shadow;
        position: relative;

        transition-duration: 0.5s;
    }

    .exhibitionCardBox .exhibitionCard .title {
        font-size: 0.938vw;
    }

    .exhibitionCardBox .exhibitionCard .content {
        font-size: 0.938vw;
    }

    .exhibitionCardBox .exhibitionCard .btnBoxs {
        margin-top: 1.042vw;
        display: flex;
        justify-content: center;
    }

    .exhibitionCardBox .exhibitionCard .btnBoxs .btn {
        color: #FFF;
        padding: 0.313vw 0.729vw;
    }

    /* 展会信息下卡片内容 */
    .show {
        padding: 0 1vw;
        position: relative;
        /* 正常看你的需求是否要绝对定位还是相对定位 */

    }

    .show .title {
        font-weight: 700;
        font-size: 1.5vw;
    }

    .show .content {
        font-size: 0.833vw;
        line-height: 1.833vw;
        margin-top: 0.5vw;
    }

    .show .infoBtn {
        text-align: center;
        padding: 0.417vw 2.292vw;
        color: #FFF;
        border-radius: 2.604vw;
        font-size: 0.938vw;
        background-color: #FF913C;
        margin-top: 2.604vw;

    }

    .exInfo {
        display: flex;
        justify-content: space-between;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .exInfo .tabs .num {
        font-weight: 700;
        font-size: 2.125vw;
        margin: 0;
        color: #244195;
    }

    .exInfo .tabs .name {
        font-size: 1.25vw;
    }

    /* exhibitUL grid布局样式 */
    .exhibitUL {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5vw;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .exhibitLI {
        padding: 0.5vw;
        font-size: 0.78vw;
        cursor: default;
        user-select: text;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
    }

    /* 产品范围 */
    .scopeBox {
        display: flex;
        justify-content: center;
        height: 22.396vw;
        width: 100%;
        margin-top: 4.167vw;
    }

    .scopeBox .box1 {
        width: 16.146vw;
        height: 100%;
        background-color: #CCC;
        margin-right: 1.042vw;
        position: relative;
    }

    .scopeBox .box1 img {
        width: 16.146vw;
        height: 100%;
    }

    .scopeBox .upBox {
        display: flex;
        height: 9.583vw;
        margin-bottom: 1.042vw;
    }

    .scopeBox .upBox .box2 {
        position: relative;
        width: 22.1355vw;
        height: 100%;
        margin-right: 1.042vw;
        background-color: #CCC;
    }

    .scopeBox .upBox .box2 img {
        width: 22.1355vw;
        height: 100%;
    }

    .scopeBox .downBox {
        display: flex;
        height: 11.51vw;
    }

    .scopeBox .downBox .box3 {
        position: relative;
        width: 18.229vw;
        height: 100%;
        margin-right: 1.042vw;
        background-color: #CCC;
    }

    .scopeBox .downBox .box3 img {
        width: 18.229vw;
        height: 100%;
    }

    .scopeBox .downBox .box4 {
        position: relative;
        width: 27.0625vw;
        height: 100%;
        background-color: #CCC;
    }

    .scopeBox .downBox .box4 img {
        width: 27.0625vw;
        height: 100%;
    }

    .scopeBox .scopeTitle {
        font-size: 0.833vw;
        padding: 0.417vw 0.833vw;
        background-color: #244195;
        position: absolute;
        top: 0;
        left: 0;
        color: #FFF;
    }

    /* 精彩活动 */
    .activityBox {
        position: relative;
        /* 设置容器为相对定位 */


    }

    .activityBox .mask {
        content: "";
        /* 必需属性，表示生成一个空白的伪元素 */
        display: flex;
        /* 将伪元素转换为块级元素 */
        align-items: center;
        justify-content: center;
        position: absolute;
        /* 设置为绝对定位 */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

    }

    .activityBox .image {
        width: 14.583vw;
        height: 16.667vw;
        background-color: #F2F2F2;
    }

    .activityBox .image img {
        width: 14.583vw;
        height: 16.667vw;
    }

    .activityBox .actName {
        text-align: center;
        font-size: 1.25vw;
        margin-top: 0.156vw;
    }

    .activityVideo {
        width: 100vw;
        height: 15vw;
        display: flex;
        justify-content: space-between;
        padding: 0 18.75vw;
        align-items: center;
        margin: 0 auto;
        background-color: #091426;
        margin-top: 4.167vw;
        color: #FFF;
    }

    .activityVideo .clickBtn {
        padding: 0.2vw 0.5vw;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        background-color: #007700;
        font-size: 0.733vw;
        margin-bottom: 1.5vw;
        border-radius: 20vw;
    }

    .oneNews {
        width: 27.0625vw;
        height: 10.825vw;
        margin-right: 2.865vw;
        border-radius: 0.833vw;
        overflow: hidden;
        position: relative;
        box-shadow: 0 0 0.521vw 0 rgb(0 0 0 / 15%);
        transition-property: box-shadow;
        transition-duration: 0.5s;
    }

    .oneNews img {
        width: 27.0625vw;
        height: 10.825vw;
    }

    .bottomTitle {
        width: 27.0625vw;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.35);
        color: #FFF;
        padding: 0.521vw 1.042vw;
    }

    .exNews {
        width: 36.458vw;
    }

    .exNews .newsBoxa:focus {
        outline: none;
        -moz-outline: none;
    }

    .exNews .newsBoxa:hover {
        text-decoration: none;
        /* 取消默认的下划线 */
    }

    .newsBox {
        width: 80%;
        margin-left: 1.042vw;
        color: #666666;
    }

    .newsBox::marker {
        font-size: 1.25vw;
    }

    .newsBoxa {
        display: block;
        padding: 0.5vw;
    }

    .newsBoxa:nth-child(2) {
        background-color: #f2f2f2 !important;

    }

    .newsBox .newsTitle {
        font-weight: 600;
        font-size: 1.25vw;
        margin-bottom: 0;
        color: #333;
        overflow: hidden;
        /* 当内容超出容器范围时进行隐藏处理 */
        white-space: nowrap;
        /* 不换行 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
    }

    .newsBox .created_time {
        color: #adadad;
        font-size: 0.625vw;
        margin-bottom: 0.26vw;
    }

    .newsBox .info {
        margin-top: 0.521vw;
        font-size: 0.625vw;
        font-weight: 700;
        color: #ccc;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    .moreNews {
        text-align: center;
        padding: 0.417vw 2.292vw;
        color: #FFF;
        border-radius: 2.604vw;
        font-size: 0.938vw;
        background-color: #244195;
        margin: 2.604vw auto;
    }

    .blogroll {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0.5vw;
        margin: 3vw 0;
    }

    .blogroll .blogrollCard {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 8vw;
        height: 4vw;
    }

    .blogroll .blogrollCard img {
        width: 8vw;
        height: 3vw;
    }

    .showVideo {
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 2002;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.5);
        animation: fedinout .5s;
    }

    @keyframes fedinout {
        0% {
            opacity: 0;
        }

        30% {
            opacity: .3
        }

        50% {
            opacity: .5
        }

        70% {
            opacity: .7
        }

        100% {
            opacity: 1;
        }
    }

    .showVideo .closeVideo {
        text-align: end;
        width: 41.667vw;
    }

    .showVideo .closeVideo img {
        width: 1.563vw;
        height: 1.563vw;
        margin-bottom: 1.042vw;
    }

    @media (min-width: 16.667vw) and (max-width: 39.063vw) {

        .indexContent {
            display: block;
        }

        .indexContent .left {
            width: 100%;
        }

        .indexContent .right {
            margin-top: 2vh;
            width: 100%;
        }

        .acNews {
            flex-direction: column;
        }
    }