/* body{
    font-size: var(--size-16);
} */
/* Header Styles */
.main-hidden{
    overflow: hidden;}

/* menu-toggle */
.menu-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    transition: all .3s ease-in-out;}

.menu-toggle .toggle-iconfont {
    transition: 0.4s;
    position: relative;
    z-index: 20;
    float: right;
    cursor: pointer;
    width: 1.25vw;
    height: 0.9375vw;
    margin: 0 auto;}

.menu-toggle .toggle-iconfont span {
    display: block;
    width: 100%;
    margin-top: 0.416667vw;
    height: var(--size-2);
    background: #fff;
    position: relative;
    cursor: pointer;}

.menu-toggle span:after,
.menu-toggle span:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    width: 1.25vw;
    height: var(--size-2);
    background-color: #fff;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
;}

.menu-toggle span:before {
    top: -0.416667vw;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
    transform-origin: 0 50%;}

.menu-toggle span:after {
    bottom: -0.416667vw;
    width: .78125vw;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transform-origin: 0 50%;}
.menu-toggle.open span:after,
.menu-toggle.open span:before{
    width: 1.25vw;}
.menu-toggle.open span:before {
    top: -0.416667vw;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);}

.menu-toggle.open span:after {
    bottom: -0.416667vw;
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    transform: rotate(-42deg);}

.menu-toggle.open .toggle-iconfont span {
    background-color: transparent !important;}

@media screen and (max-width: 1920px) {
    .menu-toggle .toggle-iconfont {
        width: 24px;
        height: 18px;}

    .menu-toggle .toggle-iconfont span {
        margin-top: 8px;
        height: 2px;}

    .menu-toggle span:after,
    .menu-toggle span:before {
        width: 24px;
        height: 2px;}

    .menu-toggle span:before {
        top: -8px;}

    .menu-toggle span:after {
        bottom: -8px;
        width: 15px;}

    .menu-toggle.open span:after,
    .menu-toggle.open span:before{
        width: 24px;}

    .menu-toggle.open span:before {
        top: -8px;}

    .menu-toggle.open span:after {
        bottom: -8px;}
}


/* menu-toggle END */

/* header */
header {
    background-color: #fff;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    transition: all .3s ease-in-out;}
.header_white header{
    background-color: transparent;}
header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--size-1);
    background-color: var(--border-color);}
header::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background: var(--color-primary);
    opacity: 1;
    transition: all .3s;}
.header_white:not(.header-fixed) header::before{
    opacity: 0;}
.header_white.search-show-nav header::before,.header_white.show-nav header::before,
.header_white.header-fixed header::before{
    opacity: 1 !important;}
.header_white header{
    position: absolute;}
.header_white header:after {
    background-color: rgba(255, 255, 255, .2);}

header a {
    color: var(--color-text-secondary-grey);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
header .logo{
    position: relative;}
header .logo .link{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;}
header .logo .link1{
    left: 0;}
header .logo .link2{
    right: 0;}
header .logo {
    height: 5vw;
    width: 35vw;
    overflow: hidden;}
header .logo a{
    display: block;
    height: 100%;
    width: 100%;}
header .logo img {
    transition:all  0.4s;
    height: auto;
    width: 100%;
    transform: translateY(-50%);}


.header_white:not(.header-fixed) header .logo img{
    transform: translateY(0);}

header .layui-container {
    position: relative;}
header .layui-container >*{
    position: relative;
    z-index: 9;}
header .menu-toggle{
    position: relative;
    z-index: 100001;}
.header {
    transition: height .5s ease-in-out;}

.header .layui-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0!important;}

header .secondary-nav {
    width: auto;
    position: relative;}

header .secondary-nav .layui-nav {
    display: flex;
    align-items: center;}

header .secondary-nav .layui-nav .layui-nav-item>a {
    cursor: pointer;
    font-size: inherit;
    padding: 0 1.09375vw;
    color: var(--color-text-regular);
    display: flex;
    align-items: center;}
header .secondary-nav .search-toggle{
    line-height: 5.208333vw !important;}
header .secondary-nav .layui-nav .layui-nav-item>a:hover {
    color: var(--color-primary);}

header .secondary-nav .layui-nav .layui-nav-item + .layui-nav-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: .875vw;
    margin-top: -.4375vw;
    width: 1px;
    background-color: rgba(0, 0, 0, .2);
    transition: 50% 10%;}


header .secondary-nav .layui-nav .layui-nav-item>a img {
    width: var(--size-24);
    height: var(--size-24);
    object-fit: contain;
    margin-right: .3125vw;}

.header_white:not(.header-fixed) .secondary-nav .layui-nav .layui-nav-item>a{
    color: #fff;}

.header_white:not(.header-fixed) .header .secondary-nav .layui-nav .layui-nav-item+.layui-nav-item:after {
    background-color: rgba(255, 255, 255, .2);}

.headerTemp {
    height: 5.208333vw;
    display: none;}
.header_white .headerTemp{
    height: 0!important;}
.sub-show-nav .headerTemp,.search-show-nav .headerTemp{
    display: block;}

.header-fixed header{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    /* top: -100%;
    opacity: 0; */
    top: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
    z-index: 999;}
.header-fixed.header-show header{
    position: fixed;
    top: 0;
    opacity: 1;}
@media screen and (min-width: 1440px){

}
@media screen and (max-width: 1440px) {
    header .secondary-nav .layui-nav .layui-nav-item>a {
        padding: 0 15px;}

    header .secondary-nav .layui-nav .layui-nav-item+.layui-nav-item:after {
        height: 14px;
        margin-top: -7px;}
    header .logo {
        height: 47.435px;
        width: 430px;
        overflow: hidden;}
    header .secondary-nav .layui-nav .layui-nav-item>a img {
        width: 18px;
        height: 18px;
        object-fit: contain;
        margin-right: .3125vw;}
}

@media screen and (max-width: 991px) {
    header .secondary-nav .layui-nav .layui-nav-item>a {
        padding: 0 10px;}
    header .secondary-nav .layui-nav .layui-nav-item:nth-of-type(2):after {
        display: none;}
    .show-nav header .secondary-nav .layui-nav .layui-nav-item:nth-of-type(2):after {
        display: block;}
}

@media screen and (max-width: 767px) {
    header .secondary-nav .layui-nav {
        display: none;}
}

/* header-nav */
.header-nav {
    display: flex;
    align-items: center;}

.header-nav .layui-nav .layui-this:after {
    content: unset;}

.header-nav .layui-nav-bar {
    display: none !important;}

.header-nav .layui-nav .layui-nav-child:before,
.header-nav .layui-nav .layui-nav-child:after {
    content: unset;}
.menu_bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: opacity .3s ;
    z-index: 99;}
.sub-show-nav .menu_bg{
    opacity: 1;
    height: 100%;}
.search-show-nav .menu_bg{
    opacity: 1;
    height: 100%;}
.show-nav header,
.sub-show-nav header,
.search-show-nav header{
    background-color: #fff !important;
    top: 0!important;
    opacity: 1!important;
    position: fixed!important;
    box-shadow: unset!important;
    z-index: 999;}
.show-nav header .logo img ,
.sub-show-nav header .logo img ,
.search-show-nav header .logo img {
    transform: translateY(-50%) !important;}
.show-nav header .secondary-nav .layui-nav .layui-nav-item > a,
.sub-show-nav header .secondary-nav .layui-nav .layui-nav-item > a,
.search-show-nav header .secondary-nav .layui-nav .layui-nav-item > a{
    color: var(--color-text-regular) !important;}
.sub-show-nav header .secondary-nav .layui-nav .layui-nav-item + .layui-nav-item::after,
.show-nav header .secondary-nav .layui-nav .layui-nav-item + .layui-nav-item::after,
.search-show-nav header .secondary-nav .layui-nav .layui-nav-item + .layui-nav-item::after{
    background-color: rgba(0, 0, 0, .2) !important;}
.show-nav header .header-main{
    display: none;}
.sub-show-nav header .header-main,
.search-show-nav header .header-main{
    display: block !important;}
.show-nav.sub-show-nav header .header-main,
.show-nav.search-show-nav header .header-main{
    display: none !important;}
.sub-show-nav .header-nav .layui-nav .layui-nav-item > .nav-title > a,
.search-show-nav.header-nav .layui-nav .layui-nav-item > .nav-title > a{
    color: var(--color-text-regular) ;}
.show-nav header::after , .sub-show-nav header::after,.search-show-nav header::after {
    background-color: var(--border-color);}
.my-center{
    display: none !important;}

.sub-show-nav .my-center,
.search-show-nav .my-center{
    display: none !important;}
.show-nav .my-center{
    display: block !important;}
.nav-child-wrap{
    display: flex;
    position: fixed;
    width: 100%;
    justify-content: center;
    top: 5.208333vw;
    left: 0;
    /* position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%); */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s;}
.search-wrap{
   position: fixed;
   width: 100%;
   top: 5.208333vw;
   padding: 4vw 5vw;
   background-color: #fff;
   opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.4s;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;}
.search-wrap .layui-input{
    max-width: 500px;}
.nav-child-wrap.active,.search-wrap.active{
    opacity: 1;
    visibility: visible;
    pointer-events: all;}
.nav-child-wrap .sub-nav-list{
    display: flex;}
.nav-child-wrap .sub-nav-list .item{
    position: relative;
    width: 10vw;
    padding: 4vw 2vw;
    text-align: left;
    transition: background-color 0.24s;
    border-left: 1px solid rgba(0, 0, 0, .1);}
.nav-child-wrap .sub-nav-list .item:hover{
    background-color: var(--bg-grey);}
.nav-child-wrap .sub-nav-list .item a{
    padding: 0;
    line-height: 1em;}
.nav-child-wrap .sub-nav-list .item a.title{
    color: var(--color-text-regular);}
.nav-child-wrap .sub-nav-list .item:last-child{
    border-right: 1px solid rgba(0, 0, 0, .1);}
.nav-child-wrap .sub-nav-list .third-nav{
    margin-top: 10px;}
.nav-child-wrap .sub-nav-list .third-nav a{
    color: var(--color-text-secondary);
    padding: 5px 0;}
.nav-child-wrap .sub-nav-list .item a:hover{
    color: var(--color-primary);}


.nav_bg {
    position: fixed;
    top: 5.208333vw;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 0px;
    background-color: #fff;
    transition: 0.4s;}
@media screen and (min-width: 992px) {
    .header-nav .layui-nav {
        padding: 0;
        background: none;
        display: flex;
        margin: 0 -1.321875vw;}

    .header-nav .layui-nav>.layui-this:after {
        content: unset;}

    .header-nav .layui-nav-bar {
        display: none;}

    .header-nav .layui-nav ul {
        font-size: 0;
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-bottom: 0;}

    .header-nav .layui-nav .layui-nav-item {
        display: table-cell;
        margin: 0;
        height: unset;
        line-height: 5.208333vw;}

    .header-nav .layui-nav .layui-nav-item>.nav-title>a {
        display: block;
        display: inline-block;
        padding: 0 0.6vw;
        color: var(--color-text-regular);
        position: relative;
        z-index: 2;
        transition: unset;}

    .header-nav .layui-nav .layui-nav-more {
        right: 5px;
        display: none;}

    .header-nav .layui-nav .layui-nav-item:not(.layui-this):hover>.nav-title>a,
    .header-nav .layui-nav .layui-nav-item.layui-this>.nav-title>a {
        background: var(--color-primary);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;}

    .header-nav .layui-nav .layui-nav-item>.nav-title>a:after {
        content: "";
        position: absolute;
        left: 1.321875vw;
        right: 1.321875vw;
        bottom: 0;
        height: .20833vw;
        background: var(--color-primary);
        transition: all .3s ease-in-out;
        transform: scaleX(0);}

    .header-nav .layui-nav .layui-nav-item.layui-this>.nav-title>a:after {
        transform: scaleX(1);}

    .header-nav .layui-nav .layui-nav-item>.nav-title>.icon {
        display: none;}

    /* 下级菜单 */
    .header-nav .layui-nav-child {
        top: 100%;
        left: 50%;
        border: 0;
        border-radius: 0;
        /* box-shadow: unset; */
        box-shadow: 0 20px 20px rgba(0,0,0,.2);
        background-color: rgba(255, 255, 255, .95);
        color: var(--color-text-regular);
        padding: 0;
        white-space: normal;
        line-height: 1.5;
        padding: var(--size-18) var(--size-15);
        text-align: center;
        margin-top: -.20833vw;
        width: 7.8125vw;
        margin-left: -3.90625vw;}
    .header-nav .layui-nav-child:before{
        content: ""!important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: var(--size-4);
        background: var(--color-primary);}

    .header-nav .layui-nav-child .submenu{
        display: block;
        padding: var(--size-12) 0;
        color: inherit;
        position: relative;
        transition: all .3s ease-in-out;
        white-space: pre-wrap;
        background-color: unset!important;}
    .header-nav .layui-nav-child .submenu:hover{
        color: var(--color-primary);}

    .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item>.nav-title>a{
        color: #fff;}
    .header_white.sub-show-nav:not(.header-fixed) .header-nav .layui-nav .layui-nav-item>.nav-title>a,
    .header_white.search-show-nav:not(.header-fixed) .header-nav .layui-nav .layui-nav-item>.nav-title>a{
        color: var(--color-text-regular);}
    .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item:not(.layui-this):hover>.nav-title>a,
    .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item.layui-this>.nav-title>a {
        color: #fff;
        font-weight: bold;}
    .header_white.sub-show-nav:not(.header-fixed) .header-nav .layui-nav .layui-nav-item:not(.layui-this):hover>.nav-title>a,
    .header_white.sub-show-nav:not(.header-fixed) .header-nav .layui-nav .layui-nav-item.layui-this>.nav-title>a ,
    .header_white.search-show-nav:not(.header-fixed) .header-nav .layui-nav .layui-nav-item:not(.layui-this):hover>.nav-title>a,
    .header_white.search-show-nav:not(.header-fixed) .header-nav .layui-nav .layui-nav-item.layui-this>.nav-title>a {
        background: var(--color-primary);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;}
    .header_white:not(.header-fixed) .header-nav .layui-nav .layui-nav-item>.nav-title>a:after {
        background: #fff;}
}

@media screen and (max-width: 1920px) {

    .header-nav .layui-nav-child{
        width: 100px;
        margin-left: -50px;}
}

/* @media screen and (max-width: 1800px) {
    .header-nav .layui-nav-child {
        font-size: 15px;
    }
} */
@media screen and (max-width: 1600px) {
    .layui-nav.fnt20{
        font-size: 17px;}
}
@media screen and (max-width: 1439px) {
    .header-nav .layui-nav .layui-nav-item {
        line-height: 75px;}


    .headerTemp {
        height: 75px;}
    .nav_bg {
        top: 75px;}
    .search-wrap{
        top: 75px;}
    .nav-child-wrap{
        top: 75px;}

}
@media screen and (max-width: 1300px){
    .nav-child-wrap .sub-nav-list .item{
        width: 14vw;
        padding: 6vw 3vw;}
    .search-wrap{
        padding: 6vw 5vw;}
     .search-wrap .layui-input{
         max-width: 400px;}
}
@media screen and (max-width: 991px) {
    header .layui-container{
        height: 75px;}
    header .header-main{
        display: none;}
    .sub-show-nav header .header-main,
    .search-show-nav header .header-main{
        display: none !important;}
    .search-wrap{
        padding: 40px;}
     .search-wrap .layui-input{
         max-width: 400px;}
    header .menu-toggle{
        display: flex !important;
        width: 75px;
        height: 75px;
        background: var(--color-primary);}
}

@media screen and (min-width: 992px) {

    header .menu-toggle{
        width: 5.208333vw;
        height: 5.20833vw;
        background: var(--color-primary);}
}
@media screen and (max-width: 1439px) {
    header .menu-toggle{
        width: 75px;
        height: 75px;
        background: var(--color-primary);}
}
@media screen and (max-width: 567px) {

    header .logo {
        height: .66rem;
        width: 6rem;}
}

/* 主菜单 */
.menu-container{
    position: fixed;
    right: 0;
    top: 5.208333vw;
    bottom: 0;
    width: 21.875vw;
    z-index: 99;
    background-color: #fff;
    right: -21.875vw;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 99999;}
.menu-container .menu-head{
    position: absolute;
    left: 0;
    right: 5.208333vw;
    top: -5.208333vw;
    background-color: var(--bg-grey);
    display: flex;}
.menu-container .menu-head .item{
    display: block;
    flex: 1;
    line-height: 5.208333vw;
    position: relative;
    padding: 0 var(--size-9);
    text-align: center;
    white-space: nowrap;
    color: var(--color-text-regular);}
.menu-container .menu-head .item:hover{
    color: var(--color-primary);}
.menu-container .menu-head .item+.item:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: var(--size-1);
    height: var(--size-15);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .2);}
.menu-container .menu-head .item img{
    width: var(--size-24);
    height: var(--size-24);
    margin-right: var(--size-9);}
.menu-container .menu-body{
    padding: var(--size-24);
    padding-right: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}
.menu-container .menu-body .mCSB_inside > .mCSB_container{
    margin-right: var(--size-24)!important;}
.menu-container .menu-list .menu-title{
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;}
.menu-container .menu-list .menu-title a{
    padding: var(--size-20) var(--size-9);
    flex: 1;
    color: var(--color-text-regular);}
.menu-container .menu-list .menu-title a:hover{
    color: var(--color-primary);}
.menu-container .menu-list .menu-title .icon{
    cursor: pointer;
    padding: var(--size-20) var(--size-9) var(--size-20) var(--size-36);
    font-size: .75em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: bold;
    width: 50%;}
.menu-container .menu-list .menu-title .icon:hover{
    color: var(--color-primary);}
.menu-container .submenu{
    position: fixed;
    right: -21.875vw;
    top: 5.208333vw;
    width: 21.875vw;
    bottom: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 999;
    background: #fff;
    padding: var(--size-24);
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: auto;}
.menu-container .submenu.show-submenu{
    right: 0;}
.menu-container .submenu-title{
    padding-bottom: var(--size-20);
    border-bottom: var(--size-1) solid var(--border-color);
    font-weight: bold;
    cursor: pointer;}
.menu-container .submenu-title .iconfont{
    transform: rotate(180deg);
    display: inline-block;
    margin-right: var(--size-9);
    cursor: pointer;}

.menu-container .third-menu{
    padding: var(--size-9) var(--size-20);
    border-bottom: var(--size-1) solid var(--border-color);
    display: none;}
.menu-container .third-menu .m-active{
    background-color: var(--bg-grey);}
.menu-container .submenu .m-active .icon-right:before{
    content: '\e625';}
.menu-container .submenu .m-active .menu-title{
    background-color: var(--bg-grey);}
.menu-container .third-menu a{
    display: block;
    padding: var(--size-9) 0;
    color: var(--color-text-secondary);
    transition: color .3s ease-in-out;}
.menu-container .third-menu a .iconfont{
    opacity: 0;
    transition: opacity .3s ease-in-out;}
.menu-container .third-menu a:hover{
    color: var(--color-text-regular);}
.menu-container .third-menu a:hover .iconfont{
    opacity: 1;}

.show-menu .site-menu-shade{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 98;}
.show-menu .menu-container{
    right: 0;}

.show-menu.header-fixed header{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
    z-index: 9999;}
@media screen and (max-width: 1439px) {
    .menu-container,
    .menu-container .submenu{
        width: 315px;
        right: -315px;
        top: 75px;}
    .menu-container .menu-head{
        right: 75px;
        top: -75px;}
    .menu-container .menu-head .item{
        line-height: 75px;}
}
/* 主菜单 END */
/*.layui-layer*/
.layui-layer .layui-layer-setwin{
    top: 16px;
    right: 40px;
    z-index: 10;
    position: absolute!important;}
.layui-layer .layui-layer-setwin .layui-layer-close2{
    top: 0px;
    right: 0px;
    background: none;
    position: relative;
    text-align: center;
    line-height: 48px;
    transition: all .5s;
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 24px;
    border: unset;
    background-color: rgba(0, 0, 0, .15);
    padding: 0;}
.layui-layer .layui-layer-setwin .layui-layer-close2:before{
    content: "\e60b";
    font-family: 'iconfont';}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{
    background-color: var(--color-secondary);}
@media screen and (max-width: 767px) {
    .layui-layer .layui-layer-setwin{
        top: 20px;
        right: 0px;}
    .layui-layer .layui-layer-setwin .layui-layer-close2{
        width: 36px;
        height: 36px;
        font-size: 18px;
        line-height: 36px;}
}


.layui-layer.tc-fullpage{
    border-radius: 0;
    background: unset;
    box-shadow: none;
    background: #fff;
    overflow: hidden;}
.layui-layer.tc-fullpage .tc-head{
    display: flex;
    justify-content: space-between;}
.layui-layer.tc-fullpage .close-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    background: var(--color-primary);
    width: 120px;
    font-weight: bold;}
.layui-layer.tc-fullpage .close-btn:hover{
    color: var(--color-secondary);}
.layui-layer.tc-fullpage .close-btn .iconfont{
    font-size: 20px;
    margin-right: 10px;}
.layui-layer.tc-fullpage .logo{
    padding: 12px 0;
    padding-left: 40px;}
.layui-layer.tc-fullpage .logo img{
    height: 56px;}

.layui-layer.tc-fullpage .layui-layer-content{
    padding: 0px;
    display: flex;
    height: 100vh!important;
    overflow: hidden;}
.layui-layer.tc-fullpage .layui-layer-content .tc-box{
    display: flex;
    flex-direction: column;
    width: 100%;}
.layui-layer.tc-fullpage .layui-layer-content .tc-box .tc-body{
    flex: 1;
    background: #E3E5E4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    overflow: hidden;}
@media screen and (max-width: 767px) {
    .layui-layer.tc-fullpage .logo{
        padding-left: 5%;}
    .layui-layer.tc-fullpage .logo img{
        height: 40px;}

}
/*nav-container*/
.nav-container{
    background-image: url(../images/header-bg.jpg);
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;}
.layui-layer.tc-fullpage .nav-container .close-btn{
    background: var(--color-primary);}
.nav-container .tc-head,
.nav-container .tc-body{
    background: none!important;}
.nav-container .tc-body{
    flex-direction: row;
    align-items: unset!important;
    justify-content: unset!important;
    padding: 0!important;}

.nav-container .nav-wrapper{
    flex: 1;
    display: flex;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-delay: .2;
    animation-delay: .2;
    padding-top: 6.2vw;
    padding-bottom: 7vw;}
.nav-container .nav-wrapper .scrollbar-box{
    height: 100%;
    overflow: hidden;}

.nav-container .nav-list{
    display: flex;
    margin: 0 -15px;
    color: var(--color-text-regular);
    padding-top: 2vw;}
.nav-container .nav-list .nav-item{
    flex: 1;
    padding: 0 15px;
    position: relative;}
.nav-list .nav-item+.nav-item:before{
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(255,255,255,.1);}
.nav-list .nav-item .title{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text-primary);}
.nav-list .nav-item .title a{
    color: inherit;
    flex: 1;
    font-size: inherit;
    font-weight: 600;}
.nav-list .nav-item .title .arrow{
    font-size: 13px;
    display: none;}
.nav-list .subnav-list .item .second-nav{
    display: flex;
    align-items: center;
    padding-bottom: 10px;}
.nav-list .subnav-list .item .second-nav a{
    color: var(--color-text-regular);
    font-size: inherit;}
.nav-list .subnav-list .item .second-nav:hover a{
    color: var(--color-primary);}
.nav-list .subnav-list .item .second-nav .icon-box{
    width: 20px;
    height: 20px;
    background-color: #F0F0F0;
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    margin-left: 30px;}
.nav-list .subnav-list .item.open .second-nav .icon-box i{
    transform: rotate(90deg);}
.nav-list .subnav-list .item .second-nav .icon-box i{
    font-size: inherit;
    transition: all .3s;}
.nav-list .nav-child{
    display: none;}
.nav-list .nav-child a{
    padding-left: .46875vw;
    display: block;
    font-size: inherit;
    color: var(--color-text-secondary);
    padding-bottom: 6px;}
.nav-list .nav-child a:hover{
    /* color: var(--color-primary); */
    color: var(--color-primary);}

.nav-container .mCSB_inside > .mCSB_container{
    margin-right: 0;}
.nav-container .mCSB_scrollTools{
    width: 5px;}
.nav-container .nav-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: linear-gradient( 90deg, #0067b9 0%, #6cbe6b 100%); */
    background: var(--color-primary);}
.nav-container .nav-footer .nav-footer-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--border-color);
    padding: 1.25vw 0;}
.nav-container .nav-footer .left{
    display: flex;}
.nav-container .nav-footer p{
    color: rgba(255, 255, 255, .9);
    font-size: 13px;}
.nav-container .nav-footer p + p{
    margin-left: 30px;}
.nav-container .nav-footer .right{
    display: flex;
    align-items: center;}
.nav-container .nav-footer .right .title{
    color: rgba(255, 255, 255, .9);
    font-weight: 800;
    margin-right: 10px;}
.nav-container .nav-footer .right .media-list .media-item .tc-box{
    width: 6.25vw;
    top: unset;
    bottom: 100%;
    margin-top: unset;

    margin-bottom: .625vw;}
.nav-container .nav-footer .right .media-list .media-item .tc-box::after{
    top: unset;
    bottom: -.625vw;
    border-bottom: none;
    border:.3125vw solid transparent;
    border-top: .3125vw solid rgba(255, 255, 255, 1);}
.nav-container .nav-footer .right .media-list .media-item a{
    border-color: #fff;
    background: #fff;}
.nav-container .nav-footer .right .media-list .media-item a i{
    color: var(--color-primary);}
.nav-container .nav-footer .right .media-list .media-item a:hover{
    /* background: linear-gradient( 90deg, #0067b9 0%, #6cbe6b 100%);
    -webkit-background-clip: unset; */
    color: #fff !important;
    /* border-color: #6cbe6b; */
    background-color: var(--color-primary);}
.nav-container .nav-footer .right .media-list .media-item a:hover i{
    background: unset;
    -webkit-background-clip: unset;
    color: #fff !important;}
@media screen and (max-width: 1439px){
    .nav-container .nav-wrapper{
        padding-top: 105px;}
}
@media screen and (max-width: 1400px) {
    .nav-container .nav-list{
        margin: -5px;}
    .nav-container .nav-list .nav-item{
        padding: 0 5px;}
}
@media screen and (max-width: 1200px) {
    .nav-container .nav-list{
        margin: -15px;
        flex-wrap: wrap;}
    .nav-container .nav-list .nav-item{
        padding:  15px;}
    .nav-container .nav-list .nav-item{
        width: 20%;
        flex: unset;}
}

@media screen and (max-width: 767px) {
    .nav-container .nav-wrapper{
        padding: 85px 0 15px;
        position: relative;}
    .nav-container .layui-container{
        padding-right: 0;}
    .nav-container .nav-list{
        margin: 0px;
        display: block;}
    .nav-container .nav-list .nav-item{
        width: 100%;
        border-bottom: 1px solid var(--border-color);
        padding: 10px 0;}
    .nav-list .nav-item .title .arrow{
        display: block;}
    .nav-list .subnav{
        display: none;}
    .nav-container .nav-footer{
        display: none;}
}

/*nav-container END*/

/*弹窗动画*/
.layer-anim-01 {
    -webkit-animation-name: slideInDown !important;
    animation-name: slideInDown !important;
    -webkit-animation-duration: .6s !important;
    animation-duration: .6s !important;}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;}

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);}
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;}

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);}
}

.layui-layer.tc-fullpage.layer-anim-close {
    -webkit-animation-name: slideOutUp !important;
    animation-name: slideOutUp !important;
    -webkit-animation-duration: .6s !important;
    animation-duration: .6s !important;}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);}

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);}
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);}

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);}
}

/*弹窗动画 END*/


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: var(--color-primary);}
.mCSB_scrollTools .mCSB_draggerRail{
    background-color: unset;
    background-color: rgba(0, 0, 0, .1);}

@media screen and (min-width: 1920px) {
    .mCSB_inside > .mCSB_container{
        margin-right: 1.5625vw;}
}


/* search-layer */
/*弹窗动画*/
.layui-layer.tc-search.layer-anim-close {
    -webkit-animation-name: slideOutUp !important;
    animation-name: slideOutUp !important;
    -webkit-animation-duration: .6s !important;
    animation-duration: .6s !important;}
/*弹窗动画 END*/
.layui-layer.tc-search{
    left: 0!important;
    right: 0!important;
    width: unset!important;
    background-color: unset!important;}
.layui-layer.tc-search .layui-layer-content{
    height: 100%!important;}
.layui-layer.tc-search .search-container{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;}
.layui-layer.tc-search .layui-layer-setwin .layui-layer-close2{
    width: 2.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
    background: var(--color-primary);
    color: #fff;
    right: 3.125vw;
    top: 1.25417vw;}
.search-layer{
    height: 100%;}
.search-container .search-head,
.search-container .search-body{
    width: 100%;}
.search-container .search-head{
    font-weight: bold;
    color: #fff;
    background-color: #fff;
    line-height: 1;
    position: relative;
    height: 5.20833vw;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);}
.search-container .search-head .logo img{
    height: 3.375vw;}
.search-container .search-body{
    flex: 1;
    background-color: rgb(232 239 241 / 90%);
    padding: 2.5vw 0;
    position: relative;}
.search-container .search-body>*{
    position: relative;
    z-index: 1;}
/* .search-container .search-body:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 55%;
    height: 75%;
    background: url(../images/bg-search.png) left top no-repeat;
    background-size: contain;
    z-index: 0;
} */
.search-container .search-body:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 3.125vw;
    width: 100%;
    background: url(../images/bg-search-1.png)  bottom no-repeat;
    background-size: 100%;
    z-index: 0;}

.search-container .search-body .layui-form .type-radio-group{
    margin-bottom: var(--size-4);
    display: flex;
    align-items: center;}
.search-container .search-body .layui-form .item+.item{
    margin-left: var(--size-4);}
.search-container .search-body .layui-form .layui-form-radio{
    margin: 0;
    padding: 0 var(--size-24);
    display: block;
    color: inherit;
    line-height: 1.2;
    text-align: center;
    background-color: #fff;
    font-size: inherit;
    height: 3.4658333vw;
    line-height: 3.4658333vw;
    min-width: 6vw;}
.search-container .search-body .layui-form .layui-form-radio i{
    display: none;}
.search-container .search-body .layui-form .layui-form-radio>*{
    font-size: inherit;
    color: inherit!important;}
.search-container .search-body .layui-form .layui-form-radio:hover{
    color: inherit;}

.search-container .search-body .layui-form .layui-form-radioed{
    background: var(--color-primary);
    color: #fff!important;}


.search-container .search-body .layui-form{
    max-width: 60%;
    margin: 0 auto;
    padding-bottom: 3.25vw;}
.search-container .search-body .layui-form .layui-input{
    background-color: #fff;}
.search-container .search-body .layui-form .layui-form-select{
    margin-right: .3125vw;}
@media screen and (max-width: 1439px) {
    .search-container .search-head{
        height: 75px;}
    .layui-layer.tc-search .layui-layer-setwin .layui-layer-close2{
        width: 36px;
        height: 36px;
        line-height: 36px;
        top: 19.5px;}
    .search-container .search-head .logo img{
        height: 40px;}
    .search-container .search-body{
        padding: 36px 0;}
    .search-container .search-body .layui-form .layui-form-select{
        margin-right: 4.5px;}
    .search-container .search-body .layui-form .layui-form-radio{
        height: 50px;
        line-height: 50px;}
}
@media screen and (max-width: 1199px) {
    .search-container .search-body:after{
        border-bottom-width: 1px;
        background-size: 200px;}
    .search-container .search-body .layui-form{
        max-width: 720px;}
}
@media screen and (max-width: 991px) {
    .search-container .search-body:after{
        border-bottom-width: 1px;
        background-size: 200px;}
    .search-container .search-head{
        height: 82px;}
}
@media screen and (max-width: 767px) {
    .search-container .search-body:before{
        width: 85%;
        height: 75%;}
    .search-container .search-body .layui-form .item {
        flex: 1;}
}
@media screen and (max-width: 567px) {
    .search-container .search-head .logo img{
        height: .64rem;}
    .layui-layer.tc-search .layui-layer-setwin .layui-layer-close2{
        right: .32rem;}
    .search-container .search-body .layui-form>.ala-flex{
        display: block;}
    .search-container .search-body .layui-form .layui-form-select{
        margin-right: 0;
        margin-bottom: 5px;}
    .search-container .search-body .layui-form .layui-btn{
        margin-top: 5px;
        justify-content: center;}
}
/* search-layer END */

/* 三级菜单样式 */
/* 二级菜单包裹容器 - 用于定位三级菜单 */
.header-nav .layui-nav-child .submenu-wrapper {
    position: relative;
    display: block;}

/* 二级菜单项样式 */
.header-nav .layui-nav-child .submenu-wrapper .submenu {
    display: block;}

/* 三级菜单容器 - 默认隐藏 */
.header-nav .layui-nav-child .submenu-wrapper .submenu-third-level {
    display: none;
    position: absolute;
    left: calc(100% + var(--size-15));
    top: calc(var(--size-18) * -1);
    min-width: 150px;
    background: rgba(248, 250, 252, 0.98);
    box-shadow: 0 20px 20px rgba(0,0,0,.2);
    z-index: 200;
    padding: var(--size-18) var(--size-15);
    margin-left: 0;
    border-radius: 0;}

/* 三级菜单容器顶部色条 */
.header-nav .layui-nav-child .submenu-wrapper .submenu-third-level:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background: var(--color-primary);}

/* 三级菜单左侧桥接区域 - 填补二级菜单和三级菜单之间的间隙，保持hover状态 */
.header-nav .layui-nav-child .submenu-wrapper .submenu-third-level:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: var(--size-15);
    background: transparent;}

/* 鼠标悬停在包裹容器上时显示三级菜单 */
.header-nav .layui-nav-child .submenu-wrapper:hover .submenu-third-level {
    display: block;}

/* 三级菜单链接样式 */
.header-nav .layui-nav-child .submenu-wrapper .submenu-third-level a {
    display: block;
    padding: var(--size-12) 0;
    color: var(--color-text-regular);
    line-height: 1.5;
    white-space: nowrap;
    background-color: transparent !important;
    transition: all .3s ease-in-out;}

/* 三级菜单链接悬停样式 */
.header-nav .layui-nav-child .submenu-wrapper .submenu-third-level a:hover {
    color: var(--color-primary);}

/* 响应式调整 */
@media screen and (max-width: 1920px) {
    .header-nav .layui-nav-child .submenu-wrapper .submenu-third-level {
        min-width: 120px;}
}