:root {
    /* 主配色 */
    --MainColor:#1A1A1A;
    /* 反差色 */
    --Contrast:#FFFFFF;
    /* 浅色 */
    --Light:#999cc6;

    --RiH1:#;
    --RiH2:#;
    --RiH3:#;
    /* 配色 */
    --PrimaryColor: #f39b04;
    /* 辅助色 */
    --SecondaryColor1: #ffd71b;
    /* 辅助色1 */
    --SecondaryColor1Light: #eaebff;
    /* 按钮颜色 */
    --ButtonColor: #ffce1b;
    /* 按钮hover颜色 */
    --ButtonHoverColor: #1e2480;






    /* 文本颜色 */
    --TextColor: #1A1A1A;
    /* 主文本颜色 */
    --TextColorLight: #333333;
    /* 浅文本颜色 */
    --TextColorInverse: #ffffff;
    /* 按钮文本颜色 */
    --ButtonTextColor: #1E2480;




    /* 线条颜色 */
    --BackgroundColor: #cdcdcd;
    /* 主背景色 */
    --BackgroundColorDark: #f3f3f3;

    /* 字体 */
    --FontFamilyPrimary: 'Inter', sans-serif;
    /* 主字体 */
    --FontFamilySecondary: 'Georgia', serif;



    /* 字号 */
    --FontSizeSmall: 14px;
    /* 小字体 */
    --FontSizeBase: 16px;
    /* 基础字体 */
    --FontSizeLarge: 18px;
    /* 大字体 */
    --FontSizeHeading1: 32px;
    /* 标题1 */
    --FontSizeHeading2: 40px;
    /* 标题2 */
    --FontSizeHeading3: 24px;
    /* 标题4 */
    --FontSizeHeading3: 21px;




    /* 圆角 */
    --BorderRadiusSmall: 4px;
    /* 小圆角 */
    --BorderRadiusBase: 8px;
    /* 基础圆角 */
    --BorderRadiusLarge: 20px;
}




















/* cyrillic-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/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_8tdx16yhpmb.woff2?t=1751266099629') format('woff2'),
       url('//at.alicdn.com/t/c/font_4831218_8tdx16yhpmb.woff?t=1751266099629') format('woff'),
       url('//at.alicdn.com/t/c/font_4831218_8tdx16yhpmb.ttf?t=1751266099629') format('truetype');
}
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-diqiu1:before {
  content: "\e7b1";
}
  
  .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;
}
.langnow-f{
    display: flex;
    gap:10px;
    cursor: pointer;
}
.LangUrlArrf{
    padding-right: 30px;
    position: relative;
}
.langurlarrself {
    position: absolute;
    padding: 10px 0;
    width: calc(100% + 30px);
    display: none;
    min-height: 10px;
    left: 0px;
    top: calc(100% + 10px);
    background-color: #fff;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;
}
.langurlarr-self-a {
    display: block;
    padding: 5px;
    float: left;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.llsa-lf {
    float: left;
    background-repeat: no-repeat;
    width: 27px;
    height: 18px;
    background-position: 0 px;
    background-image: url(/w4/templates/images/cLang.png);
}
.langsonname {
    float: left;
    margin-left: 9px;
    color: #000;
    font-size: 12px;
}
.lan-pc-ico{
    position: absolute;
    right: 0px;
    top: 3px;
    color: #fff;
    font-size: 16px;
}
.lang-earch{
    display: flex;
    justify-content: center;
    align-items: center;
}
.Rich_text a:hover {
    text-decoration: underline;
}

.Rich_text img {
    max-width: 100%;
    /* width: auto; */
}

.Rich_text p {
    color: #333333;
    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;
    width: 100%;
}
.cl-rd-img{
    width: auto;
}
p {
    line-height: 24px;
    color: #333333;
}

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;
}

.head_left {
    width: 190px;
    transition: all 0.3s;
    /* color: var(--PrimaryColor);
    background-color: var(--BackgroundColorDark); */
}
.head_right {
    width: 1000px;
}

.email-info {
    display: flex;
    align-items: center;
    color: var(--TextColorInverse);
}

.email-info .iconfont {
    font-size: 19px;
    color: var(--Contrast);
    margin-right: 10px;
}

.contact-info {
    display: flex;
    font-size: 14px;
    align-items: center;
}


.contact-info>a:nth-child(1) {
    position: relative;
    padding-right: 20px;
}

.contact-info>a:nth-child(1)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    opacity: 0.5;
    background-color: var(--TextColorInverse);
}


.contact-info>a:nth-child(2) {
    padding-left: 20px;
}


.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 ;
}
.inber_text {
    position: absolute;
    max-width: 1140px;
    width: 94%;
    top: 50%;
        transform: translateY(-50%);
    }


.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);
}


.anNiu {
    padding: 8px 20px;
    margin-top: 33px;
    display: inline-block;
    font-size: 18px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
        border: 1px solid var(--MainColor);
        background-color: var(--Contrast);
    color: var(--MainColor);
    position: relative;
    z-index: 2;
}





.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;
}

.logx {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制显示三行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
}

.Rich_text h1 {
    color:var(--RiH1);
}
.Rich_text h2{
    color:var(--RiH2);
}


.Rich_text h3{
    color:var(--RiH3);
}

.Rich_text a{
    color: var(--Contrast);
    text-decoration: underline;
}



.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;
}

.fly-up {
    width: 48px;
    height: 48px;
        background-color: #1A1A1A;
    
    border-radius: 8px;
    cursor: pointer;
    z-index: 99;
    position: fixed;
    right: 0px;
    top: -80px;
    transition: all 1.2s ease 0s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;
    z-index: 5;
    color: #fff;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.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;
}

.fix-r-b:hover {
    }
.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:1290px) {
    .head_right {
        width: calc(100% - 290px);
    }
}

@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-l {
    width: 50%;
    overflow: hidden;
    background: url(/uploads/202504/ss_1743667457_WNo_560d574.jpg) no-repeat;
    align-items: center;
    background-size: cover;
    display: flex;

    height: {
        $all['Piece']['con_bl']['Pic_h']
    }

    px;
    position:relative;
}

.con-bs-l::before {
    content: "";

    background-color: rgba({
        $all['Color']['Deep']['RGB']['r']
    }

    , {
    $all['Color']['Deep']['RGB']['g']
}

, {
$all['Color']['Deep']['RGB']['b']
}

, .5);
width:100%;
height:100%;
z-index:1;
position:absolute;
left:0px;
top:0px;
}

.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;
}

.semin-send-down {
    background: var(--Contrast);
    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;
}

.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;
    }
}


.foot_nav a:hover {
    text-decoration: underline;
}


.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 i {
    color: #1e2480;
    margin-right: 12px;
    font-size: 21px;
}

.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 ;
          border: 1px solid #fff;
    }
.swiper_wejvb:hover .shuiz{
        border: 1px solid var(--MainColor);
        background-color: var(--Contrast);
    color: var(--MainColor);
}

.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);
}
.ascnx .sjial{
        color: #1A1A1A;
    }
.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: #1A1A1A;
    }




.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: var(--MainColor);
    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;
}  .Diverse {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    margin-top: 115px;
}



.caterwe {
    font-size: var(--FontSizeHeading2);
    font-weight: 700;
    color: var(--TextColor);
}


.Diverse_box {
    text-align: center;
}


.caterwewe_zxv {
    margin-top: 26px;
    color: var(--TextColorLight);
}

.swirper {
    margin-top: 55px;
}


.mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--TextColor);
    cursor: pointer;
}



.mySwiper {
    padding-bottom: 20px !important;
}

.mySwiper::after {
    width: 100%;
    height: 2px;
    background-color: #dbdbdb;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

.mySwiper .swiper-slide-thumb-active::after {
    width: 100%;
    height: 2px;
    background-color: var(--MainColor);
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
}

.mySwiper .swiper-slide-thumb-active {
    color: var(--MainColor);
}


.Divxcb {
    width: 48%;
    padding-left: 33px;
}

.czxbc {
    width: 44%;
}


.touxImg{
    border-radius: 50% ;
    overflow: hidden;
}
.czxbc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .swiper2 img{
    width: 80px !important;
} */


.Divxcb_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mySwiper2 {
    margin-top: 55px;
}

.mySwiper2 {
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.Complexwe {
    font-size: 24px;
    font-weight: 700;
    color: var(--MainColor);
}

.considerwe {
    margin-top: 20px;
    line-height: 24px;
    color: var(--TextColorLight);
}


.freewe_u {
    margin-top: 20px;
    margin-left: 20px;
    color: var(--TextColorLight);

}

.freewe_u * {
    list-style: disc;
}

.freewe_u li:not(:nth-child(1)) {
    margin-top: 15px;
}

.freewe_u li::marker {
            color: #1A1A1A;
        }




.Diverse1 {
    max-width: 1400px;
    width: 94%;
}

.czxbc_ul {
    margin-top: 55px;
    flex-wrap: wrap;
}


.czxbc_wexc {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.czxbc_ul {
    display: flex;

}

.czxbc_ul li {
    width: 33.33%;
    padding: 0 10px;
}


.Squarewe {
    font-size: 21px;
    font-weight: 700;
    color: #1A1A1A;
    margin-top: 15px;
}


.heavyOurw {
    color: #333333;
    margin-top: 15px;
    line-height: 24px;
    display: -webkit-box;
    /* 必须结合 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    -webkit-line-clamp: 2;
    /* 限制显示3行 */
    overflow: hidden;
    /* 超出内容隐藏 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
}


.zxvView {
    font-size: 16px;
    font-weight: 700;
    color: #1A1A1A;
    display: block;
    margin-top: 20px;
}

.czxbc_ul li:not(:nth-child(-n + 3)) {
    margin-top: 33px;
}


.czxbc_ul li:hover .zxvView {
    color: var(--MainColor);
}

.czxbc_ul li:hover .Squarewe {
    color: var(--MainColor);
}

.czxbc_ul li:hover .czxbc_wexc img {
    transform: scale(1.1);
}



.Proje_ul li:last-child {
    flex-direction: row-reverse;
}

.Proje_ul li:nth-child(3) {
    flex-direction: row-reverse;
}

.asd_box {
    width: 49%;
    position: relative;
}

.asd_box>img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.icon-right {
    font-size: 30px;
            color: #1A1A1A;
        }

.icon_bc {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    line-height: 60px;
    background-color: var(--Contrast);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.suz {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: absolute;
    top: -58px;
    right: -58px;
}

.suz>div {
    text-align: center;
}

.zxcvb {
    font-size: 72px;
    font-weight: 500;
    line-height: 1;
    color: var(--MainColor);
}

.zxcvb span {
    font-size: 48px;
}

.suzsavg {
    font-size: 18px;
}

.v_vwev {
    width: 45%;
}


.huoj_img {
    font-size: 30px;
    color: var(--MainColor);
}


.Diverse_flwedx {
    display: flex;
    justify-content: space-between;
}


.Companywe {
    font-size: 40px;
    font-weight: 700;
    color: #1A1A1A;
}




.amet_ul li {
    display: flex;
    justify-content: space-between;
}




.huoj_text {
    width: calc(100% - 55px);
}

.built_sd {
    line-height: 24px;
    margin-top: 20px;
    color: #333333;
}




.Futurew {
    font-size: 18px;
    font-weight: 700;
    color: #1A1A1A;
}


.luctus {
    color: #333333;
    line-height: 24px;
    margin-top: 15px;
}


.amet_ul li {
    margin-top: 33px;
}


.Gateway {
    font-size: 40px;
    font-weight: 700;
    color: #1A1A1A;
}


.Gateway_B_left {
    width: 40%;
}

.Gateway_B {
    display: flex;
    justify-content: space-between;
    padding-bottom: 55px;
    position: relative;
}


.Gateway_B::after {
    width: 100%;
    height: 1px;
    background-color: #d0d0d0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}


.Gateway_B_right {
    width: 55%;
}


.aspects_w {
    line-height: 24px;
    color: #333333;
}


.aspects_ul {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.aspects_ul li {
    /* flex: 1; */
    text-align: center;
}

.ascHus {
    font-size: 52px;
    font-weight: 700;
    color: #1A1A1A;
}

.ascHus span {
    font-size: 24px;
}


.ascHus_i {
    color: #333333;
    margin-top: 5px;
}


.Gateway_B_2 {
    padding: 60px 0 85px 0;
}


.yuans {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    transition: all 0.3s;
    line-height: 75px;
    /* background-color: #1e2480; */
}

.yuans img {
    width: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

.m1 {
    font-size: 30px;
    color: var(--MainColor);
}


.Duis_1 {
    font-size: 21px;
    color: #1a1a1a;
    font-weight: 700;
}

.Duis_2 {
    line-height: 24px;
    color: #333333;
    margin-top: 15px;
}

.Gateway_B_2_ul {
    display: flex;
    gap: 80px;
    flex-wrap: wrap;
}

.Duis {
    width: calc(100% - 100px);
}

.Gateway_B_2_ul li {
    display: flex;
    width: calc(33.33% - 58px);
    cursor: pointer;
    justify-content: space-between;
}

.Gateway_B_2_ul1 {
    margin-top: 33px;
}


.Gateway_B_2_ul li:hover .yuans {
    background-color: var(--MainColor);
}
.baiico{
    display: none;
}
.hovli:hover .blueico{
    display: none;
}
.hovli:hover .baiico{
    display: block;
}
.Gateway_B_2_ul li:hover .m1 {
    color: #ffffff;
}


.Gateway_B_2_ul li:hover .Duis_1 {
    color: var(--MainColor)
}

.m2 {
    font-size: 30px;
    color: var(--MainColor);
}

.Businessare {
    padding: 80px 0;
    background-color: #f3f3f3;
}

.Businessare_ul {
    display: flex;
    flex-wrap: wrap;
}
.busssaio{
    width: 100%;
    height: 100%;
    background-size:cover;
    background-repeat: no-repeat;
}
.busssaio img{
    opacity: 0;
}
.Businessare_box {
    margin-top: 55px;
}



.Businessare_ul li {
    position: relative;
    cursor: pointer;
}
.buss-aifa{
    display: block;
    height: 100%;
}
.buss-div{
    height: 100%;
}
.Solarw {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
    transition: all 0.5s;
}


.yinxv {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.5s;
    left: 0;

    background-color: rgba(10, 15, 91, 0.5);
}


.Businessare_ul li:hover .yinxv {
    opacity: 1;
}

.Businessare_ul li:hover .Solarw {
    display: none;
}

.yinxv_text {
    width: 70%;
    text-align: center;
}

.yinxv_text_1 {
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
}

.yinxv_text_2 {
    font-size: 16px;
    color: #ffffff;
    margin-top: 15px;
}

/* .asvbb{
    background-color: #1e2480;
    height: 100% ;
} */


.zv_vb {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 21px;
    font-weight: 700;
    color: #ffce1b;
    transform: translate(-50%, -50%);
}

.zxvoiz {
    font-size: 21px;

}

.zxvViasdfw {
    margin-top: 0;
    margin-left: 33px;
}

.xcvb_cv {
    display: flex;
    justify-content: center;
    margin-top: 33px;

}

.xcvb_cv_flex {
    display: flex;
    align-items: center;
}




.DiversePow {
    width: calc(100% - (100% - ((100% - 1380px)/2) - 1380px));
}

.DiversePow_box {
    display: flex;
    justify-content: right;
}

.DiversePow_box {
    margin-top: 115px;
}


.Applicaw2e {
    font-size: 40px;
    font-weight: 700;
    color: #1A1A1A;
}

.Mirumwe {
    color: #333333;
    line-height: 24px;
    margin-top: 15px;
}


.lunimg {
    position: relative;
}


.swiper_oxb {
    margin-top: 55px;
}


.asbvGear {
    width: 100%;
    padding: 15px 0;
    transition: all 0.3s;
    text-align: center;
}


.swiperwe1 .swiper-slide {
    padding: 10px;
    /* 给阴影留出空间 */
}

.lunimg_vxo {
    overflow: visible;
    /* 确保阴影不会被裁剪 */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.DiversePow_left {
    padding-left: 10px;
    max-width: 1380px;
    width: 94%;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;

}

.gunxv {
    position: relative;
    width: 142px;
    height: 50px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

/* .prev1we {
    left: -126px !important;
} */

.icon-zhixiangzuozuojiantou {
    font-size: 30px;
    color: #1A1A1A;
}

.icon-zhixiangyouyoujiantou {
    font-size: 30px;
    color: #1A1A1A;

}



.swiper-button-prev,
.swiper-button-next {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.cvxcb:hover {
            background-color:#1A1A1A;
        
}


.cvxcb:hover .icon-zhixiangzuozuojiantou {
    color: #ffffff;
}

.cvxcb:hover .icon-zhixiangyouyoujiantou {
    color: #ffffff;
}

.swiperwe1 .swiper-slide:hover .asbvGear {
    background-color: var(--MainColor);
    color: #ffffff;
}


.Diversebwe {
    background-image: url(/w4/templates/images/diqiu.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.slide1we {
    height: 280px !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;

}

.partnerwe_vox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}


.slide1we_text {
    display: flex;
    position: absolute;
    right: 40px;
    top: 30px;
}

.slide1we_text i {
    font-size: 18px;
    color: var(--MainColor);
}

.partnerwe {
    color: #333333;
    line-height: 24px;
    width: 80%;
}

.Jostwe {
    color: #666666;
    width: calc(100% - 80px);
    line-height: 24px;
}

.Jostwe span {
    color: #1A1A1A;
    font-weight: 600;
}

.touxImg {
    width: 60px;
}

.toux_flex {
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 75%;
    margin: 0 auto;
}

.swiper1_box {
    margin-top: 33px;
}


.swiper_oxsdb {
    position: relative;
}

.prevwe1 {
    left: -90px !important;
}

.nextwe1 {
    right: -90px !important;
}


.Gainwe {
    font-size: 21px;
    color: #1A1A1A;
    font-weight: 700;
}


.xinax_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 55px;
}

.xinax {
    width: 32%;
    height: 1px;
    position: relative;
    background-color: #eeeeee;
}

.xinax::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #666666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.xinax1::after {

    right: 0;
}

.xinax2::after {

    left: 0;
}


.swiper_wb {
    margin-top: 55px;
}

.swiper2 img {
    text-align: center;
    width: auto;
}

.swiper2 .swiper-slide {
    text-align: center;
}

.swiper2 .swiper-wrapper {
    align-items: center;
}


.swiper2 img {
    width: 100%;
}


.swiper2 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}


.Awarwe {
    font-size: 40px;
    font-weight: 700;
    color: #1A1A1A;

}

.honorswe {
    margin-top: 20px;
    line-height: 24px;
    color: #333333;
}

.Awarwe_left {
    width: 48%;
}




.swiperwe145 .swiper-slide-active {
    z-index: 3;
    position: relative;
}




.swiperwe145 .swiper-slide-active img {
    transform: scale(1.5);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.swiperwe145 {
    padding: 48px 0 !important;
}

.axcv {
    z-index: 2;
    position: relative;
}

.axcv img {
    transform: scale(1.2);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.Awarwe_right {
    width: 48%;
}

.Awarwe_lfex {
    display: flex;
    justify-content: space-between;
}


.swiper1_box .swiper-slide:hover .slide1we_text i {
    color: var(--Contrast);
}



.Diverse_jzxc {
    width: 100%;
    padding: 120px 0;
    margin-top: 115px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
}


.NeedCustom {
    font-size: 40px;
    color: #ffffff;
    font-weight: 700;
}




.ustomizwe a {
    text-decoration: underline;
    font-weight: 700;
    color: var(--MainColor);
}


.Speakwe {
    color: #ffffff;
    line-height: 24px;
    margin-top: 15px;
}


.Diverse_jzxc_jz {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
}

.Diverse_jzxc_left {
    width: 35%;
}

.Diverse_jzxc_right {
    width: 365px;
    position: relative;
}

.Consulta {
    font-size: 21px;
    font-weight: 700;
    color: #1A1A1A;
    text-align: center;
    margin-bottom: 20px;
}

.SeA {
    padding: 40px 20px;
    background-color: #ffffff;
}

.Diverse_jzxc_jz {
    display: flex;
    justify-content: space-between;
}

.inpu_box {
    height: 45px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

input {
    transition: all 0.3s;
}


.inpu_box input:focus {
    background-color: #f3f3f3;
}


.extare textarea {
    height: 138px;
    padding: 12px;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}

.SeA {
    position: absolute;
    width: 100%;
    top: -80px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 40px 0 0 0;
}

.extare textarea:focus {
    background-color: #f3f3f3;
}

.SendYourMessage {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
            background-color: #1A1A1A;
        
    border-radius: 20px;
    font-weight: 700;
            color: #fff;
        
    margin-top: 20px;
}

.We_respect {
    font-size: 14px;
    color: #7C7C7C;
    line-height: 24px;
    margin-top: 10px;
}

.IndexFaq {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 135px;
}

.IndexFaq_left {
    width: 30%;
}

.IndexFaq_right {
    width: 59%;
}

.faQ_flex {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
}


.li_vdiv {
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}


.xcv_Q {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;

}

.xcv_Q>.zxbv {
    padding-top: 25px;
    line-height: 24px;
    color: #333333;
}

.tellwe {
    font-size: 21px;
    font-weight: 700;
    color: #1A1A1A;
    width: calc(100% - 40px);
}


.Ulv_f>.li_vdiv:not(:nth-child(1)) {
    margin-top: 20px;
}

.show {
    height: auto;
}


.vzxvH {
    color: var(--MainColor);
}


.mnDiv img {
    width: 53px;
}


.mnDiv {
    width: 110px;
    text-align: center;
    line-height: 110px;
    height: 110px;
    position: relative;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.shuiz {
    width: 38px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    color: #ffffff;
    top: -9px;
    border-radius: 50%;
    right: -5px;
    text-align: center;
    background-color: var(--MainColor);
}

.cuss-ico {
    color: var(--MainColor);
    font-size: 30px;
}

.cirico {
    color: var(--MainColor);
    font-size: 40px;

}

.Designw {
    color: #1A1A1A;
    font-size: 21px;
    font-weight: 700;
}


.mnDiv_lfa {
    display: flex;
    justify-content: center;
}

.orderwe_box {
    text-align: center;
}

.Designw {
    margin: 33px 0;
}

.swiperfnb {
    padding: 50px 0 0 0 !important;
    margin-top: 33px;
}

.orderwe {
    line-height: 24px;
    color: #333333;
}

.xiandw img {
    width: auto;
}

.xiandw {
    position: absolute;
    top: 25%;
    left: 17%;
}

.xiandw1 {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.xiandw2 {
    position: absolute;
    top: 25%;
    right: 17%;
}

.Proje {
    margin-top: 115px;
    width: 100%;
}




.paxs {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: right;
    align-items: center;
    display: flex;
    position: relative;
}

.pax-cov {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(10, 15, 91, 0.8);
}


.paxs_box {
    width: 72%;
    padding-right: 20px;
    position: relative;
    z-index: 2;
}




.oufg {
    font-size: 40px;
    color: #ffffff;
    font-weight: 700;
}

.ipsum {
    color: #ffffff;
    line-height: 24px;
    margin-top: 15px;
}


.zxvb_li>div {
    width: 50%;
}

.Proje_ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.Proje_ul li {
    width: 50%;
    height: 300px;

}

.zxvb_li {
    display: flex;
}

.elit {
    padding: 0 30px;
    display: flex;
    align-items: center;
    background-color: #f3f3f3;
}

.Aquarw {
    font-size: 21px;
    font-weight: 700;
    color: #1A1A1A;
}

.sitipsum {
    color: #333333;
    line-height: 24px;
    margin-top: 15px;
}

.zxvwwe {
    background-repeat: no-repeat;
    background-size: cover;
}



.sad {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 580px;
    width: 48%;
    position: relative;
}


.sad_boxw {
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
}

.sad_sbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    background: linear-gradient(to top, var(--MainColor), transparent);
    padding: 30px 20px;
}


.Earliest {
    padding: 15px 0;
    font-size: 21px;
    font-weight: 700;
}


.xvbv {
    font-size: 21px;
    font-weight: 700;
    color: #1A1A1A;
}

.sctin {
    color: #333333;
}


.xxx_cvbw {
    color: #333333;

}


.sad_right {
    width: 48%;
}

.jasd_left {
    width: 39%;
}

.jasd_right {
    width: 57%;
}

.xvbv {
    padding: 15px 0;
}

.jsa_li {
    padding-bottom: 30px;
}

.jsa_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.jsa_li::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #c4c4c4;
}

.sad_right>ul a:not(:nth-child(1)) {
    margin-top: 30px;
    display: block;
}

.anNiu_flex {
    display: flex;
    justify-content: center;
}

.mySwiper2_box  .prevzxc{
    left: -100px;
}

.mySwiper2_box  .nextzxc{
    right: -100px;
}



/* .elit:hover{
    background-color: var(--Contrast);
} */

.Proje_ul>li:last-child .elit{
    background-color: var(--Contrast);
}  .sized {
    font-size: 40px;
    font-weight: 700;
    color: var(--TextColor);
}


.App_det {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    margin-top: 80px;
}
.Rich_text{
    overflow: hidden;
}


.App_det_right {
    width: 330px;

}

.App_det_left {
    width: calc(100% - 350px);
}


.fow_jz {
    text-align: center;
}



.Rarewe>li {
    list-style: none;
    margin-top: 33px;
}

.BLDCwe {
    position: relative;
    font-size: 21px;
    color: #1A1A1A;
    line-height: 25px;
    font-weight: 700;
}

.BLDCwe::after {
    position: absolute;
    width: 15px;
    height: 15px;
    content: '';
    left: -30px;
    border-radius: 50%;
    top: 6px;
    background-color: var(--Contrast);
}



.reduce_ul>li::marker {
    color: var(--SecondaryColor1);
    font-size: 18px;
}

.reduce_ul {
    padding-left: 23px !important;
}

.app_boxs {
    padding: 30px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sear_flex {
    display: flex;
    align-items: center;
    height: 50px;
    width: 100%;
    background-color: #f5f5f5;
}


.sear_flex i {
    font-size: 19px;
    font-weight: 700;
    color: var(--MainColor);
    margin-left: 12px;
}



.Keywordw {
    width: 100%;
    height: 100%;
}



.App_det {
    display: flex;
    justify-content: space-between;
}


.plicaw {
    display: flex;
    align-items: center;
    margin-top: 33px;
}

.plicaw i {
    font-size: 21px;
    font-weight: 700;
    color: var(--MainColor);
}

.zxvApp {
    font-size: 21px;
    font-weight: 700;
    color: var(--TextColor);
    margin-left: 12px;
}


.Solar_ul>li a {
    padding: 15px;
    background-color: #f5f5f5;
    color: var(--TextColor);
    display: flex;
    transition: all 0.3s ;
    align-items: center;
    justify-content: space-between;
}

.Solar_ul {
    margin-top: 20px;
}

.Solar_ul li:not(:nth-child(1)) {
    margin-top: 5px;
}


.seA {
    padding: 30px 30px;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   position: sticky;
   top: 120px ;
}


.saeT {
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    color: var(--TextColor);
    margin-bottom: 20px;
}


.hixiangyow i{
    color: var(--TextColor);
}
.hixiangyow{
    transition: all 0.6s ease 0s;
}

.Solar_ul li a:hover {
    background-color: var(--MainColor);
}

.Solar_ul li:hover a div {
    color: #ffffff;
}
.Solar_ul li:hover .hixiangyow {
    opacity: 1;
}  .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 i{
            color: #1A1A1A;
            margin-right: 12px ;
    font-size: 21px ;
}

.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: var(--Contrast);
}

.conwe i{
    color: var(--Contrast);
}  @font-face {
    font-family: 'icomoon_seh';
font-display: swap;
    font-style: normal;
    font-weight: 400;
src: url("/w4/font/icomoon_seh.eot?#iefix") format("embedded-opentype"), 
url("/w4/font/icomoon_seh.woff") format("woff"), 
url("/w4/font/icomoon_seh.ttf") format("truetype"), 
url("/w4/font/icomoon_seh.svg#$font") format("svg");
}
@font-face {
font-display: swap;
    font-style: normal;
    font-weight: 400;
font-family: "ico"; 
src: 
url("/w4/font/icomoon_pl.eot?#iefix") format("embedded-opentype"), 
url("/w4/font/icomoon_pl.woff") format("woff"), 
url("/w4/font/icomoon_pl.ttf") format("truetype"), 
url("/w4/font/icomoon_pl.svg#$font") format("svg");
}
.pro_det {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 115px;
}
html {
    scroll-behavior: smooth; /* 启用平滑滚动 */
}
.pro-desc-main{
    scroll-margin-top: 175px ;
}
.pro_det_left {
    width: 49%;

}
.pro-big-bk {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    display: block;
}
.pro-big-bk:before {
    position: absolute;
    left: 0px;
    top: calc(50% - 10px);
    content: '\e900';
    width: 100%;
    height: 20px;
    font-family: icomoon_seh;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.mshowp{
    position: relative;
    display: block;
}
.mshowp:hover .pro-big-bk {
    opacity: 1;
}
.mySwiper2 {
    margin: 8px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.mySwipersd .swiper-slide {
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.mySwipersd {
    margin-top: 20px;
    padding: 8px !important;
}

.LongDisc {
    font-size: 40px;
    font-weight: 700;
    color: var(--TextColor);
}
#id-pro-desc-sel-btn5{
    cursor: pointer;
}
.prodet-tagp:hover{
    background-color: var(--MainColor);

}
#id-pro-desc-sel-btn5:hover{
    background-color: var(--MainColor);
    color: #fff;
}
.prodet-tagp:hover a{
    color: #fff;
}
.pro_det_right {
    width: 49%;
}


.alloywe {
    margin-top: 20px;
}

.Featuw {
    font-size: 18px;
    color: var(--MainColor);
    font-weight: 700;
    margin-top: 20px;
}

.Featuw_ul li {
    margin-left: 20px;
    position: relative;
    margin-top: 20px;
    line-height: 24px;
    color: var(--TextColor);
}


.Featuw_ul li::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -18px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--Contrast);
}

.Featuw_ul li span {
    font-weight: 700;
    color: var(--TextColor);
}

.prosxcwe {
    margin-top: 115px;
}
.act{
    background-color: var(--MainColor)!important;
    display: block;
    color: #fff;
}
.ProductFlex {
    display: flex;
    background-color: #f5f5f5;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: sticky;
    top: 105px ;
    z-index: 5;
}
.ProductFlex>div  h2{
    font-weight: 500;
    font-size: 16px ;
}
.ProductFlex>div {
    width: 33.33%;
    text-align: center;
    height: 38px;
    overflow: hidden;
    line-height: 38px;
    font-weight: 500;
}

.Axis_fw {
    margin-top: 33px;
}

.EmeraldT300 {
    font-size: 21px;
    line-height: 32px;
    font-weight: 700;
    color: var(--TextColor);
}

.Tapping_w {
    font-size: 16px;
    margin-top: 33px;
    ;
    font-weight: 500;
}

.offers {
    margin: 10px 0;
}
.rev-send-star-f{
    display: flex;
    margin-top: 15px;
}
.rev-send-star-s {
    font-family: ico;
    font-size: 24px;
    color: var(--Contrast);
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
}
.heart:before {
    position: absolute;
    content: '\e9d9';
}
.rein-f{
    position: relative;
}
.emptyheart:before {
    position: absolute;
    content: '\e9d7';
}
.ufIfc {
    width: 100%;
    height: 500px;
    margin-top: 20px;
}

.ufIfc iframe {
    width: 100%;
    height: 100%;
}

.Dualw_flex {
    display: flex;
    gap: 20px;
    margin-top: 55px;
}

.Dualw_flex>div {
    width: 33.33%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.Dualw {
    padding: 10px;
}

.plicaw1w {
    margin-top: 0;
}


.biaoGw {
    margin-top: 33px;
}

.specs-table th {
    background-color: #061d61;
    color: #fff;
    font-weight: bold;
}

.specs-table th,
.specs-table td {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 14px;
    text-align: left;
    width: 50% !important;
}

.specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.specs-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}


.specs-table th,
.specs-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    width: 50% !important;
}

table {
    margin-top: 33px;
}

.pinlun_b {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--MainColor);
}

.pinLu_box {
    width: 100%;
    padding: 36px;
    background-color: #f3f3f3;
}

.pinlun_b>div:not(:nth-child(1)) {
    margin-left: 15px;
}

.pinLu {
    margin-top: 115px;
    display: none;
}


.toux {
    width: 50px;
}


.Lipinl {
    display: flex;
    justify-content: space-between;
}


.Lipinl_right {
    width: calc(100% - 80px);
}


.shiwu {
    display: flex;

}

.Jost_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.Jost {
    color: #666666;
}

.Jost span {
    font-size: 18px;
    font-weight: 700;
    color: var(--TextColor);
}

.pinLUe {
    margin-top: 33px;
}

.shiwu i {
    color: var(--MainColor);
}



.sizedsd {
    margin-top: 20px;
}


.zxcvIDnv i {
    font-size: 19px;
}


.pinLUe .Lipinl:not(:last-child) {
    position: relative;
    padding-bottom: 33px;
}

.pinLUe .Lipinl:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.pinLUe .Lipinl:not(:nth-child(1)) {
    margin-top: 33px;
}

.LeaveComment {
    margin-top: 50px;
}

.xzLeavec {
    font-size: 18px;
    color: #1E1E1E;
    font-weight: 700;
}

.emailw {
    color: var(--TextColorLight);
    margin: 20px 0;
}

.starw {
    color: var(--TextColorLight);

}


.nput_box>div {
    width: 49%;
    height: 45px;
    border: 1px solid #f0f0f0;
position:relative;
}

.nput_box {
    display: flex;
    justify-content: space-between;
    margin-top: 33px;
}


.tex_x {
    margin-top: 20px;
    width: 100%;
    height: 120px;
    border: 1px solid #f0f0f0;
position:relative;
}

.tex_x textarea {
    padding: 12px;
}

.Send_ud_rightwe1 {
    margin-top: 55px;
}

.fren {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    margin-top: 115px;
}


.zxvnPe {
    font-size: 40px;
    font-weight: 700;
    color: var(--TextColor);
}

.fren_Ul li {
    width: 33.33%;
}

.fren_Ul {
    display: flex;
    gap: 20px;
    margin-top: 55px;
}
.pd-re-a:hover .Squarewe{
    color: var(--MainColor);
}
.pd-re-a:hover .zxvView{
    color: var(--MainColor);
}

#id-pro-desc-main5{
    margin-top: 33px ;
}

.pro_det_right{
    color: #1d1d1f;
}  .cusIbennr {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/uploads/202505/banner1-2-_1748504170_WNo_1920d500.jpg);
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main {
    display: flex;
    color: #fff;
    text-align: center;
    justify-content: center;
    margin-top: 10px;
}
.bre-last-a{
            color: #1A1A1A;
        }
.uxrcs {
    color: #fff;
    font-size: 48px;
    text-align: center;
    font-weight: 700;
}

.main img {
    width: 8px;
    margin: 0 10px;
}
.main span{
    margin: 0 10px ;
}  .r0tip{
    margin-top: 30px;
    font-size: 16px;
    color: #1E1E1E;
}
.r0t2{
    color: #666666;
    padding-top: 20px;
}
.uploadify-button {
    margin: 0px;
    margin-top: 30px;
}
.r-s-i-img-show{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
}
.rsiimg-s{
    width: 20%;
    position: relative;
}
.rsisclose{
    position: absolute;
    right: 0px;
    top:0px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.review-s{
    display: flex;
    gap: 20px;
}
.rev-s-left{
    width: 65px;
}
.rev-rigf{
    width: calc(100% - 65px);
}
.rev-s-top2{
    display: flex;
    justify-content: space-between;
}
.rev-name-c{
    color: #1A1A1A;
    font-size: 16px;
    font-weight: bold;
}
.rev-s-top3{
    color: #666666;
    font-size: 16px;
    margin-top: 5px;
}
.rev-star-f{
    display: flex;
    gap:10px;
}
.rev-star-s{
    font-family: ico;
    font-size: 16px;
    color: var(--MainColor);
}
.rev-star-s:before {
    content: '\e9d9';
}
.rev-content{
    margin-top: 15px;
}
.rev-s-picf{
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.revs-p-s{
    width: 20%;
}
.revs-p-s img{
    width: 100%;
}
.tot-p{
    display: flex;
    margin-top: 30px;
    gap: 20px;
}
.aggrat-val{
    font-size: 22px;
    font-weight: 900;
    color: var(--MainColor);
    font-style: italic;
}
.aggrating-star-f{
    display: flex;
}
.aggrat-full {
    float: left;
    font-family: ico;
    font-size: 24px;
    color: var(--MainColor);
    width: 30px;
    height: 30px;
}
.aggrat-full:before {
    content: '\e9d9';
}
.agrf-emp:before {
    content: '\e9d7';
}
.aggrat-hs-f {
    width: 30px;
    height: 30px;
    font-family: ico!important;
    font-size: 24px;
    color: var(--MainColor);
    position: relative;
}
.aggrat-hs-full {
    position: absolute;
    width: 13px;
    height: 30px;
    overflow: hidden;
}

.aggrat-hs-full:before {
    content: '\e9d9';
    font-family: ico !important;
}
.aggrat-hs-emp {
    float: left;
    width: 30px;
    height: 30px;
}
.aggrat-hs-emp:before {
    content: '\e9d7';
    font-family: ico !important;
}  .send-error {
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #c80000;
    color: #c80000;
    right: 5px;
    top: 1px;
    border-radius: 10px;
    display: none;
}
.Messwe .send-error{
    top:20px;
}  .Blog {
    max-width: 1380px;
    width: 94%;
    margin: 115px auto;

}





.Blog_ul li {
    width: 48%;
}

.blog_left {
    width: calc(100% - 360px);
}

.blog_right {
    width: 320px;
}


.timesC {
    font-size: 16px;
    color: var(--TextColorLight);
    margin-top: 10px;
}

.Earliestw {
    color: var(--TextColor);
    font-size: 21px;
    margin: 10px 0 20px 0;
    font-weight: 700;
}

.workof {
    color: var(--TextColorLight);
}

.Blog_ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Blog_ul li:not(:nth-child(-n + 2)) {
    margin-top: 33px;
}

.Prev_felx {
    padding: 0;
}

.blog_right {
    width: 330px;
}

.Blog {
    display: flex;
    justify-content: space-between;
}


.blog_bov {
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 20px;
}

.time {
    font-size: 14px;
    color: var(--TextColorLight);
}

.Surviving {
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
    color: var(--TextColor);
    display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制为2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.xc_LEFT {
    width: 44%;
}

.xc_right {
    width: 50%;
}

.XC_uL>li a {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.XC_uL {
    margin-top: 33px;
}

.XC_uL li:not(:nth-child(1)) {
    margin-top: 20px;
    display: block;
}

.blxa {
    width: 35%;
}

.blxa_right {
    width: 63%;
}


.blog2_ul>li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.blog_timr {
    font-size: 14px;
    color: var(--TextColorLight);
}

.TheWritten {
    font-size: 21px;
    font-weight: 700;
    color: var(--TextColor);
    margin: 10px 0 20px 0;
}

.blog2_ul li:not(:last-child) {
    padding-bottom: 33px;
    position: relative;
}

.blog2_ul li:not(:last-child)::after {
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

.blog2_ul li:not(:nth-child(1)) {
    margin-top: 33px;
}

.WorkOf {
    font-size: 40px;
    font-weight: 700;
    color: #1A1A1A;
}

.WorkOf_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
}



.blogimg_ul {
    gap: 20px;
    display: flex;
    margin-top: 55px;
}

.blogimg_ul li {
    width: 33.33%;
}

.zxcz_sde {
    max-width: 1380px;
    width: 94%;
    margin: 115px auto;
}  @media screen and (max-width:1650px) {
    .head_jz_right {
        width: calc(100% - 350px);
    }

    .erji_flex>div {
        margin-right: 10px;
        font-size: 14px;
    }

    .zxc_ul>li {
        font-size: 16px;
    }

    .mySwiper2_box .nextzxc{
        display: none;
    }
    .mySwiper2_box .prevzxc{
        display: none;
    }
}



@media screen and (max-width:850px) {
    .zxvvbc-3 li{
        width: 49% ;
    }
    .App_det {
        margin-top: 60px;
        flex-wrap: wrap;
    }
    .zxvvbc-3 li:not(:nth-child(-n + 2)) {
        margin-top: 20px;
    }
    .zxvvbc-3{
        gap: 0;
        justify-content: space-between;
    }
    .App_det_right {
        width: 100%;
    }
    .head {
        display: none;
    }
    .App_det_left {
        width: 100%;
    }
    .biao {
        font-size: 26px;
        width: 94%;
        text-align: center;
    }

    .faxc_flex {
        font-size: 16px;
    }
    .uxrcs{
        font-size: 36px ;
    }
    .swiperInber .next1 {
        bottom: 20px;
        left: 25%;
    }
    .foot_box{
        padding-bottom: 33px ;
    }
    .faxc_flexwe {
        margin-right: 20px;
    }

    .foot_ul{
        padding-top: 35px ;
    }
    .swiperInber .prev1 {
        bottom: 20px;
    }

    .huanY {
        margin: 60px auto;
    }

    .qunsc {
        font-size: 14px;
    }

    .abyl {
        font-size: 26px;
    }

    .Gy_P {
        font-size: 14px;
    }

    .huanY_flex {
        margin-top: 33px;
    }

    .huanY_flex {
        flex-direction: column;
    }

    .huanY_left {
        width: 100%;
    }

    .huanY_right {
        width: 100%;
        margin-top: 33px;
    }

    .huanY_right {
        gap: 20px;
    }

    .zxvvv {
        font-size: 18px;
    }

    .zxvvv_P {
        font-size: 14px;
    }

    .shix {
        font-size: 26px;
    }

    .shzuo_jz {
        flex-wrap: wrap;
    }

    .shzuo_jz>div {
        width: calc(50% - 20px);
    }

    .shzuo_jz {
        gap: 20px;
    }

    .naimf {
        justify-content: center;
    }

    .shzuo {
        padding: 33px 0;
    }

    .Danw {
        font-size: 14px;
    }

    .sxcv {
        font-size: 14px;
    }

    .cnapZ {
        margin: 60px auto;
    }

    .cnapZ_ul li {
        width: 100%;
    }

    .cnapZ_ul {
        flex-wrap: wrap;
    }

    .jiaxc {
        font-size: 26px;
    }

    .naixc {
        font-size: 26px;
    }

    .zxvcop {
        font-size: 14px;
    }

    .blog>div {
        width: 100%;
    }

    .blog {
        gap: 20px;
        flex-wrap: wrap;
    }

    .zxnvv {
        font-size: 18px;
    }

    .xc_ps {
        width: 60%;
    }

    .Fuwu {
        margin-top: 0;
    }

    .zlUl {
        flex-wrap: wrap;
    }

    .zlUl li {
        width: 100%;
    }

    .Fuwu {
        padding: 60px 0;
    }

    .xzv_p {
        font-size: 16px;
    }

    .Ulxic {
        flex-wrap: wrap;
    }

    .Ulxic>li {
        width: calc(50% - 20px);
    }

    .Ulxic>li:not(:last-child)::after {
        display: none;
    }

    .souqi {
        font-size: 18px;
    }

    .Ulxic {
        margin-top: 33px;
    }

    .zxcVsd>div {
        font-size: 14px;
    }

    .foot {
        padding-top: 60px;
    }

    .cnapZ_flex1w {
        padding-bottom: 33px;
    }

    .foot_flex_box {
        padding-top: 33px;
    }

    .foot_flex_box {
        flex-wrap: wrap;
    }

    .fasxp {
        width: 100%;
    }

    .fasxp_right {
        width: 100%;
    }

    .fasxp>div:not(:nth-child(1)) {
        margin-top: 40px;
    }

    .divnhua i {
        font-size: 25px;
    }

    .maxi_z i {
        font-size: 20px;
    }

    .diqiu_w i {
        font-size: 26px;
    }

    .zuobw i {
        font-size: 26px;
    }

    .fasxp_right {
        margin-top: 33px;
        display: none;
    }

    .footer {
        flex-wrap: wrap;
    }

    .beian {
        flex-wrap: wrap;
    }

    .foot_flex_box {
        padding-bottom: 33px;
    }

    .swiperInber .prev1 {
        width: 35px;
        height: 35px;
    }

    .swiperInber .next1 {
        width: 35px;
        height: 35px;
    }

    .qiyeWh_jzP {
        margin: 60px auto;
    }

    .lxcList {
        margin-top: 33px;
    }

    .xzcnb_xc {
        width: 48%;
    }

    .asxcWE {
        font-size: 26px;
    }

    .lxcList {
        gap: 18px;
    }

    .zzzsfweo {
        font-size: 18px;
    }

    .cPasf_left {
        display: none;
    }

    .yonLi {
        width: 100%;
        margin-top: 33px;
    }

    .zhan {
        margin: 60px auto;
    }

    .cPasf_right {
        width: 100%;
    }

    .cpanListLiDom {
        width: 100%;
    }

    .cPasf {
        margin: 60px auto;
    }

    .cpanList {
        margin-top: 33px;
    }

    .cusx {
        flex-direction: column;
    }

    .cusx_left {
        width: 100%;
    }

    .ganxw {
        font-size: 26px;
        line-height: 40px;
    }

    .zuoxc_flex_box {
        margin-top: 33px;
    }

    .lijix {
        font-size: 26px;
    }

    .cusx_right {
        width: 100%;
        padding-left: 0;
        margin-top: 33px;
    }

    .cusx_right::after {
        display: none;
    }

    .cusx {
        margin-top: 33px;
    }

    .xzcvvvx {
        width: 100%;
    }

    .xczmmn {
        font-size: 18px;
    }

    .inpUtxc_obx {
        margin-top: 20px;
    }

    .liC {
        margin: 60px auto;
    }

    .per_box_right {
        flex-direction: column-reverse;
    }

    .shixv {
        font-size: 26px;
    }

    .xzcvvvx {
        margin-top: 20px;
    }

    .nainx {
        font-size: 26px;
    }

    .zzz_list li {
        padding: 0;
        width: 48%;
    }

    .zzz_list {
        display: flex;
        justify-content: space-between;
    }

    .zzz_list {
        margin-top: 33px;
    }

    .zzz_list li:not(:nth-child(-n + 2)) {
        margin-top: 20px;
    }

    .xxcian {
        font-size: 18px;
    }

    .cosn_list {
        margin-top: 33px;
    }

    .cosn_lodom {
        width: 100%;
    }

    .nzv_xc {
        font-size: 18px;
    }

    .xcg_jz {
        margin: 60px auto;
    }

    .lisSHu {
        margin-top: 33px;
    }

    .lisSHu_lidom {
        flex-wrap: wrap;
    }

    .bzvx {
        width: 100%;
    }

    .nax_box {
        flex-direction: column-reverse;
    }

    .zesh_box {
        padding: 20px 0;
    }

    .CB_right {
        width: 100%;
    }

    .CB_LEFT {
        width: 100%;
        margin-top: 20px;
    }

    .pXDF_box {
        width: calc(100% - 20px);
    }

    .pXDF {
        font-size: 14px;
    }

    .cnaoi {
        font-size: 18px;
    }

    html {
        font-size: 14px;
    }

    .zhensul li {
        width: 48%;
    }

    .xzbvImg {
        width: 80%;
    }

    .qiyeWh_jzwe {
        max-width: 100%;
        width: 94%;
        margin: 60px auto;
    }

    .zhensul {
        margin-top: 33px;
    }

    .EsgJ {
        display: none;
    }

    .sacv_list {
        margin-top: 60px;
    }

    .sacv_list li {
        width: 100%;
    }

    .sacv_list li:not(:nth-child(-n+1)) {
        margin-top: 33px;
    }

    .zlhn{
        display: none;
    }
    .Jsi_list li{
        width: 100% ;
    }
    .Jsi_list>li:not(:nth-child(-n + 1)){
        margin-top: 33px ;
    }
    .guanT{
        font-size: 26px ;
    }
    .about_z{
        margin: 60px auto;
    }
    .cnapZ_flexwe{
        flex-direction: column;
    }
    .xc_ps{
        width: 100% ;
        margin-top: 20px ;
    }
    .zxbc_xc_flex{
        flex-direction: column-reverse;
    }

    .zxbc_xc_right {
        width: 100% ;
    }
    .zxbc_xc_left{
        width: 100% ;
        margin-top: 20px ;
    }
    .zxbc_xc>.zxbc_xc_flex:nth-child(even){
        flex-direction: column-reverse;

    }

    .zxbc_xc{
        margin: 60px auto;
    }
    .zxbc_xc_flex:not(:nth-child(1)){
        margin-top: 20px ;
    }
}

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


    .inber_text {
        position: static;
        transform: none;
        margin: 0 auto;
        text-align: left;
    }

    .zxvb_li:last-child {
        flex-direction: row-reverse;
    }

    .prevwe1 {
        display: none !important;
    }

    .nextwe1 {
        display: none !important;
    }

    .prevzxc {
        display: none !important;
    }

    .nextzxc {
        display: none !important;
    }

    .czxbc_ul {
        margin-top: 33px;
    }

    /* .inber_text_box {
        position: static;
        padding: 30px 0;
        transform: none;
        background-color: #f5f5f5;
    } */
    .Squarewe {
        height: auto;
    }
    .HoseClamp01{
        margin-bottom: 20px ;
    }
    .gou_ul {
        flex-wrap: wrap;
    }
    .zxvView{
        margin-top: 15px ;
    }
    .gou_ul li {
        width: 100%;
    }
    .fren_Ul{
        gap: 30px ;
    }
    .Blowwe {
        font-size: 36px;
    }
.ProductFlex {
    top: 72px;
}
    /* .Blowwe {
        color: #1a1a1a;
    } */

    .anNiu{
        font-size: 16px ;
    }
    .pro_det_right{
        padding: 0 8px ;
        margin-top: 20px ;
    }
    .fren{
        padding: 0 8px ;
    }
    .prosxc_right{
        padding: 0 8px ;
    }
    .mySwipersd{
        margin-top: 10px ;
    }
    .cusIbennr{
        margin-top: 72px ;
    }
    /* .gou_ul {
        color: #333333;
    } */
    .product-specs table{
        margin-bottom: 0 !important;
    }
    .gou_ul li:not(:nth-child(1)) {
        margin-top: 10px;
    }

    .gou_ul {
        margin-top: 20px;
    }

    .Diverse {
        margin-top: 60px;
    }

    .caterwe {
        font-size: 26px;
    }

    .Divxcb_flex {
        flex-direction: column-reverse;
        padding-bottom: 30px;
    }

    .czxbc {
        width: 100%;
    }

    .Divxcb {
        width: 100%;
    }

    .Divxcb {
        padding: 0 20px;
        padding-top: 20px;
    }

    .caterwewe_zxv {
        margin-top: 20px;
    }

    .swirper {
        margin-top: 33px;
    }

    .czxbc_ul li {
        width: 49%;
        padding: 0;
    }

    .czxbc_ul {
        justify-content: space-between;
    }

    .Squarewe {
        font-size: 18px;
    }

    .czxbc_ul li:not(:nth-child(-n + 2)) {
        margin-top: 20px;
    }


    .Diverse_flwedx {
        flex-direction: column;
    }

    .asd_box {
        width: 100%;
    }

    .suz {
        display: none;
    }

    .v_vwev {
        width: 100%;
        margin-top: 20px;
    }

    .Companywe {
        font-size: 26px;
    }

    .Gateway_B {
        flex-direction: column;
        padding-bottom: 33px;
    }

    .inbber {
        margin-top: 73px;
    }

    .Gateway_B_left {
        width: 100%;
    }

    .mySwiper .swiper-slide {
        height: 42px;
    }

    .Gateway {
        font-size: 26px;
    }

    .Gateway_B_right {
        width: 100%;
        margin-top: 20px;
    }

    .ascHus {
        font-size: 26px;
    }

    .anNiu {
        margin-top: 20px;
    }

    .Gateway_B_2 {
        padding: 30px 0 40px 0;
    }

    .Gateway_B_2_ul li {
        width: 100%;
    }

    .Gateway_B_2_ul {
        flex-wrap: wrap;
    }

    .Gateway_B_2_ul {
        gap: 33px;
    }

    .Businessare {
        padding: 40px 0;
    }

    .Businessare_ul li {
        width: 100%;
    }

    .Businessare_ul {
        flex-wrap: wrap;
    }

    .Businessare_box {
        margin-top: 33px;
    }

    .DiversePow {
        width: 94%;
    }

    .DiversePow_box {
        margin-top: 60px;
    }

    .Applicaw2e {
        font-size: 26px;
    }

    .DiversePow_box {
        justify-content: center;
    }

    .swiper_oxb {
        margin-top: 33px;
    }

    .DiversePow_left {
        flex-direction: column;
    }

    .Gainwe {
        font-size: 18px;
    }

    .Gainwe {
        width: 100%;
        text-align: center;
    }

    .xinax {
        display: none;
    }

    .Awarwe_lfex {
        flex-direction: column-reverse;
    }

    .Awarwe_right {
        width: 100%;
    }

    .Awarwe_left {
        width: 100%;
    }

    .Awarwe {
        font-size: 26px;
        margin-top: 33px;
    }

    .Diverse_jzxc {
        margin-top: 60px;
    }

    .Diverse_jzxc_jz {
        flex-direction: column;
    }

    .SeA {
        position: static;
        margin: 0 auto;
    }

    .Diverse_jzxc_right {
        margin: 0 auto;
        margin-top: 20px;
    }

    .Diverse_jzxc {
        padding: 60px 0;
    }

    .Diverse_jzxc_left {
        width: 100%;
    }

    .NeedCustom {
        font-size: 26px;
    }

    .IndexFaq {
        flex-direction: column;
    }

    .Awarwe1w {
        margin-top: 0;
    }

    .IndexFaq {
        margin-top: 60px;
    }

    .IndexFaq_left {
        width: 100%;
    }

    .IndexFaq_right {
        width: 100%;
    }

    .IndexFaq_right {
        margin-top: 20px;
    }

    .tellwe {
        font-size: 18px;
    }

    .xiandw {
        display: none;
    }

    .swiperfnb {
        margin-top: 0;
    }

    .xiandw1 {
        display: none;
    }

    .xiandw2 {
        display: none;
    }

    .Proje {
        margin-top: 60px;
    }

    .Proje_ul li {
        width: 100%;
    }

    .paxs_box {
        width: 100%;
        padding-left: 20px;
    }

    .oufg {
        font-size: 26px;
    }

    .elit {
        padding: 0 10px;
    }

    .sad {
        width: 100%;
    }

    .sad_right {
        width: 100%;
    }

    .sad_boxw {
        flex-direction: column;
    }

    .xvbv {
        font-size: 18px;
    }

    .jasd_left {
        width: 100%;
    }

    .jasd_right {
        width: 100%;
        margin-top: 20px;
    }

    .jsa_li {
        flex-wrap: wrap;
    }

    .foot {
        margin-top: 60px;
    }

    .foot_logo_left {
        width: 100%;
    }

    .foot_logo_right {
        width: 100%;
        margin-top: 20px;
    }

    .Findwe {
        font-size: 18px;
    }

    .foot_box {
        flex-wrap: wrap;
    }

    .foot {
        padding: 35px 0;
    }

    /* .zxvb_li:nth-child(:last-child){
        flex-direction: row-reverse;
    } */
    .foot_ul {
        flex-wrap: wrap;
    }

    .IcW_dom {
        width: 100%;
    }

    .Quick_w {
        width: 100%;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .Linksw {
        width: 100%;
        margin-top: 20px;
    }

    .foot_bottom_jz {
        flex-wrap: wrap;
    }

    .foot_bottom_flex>div {
        margin: 0;
    }

    .foot_bottom_jz {
        padding: 10px 0;
    }

    .foot_bottom_flex {
        padding: 8px 0;
        justify-content: space-between;
    }

    .foot_bottom_jz>div {
        width: 100%;
        /* text-align: center; */
    }
    .foot_bottom{
        font-size: 12px ;
    }

    .Diverse_jzxc_right{
        max-width: 365px ;
        width: 100% ;
    }
    .zxvViasdfw {
        margin-top: 0;
    }

    .suz {
        display: none;
    }

    .Success {
        margin-top: 60px;
    }

    .Success_left {
        width: 100%;
    }

    .employees_w li {
        width: 100%;
    }

    .employees_w {
        width: 100%;
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .Company_fleex {
        flex-direction: column-reverse;
    }

    .Company_fleex_right {
        width: 100%;
    }

    .Company_fleex_left {
        width: 100%;
        margin-top: 20px;
    }

    .Globalsir {
        padding: 60px 0;
    }

    .xzc_ul li {
        flex-direction: column;
    }

    .xzc_ul li:nth-child(even) {
        flex-direction: column;
    }

    .Mission {
        margin: 60px auto;
    }

    .Mission_left {
        width: 100%;
    }

    .Mission_right {
        width: 100%;
        margin-top: 33px;
    }

    .bathhubw p {
        margin-top: 20px;
    }

    .Visionw {
        font-size: 26px;
    }

    .xzc_ul li:not(:nth-child(1)) {
        margin-top: 33px;
    }

    .cm_ul {
        margin-top: 33px;
    }

    .cm_ul li {
        width: 48%;
        padding: 0;
    }

    .cm_ul {
        display: flex;
        justify-content: space-between;
    }

    .cm_ul li:not(:nth-child(-n + 2)) {
        margin-top: 20px;
    }

    .zhens {
        margin: 60px auto;
    }

    .absd {
        padding: 60px 0;
    }

    .i1_ul li {
        width: 48%;
        padding: 0;
    }

    .i1_ul {
        flex-wrap: wrap;
    }

    .FAQswe {
        font-size: 26px;
    }

    .vieos_ul li {
        width: 48%;
        padding: 0;
    }

    .vieos_ul {
        margin-top: 33px;
        justify-content: space-between;
    }

    .vieos_ul li:not(:nth-child(-n + 2)) {
        margin-top: 20px;
    }

    .Prev_felx {
        padding: 0;
    }

    .videos {
        margin: 60px auto;
    }

    .Downlond {
        margin: 60px auto;
    }

    .Downlond_ul li {
        width: 100%;
        flex-direction: column;
    }

    .Downlond_ul li:not(:nth-child(-n + 1)) {
        margin-top: 20px;
    }

    .down_w {
        width: 100%;
    }

    .down_w_right {
        width: 100%;
    }

    .Fwq_right {
        display: none;
    }

    .Fwq {
        margin: 60px auto;
    }

    .Fwq_left {
        width: 100%;
    }

    .Custom {
        font-size: 26px;
    }

    .Lipinl {
        flex-direction: column;
    }

    .Lipinl_right {
        width: 100%;
        margin-top: 20px;
    }

    .verGeneral {
        font-size: 26px;
    }

    .StopYour {
        font-size: 26px;
    }

    .swiper_wejvb_ul li {
        width: 48%;
    }

    .swiper_wejvb_ul li:not(:nth-child(3n)):after {
        display: none;
    }

    .swiper_wejvb_ul li:not(:nth-child(-n + 2)) {
        margin-top: 33px;
    }

    .Would_w_flex {
        flex-direction: column-reverse;
    }

    .yanz {
        flex-wrap: wrap;
    }

    .ninb_boxsd {
        padding: 35px 25px;
    }

    .withGet {
        font-size: 26px;
    }

    .ninb_rightwe {
        width: 100%;
    }

    .cus_left {
        width: 100%;
        padding: 20px;

    }

    .yanz_flex {
        margin-top: 10px;
    }

    .yanz>div {
        margin-top: 10px;
    }

    .cuso_vox11 {
        margin-top: 20px;
    }

    .Would_w {
        margin: 60px auto;
    }

    .Would_w_flex1sd {
        flex-direction: column-reverse;
    }

    .Would_w_flex_right {
        width: 100%;
    }

    .Would_w_flex1sd {
        padding: 0;
    }

    .Would_w_flex_left {
        width: 100%;
        padding: 20px;
        margin-top: 20px;
    }

    .Would_w_flex1sd {
        box-shadow: none;
    }

    .York {
        margin-top: 60px;
    }

    .York_ul {
        flex-wrap: wrap;
    }

    .York_ul li {
        width: 100%;
    }

    .blog_right {
        display: none;
    }

    .icon_bc {
        width: 40px;
        height: 40px;
  
        line-height: 40px;
    }

    .icon-right {
        font-size: 20px;
    }

    .blog_left {
        width: 100%;
    }

    .Earliestw {
        font-size: 18px;
    }

    .Earliestw {
        margin: 5px 0 10px 0;
    }

    .blog2_ul li {
        flex-direction: column;
    }

    .blxa {
        width: 100%;
    }

    .blxa_right {
        width: 100%;
        margin-top: 20px;
    }

    .Blog {
        margin: 60px auto;
    }

    .TheWritten {
        font-size: 18px;
    }

    .App_box_flex {
        flex-direction: column-reverse;
    }

    .App_box_flex:nth-child(even) {
        flex-direction: column-reverse;

    }

    .Energy_right {
        width: 100%;
    }

    .Energyw {
        width: 100%;
    }

    .Solarol {
        font-size: 26px;
        margin-top: 20px;
    }

    .App_box_flex:not(:nth-child(1)) {
        padding-bottom: 33px;
    }

    .App_box_flex:not(:nth-child(1)) {
        margin-top: 33px;
    }
    .pro_det{
        margin-top: 60px ;
    }
    .pro_det{
        flex-direction: column;
    }
    .pro_det_left{
        width: 100% ;
    }
    .pro_det_right{
        width: 100% ;
    }
    .LongDisc{
        font-size: 26px ;
    }
    .prosxc_left{
        display: none;
    }
    .prosxc_right{
        width: 100% ;
    }
    .ProductFlex{
        flex-wrap: wrap;
    }
    .ProductFlex>div{
        width: 100% ;
    }
    .prosxcwe{
        margin-top: 60px ;
    }
    .Dualw_flex{
        flex-wrap: wrap;
    }
    .Dualw_flex>div{
        width: 100% ;
    }
    .pinLu{
        margin-top: 60px ;
    }
    .HoseClamp01{
        font-size: 26px ;
    }
    .Send_ud_right{
        padding: 20px ;
    }
    .fren{
        margin-top: 60px ;
    }
    .fren_Ul{
        margin-top: 33px ;
        flex-wrap: wrap;
    }
    .zxvnPe{
        font-size: 26px ;
    }
    .fren_Ul li{
        width: 100% ;
    }
    .Dualw_flex{
        margin-top: 33px ;
    }
    .pro_box {
        margin-top: 60px ;
    }
    .prosxc{
        margin-top: 60px ;
    }
    .maxc{
        font-size: 26px ;
    }
    .maxc_flex{
        margin-top: 33px ;
    }
    .maxc_flex{
        flex-direction: column;
    }
    .maxc_left {
        width: 100%;
        height: auto;
    }
    .Blog_ul li{
        width: 100% ;
    }
    .ninb_box{
        flex-direction: column;
    }
    .touxv{
        font-size: 26px ;
        display: none;
    }
    .ninb_box{
        margin-top: 33px ;
    }
    .ninb{
        width: 100% ;
    }
    .ninb::after{
        display: none;
    }
    .cuso_vox{
        padding: 15px ;
    }
    .inquirywe_box{
        margin-top: 10px ;
    }
    .ninb_right{
        width: 100% ;
        margin-top: 20px ;
    }
    .maxc_right{
        width: 100% ;
        margin-top: 20px ;
    }
    .ExploreFaq{
        margin-top: 60px ;
    }
    .inber_text_box{
        width: 100%;
        display: flex;
        align-items: center;
    }
    .Workwe{
        font-size: 26px ;
    }
}









@media screen and (max-width:850px) {
    .head {
        display: none;
    }

    .head_jz1 {
        display: block;
    }



    .but_jz>ul {
        flex-direction: column;
    }

    .but_jz>ul li {
        width: 100%;
        padding-bottom: 20px;
    }

    .active1>ul li {
        padding-bottom: 20px;
        width: 33%;
    }

    .Terms_right>ul li {
        margin-left: 0;
        margin-right: 20px;
    }

    .Terms {
        flex-direction: column;
    }

    .head {
        border: none;
    }

    .head_jz1 {
        display: block;
    }



    .head_jz1 {
        width: 100%;
    }

    .ftets {
        padding: 10px 0;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        display: flex;
        align-items: center;
        background-color: #ffffff;
        justify-content: space-between;
        /* border-bottom: 1px solid #0000003b; */
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    }

    .headbt {
        display: none;
    }

    .head_jz {
        display: none;

    }

    .active {
        transform: rotateZ(180deg);
    }

    .yinc1111 {
        display: none;
    }

    .jz_logo {
        width: 120px;
        padding-left: 5px;
        padding-top: 10px;
    }

    .jz_logo img {
        width: 100%;
    }

    .head {
        display: none;
    }





    .jz_logo_right {
        justify-content: space-between;
        display: flex;
        align-items: center;
    }
    .backImg1sad {
        position: relative;
        font-size: 0;
        transform: rotate(180deg);
        cursor: pointer;
    }

    .backImg1sad::after {
        width: 1px;
        height: 100%;
        content: '';
        top: 0;
        left: -26px;
        position: absolute;
        background-color: #ddd;
    }

    .backImg {
        position: relative;
        font-size: 0;
        transform: rotate(180deg);
        cursor: pointer;
    }

    .backImg::after {
        width: 1px;
        height: 100%;
        content: '';
        top: 0;
        left: -26px;
        position: absolute;
        background-color: #ddd;
    }

    .rightsss>div {
        padding: 16px 20px;
    }

    .Super {
        margin-right: 20px;
    }

    .rightsss li {
        padding: 16px 20px;
        border-bottom: 1px solid #ddd;
    }

    .back {
        display: flex;
        font-size: 18px;
        font-weight: 600;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
    }

    .cheon {
        z-index: 555;
        position: relative;
        padding: 0 20px;
        background-color: #fff;
        box-shadow: 5px 0 10px 10px rgba(0, 0, 0, 0.06);
    }

    .xiala {
        z-index: 11111;
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        font-weight: 500;
        background-color: #f5f5f5;
    }

    .xiala_ul {
        background: #fff;
    }

    .xiala_ul>li {
        padding: 15px 20px;
        border-bottom: 1px solid #ddd;
    }

    .searchImgsss {
        padding: 24px 0;
    }

    .indexlogo_jz {
        padding: 150px 0;
    }



    .sep-search-mb {
        transition: all 0.3s;
        position: fixed;
        width: 100%;
        background: #fff;
        left: 0;
        top: -200px;
        z-index: 5;
        padding: 44px 31px;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    }

    .searchImg {
        width: 25px;
        cursor: pointer;
    }

    .xiala_ul img {
        width: 20px;
    }
    .sajnx {
        transition: all 0.3s;
        z-index: 111;
        position: fixed;
        transform: translateX(100%);
        left: 0;
        min-height: 100%;
        top: 0;
        width: 100%;
        background-color: #ffffff;
    }

    .rightsss {
        transition: all 0.3s;
        z-index: 111;
        position: fixed;
        transform: translateX(100%);
        left: 0;
        min-height: 100%;
        top: 78px;
        width: 100%;
        background-color: #ffffff;
    }

    .rctwww {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .Email {
        display: block;
        width: 100%;
        font-size: 18px;
        text-align: center;
        color: #ffffff;
        padding: 15px 0;
        background-color: #1e2480;
    }

    .Email a {
        color: #ffffff;
    }

    .searchImgDim {
        display: flex;
        justify-content: right;
    }

    .sep-search-mb form {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    form {
        margin: 0;
    }




    .sep-search-mb form .btn {
        background-color: #1e2480;
        color: #fff;
        display: table;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: 17px;
        padding: 10px 40px;
        font-size: 16px;
        width: 100%;
    }

    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .searchImg1 {
        margin-right: 15px;
        width: 20px;
    }

    .serac input {
        font-size: 14px;
        padding-left: 10px;
        height: 50px;
        width: 88%;
        border: 0;
        outline: none;
        background-color: transparent;
    }


    .gthuan {
        margin: 20px;
        float: right;
    }

    .qweq {
        clear: both
    }

    .gthuan img {
        width: 20px;
        height: 20px;
    }

    .High_speed1 {
        margin: 25px 0;
    }

    .asda {
        display: none;
    }

    .Download_Our {
        flex-direction: column;
    }

    .from_China {
        font-size: 27px;
    }

    .we2 {
        margin-left: 0;
        margin-top: 15px;
    }

    .aaadasf {
        width: 100% !important;
    }

    .sep-footer {
        margin-bottom: 50px;
    }

    .footer-bottom {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        line-height: 60px;
        justify-content: space-between;
        background-color: #57c4c6;
        z-index: 10;
        display: flex;
        justify-content: space-between;
    }

    .footer-bottom>div {
        width: 25%;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }

    .footer-bottom img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
    }

    .ixaosh {
        display: block;
    }

    #ha {
        display: block;
    }

    .xiala {
        transition: max-height 0.5s;
        max-height: 0;
        overflow: hidden;
    }



    .shouso i {
        font-size: 25px;
        font-weight: 700;
    }

    .tttada i {
        font-size: 30px;
        font-weight: 700;
    }

    .shouci {
        margin-right: 15px;
    }
    .yanz{
        justify-content: center;
    }
    .shouso {
        margin-right: 30px;
    }

    .icon-zhixiangyouyoujiantou {
        cursor: pointer;
        font-size: 30px;
    }
}


  .headshez{
    background-color: var(--MainColor);
  }