/*思源黑体 取消注释即可*/
@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");
}

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

.header {height: 120px;position: fixed;top:0;width: 100%;z-index: 90;left: 0;background: #fff;}

.header .logo {width: 60px;height: 60px;}
.header-h {height: 120px;}
.header .container {position: relative;width: 100%;height: 100%;z-index: 2;display: flex;align-items: center;}
.header .menus {display: flex;margin-left: auto;align-items: center;height: 100%;flex: 1;}
.header .menus li {position: relative;height: 100%;}
.header .menus li>a {padding: 0 20px;font-size: 20px;position: relative;display: flex;color: var(--color-text);height: 100%;align-items: center;
    font-family: var(--font-main-link);cursor: pointer;text-transform: uppercase;
}
.header .menus li>a:hover,.header .menus li.active>a {color: var(--color-primary) !important;text-decoration: underline;}

.header .menus li .menu { position: absolute;min-width: 140px;background: #fff;top:80px;display: flex; left: 0;right: 0;margin: auto;flex-direction: column;padding: 0;
    visibility:hidden;opacity: 0;transition: all .2s linear;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.header .menus li .menu a {display: flex;align-items: center;justify-content: center;padding: 12px 25px;color: var(--color-text);font-size: 18px;}
.header .menus li .menu a.active {color: var(--color-primary);}
.header .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: 90px;}
.header .menus li .land path {fill: var(--color-text);}
.header .menus li .land .icon {width: 22px;height: 22px;}

/*首页的header*/
.header-index {background: transparent;}
.header-index .menus li .menu {background: rgba(0,0,0,.5)}
.header-index .menus li > a {color: #fff;}
.header-index .menus li .menu a {color: #fff;}
.header-index.current {background: #fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);}
.header-index.current:before {display: none;}
.header-index.current .menus li .menu {background: #fff;}
.header-index.current .menus li .menu a {color: var(--color-text);}
.header-index.current .menus li>a {color: var(--color-text);}
.header-index.current .menus li>a:hover {color: var(--color-primary);}
.header-index.current .menus li .land path {fill: #303030;}
.header-index:before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.00) 100%);
    content:'';position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;pointer-events: none;}

/*通用标题*/
.index-title {font-size: 34px;color: var(--color-text);height: 70px;line-height: 90px; position: relative;}
.index-title:after {position: absolute;content:'';width: 64px;height: 10px;background: var(--color-primary);
left: 0;top:0;}
.article-title {color: var(--color-primary);font-size: 36px;text-align: center;}
/*按钮*/
.btn-1 {
    width: 192px;height: 60px;border: 1px solid var(--color-primary);font-size: 20px;color: var(--color-primary);
    display: flex;align-items: center;justify-content: center;text-decoration: none;
}
.btn-1:hover {background: var(--color-primary);color: #fff;cursor: pointer;}
.btn-2 {
    width: 110px;height: 34px;background: var(--color-primary); border: 1px solid var(--color-primary);font-size: 14px;color: #fff; display: flex;align-items: center;justify-content: center;text-decoration: none;
}
.btn-2:hover {background: transparent;color: var(--color-primary);cursor: pointer;}
/*描述段落*/
.description {font-size: 24px;color: var(--color-text);line-height: 36px;}
.article {font-size: 20px;color: var(--color-text);line-height: 36px;}
.article.center {text-align: center;}
/*底部*/
.footer {padding: 40px 0;background: #000;}
.footer.fixed {position: fixed;bottom: 0;width: 100%;}
.footer .link-ul {}
.footer .link-ul li,.footer .link-ul li a {color: rgba(255,255,255,.6);font-size: 14px;margin-top: 5px;}
.footer .link-ul .title {font-size: 18px;color: #fff;margin-bottom: 10px;}
.footer .link-ul li a:hover {color: var(--color-primary);}
.footer .ewm-ul {text-align: center;}
.footer .ewm-ul .ewm {width: 140px;height: 140px;}
/*内页顶部banner*/
.top-banner-section {height: 300px;position: relative;}
.top-banner-section .banner-container {width: 100%;height: 100%;position: relative;padding-right: 105px;}
.top-banner-section .banner-container .title {background: url("../images/icon/banner-bg.png") no-repeat;width: 300px;height: 300px;position: absolute;
right: 0;top:0;background-size: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding:  40px;}
.top-banner-section .banner-container .title span {color: #fff;font-size: 30px;}
.top-banner-section .banner-container .bg {width: 100%;height: 100%;object-fit: cover;}
/*选项卡*/
.tabs-panel {display: flex;align-items: center;gap: 40px;}
.tabs-panel .item {min-width: 180px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 20px;
border: 1px solid var(--color-primary);color: var(--color-primary);cursor: pointer;}
.tabs-panel .item.active,.tabs-panel .item:hover {background: var(--color-primary);color: #fff;}
/*面包屑*/
.crumbs-container {display: flex;align-items: center;height: 80px;background: #FFF5F8;width: 100%;}
.crumbs-container .tit {font-size: 20px;font-weight: bold;}
.crumbs-container .crumbs {display: flex;align-items: center;margin-top: 5px;gap:5px;}
.crumbs-container .crumbs li,.crumbs-container .crumbs a {font-size: 12px;color: #888;}
.crumbs-container .crumbs li:last-child a {color: var(--color-primary);}
.crumbs-container .crumbs a:hover {cursor: pointer;color: var(--color-primary);}

/*使命*/
.mission-container {display: flex;}
.mission-container .poster {width: 600px;overflow: hidden;cursor: pointer;}
.mission-container .poster img {width: 100%;object-fit: contain;transition: all .3s linear;}
.mission-container .poster:hover img {transform: scale(1.05);}
.mission-container .info {flex: 1;min-width: 0;padding-right: 40px;}
.mission-container .info .tit {font-size: 36px;}
/*展会*/

.exp-items {width: 100%;display: flex;flex-wrap: wrap; gap:30px;margin-top: 20px;justify-content: space-between;}
.exp-items .item {height: 208px;border: 1px solid #E9F1F4;padding: 20px;display: flex;min-width: 0;width: calc(50% - 15px);}
.exp-items .item .poster {width: 200px;height: 168px;border: 1px solid #E9F1F4;overflow: hidden;}
.exp-items .item .poster img {width: 100%;height: 100%;transition: all .3s linear;}
.exp-items .item .info {padding-left: 20px;flex: 1;min-width: 0;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.exp-items .item .tit {font-size: 22px;}
.exp-items .item .tag {display: flex;align-items: center;}
.exp-items .item .tag .icon {width: 18px;height: 18px;margin-right: 5px}
.exp-items .item .tag span {font-size: 16px;}
.exp-items .item:hover {cursor: pointer;background: #E9F1F4;}
.exp-items .item:hover .poster img { transform: scale(1.1);}

/*小于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.33rem;}
    .md-wrap {padding: 0 0.807rem;}
    .ml-wrap {padding:0 0.885rem;}

    .header {height: 0.625rem;}
    .header-h {height: 0.625rem;}
    .header .logo {width: 0.312rem;height: 0.312rem;}
    .header .menus li>a {padding: 0 0.104rem;font-size: 0.104rem;}

    .header .menus li .menu { min-width:0.729rem;top:0.416rem;}
    .header .menus li .menu a {padding: 0.062rem 0.13rem;font-size: 0.093rem;}
    .header .container .menus li:hover .menu {top: 0.468rem;}

    .header .menus li .land .icon {width: 0.114rem;height:  0.114rem;}

    .footer .link-ul li,.footer .link-ul li a {font-size: 0.0729rem;margin-top: 0.026rem;}
    .footer .link-ul .title {font-size: 0.093rem;margin-bottom: 0.052rem;}
    .footer .ewm-ul .ewm {width: 0.729rem;height: 0.729rem;}

    .index-title {font-size: 0.177rem;height: 0.364rem;line-height: 0.468rem;}
    .index-title:after {width: 0.333rem;height: 0.052rem;}
    .article-title {font-size: 0.187rem;}
    .description {font-size:0.125rem;line-height: 0.187rem;}
    .article {font-size: 0.104rem;line-height: 0.187rem;}
    .btn-1 {width: 1rem;height: 0.312rem;font-size: 0.104rem;}
    .btn-2 {width: 0.572rem;height: 0.177rem;font-size: 0.072rem;}

    /*内页顶部banner*/
    .top-banner-section {height: 1.562rem;}
    .top-banner-section .banner-container { padding-right: 0.546rem;}
    .top-banner-section .banner-container .title {width: 1.562rem;height: 1.562rem;padding:  0.218rem;}
    .top-banner-section .banner-container .title span {font-size: 0.156rem;}
    /*选项卡*/
    .tabs-panel {gap: 0.208rem;}
    .tabs-panel .item {min-width: 0.937rem;height: 0.208rem;font-size: 0.104rem;}
    /*面包屑*/
    .crumbs-container {height: 0.416rem;}
    .crumbs-container .tit {font-size: 0.104rem;}
    .crumbs-container .crumbs {margin-top: 0.026rem;gap:0.026rem;}
    .crumbs-container .crumbs li,.crumbs-container .crumbs a {font-size: 0.062rem;}
    /*使命*/
    .mission-container .poster {width: 3.125rem;}
    .mission-container .info {padding-right: 0.208rem;}
    .mission-container .info .tit {font-size: 0.187rem;}
    /*展会*/
    .exp-items {gap:0.156rem;margin-top: 0.104rem;}
    .exp-items .item {height: 1.083rem;padding: 0.104rem;width: calc(50% - 0.078rem);}
    .exp-items .item .poster {width: 1.041rem;height:0.875rem;}
    .exp-items .item .info {padding-left: 0.104rem;}
    .exp-items .item .tit {font-size: 0.114rem;}
    .exp-items .item .tag .icon {width: 0.093rem;height: 0.093rem;margin-right: 0.026rem}
    .exp-items .item .tag span {font-size: 0.083rem;}
}