@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('/newwz/css/fonts/YouSheBiaoTiHei/YouSheBiaoTiHei.ttf') format('truetype');
}

@font-face {
    font-family: 'DingTalk-JinBuTi';
    src: url('/newwz/css/fonts/DingTalk-JinBuTi/DingTalk-JinBuTi.ttf') format('truetype');
}

@font-face {
    font-family: 'OPPOSans';
    src: url('/newwz/css/fonts/OPPOSans-H/OPPOSans-H.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans CN_Medium';
  src: url('/newwz/index/css/fonts/SourceHanSansCN/SourceHanSansCN-Medium.otf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans CN_Regular';
  src: url('/newwz/css/fonts/SourceHanSansCN/SourceHanSansCN-Regular.otf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans CN_Bold';
  src: url('/newwz/css/fonts/SourceHanSansCN/SourceHanSansCN-Regular.otf') format('truetype');
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: url("/newwz/images/banner.png") top center no-repeat, #f6f7f9;
    font-family: Source Han Sans CN;
    margin: 0;
    padding: 0;
    background-size: 1920px 680px, auto auto;
}

.header {
    background: transparent !important;
    min-height: 131px;
}

.main-header {
    background: transparent !important;
}

.main-container.banner {
  height: 550px;
  margin-bottom: 40px;
}
.main-container {
    width: 1200px;
    margin: 0 auto;
}

.logo {
    display: inline-block;
    margin-top: 115px;
    width: 605px;
    height: 126px;
    background: url('/newwz/images/logo.png') no-repeat;
    background-size: 100% 100%;
}

h3.title {
    display: inline;
    font-weight: 700;
}

.title {
    position: relative;
    padding-left: 32px;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    color: #333;
    letter-spacing: 1.5px;
}

.title.active,
.title.active a {
    color: #1764CE;
     font-family: "Source Han Sans CN_Bold";
    font-weight: 700;
}

.title::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.fourth-tabs h3.title{
     font-weight: 400;
}

.fourth-tabs h3.title.active{
     font-weight: 700;
}

.my-container {
    width: 1200px;
    margin: auto;
    padding-bottom: 60px;
}

.first-box {
    margin-top: 40px;
}

.info::before {
    background-image: url("/newwz/government/images/icon_info.png");
}

.info-list {
    margin-top: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    min-height: 150px;
}

.info-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 17px;
    width: calc((100% - 100px) / 6);
    height: 150px;
    font-family: "Source Han Sans CN_Medium";
    font-weight: 500;
    font-size: 20px;
    color: #333;
    border-radius: 8px;
    background: linear-gradient(281.6deg, #F9E6BB 0%, #FFF4DB 99.25%);
    transition: all 0.3s ease;
}

.icon-info {
    width: 56px;
    height: 56px;
}

.info-item:nth-child(2n-1) {
    background: linear-gradient(281.6deg, #F9E6BB 0%, #FFF4DB 99.25%);
}

.info-item:nth-child(3n-1) {
    background: linear-gradient(281.49deg, #CEEDFC 0%, #DEF1FB 100%);
}

.info-item:nth-child(4n-1) {
    background: linear-gradient(281.3deg, #DBF0D7 1.38%, #E5F3E2 100%);
}

.info-item:nth-child(5n-1) {
    background: linear-gradient(281.18deg, #FBDDE1 0.47%, #F8E9EA 100%);
}

.info-item:nth-child(6n-1) {
    background: linear-gradient(281.6deg, #F9E6BB 0%, #FFF4DB 99.25%);
}

.info-item:nth-child(7n-1) {
    background: linear-gradient(281.49deg, #CEEDFC 0%, #DEF1FB 100%);
}

.info-item:hover {
    margin-top: -10px;
    box-shadow: 0px 4px 12px 0px rgba(0, 73, 173, 0.12);
}

.second-box {
    margin-top: 56px;
    display: flex;
    gap: 24px;
}

.second-flex {
    width: calc(50% - 12px);
}

.second-tabs,
.fourth-tabs {
    display: flex;
    align-items: center;
    gap: 24px;
}

.second-tabs>p,
.fourth-tabs>p {
    cursor: pointer;
}

.open::before {
    background-image: url("/newwz/government/images/icon_open.png");
}

.hot::before {
    background-image: url("/newwz/government/images/icon_hot.png");
}

.open.active::before {
    background-image: url("/newwz/government/images/icon_open_active.png");
}

.hot.active::before {
    background-image: url("/newwz/government/images/icon_hot_active.png");
}

.list-box {
    width: 100%;
}

.media-list {
    width: 595px;
    margin-top: 14px;
}

.media-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: 58px;
    padding: 0 16px;
    margin-bottom: 12px;
    border-radius: 8px;
    background-color: #fff;
    border-left: 2px solid #1764CE;
    box-shadow: 0px 4px 20px 0px rgba(0, 73, 173, 0.04);
}

.media-item:last-child {
    margin-bottom: 0;
}

.media-item-title {
    flex: 1;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.media-item-date {
    flex-shrink: 0;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    color: #666;
}

.media-item:hover .media-item-title,
.media-item:hover .media-item-date {
    color: #1764CE;
}

.file::before {
    background-image: url("/newwz/government/images/icon_file.png");
}

.second-right {
    width: calc(50% - 12px);
}

.screen-box {
    width: 100%;
    padding: 20px;
    margin-top: 14px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 4px 28px 0px rgba(0, 73, 173, 0.04);
}

.input-box {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.input-box:first-child {
    margin-top: 0;
}

.screen-input-title {
    flex: 1;
    width: 455px;
    height: 49px;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid #E7EBF1;
    font-size: 16px;
}

.screen-input-title:focus {
    outline: none;
    border: 1px solid #1764CE;
    box-shadow: 0px 4px 15px 0px #1764CE33;
}

.screen-input {
    flex: 1;
    width: 221px;
    height: 49px;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid #E7EBF1;
    font-size: 16px;
}

.screen-input:focus {
    outline: none;
    border: 1px solid #1764CE;
    box-shadow: 0px 4px 15px 0px #1764CE33;
}

.retrieve {
    flex-shrink: 0;
    width: 82px;
    height: 49px;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 47px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #1764CE;
    background: #1764CE;
}

.retrieve:hover {
    background-color: #1250A5;
}

.reset {
    flex-shrink: 0;
    width: 82px;
    height: 49px;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 47px;
    color: #1764CE;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #1764CE;
    background: #fff;
}

.reset:hover {
    color: #fff;
    background-color: #1764CE
}

.plate-list {
    margin-top: 24px;
    display: flex;
    gap: 20px;
}

.plate-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    position: relative;
    width: calc((100% - 80px) / 5);
    height: 164px;
    padding-top: 15px;
    font-family: "Source Han Sans CN_Medium";
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
    background-color: #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 73, 173, 0.08);
    transition: all 0.3s ease;
}

.plate-item::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background-image: url('/newwz/government/images/img_bg_plate.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.plate-item:hover {
    color: #1764CE;
    border: 1px solid #1764CE;
    box-shadow: 0px 4px 20px 0px rgba(0, 73, 173, 0.08);
}

.icon_plate {
    width: 52px;
    height: 52px;
}

.third-box {
    margin-top: 56px;
}

.special::before {
    background-image: url("/newwz/government/images/icon_special.png");
}

.special-list {
    margin-top: 14px;
    display: flex;
    align-items: self-end;
    gap: 24px;
}

.special-list-left {
    flex: 1;
}

.special-two {
    display: flex;
    width: 100%;
    gap: 20px;
}

.special-item {
    position: relative;
    z-index: 1;
    width: calc((100% - 24px) / 2);
    height: 120px;
    padding: 26px 18px;
    border-radius: 8px;
    background: linear-gradient(90deg, #2A7CED 0%, #81B1F4 100%);
}

.special-item::before {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background-image: url('/newwz/government/images/img_bg_file.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.special-item:hover {
    margin-top: -10px;
    box-shadow: 0px 4px 20px 0px rgba(23, 100, 206, 0.2);
    transition: all 0.3s ease;
}

.special-item>p {
    position: relative;
    z-index: 3;
    font-family: "DingTalk-JinBuTi";
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    text-shadow: 0px 1px 4px rgba(40, 116, 222, 0.4);
}

.special-file {
    background: linear-gradient(90deg, #2A7CED 0%, #81B1F4 100%);
}

.special-file::before {
    background-image: url('/newwz/government/images/img_bg_file.png');
}

.special-file>p {
    text-shadow: 0px 1px 4px rgba(40, 116, 222, 0.4);
}

.decision {
    background: linear-gradient(90deg, #F37B87 0%, #F5AFB8 100%);
}

.decision::before {
    background-image: url('/newwz/government/images/img_bg_decision.png');
}

.decision>p {
    text-shadow: 0px 1px 4px rgba(237, 116, 128, 1);
}

.special-three {
    display: flex;
    margin-top: 20px;
    gap: 20px;
}

.finance {
    background: linear-gradient(90deg, #F1B938 0%, #F8C755 30.44%, #F8DA94 100%);
}

.finance::before {
    background-image: url('/newwz/government/images/img_bg_finance.png');
}

.finance>p {
    text-shadow: 0px 1px 4px #F6B92E;
}

.policy {
    background: linear-gradient(140.55deg, #5AB9E6 28.03%, #9DD5F1 98.18%);
}

.policy::before {
    background-image: url('/newwz/government/images/img_bg_policy.png');
}

.policy>p {
    text-shadow: 0px 1px 4px #3EACE1;
}

.suggestion {
    background: linear-gradient(270deg, #9FCD98 0%, #75B866 100%);
}

.suggestion::before {
    background-image: url('/newwz/government/images/img_bg_suggestion.png');
}

.suggestion>p {
    text-shadow: 0px 1px 4px rgba(64, 136, 49, 0.4);
}

.bulletin {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
    width: 228px;
    height: 260px;
    padding-top: 22px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #69A8FF 0%, #A9DAFF 100%);
    cursor: pointer;
}

.bulletin::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 177px;
    background-image: url('/newwz/government/images/img_bg_bulletin_top.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bulletin::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 87px;
    background-image: url('/newwz/government/images/img_bg_bulletin.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bulletin:hover {
    /* border: 1px solid #fff; */
    box-shadow: 0px 5px 10px 0px rgba(0, 73, 173, 0.3);
    transition: all 0.3s ease;
}

.icon-logo {
    width: 49px;
    height: 60px;
}

.icon-title {
    width: 124px;
    height: 60px;
}

.special-swiper-box {
    width: 376px;
    /* height: 100%; */
    height: 260px;
    border-radius: 8px;
}

/* 轮播 */
.special-swiper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.special-swiper .swiper-pagination {
    z-index: 6;
    width: auto;
    left: 30px;
    bottom: 20px;
}

.special-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    opacity: 1;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.6);
}

.special-swiper .swiper-pagination-bullet-active {
    width: 20px;
    background: #1764CE;
}

.swiper-slide {
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.special-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.special-swiper-item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 260px;
    padding: 34px 30px 0 30px;
    overflow: hidden;
    border-radius: 8px;
}

.special-swiper-img {
    width: 100%;
    height: 100%;
}

.special-swiper-item-title {
    max-width: 200px;
    margin-bottom: 24px;
    font-family: "YouSheBiaoTiHei";
    font-weight: 400;
    font-size: 34px;
    line-height: 40px;
    background: linear-gradient(269.51deg, #284A78 -69.84%, #1764CE 110.37%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.special-btn {
    padding: 2px 12px;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    border-radius: 48px;
    background: linear-gradient(270deg, #006BFF -25.57%, #4BC6FF 126.7%);
}

.special-btn:hover {
    background: #1764CE;
}

.fourth-box {
    margin-top: 56px;
    display: flex;
    gap: 24px;
}

.fourth-left {
    width: 440px;
}

.statistics::before {
    background-image: url("/newwz/government/images/icon_statistics.png");
}

.statistics.active::before {
    background-image: url("/newwz/government/images/icon_statistics_active.png");
}

.archives::before {
    background-image: url("/newwz/government/images/icon_archives.png");
}

.archives.active::before {
    background-image: url("/newwz/government/images/icon_archives_active.png");
}

.tab-info-box {
    margin-top: 14px;
}

.tab-info-item {
    display: flex;
    padding: 16px 20px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 4px 28px 0px rgba(0, 73, 173, 0.04);
}

.tab-statistics {
    text-align: center;
}

.tab-statistics:first-child {
    position: relative;
    padding-right: 24px;
    margin-right: 24px;
}

.tab-statistics:first-child:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    border-right: 1px dashed #CBD0D7;
}

.icon-cumulative {
    width: 24px;
    height: 24px;
}

.tab-statistics .statistics-title {
    margin: 12px 0 9px 0;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #284A78;
}

.tab-statistics .statistics-num {
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.tab-statistics:first-child .statistics-num>span {
    font-family: "OPPOSans";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #1764CE;
}

.tab-statistics .statistics-num>span {
    font-family: "OPPOSans";
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #333;
}

.icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 16px;
}

.icon-add {
    width: 20px;
    height: 20px;
}

.tab-info-archive {
    display: flex;
    align-items: center;
    gap: 20px;
    overflow-x: auto;
}

/* 滚动条整体样式 */
.tab-info-archive::-webkit-scrollbar {
    height: 8px;
    /* 滚动条高度 */
}

/* 滚动条轨道 */
.tab-info-archive::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* 轨道背景色 */
    border-radius: 4px;
    /* 轨道圆角 */
}

/* 滚动条滑块 */
.tab-info-archive::-webkit-scrollbar-thumb {
    background-color: #666;
    /* 滑块颜色 */
    border-radius: 4px;
    /* 滑块圆角 */
}

/* 滚动条滑块悬停状态 */
.tab-info-archive::-webkit-scrollbar-thumb:hover {
    background-color: #1250a7;
    /* 悬停时滑块颜色 */
}

.archive-item {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 174px;
    height: 100px;
    border-radius: 4px;
    background-image: url("/newwz/government/images/img_bg_archive.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: 1px solid #D8EBFF;
    transition: all 0.3s ease;
}

.archive-item-title {
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.archive-item-tips {
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #284A78;
}

.archive-item:hover {
    border: 1px solid #1764CE
}

.archive-item:hover .archive-item-title,
.archive-item:hover .archive-item-tips {
    color: #1764CE;
}

.fourth-right {
    flex: 1;
}

.work::before {
    background-image: url("/newwz/government/images/icon_work.png");
}

.work.active::before {
    background-image: url("/newwz/government/images/icon_work_active.png");
}

.consult::before {
    background-image: url("/newwz/government/images/icon_consult.png");
}

.consult.active::before {
    background-image: url("/newwz/government/images/icon_consult_active.png");
}

.point::before {
    background-image: url("/newwz/government/images/icon_point.png");
}

.point.active::before {
    background-image: url("/newwz/government/images/icon_point_active.png");
}

.list-box {
    margin-top: 14px;
}

.tab-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.list-item {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 10px);
    height: 58px;
    padding: 0 14px;
    border-radius: 8px;
    background-color: #fff;
    border-left: 2px solid #1764CE;
    box-shadow: 0px 4px 20px 0px rgba(82, 98, 121, 0.04);
}

.list-item::after {
    position: absolute;
    z-index: 1;
    content: '';
    top: 0;
    right: 0;
    width: 140px;
    height: 100%;
    background-image: url("/newwz/government/images/img_bg_list_item.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.list-item .list-item-label {
    position: relative;
    z-index: 2;
    padding-left: 20px;
    flex-shrink: 0;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #666;
}

.list-item .list-item-label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    /* background-image: url("/newwz/government/images/icon_label_institution.png"); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.institution::after {
    background-image: url("/newwz/government/images/icon_label_institution.png");
}

.phone::after {
    background-image: url("/newwz/government/images/icon_label_phone.png");
}

.code::after {
    background-image: url("/newwz/government/images/icon_label_code.png");
}

.email::after {
    background-image: url("/newwz/government/images/icon_label_email.png");
}

.list-item .list-item-title {
    flex: 1;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flex-between {
    position: relative;
    justify-content: space-between;
}

.info-pop-up {
    z-index: 3;
    padding: 6px;
    border-radius: 4px;
}

.pop-up {
    opacity: 0;
    /* display: none; */
    position: absolute;
    z-index: 3;
    right: 0;
    max-width: 100%;
    padding: 10px 20px;
    font-family: "Source Han Sans CN_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    white-space: wrap;
    word-wrap: break-word;
}

.pop-up::after {
    position: absolute;
    content: '';
    top: 0;
    right: 20px;
    transform: translateY(-100%);
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}

.icon-address {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

info-pop-up:hover+.pop-up {
    display: block;
     opacity: 1;
}

.info-pop-up:hover {
    background-color: #E6F2FF;
}

.address::after {
    background-image: url("/newwz/government/images/icon_label_address.png");
}

.time::after {
    background-image: url("/newwz/government/images/icon_label_time.png");
}

.mobile::after {
    background-image: url("/newwz/government/images/icon_label_mobile.png");
}

.detail-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-title>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-btn {
    flex-shrink: 0;
    color: #1764CE;
    cursor: pointer;
}

.detail-btn:hover+.pop-up {
    display: block;
}

.info-pop-up:hover .pop-up,
.info-pop-up:has(ins:focus-visible) .pop-up,
.info-pop-up:focus-visible .pop-up {
    display: block;   
    opacity: 1
}

.second-left{
    width:50%;
}

.gbentrance{
	/* all:inherit; */
	/* display:contents; */
	margin-top: -23px;
}
.text-logo {
    display: inline-block;
    position: absolute;
    top: 104px;
    right: 25px;
    width: 266px;
    height: 162px;
    background: url('/newwz/images/logo-text.png') no-repeat;
    background-size: 100% 100%;
}
/* .text-logo img{
    width:100%;
    height:100%;
} */

.moblie-show {
    display: none;
}

@media (max-width: 979px) {
    .main-container,
    .media-list,
    .my-container,
    .second-left {
        width: 100%;
    }

    .screen-input-title {
        width: calc(100% - 82px);
    }

    .info-item {
        width: calc((100% - 20px) / 2);
        text-align: center;
    }

    .second-box {
        display: block;
        padding: 0 15px;
    }

    .second-right {
        width: 100%;
        margin-top: 24px;
    }

    .screen-input {
        width: 100%;
        margin: 5px 0;
    }

    .retrieve,
    .reset {
        display: block;
        margin: 5px 0;
    }

    .plate-list {
        flex-wrap: wrap;
    }

    .plate-item {
        width: calc((100% - 20px) / 2);
    }

    .special-list {
        display: block;
    }

    .bulletin {
        margin: 20px auto;
    }

    .special-swiper-box {
        width: 100%;
    }

    .fourth-box {
        display: block;
        padding: 0 15px;
    }

    .fourth-left {
        width: 100%;
    }

    .fourth-right {
        margin-top: 20px;
        width: 100%;
    }

  .main-container.banner{
    height: 320px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

   .logo {
    width: 90%;
    margin-top: 0;
    height: 70px;
  }

  .text-logo {
    position: unset;
    margin: 0 auto;
    margin-top: 15px;
  }

  .first-box {
      padding: 0 15px;
  }

    .third-box {
        padding: 0 15px;
    }

    .second-tabs, .fourth-tabs {
        flex-wrap: wrap;
    }

    .list-item {
        width: 100%;
    }

    .special-three {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tab-info-item {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tab-statistics:first-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
        padding-bottom: 24px;
        padding-right: 0;
    }
    
    .tab-statistics:first-child:after {
        bottom: 0;
        top: unset;
        /* transform: rotateX(90deg); */
        height: 2px;
        width: 100%;
        border-right: none;
        border-bottom: 1px dashed #CBDDD7;
    }

    .tab-info-archive {
      flex-wrap: wrap;
      overflow: visible;
    }

    .archive-item {
       width: 100%; 
    }

    .pc-show {
        display: none;
    }

    .moblie-show {
        display: block;
        text-align: center;
    }

    .moblie-show-more-btn {
        color: #1764CE;
        margin: 10px 0 20px 0;
        border: 1px solid #1764CE;
    }

    
    body.abt-fontzoom0 .banner,
    body.abt-fontzoom1 .banner,
    body.abt-fontzoom2 .banner,
    body.abt-fontzoom3 .banner {
        height: 300px;
    }

    body.abt-fontzoom0,
    body.abt-fontzoom1,
    body.abt-fontzoom2,
    body.abt-fontzoom3 {
        background-size: 1920px 780px, auto auto;
    }
}

.old-care-style .main-container {
    width: 100%;
}

.old-care-style  .my-container {
    width: 100%;
}

.old-care-style .logo {
  margin-top: 0;
}

.old-care-style .text-logo {
  /* top: -50px;
  right: -150px; */
  bottom: 50px;
  top: unset;
  right: 35%;
}

.old-care-style .banner {
  height: auto;
}

.old-care-style .info-item {
    width: calc((100% - 50px)/3);
    height: 180px;
    text-align: center;
}

.old-care-style .second-box {
    flex-wrap: wrap;
}

.old-care-style .second-left,
.old-care-style .media-list{
   width: 100%; 
}

.old-care-style .second-right {
    width: 100%;
}

.old-care-style .input-box>ins {
    width: calc(100% - 82px);
}

.old-care-style .input-box>ins:last-child {
    width: calc((100% - 82px)/2);
}

.old-care-style .input-box .screen-input-title,
.old-care-style .screen-input {
    width: 100%;
}

.old-care-style .special-list {
    flex-wrap: wrap;
    justify-content: center;
}

.old-care-style .special-list-left {
    width: 100%;
    flex: unset;
}

.old-care-style  .bulletin {
    /* height: auto; */
}

.old-care-style .special-swiper-box {
    width: calc(100% - 252px);
}

.old-care-style .fourth-box {
    flex-wrap: wrap;
}

.old-care-style .fourth-left {
    width: 100%;
}

.old-care-style .tab-info-item {
    justify-content: space-between
}

.old-care-style .tab-info-archive {
    overflow: visible;
    flex-wrap: wrap;
    width: 100%;
}

.old-care-style .archive-item {
    width: 100%;
}

.old-care-style .special-item>p {
    line-height: unset;
}

.old-care-style .list-item .list-item-title {
    line-height: unset;
}

.old-care-bg-h1 {
  background-size: 1920px 680px, auto auto;
}

.old-care-bg-h1 .old-care-style .banner {
  height: 410px;
}

.old-care-bg-h1 .banner {
  height: 268px;
  height: 450px;
}

.old-care-bg-h2 {
  background-size: 1920px 600px, auto auto;
  background-size: 1920px 800px, auto auto;
}

.old-care-bg-h2 .banner {
  height: 268px;
  height: 450px;
}

.old-care-bg-h2 .old-care-style .banner {
  height: 415px;
}

.old-care-bg-h2 .old-care-style .text-logo {
  right: 0;
  top: 50px;
}

.old-care-bg-h1 .old-care-style .text-logo {
  top: 50px;
  right: 0;
}

.old-care-bg-h3 {
  background-size: 1920px 880px, auto auto;
}

.old-care-bg-h3 .old-care-style .banner {
  height: 350px;
}

.old-care-bg-h3 .banner {
  height: 420px;
}

.old-care-bg-h3 .old-care-style .logo {
   transform: translateX(85px);
}

.old-care-bg-h4 {
  background-size: 1920px 1000px, auto auto;
}

.old-care-bg-h4 .old-care-style .banner {
  height: 355px;
}

.old-care-bg-h4 .banner {
  height: 430px;
}

.old-care-bg-h4 .old-care-style .logo {
     transform: translateX(70px);
}

.old-care-bg-h4 .old-care-style .text-logo{
  right: 30%;
}

.old-care-bg-h5 {
  background-size: 1920px 1200px, auto auto;
}

.old-care-bg-h5 .old-care-style .banner {
  height: 368px;
}

.old-care-bg-h5 .banner {
  height: 480px;
}

.old-care-bg-h5 .old-care-style .logo {
     transform: translateX(15px);
}

.old-care-bg-h5 .old-care-style .text-logo{
  right: 30%;
}

.old-care-bg-h5 .old-care-style .plate-list {
    flex-wrap: wrap;
}

.old-care-bg-h5 .old-care-style .plate-item {
   line-height: unset;
   width: calc((100% - 58px) / 3);
}