@charset "utf-8";


@supports (height:1lh) {
    p:empty {
        height: 1lh;
    }
}

/* 全局统一过渡动画 0.3秒 */
* {
    -moz-transition: all 0.25s ease-in-out !important;
    -webkit-transition: all 0.25s ease-in-out !important;
    -o-transition: all 0.25s ease-in-out !important;
    -ms-transition: all 0.25s ease-in-out !important;
    transition: all 0.25s ease-in-out !important;
}

:root {
    --padding: 1vw;
    --color: rgb(255, 96, 0);
    --hover-color: rgb(255, 255, 255);
    --border-radius: 100px;
    --border-width: 0.15vw;
    --hover-border-width: 1px;
    --border-color: rgb(255, 96, 0);
    --hover-border-color: rgb(255, 96, 0);
    --hover-background: rgb(255, 96, 0);
    --border-style: solid;
    --hover-border-style: solid;
    --fill-color: currentColor;
    --stroke-color: currentColor;
}

:root {
    --font-12: .625vw;
    --font-14: .729167vw;
    --font-16: .833333vw;
    --font-18: .9375vw;
    --font-20: 1.041667vw;
    --font-22: 1.145833vw;
    --font-24: 1.25vw;
    --font-26: 1.354167vw;
    --font-28: 1.458333vw;
    --font-30: 1.5625vw;
    --font-32: 1.666667vw;
    --font-34: 1.770833vw;
    --font-36: 1.875vw;
    --font-38: 1.979167vw;
    --font-40: 2.083333vw;
    --font-42: 2.1875vw;
    --font-44: 2.291667vw;
    --font-46: 2.395833vw;
    --font-48: 2.5vw;
    --font-50: 2.604167vw;
    --font-56: 2.916667vw;
    --font-60: 3.125vw;
    --font-70: 3.645833vw;
    --gap5: .260417vw;
    --gap10: .52083vw;
    --gap15: .78125vw;
    --gap20: 1.04167vw;
    --gap25: 1.30208vw;
    --gap30: 1.5625vw;
    --gap40: 2.08333vw;
    --gap50: 2.60417vw;
    --gap60: 3.125vw;
    --gap70: 3.64583vw;
    --gap80: 4.16667vw;
    --gap100: 5.20833vw;
    --gap120: 6.25vw;
    --gap150: 7.8125vw;
    --gap200: 8.33333vw;
    --gap300: 9.375vw;
    --gap500: 26.04167vw;
    --header-width-inner: 91.67%;
    --pos-card-height: 2.5vw;
    --pos-card-radian: 4.166667vw;
    --pos-card-pic: 1.25vw;

    --main-third-hover-color-rgb: 18, 101, 199;
    --linear-color: linear-gradient(124deg, #ebb13c, #ed7841);
    --linear-color-h: linear-gradient(-124deg, #ebb13c, #ed7841);
    --background: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%), linear-gradient(#f67524, #f67524);
    --background-hover: linear-gradient(-34deg, #ed7841 100%, #ebb13c 0%), linear-gradient(#f67524, #f67524);
    --win-width-1920: 100vw;

    --swiper-navigation-color: #FF6000;
    --swiper-theme-color: #FF6000;

    --swiper-pagination-color: #FF6000;
    --swiper-theme-color: #FF6000;
}


@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: HELVETICANEUELTPRO-THEX;
    src: url('./fonts/HELVETICANEUELTPRO-THEX.OTF')
}

@font-face {
    font-family: DisneyEnglish-Bold;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/DisneyEnglish-Bold.otf");
}

::-webkit-scrollbar-track-piece {
    width: 8px;
    height: 4px;
    background-color: #f0f0f0
}

::-webkit-scrollbar {
    width: 8px;
    height: 4px;
    background-color: #666
}

::-webkit-scrollbar-thumb {
    width: 8px;
    height: 4px;
    background-color: #666
}

::-webkit-scrollbar-thumb:hover {
    width: 8px;
    height: 4px;
    background-color: #2e2e2e
}

* {
    margin: 0;
    padding: 0;
}

body,
html {
    width: 100%;
    height: 100%;
    font-size: 1vw;
    font-family: "Work Sans", "Microsoft JhengHei", "Noto Sans TC", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -overflow-scrolling: touch;
    color: #232323;
    /* background-color: #f7f7f7; */
}

body {
    overflow-x: hidden
}



ul li {
    list-style: none
}

a {
    text-decoration: none;
    color: #222;
}

a:hover {
    text-decoration: none !important;
    color: #ff5e1e;
}

h1 {
    font-size: 2vw;
    font-weight: 600;
}

h2 {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1em !important;

}

h3,
h4 {
    font-size: 1.4vw;
    font-weight: 500;
}

h5 {
    font-size: 1.1vw;
    font-weight: 400;
}


h6 .title {
    font-size: 1.55vw !important;
    display: block;
    font-weight: 500;
    margin-bottom: 0.5vw;
    padding-left: 0.89vw;
    border-left: 4px solid #c6000b;
    line-height: 1.2vw;
}


img {
    border: none
}

input,
textarea {
    outline: 0;
    border: none;
    padding: 0.1vw 0.3vw;
    background: 0 0;
    font-size: 0.90vw;
}

.row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.row .col-md-12 {
    width: 100%;
}

.row .col-md-6 {
    width: 50%;
}

.row .col-md-4 {
    width: 33%;
}

.row .col-md-9 {
    width: 70%;
}

.row .col-md-3 {
    width: 30%;
}

.row .col-md-7 {
    width: 60%;
}

.row .col-md-5 {
    width: 40%;
}

select {
    padding: 0.5vw;
    font-size: var(--font-16);
}



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}





.btn {
    background-color: #1d1818;
    border-radius: 50px;
    color: #fff;
    font-size: var(--font-18);
    font-weight: 600;
    gap: var(--gap40);
    /* margin-top: var(--gap40); */
    min-width: 5.208333vw;
    white-space: nowrap;
    /* max-height: 1.6vw; */
    overflow: hidden;
    padding: .625vw 1.0417vw;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.btn::after {
    content: "";
    /* 修复：使用背景图引入SVG，完美支持居中、缩放 */
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='12'%20viewBox='0%200%2013%2012'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{fill:%23ffffff;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20id='形状_2'%20data-name='形状%202'%20class='cls-1'%20d='M2.49,11.9l8.422-8.444L10.9,9.439a0.317,0.317,0,0,0,.316.317h1.461A0.318,0.318,0,0,0,13,9.439l-0.021-9.1A0.318,0.318,0,0,0,12.872.1,0.314,0.314,0,0,0,12.636,0l-9.073.009a0.316,0.316,0,0,0-.316.318V1.76a0.317,0.317,0,0,0,.317.317l5.9-.006L1.07,10.482a0.318,0.318,0,0,0,0,.449L2.042,11.9a0.318,0.318,0,0,0,.449,0h0Zm0,0'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    /* 核心：让SVG在圆形内完全居中 */
    background-position: center center;
    /* 控制箭头大小，不超出圆形 */
    background-size: 50% auto;

    --aspect: 1.56253vw;
    display: inline-flex;
    /* 核心：上下居中 */
    align-items: center;
    /* 核心：左右居中 */
    justify-content: center;

    background-color: #333;
    border-radius: 50%;
    height: 1.56253vw;
    width: 1.56253vw;
    margin-left: .5vw;
    /* 去掉无用的 line-height / 重复样式 */
    vertical-align: middle;
}

.btn::before {
    background-color: #ff5e1e;
    border-radius: 50px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
    -webkit-transition: opacity .3s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.165, .84, .44, 1) .3s;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.165, .84, .44, 1) .3s;
    transition: transform 0s cubic-bezier(.165, .84, .44, 1) .3s, opacity .3s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: transform 0s cubic-bezier(.165, .84, .44, 1) .3s, opacity .3s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.165, .84, .44, 1) .3s;
    width: 100%;
    z-index: -1
}

.btn.btn_bg2 {
    background-color: #fff !important;
    color: #333 !important;
}

.btn:hover {
    color: #fff !important;

    -webkit-box-shadow: 0 10px 50px rgba(100, 8, 0, .4);
    /* box-shadow: 0 10px 50px rgba(100, 8, 0, .4); */
    box-shadow: 0 10px 50px rgba(255, 96, 0, .4);

}

.btn:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.455, .03, .515, .955);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1)
}

.btn.btn_bg3::after {
    background-color: var(--color) !important;

}
.btn_bg4 {
    background-color: var(--color) !important;

}

.btn2 {
    background-color: #fff;
    border-radius: 50px;
    color: #333;
    font-size: var(--font-18);
    font-weight: 600;
    gap: var(--gap40);
    /* margin-top: var(--gap40); */
    min-width: 5.208333vw;
    overflow: hidden;
    padding: .625vw 1.0417vw;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
    display: inline-block;
    border: none;
    cursor: pointer;
}





.clear {
    clear: both
}

.fl,
.left {
    float: left
}

.fr,
.right {
    float: right
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


img {
    float: none;
    max-width: 100%;
    height: auto
}

.font-color-yel {
    color: #32b1b4;
}

/* 统一投影 */
.shadow {
    box-shadow: 0px 1px 17px rgb(0 0 0 / 10%);
}


.container {
    max-width: 84%;
    width: 100%;
    margin: auto;
}

.clearfix:after {
    clear: both;
    display: block;
    content: ''
}

.clearfix {
    zoom: 1
}

.show {
    display: block
}

.hide {
    display: none
}



.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    z-index: 100;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

.hide {
    display: none;
}

.show {
    display: block;
}


/* 全局tab 菜单  开始 */
#tab .tabList {
    width: 100%;
}

#tab .tabList {
    border-bottom: 1px solid #eee;
    margin-top: 4vw;
}

#tab .tabList ul li {
    display: inline-block;
    /* width:20vw; */
    text-align: center;
    font-size: 1.5vw;

}

#tab .tabList ul li a {
    display: block;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 1.5vw;
    line-height: 2em;
}

#tab .tabList li a.active {
    color: #254678;
    font-weight: 600;
    border-bottom: solid 2px #254678;

}

/* 全局tab 菜单  结束 */

.popup {
    display: block;
}

.popup .fixed-container {
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: 100%
}

.popup .fixed-container.center {
    left: 50%;
    top: 50%;
}

.popup .closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    cursor: pointer;
    width: 48px;
    height: 48px;
}

.popup .closeBtn:after {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 20px;
    position: absolute;
    left: 4px;
    top: 4px;
    content: '';
    transition: all ease-out .2s
}


.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

.loading.show {
    display: flex
}

.loading .spinner {
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-name: rotate-forever;
    animation-timing-function: linear;
    height: 30px;
    width: 30px;
    border: 4px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.7;
    box-sizing: border-box;
}

#banner img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}


.pages {

    position: relative;
    /* padding: 2vw; */
    margin-bottom: 30px;
}


.pages .pagination {
    position: absolute;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
}

.pages .pagination li.disabled {
    background: #f4f4f4;
    cursor: not-allowed;
}

.pages a,
.pages span {
    display: inline-block;
    padding: 3px 10px;
    margin: 0 2px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pages a,
.pages li {
    display: inline-block;
    list-style: none;
    text-decoration: none;
}

.pages li.rows {
    margin: 0 0 0 7px;
    font-size: 14px;
    line-height: 29px;
}

.pages a.first,
.pages a.prev,
.pages a.next,
.pages a.end {
    margin: 0;
}

.pages a:hover {
    border-color: #ccc;
    background: #eee;
    color: #fff;
}

.pages li.active span {
    background: #ff5e1e;
    color: #FFF;
    font-weight: 700;
    border-color: #ff5e1e;
}

/* 留言板提交成功后 弹出信息 */
.modal {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.31s ease 0s;
    -webkit-transition: all .31s ease-in;
}

.modal .text-success {
    width: 18vw;
    padding: 2vw;
    text-align: center;
    background-color: #fff;
    border-radius: 0.52vw;
    transition: all 0.31s ease 0s;
    -webkit-transition: all .31s ease-in;
    box-shadow: 0px 1px 17px rgb(0 0 0 / 10%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal .text-success h3 {
    line-height: 1.6;
    color: #001621;
}

.modal .text-success .btn {
    margin-top: 2vw;
}


/* 头部 */
#header {
    position: fixed;
    transition: all .4s ease;
    -webkit-transition: All 0.3s;
    z-index: 99;
    width: 100%;
    height: 5vw;
    top: 0;
}

#header .container {
    position: relative;
}

#header .container .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5vw;
}

/* 语言切换菜单 */
#header .header-column {
    display: none;
}

#header .container #headTop {}

#header .container a#logo img {
    width: 10vw;
}

#header .smlogo {
    display: none;
}
#header .nav>ul {
    margin: 0;
}
#header .nav>ul>li>a span {
    /* color: var(--color) !important; */
    
}

/* 首页菜单，下横线 */
#header.nav_index .nav>ul>li>a:before {
    /* opacity: 0; */
    height: 0px;
}

#header.nav_index .nav>ul>li>a:hover span {
    color: var(--color);
}

#header .nav>ul>li>a:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 0px;
    background-color: var(--color);
    transition: all .36s ease;
}

#header .nav>ul>li>a:hover:before {
    background-color: var(--color);
    height: 3px;
}

/* #header .nav>ul>li a.active span,
.agent-desktop #header .nav>ul>li:hover a span,
.search a {
    color: #fff;
} */

#header .nav>ul>li a.active:before,
#header .nav>ul>li:hover a:before {
    height: 3px
}

/* 向下滚动 */
#header.nav2 {
    box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);
    backdrop-filter: blur(10px);
    /* 让背景变模糊，有磨砂玻璃效果 */
    background-color: rgba(255, 255, 255, 1);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;

}

#header.nav2 li a span,
#header.nav2 li a i {
    /* color: #333 !important; */
}

#header.nav2 .language a,
#header.nav2 .language {
    color: #333 !important;
    border-color: #333;
}

#header.nav2 .language span {
    color: #333 !important;
}




/*选中*/
#header .nav>ul>li>a>i {
    color: #333;
}


#header .nav .subnav .menu {
    background: #fff;
}

.popup .closeBtn {
    z-index: 8
}

#header.head-bg {
    background-color: #cc0e17
}

#navWrapper{
    display: flex;
    align-items: center;
}
#navWrapper #searchbar.search-wrap {
    background: #cc0e17;
}

.search-close .lcitem-top,
.search-close .lcitem-bottom {
    background: #fff;
}

#header a.search-close {
    margin-right: 30px;
}



#header .wrapper {
    height: auto
}

#header>.content {
    position: relative
}

#header .container #headTop {}

#header .container a#logo {
    display: block;
    transition: all ease-out .3s
}


#header .nav>ul>li {
    position: relative;
    float: left;
    height: auto;
}

#header .nav>ul>li>a {
    position: relative;
    display: block;
    overflow: hidden;
    /* padding: 0 1vw; */
    height: 64px;
    line-height: 64px;
    margin: 0 1.5vw;
    transition: all ease-out .3s;
    /* font-weight: bold; */
}

#header .nav>ul>li>a span {
    position: relative;
    display: inline-block;
}

#header .nav>ul>li>a>i {
    margin-left: 0.4vw;
}


.title_h3 {
    text-align: center;
    padding: 4vw 0 3vw 0;
    max-width: 1200px;
    margin: auto;
}

.title_h3 h3 {
    font-size: var(--font-42);
    font-weight: bold;
    line-height: 1.5;
}

.title_h3 p {
    /* font-size: 18px; */
    color: #666;

}

/* 头部标语 */
.slogan {
    color: #fff;
    position: relative;
    top: 140px;
    left: 10px;
    text-align: center;

}

.slogan h3 {
    font-size: 40px;
    font-weight: bold;
    display: block;
    margin-bottom: 1vw;
}

.slogan p {
    font-size: 16px;
    font-weight: 200;
    display: block;
    /* margin-bottom: 0.25vw; */
}

/* 头部标语  结束*/



.row {
    width: 100%;
}


/* 产品列表 */
.products_swiper .swiper {
    padding: 30px 0;
}

.products_swiper a img {
    transition: all 0.26s ease 0s;
    -webkit-transition: all .26s ease-in;
}

.products_swiper a:hover img {
    /* -webkit-transform: scale(1.1);
     transform: scale(1.1);  */
}

/* 全站 标题 */
.container_header {
    display: block;
}

.container_header h2 {
    display: block;
    font-size: var(--font-46);
    font-weight: bold;
    padding-bottom: 1vw;
    margin: auto;
    text-transform: capitalize;
}

.container_header strong {
    display: block;
    font-size: var(--font-24);
    font-weight: bold;
}

.container_header p {
    display: block;
    font-size: var(--font-20);
    font-weight: 200;
}

/* 全站标题  结束*/

/* 下拉菜单 */
#header .nav .subnav {
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 199;
    /* visibility: hidden; */
    /*overflow: hidden;*/
    background-color: #fff;
    border-radius: 1vw;
    /* opacity: 0; */
    display: none;
    transition: all .36s ease;
    padding: 15px 10px;
    min-width: 210px;
}

#header .nav .navitem:last-child .subnav {
    left: auto;
    right: 0
}

#header .nav .subnav li {
    /* border-bottom: 1px solid #ececec; */
    position: relative;
}

#header .nav .navitem .subnav {
    /* border: 1px solid #7171711f; */
    /* padding: 0; */
    display: none;

}

#header .nav .subnav li a {
    display: block;
    padding: 15px 20px;
    transition: all .2s ease-in-out;
    position: relative;
    color: #333;
    left: 0;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Cpath d='m2.49 11.9 8.422-8.444-.012 5.983a.317.317 0 0 0 .316.317h1.461A.32.32 0 0 0 13 9.439l-.021-9.1A.32.32 0 0 0 12.872.1a.31.31 0 0 0-.236-.1L3.563.009a.316.316 0 0 0-.316.318V1.76a.317.317 0 0 0 .317.317l5.9-.006-8.394 8.411a.32.32 0 0 0 0 .449l.972.969a.32.32 0 0 0 .449 0Zm0 0' data-name='%E5%BD%A2%E7%8A%B6 2' style='fill:%231d1818;fill-rule:evenodd'/%3E%3C/svg%3E");
    background-position: 86%;
    background-repeat: no-repeat;
    background-size: .677083vw;
    color: #1d1818;
    font-size: .9vw;
    font-weight: 600;
    line-height: 1.2;
    padding: 1vw;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}



#header .nav .subnav li a:hover {
    color: #ff5e1e;
    /* background-color: #f5f5f7; */
}

#header .nav .subnav li a:hover {
    padding-left: 30px;
}

#header .nav>ul>li:hover .subnav {
    /* visibility: visible; */
    display: block;
    /* opacity: 1 */
}

#header .dropdown-submenu:hover .dropdown-menu {
    display: block !important;
}

/* 三级菜单 */
#header .dropdown-menu {
    top: -3px;
    left: 209px;
    border-radius: .5rem;
}

body {
    background: url('/skin/index/default/assets/images/header-bg.webp') no-repeat top right;
    background-size: 100% !important;
}

.header-bg {
    /* background: url('/skin/index/default/assets/images/header-bg.webp')  no-repeat top right;
    background-size: 100% !important; */
    padding-top: 8vw;
    /* background-position: center !important; */
    position: relative;
}

.header-bg .container {
    padding: 0 0;
}

.header-bg .banner-font {
    width: 790px;
    /* margin-top: 30px; */
    /* margin: auto; */
    /* margin-left: 0; */
}


#header .language {
    display: inline-block;
    color: #333 !important;
    transition: all 0.36s ease 0s;
    font-weight: 600;
}

#header .language span:nth-child(1):before {
    content: "";
    height: 13px;
    width: 2px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    right: -20px;

}

#header .language span {
    position: relative;
    color: #fff !important;
    transition: all 0.36s ease 0s;
    margin: 0 1vw;
    font-weight: 600;
}

#header .language a {
    color: #333 !important;
    display: flex;
    border: solid 1px #333;
    border-radius: 50px;
    padding: .4vw 1vw;
    align-items: center;
}

#header .language img {
    height: 1vw;
    margin-right: 1vw;
}

#header .language .icon-duoyuyan {
    height: 1.2vw;
    font-size: 1.2vw;
    top: 0.08vw;
    left: -1.56vw;
    position: absolute;
    color: #fff;
    transition: all 0.26s ease 0s;

}

#header .language:hover,
#header .language:hover .icon-duoyuyan {
    /* left: -0.7vw; */
    color: #fee307;
}

/* #header .language span {
    position: absolute;
    top: 0.15vw;
    transition: all 0.26s ease 0s;
} */



/* 手机端下拉菜单按钮 */

#header #openBtn {
    cursor: pointer;
    display: none
}




/* 底部样式 */
#footer,
#footer a {
    color: #333;
}

#footer a:hover {
    color: var(--color);
}

#footer {
    width: 100%;
    margin-top: 6vw;
    position: relative;
}

#footer::before {
    content: "";
    width: 100%;
    height: 30vw;
    position: absolute;
    bottom: 0;
    z-index: -1;
    /* background: url(../../img/qyslbg.jpg) center #272c38; */
    /* background-size: cover; */
    background-color: #eee;
}

#footer .theFooter img {
    width: 100%;
}

#footer .theFooter {
    position: relative;
}

#footer .theFooter .txt {
    position: absolute;
    left: 4vw;
    top: 14vw;
}

#footer .theFooter h2 {
    font-size: 2.6vw;
    color: #FF6000;
}

#footer .theFooter h3 {
    font-size: 2.6vw;
    font-weight: bold;
    color: #fff;
}

#footer .theFooter p {
    color: #979a9e;
}

#footer .row {
    margin-top: 3vw;
    color: #333;
    display: flex;
    padding-bottom: 3vw;
    justify-content: space-between;
}

#footer .row p {
    line-height: 1.5em;
}

#footer .row .share {
    display: flex;
    justify-content: end;
    gap: 2vw;
    text-align: center;
}

#footer .row .share img {
    width: 7vw;
    display: block;
    border: solid 0.4vw #fff;
    margin-bottom: 1vw;
    border-radius: .5vw;
}

#footer .row .logo {
    display: grid;
    gap: 3vw;
}

#footer .row .logo img {
    width: 10vw;
}

#footer .bottom2 {
    color: #999;
    font-size: var(--font-18);
    display: flex;
    justify-content: space-between;
    padding-bottom: 1vw;
}

#footer .bottom2 em {
    color: #ccc;
}

#footer .bottom2 a {
    color: #999;
}


/* 底部样式 结束 */



/*联系方式 开始*/


.liangxifangshi {
    background-color: #fff;
    border-radius: 0.6vw;
    margin: 2.5vw 0;
}

.liangxifangshi li {
    display: inline-block;
    width: 28.1%;
    text-align: center;
    border-right: solid 1px #eee;
    padding: 2vw 2vw;
}

.liangxifangshi li:last-child {
    border-right: none;
}

.liangxifangshi li p {
    display: block;
    line-height: 1.96em;
}


.liangxifangshi li img {
    width: 4vw;
}


/* 一些页面顶端的 描述文字 */
.title-font {
    margin: 2vw 0;
}

.title-font span {
    color: #999;
    display: block;
    font-size: var(--font-22);
    font-weight: bold;
    margin-bottom: 1vw;
}

.title-font h2 {
    font-size: 3.6vw;
    margin-bottom: 1vw;
    font-weight: bold;
}

.title-font strong {
    font-size: var(--font-22);
    color: var(--color);
    opacity: 0.8;
    margin-bottom: 1vw;
}

.title-font p {
    font-size: var(--font-19);
    color: #666;
    font-weight: 400;
    line-height: 1.9em;
    margin: 0.5vw auto;
}

.mt-1 {
    margin-top: 1vw;
}

.mt-2 {
    margin-top: 2vw;
}

.mt-3 {
    margin-top: 3vw;
}

.mt-4 {
    margin-top: 4vw;
}

.mt-5 {
    margin-top: 6.5vw;
}

.mr-1 {
    margin-right: 1vw;
}

.mr-2 {
    margin-right: 2vw;
}

.mr-3 {
    margin-right: 3vw;
}

.mr-4 {
    margin-right: 4vw;
}

.mr-5 {
    margin-right: 5vw;
}

/*联系方式 结束*/