
        @font-face {
    font-family: "iconfont"; /* Project id 4831218 */
    src: url('//at.alicdn.com/t/c/font_4831218_bdxfqk4ibql.woff2?t=1744271414975') format('woff2'),
         url('//at.alicdn.com/t/c/font_4831218_bdxfqk4ibql.woff?t=1744271414975') format('woff'),
         url('//at.alicdn.com/t/c/font_4831218_bdxfqk4ibql.ttf?t=1744271414975') format('truetype');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-guanbi:before {
    content: "\e644";
  }
        .fix-right-f {
    position: fixed;
    top: calc(50% - 80px);
    right: 0px;
    width: 48px;
    z-index: 5;
}
[ael=al-fix-w-conus]:hover {
    --tw-bg-opacity: 1;
    background-color: #ffcc00!important;
}
.fix-r-b {
    width: 48px;
    margin-top: 5px;
    height: 48px;
    display: block;
    position: relative;
    background-color: #ffcc00;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
}
.fix-r-b::before{
    position: absolute;
    width: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 22px;
    text-align: center;
}
.fix-r-b:hover{
    background-color: #777;
}
.fly-wt::before{
    content: '\ea93';
    font-family: icomoon2;
}
.fly-em::before{
    content: '\e901';
    font-family: icomoon_35;
}
.fly-up::before{
    content: "\e901";
    font-family: 'icomoon_9';
}
.jump-send-cover {
    position: fixed;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    display: none;
    left: 0px;
    top: 0px;
}
#id-jump-send-f {
    width: 1140px;
    margin: 0 auto;
    transition: all 0.6s ease 0s;
    margin-top: -800px;
    position: relative;
}
.jump-send-close {
    position: absolute;
    right: -6px;
    top: 12px;
    cursor: pointer;
    border-radius: 50%;
}
.send-error {
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #c80000;
    color: #c80000;
    right: 5px;
    top: 1px;
    border-radius: 10px;
    display: none;
}
#ldb-submit:hover{
    background-color: #ffcc00!important;
}
.ldbinf,.mt-1,.mb-8{
    position: relative;
}
@media screen and (max-width:980px) {
    .jump-send-close:before {
        font-size: 20px;
        line-height: 25px;
    }
    .jump-send-close {
        right: 10px;
        top: 10px;
        width: 25px;
        height: 25px;
    }
    .jump-send-cover .con-bs-r {
        margin-top: 0px;
    }
    .sem-textarea-sf .semin-send-down{
        display: none;
    }
    .jump-send-f{
        width: 94%!important;
    }
    .jump-send-cover .con-bs-l{
        display: none;
    }
    .fix-r-b::before {
        width: 35px;
        line-height: 35px;
        font-size: 16px;
    }
    .fix-r-b {
        width: 35px!important;
        height: 35px!important;
        border-radius: 2px!important;
    }
    .fix-right-f {
        width: 35px;
    }
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "iconfont"; /* Project id 4831218 */
    src: url('//at.alicdn.com/t/c/font_4831218_bdxfqk4ibql.woff2?t=1744271414975') format('woff2'),
         url('//at.alicdn.com/t/c/font_4831218_bdxfqk4ibql.woff?t=1744271414975') format('woff'),
         url('//at.alicdn.com/t/c/font_4831218_bdxfqk4ibql.ttf?t=1744271414975') format('truetype');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-chanpin:before {
    content: "\e615";
  }
  .icon-zuanshi_o:before {
    content: "\eb70";
  }
  .icon-dunpaibaoxianzhiliang_o:before {
    content: "\eb9f";
  }
  .icon-jianba:before {
    content: "\e723";
  }
  .icon-fuwu1:before {
    content: "\e70f";
  }
  .icon-search1:before {
    content: "\e614";
  }
  .icon-fuwu:before {
    content: "\eb36";
  }
  .icon-zhifeiji_fabu:before {
    content: "\e661";
  }
  .icon-shejiguifan:before {
    content: "\e605";
  }
  .wechat-img-f {
    position: absolute;
    left: 0px;
    bottom: -40px;
    width: 165px;
    margin-left: -170px;
    text-align: center;
    box-shadow: 0 0.15rem 0.5rem rgba(30, 34, 40, .1);
    display: none;
}
.fix-w2{
    width: 100%;
}
.shuiq{
    color:#1d1d1f;
}
  .icon-huowudui:before {
    content: "\ec89";
  }
  .icon-ceshi:before {
    content: "\e8ae";
  }
  .icon-a-zhizao1:before {
    content: "\eb34";
  }
  .icon-xinxi:before {
    content: "\e611";
  }
  .icon-fuwu_o:before {
    content: "\ebbe";
  }
  .icon-liucheng:before {
    content: "\e64c";
  }
  .icon-moshi:before {
    content: "\e642";
  }
  .icon-dingzhi:before {
    content: "\e651";
  }
  .icon-caidan-zhizaoguanli:before {
    content: "\e72e";
  }
  .icon-chilun:before {
    content: "\e63f";
  }
  .icon-xiangshangjiantou:before {
    content: "\e65d";
  }
  .icon-shouye:before {
    content: "\e604";
  }
  .icon-skype-fill:before {
    content: "\e883";
  }
  .icon-xinfengtianchong:before {
    content: "\e69e";
  }
  .icon-huojian:before {
    content: "\e612";
  }
  .icon-shizhongfill:before {
    content: "\e74e";
  }
  .icon-sheyingjimian:before {
    content: "\e852";
  }
  .icon-a-Right3:before {
    content: "\e956";
  }
  .icon-down1:before {
    content: "\e603";
  }
  .icon-dianzan:before {
    content: "\e8ad";
  }
  .icon-dianzan1:before {
    content: "\e8c3";
  }
  .icon-wenda:before {
    content: "\e60a";
  }
  .icon-yangshi_icon_tongyong_signal:before {
    content: "\e677";
  }
  .icon-search:before {
    content: "\e6ef";
  }
  .icon-weixin:before {
    content: "\e602";
  }
  .icon-QQ:before {
    content: "\e882";
  }
  .icon-whatapps:before {
    content: "\e622";
  }
  .icon-ren:before {
    content: "\e6f8";
  }
  .icon-chuanzhen:before {
    content: "\e699";
  }
  .icon-liebiao2:before {
    content: "\e6e7";
  }
  .icon-qita:before {
    content: "\101e8";
  }
  .icon-zhifeiji:before {
    content: "\e6b5";
  }
  .icon-gou:before {
    content: "\e63b";
  }
  .icon-down:before {
    content: "\e610";
  }
  .icon-Rightyou:before {
    content: "\e606";
  }
  .icon-guanbi:before {
    content: "\e644";
  }
  .icon-sousuo:before {
    content: "\e70a";
  }
  .icon-shouji:before {
    content: "\e600";
  }
  .icon-shiwujiaoxing:before {
    content: "\e634";
  }
  .icon-facebookfacebook52:before {
    content: "\e60b";
  }
  .icon-44xuanze-2:before {
    content: "\e637";
  }
  .icon-zuobiao:before {
    content: "\e64b";
  }
  .icon-diqiu:before {
    content: "\e7b9";
  }
  .icon-planenormal:before {
    content: "\e60e";
  }
  .icon-dianhua:before {
    content: "\e613";
  }
  .icon-zhixiangzuozuojiantou:before {
    content: "\e76a";
  }
  .icon-zhixiangyouyoujiantou:before {
    content: "\e76c";
  }
  .icon-youxiang:before {
    content: "\e62e";
  }
  .icon-jiahao:before {
    content: "\e721";
  }
  .icon-jianhao:before {
    content: "\e6ac";
  }
  .icon-in:before {
    content: "\e64d";
  }
  .icon-youtube-fill-round:before {
    content: "\e6a2";
  }
  .icon-right:before {
    content: "\e601";
  }
  .icon-tuite:before {
    content: "\e90c";
  }
.Rich_text * {
    padding: revert;
    margin: revert;
    list-style: disc;
}
.Rich_text a {
    color: #38761d;
}
.Rich_text a:hover {
    text-decoration: underline;
}
.Rich_text img {
    max-width: 100%;
    /* width: auto; */
}
.Rich_text p {
    line-height: 24px;
}
* {
    font-family: var(--FontFamilyPrimary);
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
img {
    transition: all 0.3s;
    vertical-align: middle;
}
.cl-rd-img{
    width: auto;
}
p {
    line-height: 24px;
}
u {
    text-decoration: none;
}
input {
    outline: none;
    border: 0;
    width: 100%;
    padding-left: 12px;
    height: 100%;
    transition: all 0.3s;
    background-color: transparent;
}
textarea {
    outline: none;
    border: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    background-color: transparent;
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.head {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 111;
}
.head::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    transition: all 0.5s;
    top: 0;
    left: 0;
    background-color: var(--MainColor);
    z-index: -1;
}
.headidv::after {
    height: 100%;
}
.asd_box img{
    border-radius: 20px ;
}
.head_nax {
    max-width: 1700px;
    width: 94%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.email-info {
    display: flex;
    align-items: center;
    color: var(--TextColorInverse);
}
.email-info .iconfont {
    font-size: 19px;
    color: var(--Contrast);
    margin-right: 10px;
}

.head_right_top {
    display: flex;
    height: 40px ;
    align-items: center;
    justify-content: space-between;
}
.icon_wev {
    display: flex;
}
.icon_wev_icon {
    display: flex;
    margin: 0 60px;
}
.wencvEnglish {
    display: flex;
    align-items: center;
}
.saecvh {
    color: var(--Contrast);
}
.social_icon {
    color: var(--Contrast);
}
.iconwe {
    color: var(--TextColorInverse);
}
.icon_wev_icon .iconwe:not(:nth-child(1)) {
    margin-left: 8px;
}
.wencvEnglish {
    color: var(--TextColorInverse);
}
.icon_wediqiu {
    color: var(--Contrast);
}
.Evng {
    margin-left: 10px;
    font-size: 14px;
}
.icon-down {
    font-size: 12px;
    margin-left: 10px;
}
.Ulwev {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head_right_buttom {
    height: 65px;
}
.Ulwev>li {
    height: 100%;
    font-weight: 700;
    line-height: 65px;
    color: var(--TextColorInverse);
}
.Ulwev .anniuwe {
    padding: 5px 15px;
    line-height: normal !important;
    height: auto !important;
    display: inline-block;
    cursor: pointer;
    color: var(--MainColor);
    border-radius: var(--BorderRadiusLarge);
    background-color: var(--Contrast);
}
.amet_ul li{
    align-items: flex-start;
}
.inbber {
    position: relative;
}
.gou_ul {
    display: flex;
    justify-content: space-between;
}
.amet_ul img{
    width: 30px ;
}

.Blowwe {
    font-size:50px;
    font-weight: 700;
    color: var(--TextColorInverse);
}
.gou_ul .icon-gou {
    margin-right: 10px;
    margin-top: 33px;
    color: var(--Contrast);
}
.gou_ul {
    margin-top: 33px;
    color: var(--TextColorInverse);
}

.zifei {
    margin-left: 10px;
    /* font-size: 26px ; */
}
.foot {
    width: 100%;
    padding: 70px 0;
    background-color: #f3f3f3;
    margin-top: 115px;
}
.foot_jz {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
}
.foot_logo {
    width: 235px;
}
.foot_logo_left {
    width: 30%;
}
.foot_box {
    display: flex;
    justify-content: space-between;
}
.foot_logo_right {
    width: 30%;
}
.Findwe {
    font-weight: 700;
    font-size: 30px;
    color: #1A1A1A;
}
.helpingwe {
    color: #333333;
    line-height: 24px;
    margin-top: 15px;
}
.anNiu_top {
    margin-top: 20px;
}
.foot_box {
    padding-bottom: 55px;
    position: relative;
}
.foot_box::after {
    width: 100%;
    height: 1px;
    background-color: #cdcdcd;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}
button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.ic_flex {
    display: flex;
}
.IcW_dom {
    width: 24%;
}
.foot_ul {
    padding-top: 70px;
}
.foot_icon {
    display: flex;
    margin-top: 15px;
}
.foot_icon i {
    font-size: 23px;
    margin-right: 8px;
    color: var(--MainColor);
}
.ic_flex i {
    font-size: 20px;
    color: var(--MainColor);
    margin-right: 12px;
}
.ic_flex {
    color: #333333;
}
.Cnsg {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 20px;
}
.IcW_dom>div:not(:nth-child(-n + 2)) {
    margin-top: 15px;
}
.Quick_w {
    width: 65%;
}
.foot_ul {
    display: flex;
    justify-content: space-between;
}
.Linksw {
    display: flex;
    color: #333333;
}
.xzcusd>div:nth-child(1) {
    font-size: 18px;
    height: 21px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 20px;
}
.Linksw>.xzcusd:not(:nth-child(1)) {
    margin-left: 60px;
}
.xzcusd>div:not(:nth-child(-n + 2)) {
    margin-top: 15px;
}
.Quick_w {
    display: flex;
    justify-content: right;
    /* justify-content: space-between; */
}
.Quick_w>div:not(:last-child){
    margin-right: 130px;
}
.foot_bottom_jz {
    display: flex;
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    justify-content: space-between;
    padding: 15px 0;
}
.foot_bottom_flex {
    display: flex;
}
.foot_bottom {
    font-size: 14px;
    color: #ffffff;
    background-color: var(--MainColor);
}
.foot_bottom_flex>div {
    margin: 0 20px;
}
.head_jz1 {
    display: none;
}
.inber_text_box {
    position: absolute;
    max-width: 1700px;
    width: 94%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.mySwiper2_box {
    position: relative;
}
.anNiu {
    transition: all 0.3s;
}
.anNiu:hover {
    background-color: var(--MainColor);
    color: #ffffff;
}
.SendYourMessage:hover {
    background-color: var(--MainColor);
    color: #ffffff;
}
.Ulwev .anniuwe:hover {
    background-color: var(--MainColor);
    color: #ffffff;
}
.elit {
    cursor: pointer;
}
.elit:hover .Aquarw {
    color: var(--MainColor);
}
.elit:hover .zxvView {
    color: var(--MainColor);
}
.Prev_felx>div {
    line-height: 38px;
    min-width: 38px;
    text-align: center;
    padding: 0 5px;
    display: inline-block;
    height: 38px;
    border: 1px solid #ededed;
    border-radius: 5px;
    font-size: 14px;
    color: #1a1a1a;
    cursor: pointer;
}
.Prev_felx {
    margin-top: 33px;
    padding: 0 20px;
}
.eeee {
    position: relative;
}
.eeee:hover{
    color: var(--Contrast);
}
.asdaw>ul>li {
    height: 74px;
    line-height: 74px;
}
.ilos {
    width: 100%;
    white-space: nowrap;
    line-height: 30px;
    padding: 8px 20px;
    display: block;
    color: #333;
    transition: all 0.3s;
    border-bottom: 1px solid #ddd;
}
.erjic {
    min-width: 220px;
    background: #fff;
    position: absolute;
    left: -16px;
    top: 61px;
    display: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.ilos:hover {
    background-color: var(--MainColor);
    color: #fff;
    /* transform: scale(1.1); */
}
.eeee:hover .erjic {
    display: block;
}
picture {
    display: block;
}
html {
    scroll-behavior: smooth;
    /* 全局生效 */
}
.fix-right-f {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    width: 48px;
    z-index: 5;
}

.fix-right-f {
    position: fixed;
    top: calc(50% - 80px);
    right: 0px;
    width: 48px;
    z-index: 5;
}
.fix-r-b {
    width: 48px;
    height: 48px;
    display: block;
    position: relative;
    background-color: #E50012;
    border-radius: 3px;
    margin-top: 5px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
}
.fix-r-b::before {
    position: absolute;
    width: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 28px;
    text-align: center;
}

.fly-wt::before {
    content: '\ea93';
    font-family: icomoon2;
}
.fly-em::before {
    content: '\e901';
    font-family: icomoon_35;
}
.sexc i{
    color: #fff;
}
.jump-send-cover {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    display: none;
    left: 0px;
    top: 0px;
}
#id-jump-send-f {
    width: 700px;
    margin: 0 auto;
    transition: all 0.6s ease 0s;
    margin-top: -800px;
    position: relative;
}
.jump-send-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    border-radius: 50%;
}
.fix-r-b {
    width: 48px;
    height: 48px;
    display: block;
    position: relative;
    background-color: var(--MainColor);
    border-radius: 8px;
    margin-top: 5px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
    color: #fff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:980px) {
    .jump-send-close:before {
        font-size: 20px;
        line-height: 25px;
    }
    .jump-send-close {
        right: 10px;
        top: 10px;
        width: 25px;
        height: 25px;
    }
    .jump-send-cover .con-bs-r {
        margin-top: 0px;
    }
    .sem-textarea-sf .semin-send-down {
        display: none;
    }
    .jump-send-f {
        width: 94% !important;
    }
    .jump-send-cover .con-bs-l {
        display: none;
    }
    .fix-r-b::before {
        width: 35px;
        line-height: 35px;
        font-size: 20px;
    }
    .fix-r-b {
        width: 35px;
        height: 35px;
        border-radius: 2px;
    }
    .fly-up{
        width: 35px;
        height: 35px;
        border-radius: 2px;
        font-size: 16px;
    }
    .fix-right-f {
        top: calc(50% - 80px);
        width: 35px;
    }
}
.con-sf {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}

.con-bs-r {
    box-shadow: 0px 0.1rem 0.6rem rgba(30, 34, 40, .15);
    padding: 0 3%;
    align-items: center;
    display: flex;
    background-color: #fff;
}
.conbsl-m {
    margin-left: 14%;
    color: #fff;
    position: relative;
    z-index: 2
}
.consl-t1 {
    font-size: 24px;
}
.conifs {
    color: #fff;
    font-size: 16px;
    padding-left: 35px;
    position: relative;
    width: 100%;
    margin-top: 35px;
    display: block;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .8);
}
.conifs:hover {
    color: #B61717;
}
.conbsl-sharef a {
    margin-left: 10px;
}
.conifs::before {
    position: absolute;
    font-size: 20px;
    color: #fff;
    left: 0px;
    top: -2px;
    font-family: icomoon_35;
}
.conifs i {
    position: absolute;
    font-size: 20px;
    color: #fff;
    left: 0px;
    top: 0px;
}
.cif-em::before {
    content: '\e901';
}
.cif-tel::before {
    content: '\e942';
}
.cif-addr::before {
    content: '\e600';
    font-family: icomoon;
}
.conbsl-sharef {
    margin-top: 35px;
}
.conbsl-sharef .ft-b4-sh {
    background-color: #fff;
}
.conbsl-sharef .ft-b4-sh:before {
    color: #27140F;
}
.conbsl-sharef .ft-twitter {
    color: #27140F;
    line-height: 19px;
}
.sem-tit {
    text-align: left;
    margin-bottom: 10px;
    font-size: 26px ;
    font-weight: 700;
    color: var(--TextColor);
}
.send-m-f {
    width: 100%;
    padding: 33px 0 ;
}
.sem-in-f {
    display: flex;
    flex-wrap: wrap;
}
.sem-in-sf {
    margin-top: 10px;
    width: 100%;
    position: relative;
}
.semin-send-error {
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #c80000;
    color: #c80000;
    right: 5px;
    top: 5px;
    border-radius: 10px;
    display: none;
    z-index: 5;
}
.semin-send-down {
    background: #E50012;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 50;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding-left: 2%;
    transition: all 0.8s ease 0s;
    opacity: 0;
}
.semin-send-in:focus+.semin-send-down {
    opacity: 1;
    top: 45px;
}
.semin-short {
    width: 49%;
}
.semin-r {
    margin-left: 2%;
}
.semin-send-in {
    height: 45px;
    border: none;
    background: #F5F4F5;
    display: block;
    width: 100%;
    padding-left: 10px;
    font-size: 16px;
    color: #3E4751;
}
.semin-send-error-2 {
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #c80000;
    color: #c80000;
    right: 5px;
    bottom: 5px;
    border-radius: 10px;
    display: none;
	z-index:5;
}
.sem-textarea-sf {
    margin-top: 10px;
    width: 100%;
    position: relative;
}
.semin-send-textarea {
    width: 100%;
    height: 145px;
    background: #F5F4F5;
    border-radius: 0;
    padding: 10px;
    border: none;
    font-size: 16px;
    color: #3E4751;
}
.semin-submit {
    background-color: var(--MainColor);
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    border: none;
}
.semin-submit:hover {
    background-color: var(--Contrast);
    color: var(--MainColor);
}
@media screen and (max-width:980px) {
    .semin-r {
        margin-left: 0%;
    }
    .semin-short {
        width: 100%;
    }
    .con-sf {
        margin-top: 30px;
    }
    .con-bs-r {
        width: 100%;
        margin-top: 20px;
        align-items: flex-start;
        padding: 20px 3%;
        padding-bottom: 25px;
    }
    .cif-addr::before {
        content: "";
        width: 20px;
        height: 21px;
        background-size: 100%;
    }
    .conifs::before {
        font-size: 16px;
        top: 0px;
    }
    .conifs {
        margin-top: 20px;
        padding-left: 30px;
    }
    .con-bs-l {
        width: 100%;
        overflow: hidden;
        background-size: 567px 499px;
        align-items: center;
        display: flex;
        height: 300px;
    }
}
#contact input,
#contact textarea {
    background-color: #f4f4f5 !important; /* 浅灰色背景 */
}

.nowpage {
    background-color: var(--MainColor);
    color: #ffffff;
}
.jzboxleftimg {
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
    padding-top: 20px;
}
.jzboxleftimg {
    width: 100%;
}
.jzboxleftimg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.Observatio_R {
    font-size: 18px;
    font-weight: 500;
    color: #1A1A1A;
    margin-top: 33px;
}
.Febru {
    display: flex;
    align-items: center;
}

.Febru_flex {
    display: flex;
    color: #333333;
}
.Febru1w {
    margin-left: 30px;
}
.Febru_flex_box {
    margin-top: 33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot_iconVideo {
    margin-top: 0;
}
.pasnoi {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.pasnoi>div {
    width: 48%;
    padding: 8px 0;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #e7e7e7;
}
.xc_LEFT {
    position: relative;
}
.conwe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffce1b;
}
.conwe i {
    color: #ffce1b;
}
.Also_l {
    margin-top: 55px;
}
.xcmvYw {
    font-size: 40px;
    font-weight: 700;
    color: #1A1A1A;
}
.Also_l_ul {
    display: flex;
    gap: 20px;
    margin-top: 33px;
}
.Also_l_ul li {
    width: 33.33%;
}
.Simple_flex:hover {
    background-color: var(--MainColor) !important;
    color: #fff !important;
}
.Simple_flex:hover  .mxcv{
    color: #fff !important;
}
.Simple_flex:hover .hixiangyow {
    opacity: 1 !important;
}
.selnavc .hixiangyow {
    transform: rotate(90deg);
}
.shuiz{
  transition: all 0.3s ;
}
.swiper_wejvb:hover .shuiz{
    background-color: var(--Contrast);
    color: var(--MainColor);
    border: 1px solid #1A1A1A
}
.swiper_wejvb:hover .Designw{
    color: var(--MainColor);
}
.xvbv{
    transition: all 0.3s ;
}
.jsa_li:hover .xvbv{
    color: var(--MainColor);
}
.main_box{
    margin-top: 105px ;
    padding: 10px 0 ;
    width: 100% ;
    background-color: #f5f5f5;
}
.main_box>.main{
    margin-top: 0;
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    color: #333333;
    justify-content: left;
}
.head_nax{
    position: relative;
}
.seacINp {
    width: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s;
    display: flex;
    border-radius: 3px;
    /* left: -240px; */
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.yinxc{
    display: none;
    width: 100%;
    position: absolute;
    bottom: -44px;
}
button {
    background: none;
    border: none;
    box-shadow: none;
}
.sexc {
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 33px;
    background-color: var(--MainColor);
}
.seacINp_flex {
    display: flex
;
    background-color: #fff;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 1px;
    height: 35px;
    z-index: 1;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.seacINp_flex input {
    padding-left: 12px;
}
.seacINp_flex form {
    display: flex
;
    height: 100%;
}
.seacINp_flex>div {
    width: 100%;
}
.search{
    display: flex;
    transition: all 0.3s ;
    align-items: center;
    width: 0;
}
.search i{
    cursor: pointer;
}
.asucfFow{
    display: flex;
    align-items: center;
}
.head_right_top{
    position: relative;
}
.sousuoF{
    width: 100%;
    position: absolute;
    display: none;
    height: 29px ;
    background-color: #fff;
}
.asucfFow{
    width: 100% ;
   height: 100% ;
}
.ascnx i{
    color: var(--Contrast);
}
.ascnxwewe{
    margin-left: 12px ;
}
.search{
    width: 100% ;
    height: 100% ;
}
.guanbi{
    width: 29px ;
    height: 29px ;
    font-size: 14px ;
    text-align: center;
    line-height: 29px ;
    background-color: var(--Contrast);
    color: #fff;   
}
.yanz {
    display: flex;
}
.post {
    text-align: center;
    line-height: 45px;
    width: 100px;
    background-color: #fff;
    height: 38px;
}
.code {
    width: 120px;
    border: 1px solid #dfdfdf;
    height: 38px;
    margin: 0 20px;
    border-radius: 30px;
    position: relative;
}
.code input {
    width: 100%;
    height: 100%;
    padding-left: 12px;
}
.butww3 {
    cursor: pointer;
    transition: all 0.3s;
    /* width: 180px; */
    padding: 0 40px;
    height: 38px;
    background-color:var(--Contrast);
    text-align: center;
    line-height: 38px;
    font-weight: 700;
    border-radius: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    color: var(--MainColor);
}
.yanz_flex {
    display: flex;
    width: 100% ;
    justify-content: center;
    margin-top: 20px;
}
.Touch_inp div:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.can_text:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.butww3:hover {
    background-color: #1A1A1A;
    color: #fff;
}
.Clear {
    height: 38px;
    padding: 0 20px;
    color: #1E2480;
    font-weight: 700;
    cursor: pointer;
    line-height: 38px;
    border-radius: 30px;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    margin-left: 20px;
}
.Clear:hover{
    background-color: #fff;
    border: 1px solid #eaeaea;
}
.inbx input:focus {
    background-color: #f3f3f3;
}
.inbxbox input:focus {
    background-color: #f3f3f3;
}
.bxcvTe textarea:focus {
    background-color: #f3f3f3;
}
.mxcv{
    color: var(--TextColor);
}
.Loidomv{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ascnx i{
    cursor: pointer;
}
.ilos:hover .sanjic {
    display: block;
}
.sanjic {
    min-width: 220px;
    background: #fff;
    position: absolute;
    left: calc(100%);
    overflow: hidden;
    top: 0;
    display: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.ProductFlex{
    border-top: 1px solid #f5f5f5;
}

        /* 页脚主容器 */
        .footer {
            background-color: #0b2766;
            color: white;
            padding: 40px 0 20px;
            position: relative;
            margin: 0;
            box-sizing: border-box;
        }

        /* 黄色装饰条 */
        .footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background-color: #ffc107;
        }

        .footer-container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 20px;
            box-sizing: border-box;
        }

        .footer-content {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 30px;
        }

        /* Logo和公司信息部分 */
        .footer-brand {
            grid-column: span 1;
        }
        .footer-brand a{
            color: white;
            text-decoration: none;
        }
        .footer-brand a:hover{
            color: #ffc107;
          
        }

        .logo {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .logo-icon {
            width: 180px;
            margin-right: 10px;
            object-fit: contain;
            display: block;
            /* 公司Logo图标 */
        }

        .logo-text {
            font-size: 18px;
            font-weight: bold;
        }

        .contact-info {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .contact-info li {
    margin-bottom: 20px;
            display: flex;
            align-items: flex-start;
        }

        .contact-icon {
            width: 16px;
            height: 16px;
            margin-right: 10px;
            margin-top: 2px;
            flex-shrink: 0;
            object-fit: contain;
            display: block;
            /* 联系方式图标 */
        }

        /* 各个栏目部分 */
        .footer-section h3 {
            font-size: 16px;
            margin-bottom: 20px;
            color: white;
            font-weight: bold;
        }

        .footer-section ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .footer-section ul li {
            margin-bottom: 20px;
        }

        .footer-section ul li a {
            color: #b3b3b3;
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-section ul li a:hover {
            color: #ffc107;
        }

        /* 二维码部分 */
        .qr-codes {
            display: flex;
            gap: 20px;
            margin-top: 20px;
        }

        .qr-code {
            width: 125px;
            object-fit: contain;
            border-radius: 4px;
            background-color: white;
            padding: 2px;
            display: block;
            /* 微信和其他社交平台二维码 */
        }

        /* 社交媒体图标 */
        .social-icons {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }

        .social-icons a {
            display: inline-block;
            transition: transform 0.3s;
        }

        .social-icons a:hover {
            transform: scale(1.1);
        }

        .social-icon {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            object-fit: contain;
            transition: opacity 0.3s;
            display: block;
            /* Facebook, Twitter, LinkedIn等社交媒体图标 */
        }

        .social-icon:hover {
            opacity: 0.8;
        }

        /* 底部版权信息 */
        .footer-bottom {
            border-top: 1px solid #333;
            padding-top: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .copyright {
            color: #b3b3b3;
            font-size: 14px;
        }

        .footer-links {
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
        }

        .footer-links a {
            color: #b3b3b3;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: #ffc107;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .footer-content {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .footer-brand {
                grid-column: span 1;
                text-align: center;
            }

            .qr-codes {
                justify-content: center;
            }

            .social-icons {
                justify-content: center;
            }

            .footer-bottom {
                flex-direction: column;
                text-align: center;
            }

            .footer-links {
                justify-content: center;
            }

            .contact-info li {
                justify-content: flex-start;
            }
        }

        @media (max-width: 480px) {
            .footer-container {
                padding: 0 15px;
            }

            .footer {
                padding: 30px 0 15px;
            }

            .footer-links {
                flex-direction: column;
                gap: 15px;
            }

            .qr-codes {
                flex-direction: column;
                align-items: center;
                gap: 15px;
            }
        }

