* {
    --mainColor: #67b0c4;
    --omodaE5MainColor: #67b0c4;
    --el-mask-color: rgba(43, 43, 43, .7);
    --el-color-primary: #67b0c4;
    --navigation-bg-color: #000;
    --navigation-bg-o-color: rgba(0, 0, 0, .8);
    --navigation-color: #67b0c4;
    --smaller-pc-font-size: 0.82vw;
    --small-pc-font-size: 0.96vw;
    --news-normal-pc-font-size: 1.2vw;
    --normal-pc-font-size: 1.93vw;
    --big-pc-font-size: 2.41vw;
    --kv-small-pc-font-size: 0.96vw;
    --kv-normal-pc-font-size: 1.4vw;
    --kv-big-pc-font-size: 1.8vw;
    --brand-big-title-pc-font-size: 5.43vw;
    --brand-normal-title-pc-font-size: 3.34vw;
    --smaller-swiper-mob-font-size: 2vw;
    --smaller-mob-font-size: 2.6vw;
    --small-mob-font-size: 3vw;
    --normal-mob-font-size: 4vw;
    --big-mob-font-size: 6.41vw;
    --kv-small-mob-font-size: 2.54vw;
    --kv-normal-mob-font-size: 3.29vw;
    --kv-big-mob-font-size: 3.86vw;
    box-sizing: border-box;
}

header#js-header{
	display:none !important;
}

.el-tabs {
    --el-tabs-header-height: 40px;
    display: flex
}

.el-tabs__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.el-tabs__header-vertical {
    flex-direction: column
}

.el-tabs__active-bar {
    background-color: var(--el-color-primary);
    bottom: 0;
    height: 2px;
    left: 0;
    list-style: none;
    position: absolute;
    transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    z-index: 1
}

.el-tabs__new-tab {
    align-items: center;
    border: 1px solid var(--el-border-color);
    border-radius: 3px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    margin: 10px 0 10px 10px;
    text-align: center;
    transition: all .15s;
    width: 20px
}

.el-tabs__new-tab .is-icon-plus {
    height: inherit;
    transform: scale(.8);
    width: inherit
}

.el-tabs__new-tab .is-icon-plus svg {
    vertical-align: middle
}

.el-tabs__new-tab:hover {
    color: var(--el-color-primary)
}

.el-tabs__new-tab-vertical {
    margin-left: 0
}

.el-tabs__nav-wrap {
    flex: 1 auto;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative
}

.el-tabs__nav-wrap:after {
    background-color:#fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: var(--el-index-normal)
}

.el-tabs__nav-wrap.is-scrollable {
    box-sizing: border-box;
    padding: 0 20px
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,.el-tabs__nav-prev {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    width: 20px
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    display: flex;
    float: left;
    position: relative;
    transition: transform var(--el-transition-duration);
    white-space: nowrap;
    z-index: calc(var(--el-index-normal) + 1)
}

.el-tabs__nav.is-stretch {
    display: flex;
    min-width: 100%
}

.el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-text-color-primary);
    display: flex;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    height: var(--el-tabs-header-height);
    justify-content: center;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.el-tabs__item:focus,.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus-visible {
    border-radius: 3px;
    box-shadow: 0 0 2px 2px var(--el-color-primary) inset
}

.el-tabs__item .is-icon-close {
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs__item .is-icon-close:before {
    display: inline-block;
    transform: scale(.9)
}

.el-tabs__item .is-icon-close:hover {
    background-color: var(--el-text-color-placeholder);
    color: #fff
}

.el-tabs__item.is-active,.el-tabs__item:hover {
    color: var(--el-color-primary)
}

.el-tabs__item:hover {
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-tabs__content {
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 0
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid var(--el-border-color-light);
    height: var(--el-tabs-header-height)
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
    font-size: 12px;
    height: 14px;
    overflow: hidden;
    position: relative;
    right: -2px;
    transform-origin: 100% 50%;
    width: 0
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid var(--el-border-color-light);
    transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: var(--el-bg-color)
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: var(--el-fill-color-light);
    border-bottom: 1px solid var(--el-border-color-light);
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    border: 1px solid transparent;
    color: var(--el-text-color-secondary);
    margin-top: -1px;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: var(--el-bg-color-overlay);
    border-left-color: var(--el-border-color);
    border-right-color: var(--el-border-color);
    color: var(--el-color-primary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: var(--el-color-primary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: var(--el-disabled-text-color)
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom {
    flex-direction: column
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid var(--el-border-color)
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-bottom: 0;
    margin-top: -1px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right {
    bottom: auto;
    height: auto;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    bottom: 0;
    right: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right {
    flex-direction: column
}

.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left {
    justify-content: flex-end
}

.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right {
    justify-content: flex-start
}

.el-tabs--left {
    flex-direction: row-reverse
}

.el-tabs--left .el-tabs__header.is-left {
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}
.el-tabs--left .el-tabs__item.is-left.is-active{
	position:relative;
}
.el-tabs--left .el-tabs__item.is-left.is-active:before{
	content:'';
	width:2px;
	height:100%;
	position:absolute;
	right:0;
	background:var(--mainColor);
	z-index:1;
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-bottom: none;
    border-left: none;
    border-right: 1px solid var(--el-border-color-light);
    border-top: 1px solid var(--el-border-color-light);
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid var(--el-border-color-light);
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #fff
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid var(--el-border-color-light);
    border-radius: 4px 0 0 4px;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid var(--el-border-color)
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent
}

.el-tabs--right .el-tabs__header.is-right {
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid var(--el-border-color-light)
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid var(--el-border-color-light);
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-left: 1px solid #fff;
    border-right: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid var(--el-border-color-light);
    border-left: none;
    border-radius: 0 4px 4px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid var(--el-border-color)
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent
}

.el-tabs--top {
    flex-direction: column-reverse
}

.slideInLeft-transition,.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter var(--el-transition-duration)
}

.slideInRight-leave {
    animation: slideInRight-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

.slideInLeft-enter {
    animation: slideInLeft-enter var(--el-transition-duration)
}

.slideInLeft-leave {
    animation: slideInLeft-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }
}

@keyframes slideInRight-leave {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }
}

.header-main {
    display: flex;
    display: none;
    height: 2.6rem;
    justify-content: space-between;
    padding: 0 0 0 3.4rem
}

.header-main,.pc-header-main {
    align-items: center;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    box-sizing: border-box;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.pc-header-main {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0
}
@media(max-width:991px){
	.pc-header-main {
    display: none;
}
}
.mob-menu {
    display: none
}

.logo-bar {
    bottom: -.3rem;
    height: auto;
    left: 0;
    position: relative;
    transform: translate(0);
    width: 3rem;
    z-index: 102
}

.logo,.logo .img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.pc-header-main .logo-bar {
    align-items: center;
    background: var(--navigation-bg-color);
    box-sizing: border-box;
    display: flex;
    height: 3.5rem;
    justify-content: center;
    left: 0;
    padding: 1rem 0;
    position: relative;
    top: 0;
    width: 100%
}

.pc-header-main .logo-bar .logo {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 15rem
}

.link-bar {
    align-items: flex-end;
    background: transparent;
    bottom: 0;
    display: flex;
    flex-direction: row;
    height: 2.8rem;
    justify-content: center;
    padding: 0;
    position: relative;
    right: 5rem;
    transition: opacity .7s cubic-bezier(0,1,.45,1),transform .7s cubic-bezier(0,1,.45,1),height 1s;
    width: 100%;
    z-index: 100
}

.pc-header-main .link-bar {
    align-items: center;
    -webkit-backdrop-filter: blur(.4vw);
    backdrop-filter: blur(.4vw);
    background-color: var(--navigation-bg-o-color);
    background-size: cover;
    height: 2.8rem;
    position: relative;
    right: 0;
    transition: all .7s cubic-bezier(0,1,.45,1);
    width: 100vw;
	list-style:none;
    z-index: 99
}

.pc-header-main .link-bar.showlink {
    opacity: 1;
    transform: translateY(0)
}

.pc-header-main .link-bar.modellink {
    height: 65vh
}

.pc-header-main .link-bar.hidelink {
    opacity: 0;
    transform: translateY(-200%)
}

.link-bar a.link {
    color: #fff;
    font-size: .9rem;
    height: 100%;
    padding-bottom: .3rem;
    padding-top: .5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color .3s,font-family .6s;
    z-index: 2
}

.link-bar .link:hover {
    color: #fff;
    text-decoration: none
}

.link-bar .link .txt {
    margin-bottom: .5rem;
    min-height: 1rem;
    padding: 0 1.5rem;
    text-shadow: rgba(0,0,0,.3) 1px 1px 5px;
    transition: .6s
}

.pc-header-main .link-bar a {
    padding: .8rem 0
}

.pc-header-main .link-bar a.link {
    height: 2.5vw
}

.pc-header-main .link-bar .link .txt {
    margin-bottom: .2rem;
    min-height: 1rem;
    padding: 0 1.5rem;
    text-shadow: rgba(0,0,0,.3) 1px 1px 5px;
    transition: .6s;
	text-transform:uppercase;
}

.pc-header-main .link-bar .link:hover .txt ,
.pc-header-main .link-bar .link.current-page .txt{
    color: var(--mainColor);
}

.link-bar .link .line {
    background-color: #fff;
    box-shadow: 1px 1px 5px #0000004d;
    height: 1px;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    transition: background-color .6s,width .4s;
    width: 100%
}

.pc-header-main .link-bar .link .line {
    background-color: transparent;
    box-shadow: none;
    width: 0
}

.pc-header-main .link-bar .link:hover .line,
.pc-header-main .link-bar .link.current-page .line{
    width: 2rem;
	background-color: var(--mainColor);
}

.link-bar .link .earth-item {
    align-items: center;
    display: flex;
    margin-bottom: .1rem;
    padding: 0;
    position: relative;
    width: 10rem
}

.link-bar .link .earth-item .line {
    height: 1px
}

.link-bar .link .earth-item .left-line {
    background: #fff;
    height: 1.3rem;
    left: -1px;
    position: absolute;
    top: 0;
    width: .01rem
}

.earth {
    height: auto;
    margin-left: 1rem;
    margin-right: .6rem;
    opacity: .8;
    width: .8rem
}

.earth:hover {
    cursor: pointer;
    opacity: 1
}

.link-menus {
    align-items: center;
    -webkit-backdrop-filter: blur(.4vw);
    backdrop-filter: blur(.4vw);
    background-color: #2a2b2d3b;
    bottom: -7.1rem;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 2rem 0;
    position: absolute;
    transition: .2s;
    width: 100%;
    z-index: 2
}

.link-menu-item {
    background-color: transparent;
    padding: 1rem 0;
    text-align: center;
    width: 100%
}

.link-menu-item:hover {
    background-color: var(--navigation-color);
}

.show-link-menus {
    opacity: 1;
    transform: translateY(0)
}

.hide-link-menus {
    opacity: 0;
    transform: translateY(-10%)
}

.full-menus {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    left: 0;
    padding: 3rem 22rem 4rem;
    position: fixed;
    top: 44px;
    transition: .3s;
    width: 100vw
}

.full-menus,.full-menus-center {
    justify-content: center
}

.full-menu-item {
    color: #fff;
    font-size: .9rem;
    padding: .8rem 0;
    position: relative;
    text-align: left;
    width: 16.6%
}

.full-menu-item a {
    text-align: left
}

.full-menu-item .img {
    color: #ffffffbd
}

.full-menu-item .img:hover {
    color: var(--navigation-color)
}

.full-menu-item .img .txt {
    box-sizing: border-box;
    font-size: 1.7rem;
    letter-spacing: .1rem;
    text-align: center;
    text-shadow: 0 0 1rem hsla(0,0%,100%,.9);
    width: 100%
}

.full-menu-item .img img {
    height: auto;
    margin: 1rem auto 0;
    width: 10rem
}

.full-menu-item:hover {
    color: var(--navigation-color);
}

.show-full-menus{
    border-top: .01rem solid #d2d3d571;
	background-color: var(--navigation-bg-o-color);
    height: auto;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .4s,transform 0s,border-top .6s;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    z-index: 100;
}

.hide-full-menus {
    border-top: .01rem solid #d2d3d500;
    height: 0;
    opacity: 0;
    transform: translateY(-30%);
    transition: opacity .1s,transform 0s,border-top .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: -1
}

.intrenet-view {
    bottom: 0;
    height: auto;
    left: 0;
    min-height: 10vw;
    position: fixed;
    transform: translate(-8%) translateY(0);
    width: 20vw;
    z-index: 20
}

.intrenet-view .video {
    height: auto;
    opacity: 1;
    pointer-events: none;
    transition: all 1s;
    width: 100%
}

.intrenet-view .video.hide {
    display: block!important;
    opacity: 0
}

.intrenet-view .link {
    background: transparent;
    cursor: pointer;
    height: 1.5vw;
    position: absolute;
    width: 8vw;
    z-index: 3
}

.intrenet-view .link.hide {
    display: none
}

.intrenet-view .link.home {
    right: 28%;
    top: 40%
}

.intrenet-view .link.e5 {
    height: 2.5vw;
    right: 25%;
    top: 56%
}

.intrenet-view .link.e52 {
    height: 2vw;
    right: 25%;
    top: 59%
}

.demo-tabs {
    min-height: 40vh
}

.demo-tabs .el-tabs__item {
    font-size: var(--small-pc-font-size)
}

.car-menu-main {
    align-items: flex-start;
    display: flex;
    height: 100%;
    margin: 0 auto;
    padding: 0 2vw;
    width: 85vw
}

.car-menu-main .car-item {
    display: block;
    margin-bottom: 1.2vw;
    position: relative
}

.car-menu-main .car-item .img {
    height: auto;
    margin-bottom: .4vw;
    width: 10vw
}

.car-menu-main .car-item .txt {
    color: #fff;
    font-size: var(--small-pc-font-size)
}

.car-menu-main .car-item.choose .txt {
    color: var(--navigation-color)
}

.choose-main {
    padding-left: 2vw;
    transform: scale(.8)
}

.choose-main,.choose-main a {
    height: 100%;
    position: relative;
    width: 65vw
}

.choose-main a {
    display: block;
    opacity: 0;
    transform: translate(100%);
    transition: opacity .1s,transform .1s
}

.choose-main .goto-link {
    bottom: -5%;
    color: #fff;
    font-size: var(--normal-pc-font-size);
    line-height: 1.2;
    opacity: .8;
    position: absolute;
    right: 0;
    text-align: right;
    transition: opacity .2s;
    z-index: 5
}

.choose-main .goto-link:hover {
    opacity: 1
}

.choose-main .goto-link .goto {
    animation: toright-5d4ca847 1s infinite;
    bottom: 13%;
    height: auto;
    position: absolute;
    right: -30px;
    transform: translate(45%);
    width: 1.8vw
}

@keyframes toright-5d4ca847 {
    0% {
        transform: translate(45%)
    }

    50% {
        transform: translate(60%)
    }

    to {
        transform: translate(45%)
    }
}

.choose-main .img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.choose-main a.ani {
    opacity: 1;
    transform: translate(0);
    transition: opacity .7s,transform 1s;
    transition-delay: 1s
}

.choose-main .wheel {
    border-radius: 50%;
    bottom: 0;
    height: auto;
    position: absolute;
    width: 10vw
}

.choose-main .wheel.ani {
    animation: wheelAni-5d4ca847 2s;
    -webkit-animation: wheelAni-5d4ca847 2s
}

.choose-main .w1 {
    left: 0
}

.choose-main .w2 {
    right: 0
}

.j6 .wheel {
    bottom: 3%;
    width: 11vw
}

.j6 .w1 {
    left: 10%
}

.j6 .w2 {
    right: 11%
}

.j8 .w1 {
    bottom: 2.5%;
    left: 10%;
    width: 17%
}

.j8 .w2 {
    bottom: 2%;
    right: 13%;
    width: 17%
}

.c5 .wheel {
    bottom: 3%;
    width: 11vw
}

.c5 .w1 {
    left: 10.2%
}

.c5 .w2 {
    right: 10%
}

.e5 .wheel {
    bottom: 3%;
    width: 11.8vw
}

.e5 .w1 {
    left: 10.5%
}

.e5 .w2 {
    right: 9%
}

@keyframes wheelAni-5d4ca847 {
    0% {
        transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }

    to {
        transform: rotate(-5turn);
        -moz-transform: rotate(-5turn);
        -ms-transform: rotate(-5turn);
        -o-transform: rotate(-5turn)
    }
}

@media (max-width: 1024px) {
    .header-main {
        background-color:var(--navigation-bg-color);
        display: flex;
        height: 4rem;
        max-width: 100vw;
        padding: 0;
        width: 100%;
        z-index: 9999
    }

    .mob-menu {
        align-items: center;
        display: block;
        display: flex;
        height: 100%;
        justify-content: center;
        position: relative;
        width: 4rem
    }

    .mob-menu .img {
        display: block;
        height: auto;
        width: 1.5rem
    }

    .mob-menu .line {
        background-color: #fff;
        bottom: .01rem;
        height: .01rem;
        left: 0;
        position: absolute;
        transition: .5s;
        width: 100%
    }

    .logo-bar {
        height: auto;
        left: 50%;
        position: relative;
        top: 10%;
        transform: translate(-50%,-50%);
        width: 15rem;
        z-index: 20
    }

    .link-bar {
        -webkit-backdrop-filter: blur(1vw);
        backdrop-filter: blur(1vw);
        background: var(--navigation-bg-o-color);
        display: flex;
        flex-direction: column;
        height: 30rem;
		padding-top:20px;
		gap:15px;
        justify-content: flex-start;
		align-items:Center;
        left: 0;
        min-height: 30rem;
        overflow-x: hidden;
        position: fixed;
        top: 4rem;
        transition: 1s;
        transition: all .5s;
        width: 100%;
		list-style:none;
        z-index: -1l
    }
	.link-bar li{
		width:100%;
		text-align:center;
	}
	.link-bar li a{
		color:#fff;
	}
.link-bar li a:hover,
.link-bar li a.current-page{
	color:var(--mainColor);
}
    .link-bar::-webkit-scrollbar-thumb {
        background: #b9b9b977;
        border-radius: .4rem
    }

    .link-bar::-webkit-scrollbar-track {
        background: transparent
    }

    .link-bar::-webkit-scrollbar-thumb:hover {
        background: #b9b9b977
    }

    .showLinkMenu {
        opacity: 1;
        transform: translateY(0)
    }

    .hideLinkMenu {
        opacity: 0;
        transform: translateY(-130%)
    }

    .link-bar a {
        box-sizing: border-box;
        color: #fff;
        font-size: .8rem;
        height: 100%;
        margin: .3rem 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: 1s;
        width: 100%
    }

    .link-bar .link:hover {
        color: #fff;
        text-decoration: none
    }

    .link-bar .link .txt {
        margin-bottom: .5rem;
        text-shadow: rgba(0,0,0,.3) 1px 1px 5px;
        transition: .6s
    }

    .login-link {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 2rem!important
    }

    .login-link .icon {
        height: auto;
        margin-left: .3rem;
        width: .5rem
    }

    .link-bar .link .line {
        display: none
    }

    .link-bar .link .earth-item {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-bottom: .5rem;
        padding: 0;
        position: relative;
        width: 100%
    }

    .earth {
        margin: 0 .5rem 0 0
    }

    .link-menus {
        align-items: center;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
        background-color: #ffffff1a;
        display: flex;
        flex-direction: column;
        height: auto;
        left: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        top: 0;
        transition: .2s;
        width: 100%
    }

    .link-menu-item {
        height: 100%;
        margin: .7rem 0;
        padding: .5rem 0 1rem;
        text-align: center;
        width: 100%
    }

    .link-menu-item,.link-menu-item:hover {
        background-color: transparent;
    }

    .show-link-menus {
        height: auto
    }

    .hide-link-menus {
        height: 0
    }
}

@media(min-width:1024px){
	.menu-height{
			height: 56px;
	}
}