* {
    box-sizing: border-box;
}
.blog_excerpt{
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
/* 手动轮播样式 */
.banner-container {
    width: 100%;
    height: 400px;
    margin: 1rem auto;
    overflow: hidden;
}

.banner-container .banner-img-container {
    height: 400px;
    overflow: hidden;
    position: absolute;
    display: flex;
    transition: transform 0.6s ease;
    border-radius: 5px;
}

/* 轮播图圆点样式 */
.banner-container a {
    width: 24px;
    height: 24px;
    background: #87c8eb;
    position: absolute;
    bottom: 1rem;
    border-radius: 100%;
    margin: 0;
    z-index: 1;
}

.banner-container input {
    margin-top: 20px;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 1rem;
    margin: 0;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
}

/* 设置导航圆点偏移量（居中布局）*/
#banner-control-1,
#banner-control-1 + .banner-nav-a {
    left: 30%;
}
#banner-control-2,
#banner-control-2 + .banner-nav-a {
    left: 40%;
}
#banner-control-3,
#banner-control-3 + .banner-nav-a {
    left: 50%;
}
#banner-control-4,
#banner-control-4 + .banner-nav-a {
    left: 60%;
}
#banner-control-5,
#banner-control-5 + .banner-nav-a {
    left: 70%;
}

/* 设置高亮 */
/*当 input 被选中时 他的兄弟级a标签高亮展示*/
input:checked + .banner-nav-a {
    background-color: #ad244f;
}

/* 设置轮播图动画 */
#banner-control-1:checked ~ .banner-img-container {
    transform: translateX(0px);
}
#banner-control-2:checked ~ .banner-img-container {
    transform: translateX(-1200px);
}
#banner-control-3:checked ~ .banner-img-container {
    transform: translateX(-2400px);
}
#banner-control-4:checked ~ .banner-img-container {
    transform: translateX(-3600px);
}
#banner-control-5:checked ~ .banner-img-container {
    transform: translateX(-4800px);
}
#banner01 {
    width: 100%;
    position: relative;
}
#banner01 > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}
.textpotion {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    top: 0;
    right: 0;
    color: #fff;
}
.textpotion > .p1 {
    font-size: 45.83px;
	line-height:25px;
}
.textpotion > .p2 {
    font-size: 27.08px;
    color: #CBCBCB;
}

.blog_excerpt{margin-bottom:6px;}

.topcolor {
    font-weight: 600;
    font-size: 20px;
    color: #F76D0F;
}
.p1-disply {
    display: flex;
    justify-content: space-between;
}
.rightr-m {
    /*position: relative;*/
    width: 100%;
    height: auto;
    /*z-index: 9;*/
}

.rightr-m img{
    /*width: 100%;*/
    /*height: 200px;*/
    /*object-fit: cover;*/
    /*object-position: center;*/
    /*border-radius: 5px;*/
}

/*.rightr-m:hover .hot-bottom h3{*/
/*    line-height:2.5;*/
/*}*/

.rightr-card {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.hot-bottom h3{
    transition: .3s;
}


.hot-bottom {
    position: absolute;
    bottom: 0px;
    /*padding: 10px;*/
    /*padding-bottom: 0;*/
    width: 100%;
    border-radius: 5px;
    /*background: linear-gradient(to bottom, #0000, #193a68);*/
    /*overflow: hidden;*/
}

.rightr-m .hot-bottom .hot-bottom-title {
    position: relative;
    top: 48px;
    z-index: 1;
    padding: 10px;
    /*transform: translateY(34px);*/
    transition: all linear .1s;
}

/*.rightr-m:hover {*/
/*    transform: scale(1.1);*/
/*    transition: all ease-in-out .7s;*/
/*}*/

.rightr-m:hover .hot-bottom .hot-bottom-title {
    /*transform: translateY(-34px);*/
    top: 0px;
}



.hot-bottom > .zhez {
    position: relative;
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    z-index: 2;
    padding: 10px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    /*background: linear-gradient(to bottom, #0000, #193a68);*/
    background: #193a68;
    border-radius: 5px;
}

.hot-text {
    color: rgba(246, 108, 14);
    font-weight: 600;
}
.eys {
    color: #fff;
}
.swiper-bottom {
    display: flex;
}
.rightBannerTop {
    position: relative;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-top: 15px;
}
.rightBannerTop > img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
.contant-card1>img{
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
.textZz {
    width: 100%;
    position: absolute;
    bottom: 10px;
}
.textZz > h3 {
    font-size: 30px;
}
.right-page-list > img {
    width: 200px;
    height: 130px;
    margin-right: 20px;
    border-radius: 5px;
}
.right-page-list {
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
}
.lisat-dis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
}
.lisat-dis > .guany {
    display: flex;
    justify-content: space-between;
}
/* tabs */
.tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tab {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border: 2px solid #007bff;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    text-align: center;
    width: auto;
    margin-right: 20px;
}

.tab.active {
    background-color: white;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
}

.tab img {
    max-width: 30px;
    margin-right: 10px;
    width: 28px;
    height: 28px;
}


.tab span {
    font-size: 18px;
    color: #0F63B4;;
}

.tab:hover {
    /*background-color: #0056b3;*/
    /*color: #fff;*/
}

.tab-content1 {
    display: none;
}

.tab-content.active {
    display: block;
}

/*//底部显示不正常*/
.content1 {
    display: none;
}

.content.active {
    display: block;
}
#tabs {
    clear: both;
}
.contant-card1 {
    width: calc(32% - 13.33px); /* 33.33% for width and subtracting margins */
    background: #F7F8F8;
}
.contant-card1 img {
    width: 100%; /* 图片宽度填满卡片 */
    object-fit: cover; /* 保持比例，同时铺满卡片 */
    display: block; /* 防止默认的行内元素间隙 */
	min-height:250px;
}
.contant-card1 > .p-texts {    
    padding: 10px;
}
.p-texts {
    padding: 10px;
    color: #878787;
}
.p-texts > .p1 {
    color: black;
    margin-top: 15px;
    font-weight: bold;font-size:18px
}
.p-texts > .p2 {
    color: #999;
    margin-top:30px;font-size:14px;
}
.contant-card {
    display: flex;
	justify-content: space-between;
	margin-top:20px;
}
.btn-sis {
    border-radius: 5px;
    border: 2px solid #007bff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 178px;
    height: 53px;
    color: #007bff;
    /*margin-top: 23px;*/
    font-size: 20px;
    cursor: pointer;
}
.gg-container {
    display: flex;
    flex-wrap: wrap;
    margin-top:23px ;
}
.banner-main{
    /*background: rgba(247,247,247);*/
    /*padding: 50px 0;*/
    text-align: center;
    font-size: 12px;
    margin-top: 100px;
}
.banner-main p{
    padding: 20px;
}
.inmput {
    width: 300px;
    border-radius: 5px;
    border: 2px solid rgba(16, 97, 181);
    padding: 20px;
    font-size: 12px;
    margin-right: 40px;
}
.input-btn {
    padding: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(16, 97, 181);
    color: #fff;
    cursor:pointer ;
}
.inputsty {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.email-box {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    padding-bottom: 100px;
    padding-top: 100px;
    margin-top: 50px;
    background: url("/wp-content/themes/ib/images/email_banner.jpg");
}
.img-rounded {
    width: 200px;
    height: 76px;
    border-radius: 5px; /* 调整圆角的半径 */
}
.email-box p {
    font-size: 12px;
    margin-bottom: 20px;
}
@media screen and (max-width: 844px) {

    .contant-card,.banhd,.gg-container{
        display: flex;
        flex-direction: column;
    }
    .email-box {
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .email-box>img{
        margin-top: 40px;
    }
}



.email-box>img{
    margin-left: 40px;
}
.banhd{
    display: flex; /* 启用 flexbox 布局 */
    justify-content: space-between; /* 均匀分布子项 */
    align-items: stretch; /* 确保子项高度相等 */
    margin-top: 36px;
}
.banhd div {
    flex: 1;
    display: flex;  /* 启用 flexbox 布局 */
    flex-direction: column;  /* 垂直排列子元素 */
    align-items: center;  /* 水平居中 */
}

.yanj{
    height: 10px;
}
.yanjs{
    display: flex;
    align-items: center;
}
.huoi{
    width: 20px;
}
.huois{
    font-weight: bold;
    display: flex;
    font-size: 24px;
    color: #0264C1;
    align-items: center;
}
.hot_hot{
    color: #F8AF28;
    font-weight: bold;
    display: flex;
    font-size: 24px;
    align-items: center;
}
.contant-ing{
    max-width: 245px;
    height: auto;
    max-height: 200px; /* 限制图片的最大高度 */}

.hot_one_container{
    display: flex;
    justify-content: space-between;
}
.hot_one_text{
    display: flex;  /* 使用 flex 布局 */
    flex-direction: column;  /* 设置为垂直布局 */
    justify-content: space-between; /* 可选，定义项之间的间距 */
}

.hot_one_left{
    display: flex;
    flex-direction: column;
    width: 214px;
    height: 100%;
    background: #F8AF28;
    position: relative;
}

.hot_one_title{
    font-family: 'Microsoft YaHei',serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#FFFFFF;
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    z-index: 0;
}
.hot_one_title:hover {
    color: blue;
}

.hot_one_excerpt{
    font-family: 'Microsoft YaHei',serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#FFFFFF;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    padding-left: 15px;
    padding-right: 10px;
}

.hot_one_text_bottom{
    display: flex;
    margin-top: auto;  /* 使底部元素推到父容器的底部 */
    padding: 10px;
    justify-content: space-between;  /* 使子元素左右分布 */
    align-items: flex-end;  /* 使子元素垂直对齐到底部 */
    width: 100%;  /* 使底部元素占满整个父容器的宽度 */
}

.hot_one_view{
    font-family: 'Microsoft YaHei',serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0000004D;
}

.hot_one_date{
    font-family: 'Microsoft YaHei',serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0000004D;
    margin-left: auto;
}
.hot_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*width: calc(100% - 213px - 20px);*/
    width: 100%;
}

.hot_bottom_title {
    font-family: 'Microsoft YaHei',serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #00000099;
    padding: 0 0 0 10px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    z-index: 0;
}
.hot_bottom_title:hover{
    color: #f4b63f;
}

.hot_bottom_details {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #555;
}
.hot_bottom_item {
    display: flex;
}
.hot_bottom_item_img{
    width: 213px;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
#latest-posts{
    margin-top: 21px;
}
.imgbox {
        /*width: 143px;*/
        /*height: auto;*/
        overflow: hidden;

    float: left;
    max-width: 143px;
}
.new_bottom_item_img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.new_bottom_title{
    font-family: 'Microsoft YaHei',serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #00000099;
    padding-left: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    z-index: 0;
}
.new_bottom_title:hover{
    color: #f4b63f;
}
.new_bottom_details{
    font-family: 'Microsoft YaHei',serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0000004D;
}

.bai_footer{
    width: 80%;
    display: flex;
}
.bai_right{
    width: 40%;
}


.button_container {
    display: flex;
    justify-content: space-between;
    gap: 21px; /* 21px 间隔 */
    padding-top: 35px;
}

.button_item {
    width: 100%; /* 每个 item 的宽度 */
    background-color: white;
    border: 2px solid #0264C1;
    padding: 5px;
    text-align: center;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    gap: 10px; /* 控制图片和文字之间的间距 */
    border-radius: 15px;
}

.button_item a {
    display: block; /* 确保 a 标签为块级元素 */
    text-decoration: none; /* 去掉默认的下划线 */
}

.button_img{
    width: 37px; /* 图片宽度占满容器 */
    height: auto;
    margin: 20px 0;
}

.button_arrow{
    width: 17px; /* 图片宽度占满容器 */
    height: auto;
}

.button_item h2 {
    font-family: 'Microsoft YaHei',serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000000B2;
    padding-top: 10px;
}

.button_item .inner {
    display: flex; /* 平行布局 */
    justify-content: center;
    align-items: center;
    gap: 10px; /* 图片和文字之间的间距 */
}

.button_item .inner img {
    /*width: 30%; !* 图片占据 item 宽度的 30% *!*/
    /*height: auto;*/
}
.tab_archive{
    font-family: 'Microsoft YaHei',serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0264C1;
    padding-top: 10px;
}
.read_more_archive{
    font-family: 'Microsoft YaHei',serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0264C1;
    margin-left: auto;
    padding-right: 10px;
}
.archive_item {
    background-color: #F5F5F5; /* 灰色背景 */
    width: 32%; /* 每个item宽度占容器的30% */
    text-decoration: none; /* 去除a标签默认的下划线 */
    padding-bottom: 30px;
}
.archive_imgbox {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    height: auto;
}
.archive_item img {
    width: 100%;
    height: 100%;
}
.archive_title{
    font-family:'Microsoft YaHei',serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000000;
    padding-left: 24px;
    padding-top: 20px;
    padding-right: 79px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    z-index: 2;
}
.archive_title:hover{
    color: #f4b63f;
}
.archive_description{
    font-family: 'Microsoft YaHei',serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #00000080;
    padding-top: 15px;
    padding-left: 24px;
    padding-right: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.why_select{
    font-family: 'Microsoft YaHei',serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 44.8px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}


.why_select_title {
    font-family: 'Microsoft YaHei',serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 57px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0264C1;
    padding-top: 20px;
    border-bottom: 2px solid #F8AF28;
}

.why_select_description{
    font-family: 'Microsoft YaHei',serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #00000080;
}
.why_select_ex{
    font-family: 'Microsoft YaHei',serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #00000080;
}
/* 优化后的整体布局 */
.email_wrap {
    margin-top: 70px;
    display: flex;
    justify-content: center; /* 中心对齐 */
    align-items: center;
}

/* 输入框样式 */
input.tnp-email {
    width: 350px;
    line-height: 20px;
    border: 2px solid #0366BC;
    border-radius: 5px;
    padding: 26px 25px; /* 优化padding */
    font-size: 15px;
    color: #00000080;
    height: 40px; /* 保持一致 */
    box-sizing: border-box; /* 确保padding不影响宽度 */
}

/* 输入框焦点样式 */
input.tnp-email:focus-visible {
    outline: none;
    border: 2px solid #0366BC; /* 保留蓝色边框 */
}

/* 按钮样式 */
.tnp-subscription div.tnp-field-button {
    max-width: 160px;
}

.tnp-field input[type="submit"] {
    width: auto; /* 按钮宽度自动适应内容 */
    min-width: 110px; /* 最小宽度为200px，确保即使文本只有两个字按钮也不会太小 */
    height: 55px;
    border: none;
    border-radius: 5px;
    background: #0366BC;
    cursor: pointer;
    font-size: 18px;
    text-transform: capitalize;
    color: white;
    padding: 0 20px; /* 给按钮左右增加一点内边距 */
    transition: background-color 0.3s ease;
}

/* 按钮交互效果 */
.tnp-field input[type="submit"]:hover {
    background-color: #024d8b; /* 按钮悬停时变暗 */
}

.tnp-field input[type="submit"]:focus {
    outline: none;
    background-color: #024d8b; /* 聚焦时按钮变暗 */
}
@media (max-width: 768px) {
    #footer .top{
        display: none;
    }
    .email-box{
        padding-bottom: 70px;
    }
    .textpotion > .p1 {
        font-size: 20px !important;
    }
    .textpotion > .p2 {
        font-size: 12px !important;
        color: #CBCBCB;
    }
    .hot-bottom h3 {
        font-size: 14px !important;
    }
    .hot-bottom h2 {
        font-size: 14px !important;
    }
    .textpotion{
        background-image: url(/wp-content/themes/ib/images/jianbian.png) ;
        background-size: 50% 100%;
    }
    .yanjs {
        margin-right: 10px;
    }
    .tabs{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .tab{
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .tab.active{
        width: 100%;
    }
    .contant-card1{
        width: 100%;
    }
    .bai_footer{
        width: 100%;
        justify-content: space-around;
    }
    .bai_right{
        width: 50%;
        margin-top:50px;
    }
    .bai_hz{
        flex-wrap: wrap;
        justify-content: center;
    }
    .tnp-field{
        width: 100px !important;
    }
    .huois{
        /*margin-top: 30px;*/
    }
    .hot_hot {
        font-size: 20px;  /* 调整字体大小 */
    }

    .contant-ing {
        max-width: 100%;
        height: auto;
        max-height: none;
    }

    .hot_one_container {
        flex-direction: column;  /* 改为垂直布局 */
        justify-content: flex-start;
    }

    .hot_one_text {
        display: block;  /* 改为块级元素 */
        padding: 10px;
    }

    .hot_one_left {
        width: 100%;
        height: auto;
        padding: 10px;
        position: relative;
    }

    .hot_one_title {
        font-size: 18px;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-line-clamp: 2; /* 限制标题最多显示两行 */
    }


    .hot_one_excerpt {
        font-size: 10px;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-line-clamp: 3; /* 限制摘要最多显示三行 */
    }

    .hot_one_text_bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
    }


    .hot_one_view, .hot_one_date {
        font-size: 12px;
        line-height: 20px;
        margin-left: 0;
    }

    .hot_content {
        width: 100%;
    }

    .hot_bottom_title {
        font-size: 14px;
        padding: 0 10px;
        -webkit-line-clamp: 2;
    }

    .hot_bottom_details {
        font-size: 12px;
    }

    .hot_bottom_item_img {
        width: 100%;
    }
    .swiper-bottom {
        display: flex;
        flex-direction: column;  /* 改为垂直布局 */
    }
    .button_container {
        flex-direction: column; /* 改为垂直排列 */
        align-items: center;  /* 水平居中 */
        gap: 15px; /* 缩小按钮之间的间距 */

    }

    .button_item {
        width: 100%;
        flex-direction: column;
        gap: 8px; 
    }

    .button_img {
        width: 30px; /* 缩小图片 */
        margin: 10px 0; /* 调整图片上下的间距 */
    }

    .button_arrow {
        width: 15px; /* 调整箭头图片大小 */
    }

    .button_item p {
        font-size: 14px;  /* 缩小文字 */
    }
    .rightr-m{
        padding: 0 !important;
    }

    .tab_archive {
        font-size: 18px; /* 减小字体 */
    }

    .read_more_archive {
        font-size: 14px; /* 减小字体 */
    }

    .archive_item {
        width: 100%; /* 每个item宽度占100% */
        padding-bottom: 20px; /* 缩小底部间距 */
    }

    .archive_title {
        font-size: 20px; /* 减小字体 */
        padding-left: 16px; /* 缩小左右边距 */
        padding-right: 16px;
    }

    .archive_description {
        font-size: 12px; /* 减小字体 */
        padding-left: 16px; /* 缩小左右边距 */
        padding-right: 16px;
    }

    .email_wrap {
        flex-direction: column; /* 让内容垂直排列 */
    }
    .tnp-field {
        width: 100% !important;
    }
    input.tnp-email {
        font-size: 15px; /* 调整字体大小 */
        height: 45px; /* 调整输入框高度 */
        width: 100% !important;
    }

    .tnp-field input[type="submit"] {
        font-size: 16px; /* 调整按钮字体 */
        height: 50px; /* 调整按钮高度 */
        width: 100% !important;
    }
    .hot_bottom_item_img {
        width: 50%; /* 让图片的宽度自适应容器 */
        max-width: 350px; /* 限制最大宽度，避免过宽 */
        height: auto; /* 高度自适应 */
    }
}



@media (max-width: 913px)  {
        .button_container {
            flex-direction: column;  /* 改为垂直排列 */
            align-items: center;  /* 水平居中 */
            gap: 20px; /* 缩小按钮之间的间距 */
        }
}
@media (max-width: 1000px)  {
    .mt{
        margin-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 844px) {
    .tab_archive {
        font-size: 18px; /* 减小字体 */
    }

    .read_more_archive {
        font-size: 14px; /* 减小字体 */
    }

    .archive_item {
        width: 100%; /* 每个item宽度占100% */
        padding-bottom: 20px; /* 缩小底部间距 */
    }

    .archive_title {
        font-size: 24px; /* 减小字体 */
        padding-left: 16px; /* 缩小左右边距 */
        padding-right: 16px;
    }

    .archive_description {
        font-size: 14px; /* 减小字体 */
        padding-left: 16px; /* 缩小左右边距 */
        padding-right: 16px;
    }

}
/* 适配平板设备 */
@media (max-width: 1024px) {

    /*.button_container {*/
    /*    flex-direction: column;  !* 改为垂直排列 *!*/
    /*    align-items: center;  !* 水平居中 *!*/
    /*    gap: 20px; !* 缩小按钮之间的间距 *!*/
    /*}*/

    /*.button_item {*/
    /*    width: 50%; !* 限制按钮宽度 *!*/
    /*    flex-direction: column;  !* 图片和文字垂直排列 *!*/
    /*    gap: 8px; !* 缩小图片和文字之间的间距 *!*/
    /*}*/

    /*.button_img {*/
    /*    width: 35px; !* 调整图片大小 *!*/
    /*}*/

    /*.button_arrow {*/
    /*    width: 16px; !* 调整箭头图片大小 *!*/
    /*}*/

    /*.button_item p {*/
    /*    font-size: 14px;  !* 缩小文字 *!*/
    /*}*/
}