.center-wrap {max-width: 1600px;margin-left: auto;margin-right: auto;width: 100%;position: relative;}
.md-wrap {padding: 0 150px;}
.ml-wrap {padding:0 170px;}

/*思源黑体 取消注释即可*/
/*@font-face {
    font-family: 'SYHT-N';
    src: url("../font/SourceHanSansCN-Normal.otf") format("truetype");
}
@font-face {
    font-family: 'SYHT-M';
    src: url("../font/SourceHanSansCN-Medium.otf") format("truetype");
}
@font-face {
    font-family: 'SYHT-H';
    src: url("../font/SourceHanSansCN-Heavy.otf") format("truetype");
}*/
.SYHT-M {font-family:"Microsoft Yahei", Sans-serif;}
.SYHT-H {font-family: "Microsoft Yahei", Sans-serif;}
.SYHT-N {font-family: "Microsoft Yahei", Sans-serif;}

.header {height: 90px;width: 100%;position: fixed;left: 0;top: 0;background: #fff;z-index: 20;display: flex;flex-direction: column;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);}
.header-h {height: 90px;}
.header .notice {height: 65px;border-bottom: 1px solid #f3f3f3;width: 100%;}
.header .notice .text {font-size: 20px;color: #444;}
.header .land {color: #999;gap:4px;position: relative;margin-left: 20px;}
.header .land:hover {cursor: pointer;color: var(--color-primary);}
.header .land:hover .tt{color: var(--color-primary);}
.header .land .icon {width: 16px;}
.header .land .tt {font-size: 16px;}
.header .container {flex: 1;width: 100%;}
.header .container .logo {height: 42px;object-fit: contain;}
.header .container .menus {display: flex;margin-left: auto;align-items: center;height: 100%;flex: 1;}
.header .container .menus li {position: relative;height: 100%;}
.header .container .menus li>a {padding: 0 15px;font-size: 20px;font-weight: bold;position: relative;display: flex;color: #303030;height: 100%;align-items: center;
    font-family: var(--font-M);cursor: pointer;}
.header .container .menus li>a:hover {color: var(--color-primary);}
.header .container .menus li.active > a{color: var(--color-primary);}

.header .container .menus li .menu { position: absolute;min-width: 140px; width: fit-content;;align-items: flex-start;background: #fff;top:60px;color: #777;display: flex; left: 0;right: 0;margin: auto;flex-direction: column;padding: 0;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);visibility:hidden;opacity: 0;transition: all .2s linear;}
.header .container .menus li .menu a {white-space: nowrap; display: flex;align-items: center;justify-content: center;padding: 12px 25px;border-bottom: 1px solid #f4f4f4;color: #333;font-size: 18px;}
.header .container .menus li .menu a:last-child {border-bottom: none;}
.header .container .menus li .menu a:hover {cursor: pointer;color: var(--color-primary);}
.header .container .menus li:hover .menu {visibility:visible;opacity: 1;top: 77px;}

.header .notice .land .land-popup {position: absolute;width: 100px;background: #fff;z-index: 10;border-radius: 4px;transition: all .1s linear;
    padding: 8px;box-shadow: 0 0 4px rgba(0,0,0,.2);display: flex;flex-direction: column;gap: 8px;visibility: hidden;top:20px;}
.header .notice .land .land-popup li {font-size: 16px;}
.header .notice .land .land-popup li:hover {color: var(--color-primary);cursor: pointer;}

/*.header .notice .land:hover .land-popup {visibility: visible;top:30px;}*/


.footer { background: #303030;padding: 60px 0 50px 0;}
.footer .list {display: flex;padding-bottom: 30px;gap: 20px;}
.footer .list .item {display: flex;flex-direction: column;flex: 1;}
.footer .list .item:nth-child(2) {flex: 1;}
.footer .list .item:nth-child(3) {flex: 1;}
/*.footer .list .item:nth-child(4) {align-items: flex-end;}*/
.footer .list .item .title {color: #fff;font-size: 20px;font-family: var(--font-M);}
.footer .list .item ul {margin-top: 12px;}
.footer .list .item ul li{color: rgba(255,255,255,.5);font-size: 16px;margin-top: 2px;}
.footer .list .item ul li .f-logo {height: 60px;margin-top: 20px;}
.footer .ewm-box {padding-bottom: 12px;border-bottom: 1px solid rgba(255,255,255,.3);}
.footer .ewm-box .title{font-size: 16px;color: #fff;font-weight: bold;}
.footer .ewm-container {width: 100%;display: flex;flex-direction: row;margin-top: 12px;gap:20px;}
.footer .ewm-container .item {display: flex;flex-direction: column;justify-content: center;align-items: center;gap:6px;}
.footer .ewm-container .item span {font-size: 14px;color: #fff;}
.footer .ewm-container .ewm {width:140px;height: 140px;}
.footer .footer-logo {margin-top: 40px;height: 70px;object-fit: contain;}

.btn-1 {width: 280px;height: 70px;border-radius: 4px;font-weight: bold;font-size: 24px;color: #fff;border: 1px solid #fff;
    display: flex;align-items: center;justify-content: center;gap: 6px;transition: all .3s linear;}
.btn-1:before {content:'';width: 60px;height: 40px;background: url("../images/icon/al-right.svg") no-repeat 100%;}
.btn-1:hover {cursor: pointer;border-radius: 10px;background: var(--color-primary);border-color: var(--color-primary);opacity: .8;}
.btn-1.primary {background: var(--color-primary);border-color: var(--color-primary);}
.btn-1.primary:hover {opacity: .8;}
.btn-1.no-arrow:before {display: none;}

.btn-1.white {background: #fff;color: #303030;border-color: transparent;}
.btn-1.white:before {background: url("../images/icon/al-right-b.svg") no-repeat 100%;}
.btn-1.sm {width: 200px;height: 56px;font-size: 20px;}
.btn-1.sm:before {width: 40px;height: 30px;}
.btn-1.inline {width: auto !important;height: auto !important;display: inline-flex;padding: 0;min-width: 0;}
.btn-1.xs {width: 148px;height: 44px;font-size: 16px;}
.btn-1.xs:before {width: 28px;height: 20px;}
/*标题*/
.index-title {font-size: 36px;font-family: var(--font-H);width: 100%;display: flex;align-items: center;justify-content: center;}
.index-title-en{
    width: 100%;display: flex;align-items: center;justify-content: center;
    font-weight: bold;
    color: #999;
    font-size: 20px;
    font-family: var(--font-M);
    transition: all .3s linear;
}
.index-title.left {justify-content: flex-start;}

.tab-title {font-size: 24px;font-family: var(--font-N);align-items: center;border-radius: 1000px;background-color: #00979c;display: inline-flex;overflow: hidden;}
.tab-title span {display: flex;align-items: center;justify-content: center;color: #fff;padding: 12px 24px;}
.tab-title span:nth-child(1) {border-radius: 1000px;width: 200px;border-right: 2px solid #fff;background-color: var(--color-primary);}
.tab-title span:nth-child(2) {background-color: #00979c;width: 200px}

/*通用导航banner*/
.nav-banner {height: 280px;width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;
display: flex;}
.nav-banner .navs {max-width: 1600px;padding: 0 150px;margin-left: auto;margin-right: auto;width: 100%;position: relative;
    display: flex;flex-direction: column;flex: 1;justify-content: center;}
.nav-banner .title {font-family: var(--font-M);color: #fff;font-size: 40px;}
/*面包屑*/
.crumbs {display: flex;align-items: center;margin-top: 12px;gap:8px;}
.crumbs li a:hover {cursor: pointer;}
.crumbs li a,.crumbs li span {font-size: 16px;color: #fff;}
.crumbs.dark li a,.crumbs.dark li span {color: #999;}
.crumbs.dark li:last-child a {color: var(--color-primary);}
/*文章*/
.article-title {font-size: 36px;font-family: var(--font-H);}
.article-desc {padding: 8px 0;display: flex;width: 100%;align-items: center;border-bottom: 1px solid #e6e6e6;}
.article-desc .eye {margin-right: 4px;width: 30px;}
.article-desc * {color: #999;}
.article-nav {margin-top: 30px;padding: 30px 0;border-top: 1px solid #e6e6e6;display: flex;justify-content: space-between;align-items: center;}
.article-nav * {color: #999;}
.article-nav a {width: 360px;}
.article-nav a:hover {cursor: pointer;color: var(--color-primary);}

.article {font-size: 20px;line-height: 38px;color: #303030;}
/*tab导航*/
.tab-panel {display: flex;align-items: center;gap: 4px;}
.tab-panel .item {min-width: 220px;height: 46px;padding: 0 12px;background: #ececec;font-size: 20px;display: flex;align-items: center;justify-content: center;
    position: relative;cursor: pointer;}
.tab-panel .item:hover,.tab-panel .item.active {background: var(--color-primary);color: #fff;}
.tab-panel .item:hover:before,.tab-panel .item.active:before {content:'';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);
    border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid var(--color-primary);}
.tab-panel.sm .item{padding: 0;font-size: 16px;}
.tab-panel.tab-flex {width: 100%;}
.tab-panel.tab-flex .item {flex: 1;min-width: 0;}

.tab-container .item {display: none;}
.tab-container .item.active {display: flex;}

/*通用分页*/
.pages-container {display: flex;flex-direction: row;align-items: center;justify-content: center;gap:10px;}
.pages-container a {cursor: pointer;font-size: 20px;}
.pages-container a:hover,.pages-container a.current {color: var(--color-primary);}
.pages-container .prev,.pages-container .next {width: 40px;height: 40px;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;}
.pages-container .prev img {transform: rotate(180deg);}
.pages-container .prev:hover,.pages-container .next:hover,.pages-container .first:hover,.pages-container .last:hover {border-color: var(--color-primary);}
.pages-container .first,.pages-container .last {width: 60px;height: 40px;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;font-size: 16px;}

/*通用新闻列表*/
.news-section .news-list-1 {display: flex;flex-wrap: wrap;row-gap: 30px;margin-left: -30px;}
.news-section .news-list-1 .item {width: calc(33.333% - 30px);margin-left: 30px;border: 1px solid #dbdbdb;display: flex;flex-direction: column;background: #fff;position: relative;cursor: pointer;}
.news-section .news-list-1 .item .img {width: 100%;overflow: hidden;position: relative;}
.news-section .news-list-1 .item .img .poster {width: 100%;height: 100%;object-fit: cover; transition: all .3s linear;}
.news-section .news-list-1 .item .img .mask {width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;
    background: rgba(0, 0, 0, 0.3);z-index: 5;}
.news-section .news-list-1 .item .img .mask .play {width: 60px;height: 60px;transition: all .3s linear;}

.news-section .news-list-1 .item .info {height: 230px;padding: 10px 20px;min-height: 0;position: relative;display: flex;flex-direction: column;gap: 10px;}
.news-section .news-list-1 .item .info .line{content:'';position: absolute;width: 0;height: 4px;bottom:0;left: 0;background: var(--color-primary);transition: all .3s linear;}

.news-section .news-list-1.no-border .item{border: none !important;}
.news-section .news-list-1.video .item .info{height: 140px;}

.news-section .news-list-1 .item:hover .img .poster {transform: scale(1.1);}
.news-section .news-list-1 .item:hover .img .mask .play {transform: scale(1.1);}
.news-section .news-list-1 .item:hover .info p:first-child {color: var(--color-primary);}
.news-section .news-list-1 .item:hover .info .line {width: 100%;}

/*通用弹窗*/
.popup-container {position: fixed;z-index: 50;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.popup-mask {position: absolute;z-index: 50;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.3);}
.popup-body {position: absolute;z-index: 52;background: #fff;border-radius: 12px;overflow: hidden;}
.popup-body .title {padding: 12px 24px;border-bottom: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: space-between;}
.popup-body .title .close {font-size: 12px;color: #aaa;}
.popup-body .title .close:hover {color: var(--color-primary);cursor: pointer;}
.popup-body .container {padding: 12px 24px;}
.popup-body .container .swiper-pagination-container {position: absolute;right: 0;left: 0;bottom: 60px;margin: auto;display: flex;align-items: center;justify-content: center;}
.popup-body .container .swiper-pagination {padding: 12px;background: rgba(0,0,0,.5);display: inline-flex;color: #fff;border-radius: 100px;}
.popup-body .container .popup-video {width: 800px;height: 500px;}
/*通用相册轮播*/
.album-swiper {width: 800px;height:500px;overflow: hidden;}
.album-swiper .swiper-wrapper,.album-swiper .swiper-wrapper img {width: 100%;height: 100%;}


/*小于1600的屏幕，采用rem计算宽高大小 8.333=(1600/1920)*100 px/(1600/8.333)*/
@media screen and (max-width: 1600px) {
    :root {--rem-token: 8.333;font-size: calc(100vw / var(--rem-token));}
    .center-wrap {max-width: 8.333rem;}
    .md-wrap {padding: 0 0.781rem;}
    .ml-wrap {padding: 0 0.995rem;}

    .header {height: 0.468rem;box-shadow: 0 0.0104rem 0.031rem 0 rgba(0, 0, 0, 0.12);}
    .header,.header-h {height: 0.468rem;}
    .header .notice {height: 0.338rem;}
    .header .notice .text {font-size: 0.104rem;}
    .header .notice .land {gap:0.02rem;margin-left: 0.041rem;}
    .header .notice .land .icon {width: 0.083rem;}
    .header .notice .land .tt {font-size: 0.083rem;}
    .header .container {height: 0.468rem;}
    .header .container .logo {height: 0.218rem;}
    .header .container .menus li>a {padding: 0 0.078rem;font-size: 0.104rem;}

    .header .container .menus li .menu { min-width: 0.729rem;top:0.3rem;}
    .header .container .menus li .menu a {padding: 0.0625rem 0.130rem;font-size: 0.092rem;}
    .header .container .menus li:hover .menu {top: 0.4rem;}

    .header .notice .land .land-popup {width: 0.52rem;padding: 0.041rem;gap: 0.041rem;top: 0.104rem;}
    .header .notice .land .land-popup li {font-size: 0.083rem;}
    .header .notice .land:hover .land-popup {top:0.156rem;}

    .footer {padding: 0.312rem 0 0.26rem 0;}
    .footer .list {padding-bottom: 0.156rem;}
    .footer .list .item .title {font-size: 0.104rem;}
    .footer .list .item ul {margin-top: 0.0625rem;}
    .footer .list .item ul li {font-size: 0.0833rem;margin-top: 0.02rem}
    .footer .list .item ul li .f-logo {height: 0.312rem;margin-top: 0.104rem;}

    .footer .ewm-box {padding-bottom: 0.0625rem;}
    .footer .ewm-box .title{font-size: 0.0833rem;}
    .footer .ewm-container {margin-top: 0.0625rem;gap:0.104rem;}
    .footer .ewm-container .item {gap:0.0312rem;}
    .footer .ewm-container .item span {font-size: 0.0729rem;}
    .footer .ewm-container .ewm {width:0.729rem;height: 0.729rem;}


    .footer .footer-logo {margin-top: 0.208rem;height: 0.364rem;}

    .btn-1 {width: 1.51rem;height: 0.364rem;border-radius: 0.02rem;font-size: 0.125rem;gap: 0.031rem;}
    .btn-1:before {width: 0.312rem;height: 0.208rem;}
    .btn-1.sm {width: 1.041rem;height: 0.291rem;font-size: 0.104rem;}
    .btn-1.sm:before {width: 0.208rem;height: 0.156rem;}
    .btn-1.xs {width: 0.77rem;height: 0.229rem;font-size: 0.083rem;}
    .btn-1.xs:before {width: 0.145rem;height:0.104rem;}

    /*标题*/
    .index-title {font-size: 0.187rem;}
    .index-title-en {font-size: 0.10rem;}
    .tab-title {font-size: 0.125rem;}
    .tab-title span {padding: 0.0625rem 0.125rem;}
    .tab-title span:nth-child(1) {width: 1.04rem;}
    .tab-title span:nth-child(2) {width: 1.04rem;}

    /*通用导航banner*/
    .nav-banner {height: 1.458rem;}
    .nav-banner .navs {max-width: 8.333rem;padding:0 0.781rem;}
    .nav-banner .title {font-size: 0.208rem;}
    /*文章*/
    .article-title {font-size: 0.187rem;}
    .article-desc {padding: 0.0416rem 0;}
    .article-desc .eye {margin-right: 0.02rem;width: 0.156rem;}
    .article {font-size: 0.104rem;line-height: 0.2rem;}
    .article.center {text-align: center;}
    .article-nav {margin-top: 0.156rem;padding: 0.156rem 0;}
    .article-nav a {width: 1.875rem;}

    /*面包屑*/
    .crumbs {margin-top: 0.0625rem;gap: 0.041rem;}
    .crumbs li a,.crumbs li span {font-size: 0.0833rem;}

    /*tab导航*/
    .tab-panel {gap: 0.02rem;}
    .tab-panel .item {min-width: 1.145rem;height: 0.239rem;padding: 0 0.0625rem;font-size: 0.104rem;}
    .tab-panel.sm .item{padding: 0;font-size: 0.0833rem;}
    .tab-panel .item:hover:before,.tab-panel .item.active:before {bottom: -0.04rem;
        border-left: 0.0625rem solid transparent;border-right: 0.0625rem solid transparent;border-top: 0.0625rem solid var(--color-primary);}
    .tab-panel.no-arrow .item:hover:before,.tab-panel.no-arrow .item.active:before {display: none;}

    /*通用分页*/
    .pages-container {gap:0.052rem;}
    .pages-container a {font-size: 0.104rem;}
    .pages-container .prev,.pages-container .next {width: 0.208rem;height: 0.208rem;}
    .pages-container .first,.pages-container .last {width: 0.312rem;height: 0.208rem;font-size: 0.0833rem;}

    /*通用新闻列表*/
    .news-section .news-list-1 {row-gap: 0.156rem;margin-left: -0.156rem;}
    .news-section .news-list-1 .item {margin-left: 0.156rem;width: calc(33.333% - 0.156rem);}
    .news-section .news-list-1 .item .img {height: 1.197rem;}
    .news-section .news-list-1 .item .img .mask .play {width: 0.312rem;height: 0.312rem;}
    .news-section .news-list-1 .item .info {padding: 0.052rem 0.104rem;gap: 0.052rem;height: 1.197rem;}
    .news-section .news-list-1.video .item .info{height: 0.729rem;}

    /*通用弹窗*/
    .popup-body {border-radius: 0.0625rem;}
    .popup-body .title {padding: 0.0625rem 0.125rem;}
    .popup-body .container {padding: 0.0625rem 0.125rem;}
    .popup-body .container .swiper-pagination-container {bottom: 0.312rem;}
    .popup-body .container .swiper-pagination {padding: 0.0625rem;}
    .popup-body .container .popup-video {width: 4.166rem;height: 2.604rem;}
    /*通用相册轮播*/
    .album-swiper {width: 4.166rem;height: 2.604rem;}
}