/* common.css */
/*
@ author Nero
@ email nero.zhang@minew.com
*/
:root{
    /* 字号 */
    --font-size-root: 15px;
    /* 粗体字体 */
    --font-bold: MULI-Bold;
    --font-normall: MULI-Medium;
    --font-eblod: MULI-eBlod;
    --font-light: MULI-Light;
    /* 颜色值 */
    --color-highlight: #87CEEB;     /*高亮颜色值 淡蓝色*/
    --color-darkblue: #1b2e57;
    --color-font: #020202;          /*字体颜色 默认*/
    --color-white: #fff;
    --color-blue-01: #1d55c1;
    --color-blue-02: #54c9fe;
    /* 顶部导航栏高度 */
    --nav-height: 64px;
    --nav-product-height: 45px;
}

/* 字体样式 */
@font-face {
    font-family: "MULI-Light";
	src: url('fonts/web/MULI-LIGHT.woff2') format('woff2'), 
	url('fonts/MULI-LIGHT.TTF') format('truetype'); 
    font-display: swap;
}
@font-face {
    font-family: "MULI-Medium";
	src: url('fonts/web/MULI-MEDIUM.woff2') format('woff2'),  
	url('fonts/MULI-MEDIUM.TTF') format('truetype'); 
    font-display: swap;
}
@font-face {
    font-family: "MULI-Regular";
	src: url('fonts/web/MULI-REGULAR.woff2') format('woff2'), 
	url('fonts/MULI-REGULAR.TTF') format('truetype'); 
    font-display: swap;
}
@font-face {
    font-family: "MULI-Bold";
	src: url('fonts/web/MULI-BOLD.woff2') format('woff2'), 
	url('fonts/MULI-BOLD.TTF') format('truetype'); 
    font-display: swap;
}
@font-face {
    font-family: "MULI-Blod";
	src: url('fonts/web/MULI-BOLD.woff2') format('woff2'), 
	url('fonts/MULI-BOLD.TTF') format('truetype'); 
    font-display: swap;
}
@font-face {
    font-family: "MULI-eBlod";
	src: url('fonts/web/MULI-EXTRABOLD.woff2') format('woff2'), 
	url('fonts/MULI-EXTRABOLD.TTF') format('truetype'); 
    font-display: swap;
}

/* #region reset CSS*/
html,body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,img,div,footer,header,section,em,i,strong,nav,main{
    margin:0;
    padding:0;
    border:0;
}
html,body{
    font-size: var(--font-size-root);
    font-family: 'MULI-Medium';
    font-weight: normal;
    color: #020202;
    line-height: 1.5;
    font-style: normal;
    position: relative !important;
    top: 0 !important; /* 针对 SEO quake插件 */
    scroll-behavior: smooth;
    margin: 0 auto;
    max-width: 2560px;
    width: 100%;
}
textarea,
textarea::placeholder {
    font-size: var(--font-size-root);
    font-family: 'MULI-Medium';
    font-weight: normal;
    font-style: normal;
}
ul,ol{list-style-type:none;}
select,input,img{vertical-align:middle;}
div,section,header,footer,main,nav,form,input,button,ul,li{box-sizing: border-box;}
img{display: block; max-width: 100%;}
strong{font-weight: 200; font-family: var(--font-bold);}
svg{vertical-align: middle;}
/* ico图标 斜体去除 */
i{
    font-style: inherit; 
    /*vertical-align: middle;*/
}
a{
    text-decoration:none;
    color: var(--color-font);
    /*vertical-align: middle;*/
}
a:hover{color: var(--color-highlight);}
/* #endregion */

/* #region 自定义公用 CSS*/
/* 公用类名 */
.flex{display: flex;} /* flex布局 */
.flex-column{ display: flex; flex-direction: column;}
.flex-wrap{ display: flex; flex-wrap: wrap;}
.flex-center{ display: flex; justify-content: center;align-items: center;}
.hidden{display: none !important;}
.showed{display: initial}
.minusNavBar{margin-top: calc( -1* var(--nav-height) );}

.pt-100{padding-top:100px;}
.pt-60{padding-top:60px;}
.pt-50{padding-top:50px;}
.pt-20{padding-top:20px;}

.pb-100{padding-bottom:100px;}
.pb-60{padding-bottom:60px;}
.pb-50{padding-bottom:50px;}
.pb-20{padding-bottom:20px;}

.mt-5{margin-top: 5px;} 
.mt-10{margin-top: 10px;} 
.mt-20{margin-top: 20px;} 
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mt-100{margin-top: 100px;}
.mt-80{margin-top: 80px;}
.mt-120{margin-top: 120px;}

.clear::after{
    content: '';
    clear: both;
}
.border{border: 1px solid red;}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.nopointer{cursor: default;} /* 鼠标取消 手型样式 */

/* 文字样式 */
.fontLight{font-family: var(--font-light);}
.fonteBlod{font-family: var(--font-eblod);}
.fontBlod{font-family: var(--font-bold);}
.fontNormall{font-family: var(--font-normall); font-weight:400;}
.fontDarkBlue{color: var(--color-darkblue);}
.fontBlue{color: var(--color-highlight);}
.fontWhite{color: #fff;}
.fontGray{color: #9fa3ae;}
.fontCenter{text-align: center;}
.font56{font-size: 56px;}
.font50{font-size: 50px;}
.font48{font-size: 48px;}
.font46{font-size: 46px;}
.font40{font-size: 40px;}
.font38{font-size: 38px;}
.font36{font-size: 36px;}
.font34{font-size: 34px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font17{font-size: 17px;}
.font16{font-size: 16px;}
.font15{font-size: 15px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}

/* 产品类别 交互里用到 */
.cate-hidden{display: none;}
.tech-hidden{display: none;}
/* #endregion */


/* #region 公用 顶部导航栏*/
header{
    position: sticky;
    top: 0;
    z-index: 99;
    width: 100%;
}
/*新调试*/
header{
    /*position: fixed;*/
}
nav{
    flex-direction: column;
    position: relative;
    width: 100%;
    top: 0;
}
nav>div:first-child{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
    z-index: 3;
    background-color: #fff;
}
.nav-bar{
    height: var(--nav-height);
    justify-content: space-between;
    width: 100%;
    background-color: rgba(255,255,255,1);
    position: relative;
    padding-top: 8px;
}
/* 左侧logo */
.nav-logo{
    padding-bottom: 8px;
}
.nav-logo img{
    height: 100%;
    width: auto;
    aspect-ratio: 82 / 35;
    transform: scale(0.8);
    transform-origin: left;
}
/* 右侧菜单 */
.nav-menu{
    flex-direction: column;
    height: 100%;
}
.nav-menu ul{
    height: 100%;
    padding-left: 80px;
    margin-right: 1rem;
}
.nav-menu li{
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.nav-menu .nav-menu-item{
    position: relative;
}
.nav-menu .nav-menu-item.has-childen-memu{
    margin-right: 1rem ;
}
.nav-menu .nav-menu-item.has-childen-memu>i{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-right: none;
    border-bottom: none;
    top: 50%;
    right: -1rem;
    transition: all 0.1s;
    border: 1px solid var(--color-darkblue);
}
.nav-menu .nav-menu-item.has-childen-memu>i.angle-down{
    border-right: none;
    border-bottom: none;
    border-color: var(--color-darkblue);
    transform: translateY(-50%) rotate(-135deg);
}
.nav-menu .nav-menu-item.has-childen-memu>i.angle-up{
    border-right: none;
    border-bottom: none;
    border-color: var(--color-highlight);
    transform: translateY(-50%) rotate(45deg);
}


.nav-menu .nav-menu-item::after{
    content: '';
    width: 0;
    height: 2px;
    background-color: var(--color-highlight);
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    transition: all 0.3s;
}
.nav-menu .nav-menu-item:hover::after,
.nav-menu .nav-menu-item.active::after{
    width: 100%;
}
.nav-menu-item i.angle-up svg{
    transform: rotate(180deg);
}
.nav-menu-item i.angle-up svg path{
    stroke: var(--color-highlight);
}
/* 导航栏目条 */
.nav-menu .nav-menu-wapper{
    display: flex;
    justify-content: center;
    align-items:center;
    flex-grow: 1;
    padding-top: 10px;
}
.nav-menu-wapper .nav-menu-entry{
    align-items: center;
    column-gap: 1rem;
    /*padding-bottom: 8px;*/
}
.nav-menu-wapper .nav-menu-entry>a{
    /*padding: 0 1rem;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: flex-end;*/
}
.nav-menu-wapper .nav-menu-entry>a.store:hover{
    color: #ff6600;
}
.nav-menu-wapper .nav-menu-entry>a.store:hover svg{
    fill: #ff6600;
    stroke: #ff6600;
}
.nav-menu-wapper .nav-menu-entry>a.store:hover svg path{
    fill: #ff6600;
    stroke: #ff6600;
}
.nav-menu-wapper .nav-menu-entry>a.store:hover svg circle{
    fill: #ff6600;
    stroke: #ff6600;
}

/* 最后一个子元素去除右边padding */
.nav-menu-wapper .nav-menu-entry>a:last-child{
    /*padding-right: 0;*/
}

/* 商店 搜索 语言图标 */

.nav-menu-wapper span{
    margin-left: 5px;
}
.nav-menu-wapper .lang i{
    width: 26px;
    height: 26px;
    background-image: url(../imgs/en-us01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    vertical-align: bottom;
    display: inline-block;
}

.redesign .nav-menu li{
    
}
.redesign nav>div:first-child{
    box-shadow: none;
    background-color: transparent;
}
.redesign .nav-bar{
    background-color: hsl(0deg 0% 100% / 5%);
    backdrop-filter: blur(10px);
}
.redesign .nav-bar.fixed{
    background: linear-gradient(to right, #eef1f9 16%, #f5f9fc 47%, #eef1f7 80%);
}
.redesign .nav-menu .nav-menu-wapper{
    padding-top: 0;
}
.redesign .nav-menu .nav-menu-item.has-childen-memu{
    margin-right: unset;
}
.redesign .nav-menu .nav-menu-item.has-childen-memu>i{
    display: none;
}
.redesign .nav-menu .nav-menu-item::after{
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
}
.redesign .nav-menu-wapper span{
    margin-left: unset;
}
.redesign .nav-menu .nav-menu-item:hover{
    color: var(--color-blue-01);
}

.redesign .nav-menu-wapper .nav-menu-entry{
    column-gap: 2rem;
}
.redesign .nav-menu-wapper .nav-menu-entry>a.contact{
    border-radius: 8px;
    position: relative;
    padding: 2px;
}
.redesign .nav-menu-wapper .nav-menu-entry>a.contact::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
}
.redesign .nav-menu-wapper .nav-menu-entry>a.contact span{
    position: relative;
    display: block;
    background-color: #fff;
    padding: 6px 20px;
    border-radius: 7px;
    font-size: 1rem;
}
.redesign .nav-menu-wapper .nav-menu-entry>a:hover{
    color: var(--color-blue-01);
}

.redesign .stylable-list{
    background: transparent;
}
/*语言国旗*/
.redesign #sh_lsft_custom_dropdown_flags_names .flag-and-text>a{
    
}
.redesign #sh_lsft_custom_dropdown_flags_names .flag-and-text>a .presentation{
    
}
.redesign #sc_flags_names_submenu, 
.redesign #sh_sc_flags_names_submenu{
    margin-right: unset;
    align-items: flex-start;
    width: auto;
    padding-bottom: 1rem;
    border-radius: 5px;
}



/* 导航下拉内容块 */
.nav-content{
    flex-direction: column;
    position: relative;
    top:-1px;
    z-index: 2;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.06);
}
.nav-content .nav-content-item{
    flex-direction: row;
    justify-content: space-between;
    display: none;
    position: relative;
}
.nav-content .nav-content-item.active{
    display: flex;
}
.nav-content .nav-content-item::after{
    content: "";
    height: 0;
    clear: both;
    overflow: hidden;
    display: block;
    visibility: hidden;
}
/* 产品列表分 左右两部分 产品开始 */
.nav-content .nav-content-item.products-item{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.nav-content .nav-content-item .nav-content-item-left{
    background-color: #eef3f8;
    width: 16%;
    max-width: 18.75rem;
    flex-grow: 0;
    flex-shrink: 0;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}
.nav-content .nav-content-item .nav-content-item-left .by-tech{
    padding-left: 3rem;
    display: none;
}
.nav-content .nav-content-item .nav-content-item-left .by-title{
    line-height: 2.6;
    position: relative;
    display: inline-block;
}
.nav-content .nav-content-item .nav-content-item-left .by-title::before{
    position: absolute;
    width: 145%;
    height: 2px;
    background-color: var(--color-font);
    content: '';
    bottom: 0;
    left: 0;
}
.nav-content .nav-content-item .nav-content-item-left>ul{
    width: 100%;
    height: 100%;
    font-family: var(--font-bold);
    font-size: 1.125rem;
    margin-top: 5px;
    row-gap: 5px;
    line-height: 2.8;
}
.nav-content .nav-content-item .nav-content-item-left li{
    line-height: 3;
    text-align: left;
    padding-left: 3rem;
    position: relative;
}
.nav-content .nav-content-item .nav-content-item-left li.hover{
    background-color: rgba(255,255,255,1);
}
.nav-content .nav-content-item .nav-content-item-left li::after{
    position: absolute;
    content: '';
    border-left: 5px solid #ccc;
    border-top: 5px solid transparent;
    border-right: 0;
    border-bottom: 5px solid transparent;
    transition: transform .2s ease-in-out;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}
.nav-content .nav-content-item .nav-content-item-left li.hover::after{
    transform: translateY(-50%);
}
/*技术图标*/
.nav-content .nav-content-item .nav-content-item-left li a{
    position: relative;
    padding-left: 28px;
}
.nav-content .nav-content-item .nav-content-item-left li a::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-bluetooth::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25281" width="32" height="32"><path d="M633.984 696.021333l-80-82.005333 0 162.005333zM553.984 248.021333l0 162.005333 80-82.005333zM756.010667 328.021333l-184.021333 184.021333 184.021333 184.021333-244.010667 242.005333-41.984 0 0-324.010667-196.010667 196.010667-59.989333-59.989333 237.994667-237.994667-237.994667-237.994667 59.989333-59.989333 196.010667 196.010667 0-324.010667 41.984 0z" fill="%231b2e57"></path></svg>');
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-cellular::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="40656" width="32" height="32"><path d="M513.31 421.87c-49.77 0.51-89.71 41.27-89.2 91.05 0.32 31.49 17.05 60.53 44.14 76.59v373.13h90.13V589.51c42.81-25.4 56.93-80.69 31.53-123.5-16.08-27.08-45.11-43.82-76.6-44.14z" p-id="40657" fill="%231b2e57"></path><path d="M895.06 279.04C814.21 145.15 669.71 62.75 513.31 61.36 264.42 62.1 63.26 264.46 64 513.34c0.47 157.35 82.98 303.07 217.67 384.41l45.07-77.06C155.92 718.4 100.36 497 202.66 326.18 304.95 155.36 526.35 99.8 697.17 202.09c170.82 102.29 226.38 323.7 124.09 494.52A360.55 360.55 0 0 1 697.17 820.7l45.06 77.06C955.29 769.1 1023.71 492.1 895.06 279.04z" fill="%231b2e57"></path><path d="M783.69 512c0.23-149.33-120.64-270.57-269.97-270.8-149.33-0.23-270.57 120.65-270.8 269.97-0.14 95.25 49.84 183.56 131.59 232.45l45.07-77.51c-85.49-51.02-113.43-161.68-62.4-247.17 51.02-85.48 161.68-113.42 247.16-62.4s113.42 161.68 62.4 247.17a180.344 180.344 0 0 1-62.4 62.4l45.07 77.51C731.93 695.56 782.98 607.51 783.69 512z" fill="%231b2e57"></path></svg>');
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-gnss::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M940.773967 288.163057a540.351958 540.351958 0 0 1-39.188997 65.007995 427.393967 427.393967 0 0 1 39.189997 145.230989H793.697978a425.549967 425.549967 0 0 0-5.993-46.104996h-5.532999a117.106991 117.106991 0 0 1-71.923994-41.033997 338.871974 338.871974 0 0 1 18.902998 87.138993h-184.419986V383.13905a498.856961 498.856961 0 0 0 122.177991-23.973998 654.230949 654.230949 0 0 1-35.961997-56.709996 451.368965 451.368965 0 0 1-86.215994 16.136999V192.264065a572.163955 572.163955 0 0 1 58.091996 50.715996 253.57798 253.57798 0 0 1-21.669998-88.982993v-12.909999c-11.986999-9.219999-24.434998-18.440999-37.804997-27.661998v-9.682999a316.279975 316.279975 0 0 1 41.954996 5.532999 197.329985 197.329985 0 0 1 26.740998-63.163995 511.30496 511.30496 0 0 0-100.047992-8.759999 493.323961 493.323961 0 1 0 493.324961 493.324962 487.329962 487.329962 0 0 0-64.547994-242.512982z m-758.889941-30.429997a465.199964 465.199964 0 0 0 94.515992 65.008995 422.322967 422.322967 0 0 0-53.019995 174.276986H85.063033a421.861967 421.861967 0 0 1 96.819993-239.285981zM85.065033 562.950036h138.31499a422.322967 422.322967 0 0 0 50.254996 163.672987 501.161961 501.161961 0 0 0-97.742993 70.540995 428.315967 428.315967 0 0 1-90.826993-234.213982z m394.65997 395.119969A424.166967 424.166967 0 0 1 220.613023 844.190014a419.555967 419.555967 0 0 1 88.059993-60.397995 635.78995 635.78995 0 0 0 171.049987 157.679987z m0-95.436992A562.942956 562.942956 0 0 1 368.610011 754.746021a414.945968 414.945968 0 0 1 111.113992-23.512998z m0-195.945985a486.408962 486.408962 0 0 0-147.075989 32.733997 365.151971 365.151971 0 0 1-46.104996-138.314989h193.179985z m0-168.283987H287.926018a361.924972 361.924972 0 0 1 46.104996-147.074988 499.317961 499.317961 0 0 0 145.692989 31.811997z m0-179.809986a427.393967 427.393967 0 0 1-107.885992-22.129998 555.565957 555.565957 0 0 1 107.885992-104.658992z m0-204.705984A631.639951 631.639951 0 0 0 311.440016 269.720059a425.549967 425.549967 0 0 1-84.832994-58.092996 427.393967 427.393967 0 0 1 253.116981-107.885991z m64.546994 449.062965h184.419986a368.839971 368.839971 0 0 1-46.104996 133.24399 472.115963 472.115963 0 0 0-138.31499-29.506998z m0 168.283987a399.730969 399.730969 0 0 1 101.891993 20.285998 542.656958 542.656958 0 0 1-101.891993 100.969992z m0 226.836982v-27.201998a637.63295 637.63295 0 0 0 163.211988-153.529988 426.471967 426.471967 0 0 1 94.975992 66.851995 424.166967 424.166967 0 0 1-258.18798 113.879991z m304.292977-160.906987a507.15596 507.15596 0 0 0-105.119992-74.689994A426.932967 426.932967 0 0 0 793.699978 562.949036h147.074989a425.088967 425.088967 0 0 1-92.209993 234.213982z" fill="%231b2e57"></path><path d="M782.172979 0.00608a157.217988 157.217988 0 0 0-157.217988 157.217988c0 86.677993 112.495991 247.123981 157.217988 247.12398s158.600988-160.445987 158.600988-247.12398A157.217988 157.217988 0 0 0 782.172979 0.00608z m0 201.017984a58.552995 58.552995 0 1 1 58.091995-58.091995 58.091995 58.091995 0 0 1-58.091995 58.091995z" fill="%231b2e57"></path></svg>');
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-lorawan::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1670 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M116.941208 475.400231H0v540.785725h329.537091v-102.929819H116.941208V475.400231zM1234.34948 646.770296c0-124.755252-62.512351-171.639515-206.398538-171.639515h-181.609157v541.055175h116.941208v-197.237245h57.662255l125.563601 197.237245h137.958292l-150.352982-209.631935c68.709696-21.017083 100.235321-69.518045 100.235321-159.783725z m-224.182224 84.068334h-46.884263v-161.669873h46.884263c78.679338 0 107.779915 13.20304 107.779916 77.870989s-29.100577 83.798884-107.779916 83.798884zM1483.590534 588.299692a946.846556 946.846556 0 0 0-101.85202 6.197345v95.924125a482.045671 482.045671 0 0 1 88.648981-7.814044c73.020893 0 88.64898 19.400385 88.64898 69.248596v11.047441H1455.028857c-111.821662 0-171.100616 35.028472-171.100616 132.569296C1284.73659 982.774182 1334.045902 1024 1428.083878 1024c68.440246 0 114.78561-26.944979 132.299846-56.853905l11.047441 49.039861H1670.588687V724.641285c0-88.91843-47.692613-136.341593-186.998153-136.341593zM1559.036475 889.275106c-14.819738 26.944979-51.734359 48.231512-104.007618 48.231512-43.111966 0-60.895652-12.39469-60.895652-46.075914 0-42.842516 22.364332-52.273259 77.870988-52.273259h86.223933zM130.413698 191.669604a64.667949 64.667949 0 0 0 82.182185 21.017084 751.764909 751.764909 0 0 1 685.749711 6.466794 64.937399 64.937399 0 0 0 82.721085-19.400384 66.823547 66.823547 0 0 0-22.094883-98.349173A873.825663 873.825663 0 0 0 418.186071 10.060447a889.184301 889.184301 0 0 0-264.060792 83.259984 66.823547 66.823547 0 0 0-24.250481 97.810273zM787.332281 387.020701A610.034321 610.034321 0 0 0 323.339746 382.440054a66.554098 66.554098 0 0 0-29.639477 99.965872 65.206849 65.206849 0 0 0 77.601539 23.172681 482.045671 482.045671 0 0 1 365.912813 3.233398 64.398499 64.398499 0 0 0 77.870989-21.286533 66.554098 66.554098 0 0 0-27.753329-100.504771zM553.719315 598.808234a207.476337 207.476337 0 1 0 205.051289 207.206887 206.129088 206.129088 0 0 0-205.051289-207.206887z" fill="%231b2e57"></path></svg>');
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-uwb::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512 625.8c-63 0-113.8-51-113.8-113.8s51-113.8 113.8-113.8 113.8 51 113.8 113.8-50.8 113.8-113.8 113.8z m0-165.6c-28.6 0-51.8 23.2-51.8 51.8 0 28.6 23.2 51.8 51.8 51.8 28.6 0 51.8-23.2 51.8-51.8 0-28.6-23.2-51.8-51.8-51.8zM843.2 791.4c-6.6 0-12.8-2-18.6-6.2-13.6-10.4-16.6-29.8-6.2-43.4 50-66.6 76.6-146.2 76.6-229.8s-26.4-163-76.6-229.8c-10.4-13.6-7.4-33.2 6.2-43.4 13.6-10.4 33.2-7.4 43.4 6.2 58.4 77.4 89 169.8 89 267s-30.6 189.6-89 267c-6.2 8.2-15.4 12.4-24.8 12.4zM180.8 791.4c-9.6 0-18.6-4.2-24.8-12.4-58.4-77.4-89-169.8-89-267S97.6 322.4 156 245c10.4-13.6 29.8-16.6 43.4-6.2 13.6 10.4 16.6 29.8 6.2 43.4-50 66.6-76.6 146.2-76.6 229.8s26.4 163 76.6 229.8c10.4 13.6 7.4 33.2-6.2 43.4-5.4 4.2-12 6.2-18.6 6.2zM710.8 692c-6.6 0-12.8-2-18.6-6.2-13.6-10.4-16.6-29.8-6.2-43.4 28.6-37.6 43.4-82.8 43.4-130.4s-15-92.8-43.4-130.4c-10.4-13.6-7.4-33.2 6.2-43.4 13.6-10.4 33.2-7.4 43.4 6.2 36.4 48.8 55.8 106.8 55.8 167.6s-19.4 119.2-55.8 167.6c-6.2 8.4-15.4 12.4-24.8 12.4zM313.4 692c-9.6 0-18.6-4.2-24.8-12.4-36.4-48.8-55.8-106.8-55.8-167.6s19.4-119.2 55.8-167.6c10.4-13.6 29.8-16.6 43.4-6.2 13.6 10.4 16.6 29.8 6.2 43.4-28.6 37.6-43.4 82.8-43.4 130.4s15 92.8 43.4 130.4c10.4 13.6 7.4 33.2-6.2 43.4-5.4 4.2-12 6.2-18.6 6.2z" fill="%231b2e57"></path></svg>');
    transform: translateY(-50%) rotate(90deg);
    
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-wi-fi::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="45455" width="32" height="32"><path d="M102 409.542c-10.237 0-20.474-3.905-28.284-11.716-15.621-15.621-15.621-40.947 0-56.568 59.201-59.201 128.208-105.043 205.103-136.254C353.087 174.86 431.541 159.576 512 159.576c80.46 0 158.913 15.284 233.182 45.428 76.896 31.21 145.902 77.053 205.103 136.254 15.621 15.621 15.621 40.948 0 56.568-15.621 15.622-40.947 15.621-56.568 0C791.667 295.777 656.104 239.576 512 239.576c-144.104 0-279.667 56.201-381.716 158.25-7.81 7.811-18.047 11.716-28.284 11.716z" fill="%231b2e57"></path><path d="M792 549.07c-10.237 0-20.474-3.905-28.284-11.716-138.797-138.795-364.636-138.795-503.432 0-15.621 15.621-40.947 15.621-56.568 0s-15.621-40.947 0-56.568c41.636-41.636 90.174-73.879 144.269-95.835 52.241-21.204 107.424-31.955 164.015-31.955 56.59 0 111.773 10.751 164.015 31.955 54.094 21.956 102.634 54.199 144.27 95.834 15.621 15.621 15.621 40.948 0 56.569-7.811 7.811-18.049 11.716-28.285 11.716z" fill="%231b2e57"></path><path d="M627 670.096c-10.238 0.001-20.474-3.904-28.285-11.716-23.187-23.188-53.982-35.958-86.715-35.958-32.732 0-63.528 12.77-86.715 35.958-15.621 15.621-40.947 15.621-56.569 0-15.621-15.62-15.621-40.947 0-56.568 38.297-38.298 89.184-59.39 143.285-59.39 54.102 0 104.987 21.092 143.285 59.39 15.62 15.622 15.62 40.948-0.001 56.569-7.81 7.808-18.05 11.714-28.285 11.715z" fill="%231b2e57"></path><path d="M512 769.13m-56.318 0a56.318 56.318 0 1 0 112.636 0 56.318 56.318 0 1 0-112.636 0Z" fill="%231b2e57"></path></svg>');
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-rfid::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M156.444444 881.777778a85.432889 85.432889 0 0 1-85.333333-85.333334V355.555556a85.432889 85.432889 0 0 1 85.333333-85.333334h256a28.444444 28.444444 0 1 1 0 56.888889H156.444444a28.444444 28.444444 0 0 0-28.444444 28.444445v440.888888a28.444444 28.444444 0 0 0 28.444444 28.444445h583.111112a28.444444 28.444444 0 0 0 28.444444-28.444445v-42.666666a28.444444 28.444444 0 1 1 56.888889 0v42.666666a85.432889 85.432889 0 0 1-85.333333 85.333334H156.444444z m405.717334-138.723556a13.994667 13.994667 0 0 1 0-1.564444v-106.424889a13.326222 13.326222 0 0 1 14.008889-14.037333h31.786666c42.851556 1.507556 65.009778 24.419556 66.503111 68.736-1.976889 41.870222-23.651556 63.800889-65.038222 65.763555h-33.664a13.653333 13.653333 0 0 1-13.596444-12.472889z m28.032-13.397333h19.214222c22.670222-0.938667 34.503111-14.492444 35.484444-40.632889-0.497778-27.591111-13.070222-41.642667-37.703111-42.126222h-17.066666l0.071111 82.773333z m-236.8 22.186667l-42.126222-51.015112v41.386667a14.051556 14.051556 0 0 1-28.088889 0V635.733333c0-9.841778 4.679111-14.791111 14.037333-14.791111h33.251556c31.544889 0 47.317333 14.293333 47.317333 42.851556-0.512 19.228444-12.088889 31.047111-34.744889 35.470222l31.786667 34.744889a8.604444 8.604444 0 0 1 3.683555 8.135111 13.539556 13.539556 0 0 1-13.795555 13.297778h-1.379556a15.047111 15.047111 0 0 1-9.941333-3.612445z m-42.126222-71.708445h19.214222c11.377778-0.483556 17.294222-5.902222 17.735111-16.256a16.227556 16.227556 0 0 0-15.288889-17.066667 13.824 13.824 0 0 0-2.446222 0h-19.214222v33.322667z m203.904 75.377778a14.065778 14.065778 0 0 1-13.269334-13.269333V634.311111a14.065778 14.065778 0 1 1 28.088889 0v107.904a14.065778 14.065778 0 0 1-14.023111 13.283556l-0.796444 0.014222z m-98.659556 0a14.065778 14.065778 0 0 1-13.269333-13.269333V635.733333a13.653333 13.653333 0 0 1 12.487111-14.748444 13.980444 13.980444 0 0 1 1.550222 0h48.796444a12.017778 12.017778 0 0 1 12.558223 11.477333v1.095111a12.373333 12.373333 0 0 1-11.377778 13.269334h-35.939556v27.335111h29.582223a13.312 13.312 0 0 1 0 26.595555h-29.582223v41.386667a14.065778 14.065778 0 0 1-14.023111 13.283556l-0.782222 0.085333z m434.972444-75.079111a28.444444 28.444444 0 0 1 10.453334-22.044445l-0.256-0.284444A269.340444 269.340444 0 0 0 938.666667 469.333333c-0.170667-149.162667-121.045333-270.051556-270.222223-270.222222a268.8 268.8 0 0 0-147.911111 44.088889 28.444444 28.444444 0 1 1-39.168-41.173333l-0.625777-0.768A324.636444 324.636444 0 0 1 668.444444 142.236444a324.892444 324.892444 0 0 1 231.281778 95.800889A325.006222 325.006222 0 0 1 995.555556 469.333333a324.878222 324.878222 0 0 1-93.653334 229.12 28.444444 28.444444 0 0 1-50.417778-18.048v0.028445z m-100.835555-91.448889c0-6.471111 2.190222-12.743111 6.243555-17.777778l-0.711111-0.597333A134.983111 134.983111 0 0 0 810.666667 462.236444a135.253333 135.253333 0 0 0-135.111111-135.111111 134.300444 134.300444 0 0 0-75.377778 22.997334l-0.270222-0.284445a28.444444 28.444444 0 1 1-30.492445-47.687111A190.577778 190.577778 0 0 1 675.555556 270.222222a190.72 190.72 0 0 1 135.765333 56.234667A190.72 190.72 0 0 1 867.555556 462.222222a190.72 190.72 0 0 1-66.190223 145.009778l-0.312889-0.256a28.444444 28.444444 0 0 1-50.403555-18.033778v0.028445zM583.111111 476.444444a78.222222 78.222222 0 1 1 156.444445 0 78.222222 78.222222 0 0 1-156.444445 0z" fill="%231b2e57"></path></svg>');
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-rfid-nfc::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M156.444444 881.777778a85.432889 85.432889 0 0 1-85.333333-85.333334V355.555556a85.432889 85.432889 0 0 1 85.333333-85.333334h256a28.444444 28.444444 0 1 1 0 56.888889H156.444444a28.444444 28.444444 0 0 0-28.444444 28.444445v440.888888a28.444444 28.444444 0 0 0 28.444444 28.444445h583.111112a28.444444 28.444444 0 0 0 28.444444-28.444445v-42.666666a28.444444 28.444444 0 1 1 56.888889 0v42.666666a85.432889 85.432889 0 0 1-85.333333 85.333334H156.444444z m405.717334-138.723556a13.994667 13.994667 0 0 1 0-1.564444v-106.424889a13.326222 13.326222 0 0 1 14.008889-14.037333h31.786666c42.851556 1.507556 65.009778 24.419556 66.503111 68.736-1.976889 41.870222-23.651556 63.800889-65.038222 65.763555h-33.664a13.653333 13.653333 0 0 1-13.596444-12.472889z m28.032-13.397333h19.214222c22.670222-0.938667 34.503111-14.492444 35.484444-40.632889-0.497778-27.591111-13.070222-41.642667-37.703111-42.126222h-17.066666l0.071111 82.773333z m-236.8 22.186667l-42.126222-51.015112v41.386667a14.051556 14.051556 0 0 1-28.088889 0V635.733333c0-9.841778 4.679111-14.791111 14.037333-14.791111h33.251556c31.544889 0 47.317333 14.293333 47.317333 42.851556-0.512 19.228444-12.088889 31.047111-34.744889 35.470222l31.786667 34.744889a8.604444 8.604444 0 0 1 3.683555 8.135111 13.539556 13.539556 0 0 1-13.795555 13.297778h-1.379556a15.047111 15.047111 0 0 1-9.941333-3.612445z m-42.126222-71.708445h19.214222c11.377778-0.483556 17.294222-5.902222 17.735111-16.256a16.227556 16.227556 0 0 0-15.288889-17.066667 13.824 13.824 0 0 0-2.446222 0h-19.214222v33.322667z m203.904 75.377778a14.065778 14.065778 0 0 1-13.269334-13.269333V634.311111a14.065778 14.065778 0 1 1 28.088889 0v107.904a14.065778 14.065778 0 0 1-14.023111 13.283556l-0.796444 0.014222z m-98.659556 0a14.065778 14.065778 0 0 1-13.269333-13.269333V635.733333a13.653333 13.653333 0 0 1 12.487111-14.748444 13.980444 13.980444 0 0 1 1.550222 0h48.796444a12.017778 12.017778 0 0 1 12.558223 11.477333v1.095111a12.373333 12.373333 0 0 1-11.377778 13.269334h-35.939556v27.335111h29.582223a13.312 13.312 0 0 1 0 26.595555h-29.582223v41.386667a14.065778 14.065778 0 0 1-14.023111 13.283556l-0.782222 0.085333z m434.972444-75.079111a28.444444 28.444444 0 0 1 10.453334-22.044445l-0.256-0.284444A269.340444 269.340444 0 0 0 938.666667 469.333333c-0.170667-149.162667-121.045333-270.051556-270.222223-270.222222a268.8 268.8 0 0 0-147.911111 44.088889 28.444444 28.444444 0 1 1-39.168-41.173333l-0.625777-0.768A324.636444 324.636444 0 0 1 668.444444 142.236444a324.892444 324.892444 0 0 1 231.281778 95.800889A325.006222 325.006222 0 0 1 995.555556 469.333333a324.878222 324.878222 0 0 1-93.653334 229.12 28.444444 28.444444 0 0 1-50.417778-18.048v0.028445z m-100.835555-91.448889c0-6.471111 2.190222-12.743111 6.243555-17.777778l-0.711111-0.597333A134.983111 134.983111 0 0 0 810.666667 462.236444a135.253333 135.253333 0 0 0-135.111111-135.111111 134.300444 134.300444 0 0 0-75.377778 22.997334l-0.270222-0.284445a28.444444 28.444444 0 1 1-30.492445-47.687111A190.577778 190.577778 0 0 1 675.555556 270.222222a190.72 190.72 0 0 1 135.765333 56.234667A190.72 190.72 0 0 1 867.555556 462.222222a190.72 190.72 0 0 1-66.190223 145.009778l-0.312889-0.256a28.444444 28.444444 0 0 1-50.403555-18.033778v0.028445zM583.111111 476.444444a78.222222 78.222222 0 1 1 156.444445 0 78.222222 78.222222 0 0 1-156.444445 0z" fill="%231b2e57"></path></svg>');
}


.nav-content .nav-content-item .nav-content-item-left li a.tech-mmwave::before{
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1439 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14619" width="32" height="32"><path d="M25.658387 438.752023a25.69038 25.69038 0 0 0-25.658387 25.594401v91.723936c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401v-91.723936c0-14.49283-11.549474-25.594401-25.658387-25.594401z m104.489143-62.67429a25.69038 25.69038 0 0 0-25.658387 25.594401v222.671291c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401v-222.671291c0-14.076921-11.549474-25.594401-25.658387-25.594401zM213.71325 292.512013a25.69038 25.69038 0 0 0-25.658387 25.594401v376.237698c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401V318.106414c0-14.076921-11.549474-25.594401-25.658387-25.594401z m83.56572-104.45715a25.69038 25.69038 0 0 0-25.658387 25.594401v580.992908c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401V213.649264c0-14.076921-11.549474-25.594401-25.658387-25.594401z m104.45715-83.597713a25.69038 25.69038 0 0 0-25.658387 25.594401v751.611585c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401V130.051551c0-14.076921-11.549474-25.594401-25.658387-25.594401z m82.733902 104.489143a24.794576 24.794576 0 0 0-24.826569 24.73059v580.576999a24.794576 24.794576 0 1 0 49.653138 0V233.260974a24.442653 24.442653 0 0 0-24.826569-24.314681z m106.600681 41.78286a26.778142 26.778142 0 0 0-26.938107 26.874121v453.020902c0 14.940732 11.965383 26.874121 26.938107 26.874121s26.938107-11.93339 26.938108-26.874121V277.603274a26.778142 26.778142 0 0 0-26.938108-26.874121z m81.00628-146.272003a24.314681 24.314681 0 0 0-24.378667 24.314681v751.611585c0 13.21311 10.685663 24.314681 24.378667 24.314681s24.378667-10.65367 24.378667-24.314681V128.771831a24.634611 24.634611 0 0 0-24.378667-24.314681z m84.84544-104.45715a25.69038 25.69038 0 0 0-25.658387 25.594401v964.908926c0 14.076921 11.549474 25.594401 25.658387 25.594402s25.658387-11.517481 25.658387-25.594402V25.594401c0-14.076921-11.549474-25.594401-25.658387-25.594401z m104.489143 62.67429a25.69038 25.69038 0 0 0-25.658387 25.594401v836.93692c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401V88.268691c0-14.076921-11.549474-25.594401-25.658387-25.594401z m83.56572 104.489143a25.69038 25.69038 0 0 0-25.658387 25.594401v632.18171c0 14.076921 11.549474 25.594401 25.658387 25.594402s25.658387-11.517481 25.658387-25.594402V192.757834c0-14.076921-11.549474-25.594401-25.658387-25.594401z m104.45715 104.45715a25.69038 25.69038 0 0 0-25.658387 25.594401v453.020902c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401V297.214984c0-14.076921-11.549474-25.594401-25.658387-25.594401z m83.597713 104.45715a25.69038 25.69038 0 0 0-25.658387 25.594401v222.671291c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401v-222.671291c0-14.076921-11.549474-25.594401-25.658387-25.594401z m104.45715-83.56572a25.69038 25.69038 0 0 0-25.658387 25.594401v410.374231c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401V318.106414c0-14.076921-11.549474-25.594401-25.658387-25.594401z m83.56572 83.56572a25.69038 25.69038 0 0 0-25.658387 25.594401v222.671291c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401v-222.671291c0-14.076921-11.549474-25.594401-25.658387-25.594401z m83.56572 62.67429a25.69038 25.69038 0 0 0-25.658387 25.594401v91.723936c0 14.076921 11.549474 25.594401 25.658387 25.594401s25.658387-11.517481 25.658387-25.594401v-91.723936c0-14.49283-11.549474-25.594401-25.658387-25.594401z" fill="%231b2e57"></path></svg>');
}
.nav-content .nav-content-item .nav-content-item-left li a.tech-ethernet::before{
    background-image: url('data:image/svg+xml;utf-8,<svg t="1735120828120" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17928" id="mx_n_1735120828121" width="32" height="32"><path d="M320 248H131.2q-14.592 0-24.896 10.304T96 283.2v601.6q0 14.592 10.304 24.896t24.896 10.304h761.6q14.592 0 24.896-10.304T928 884.8V283.2q0-14.592-10.304-24.896T892.8 248H704v-108.8q0-14.592-10.304-24.896T668.8 104h-313.6q-14.592 0-24.896 10.304T320 139.2v108.8z m-160 64h224v-144h256v144h224v544H160v-544zM256 448h512v288H256v-288z m64 64v160h64v-64h64v64h32v-64h64v64h32v-64h64v64h64v-160H320z" p-id="17929" fill="%231b2e57"></path></svg>');
}


.nav-content .nav-content-item .nav-content-item-right{
    flex-grow: 1;
    padding:  3rem 1rem 1rem;
    position: relative;
    /* 白色主题 */
    background-color: rgba(255,255,255,1);
}
.nav-content-item-right .nav-content-item-right-type{
    flex-wrap: wrap;
    display: none;
    position: relative;
    min-height: 18.75rem;
}
.nav-content-item-right .nav-content-item-right-type.active{
    display: flex;
}
.nav-content-item-right .nav-content-item-right-type>div{
    flex-shrink: 0;
    padding: 10px 5px;
}
.nav-content-item-right .nav-content-item-right-type>div.product-3rd-level{
    min-width: calc( 100%  / 4 );
    max-width: calc( 100%  / 4 );
}
.nav-content-item-right .nav-content-item-right-type[data-tech="lorawan"]>div.product-3rd-level{
    /*min-width: calc( 100%  / 4 );*/
    /*max-width: calc( 100%  / 3 );*/
}
.nav-content-item-right .nav-content-item-right-type>div strong{
    font-size: 1.05rem;
    position: relative;
    /*text-transform: uppercase; */
    margin-left: 10px;
    font-family: var(--font-bold);
}
.nav-content-item-right .nav-content-item-right-type>div strong::after{
    position: absolute;
    width: 4rem;
    height: 2px;
    background: var(--color-font);
    content: '';
    bottom: -3px;
    left: 0;
}
.nav-content-item-right .nav-content-item-right-type>div a:hover strong::after{
    background: var(--color-highlight);
}
.nav-content-item-right .nav-content-item-right-type>div ul{
    margin-top: 5px;
}
.nav-content-item-right .nav-content-item-right-type>div li{
    /* font-size: 1rem; */
}
.nav-content-item-right .nav-content-item-right-type>div li a{
    position: relative;
    display: inline-block;
    padding: 2px 10px;
    /* border: 1px solid red; */
    font-size: 13px;
    white-space: nowrap;
    letter-spacing: -.2px;
    margin-top: 2px;
}
.nav-content-item-right .nav-content-item-right-type[data-tech="lorawan"]>div.product-3rd-level li a{
   font-size: 12px;
}

.nav-content-item-right .nav-content-item-right-type>div li a:hover{
    background-color: rgba(227,235,244,0.6);
    color: var(--color-font);
    border-radius: 5px;
}
.nav-content-item-right .nav-content-item-right-type>div li.more a{
    opacity: .8;
    position: relative;
    padding: 0px 10px;
}
.nav-content-item-right .nav-content-item-right-type>div li.more a::after{
    position: absolute;
    content: '';
    top: 50%;
    right: -1rem;
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: translateY(-50%) rotate(45deg);
    
}

.nav-content-item-right .nav-content-item-right-type>div li.more a:hover{
    color: var(--color-highlight);
    background-color: transparent;
}
.nav-content-item-right .nav-content-item-right-type>div li.new-product a::after{
    position: absolute;
    text-transform: uppercase;
    background-color: var(--color-highlight);
    content: 'new';
    right: -27px;
    top: -2px;
    font-family: var(--font-bold);
    /* font-style: italic; */
    font-size: .7em;
    letter-spacing: -.2px;
    color: #fff;
    padding: 2px 3px;
    /* font-family: 'MULI-Bold'; */
    border-radius: 3px;
    line-height: 1.1;
}
/*其他事业部的版权图标显示*/
.nav-content-item-right .nav-content-item-right-type>div .other-division{
    /*line-height: .5;*/
}
.nav-content-item-right .nav-content-item-right-type>div .other-division .copyright{
    font-size: 0.5em;
    vertical-align: super;
}


/* 产品广告样式 */
.nav-content-item-right .navSmallbanner{
    position: absolute;
    left: calc(75% + 0rem);
    bottom: 2rem;
    width: calc((98% - 2rem) / 4);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 15px 0 rgb(17 26 45 / 30%);
    /*transform: scale(0.95);*/
}
.nav-content-item-right .navSmallbanner:hover{
    box-shadow: 0 1px 30px 0 rgba(0,0,0,.05);
}
.nav-content-item-right .navSmallbanner img{
    width: 100%;
    height: auto;
    aspect-ratio: 307 / 173
}
.nav-content-item-right .navSmallbanner p{
    text-align: center;
    margin-top: 0.625rem;
}

/* 其他事业部产品 */
.nav-content-item-right .nav-content-item-right-type .other-products{
    width: 100%;
    text-align: left;
}
.nav-content-item-right .nav-content-item-right-type .other-products>div{
    width: 100%;
    display: flex;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02{
    width: 25%;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>a{
    font-size: 1rem;
    font-family: var(--font-bold);
    position: relative;
    /*text-transform: uppercase;*/
    flex-shrink: 0;
    width: 25%;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>a strong{
    position: relative;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>a strong::after{
    position: absolute;
    width: 60px;
    height: 2px;
    background: var(--color-font);
    content: '';
    bottom: -8px;
    left: 0;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>a:hover strong::after{
    background: var(--color-highlight);
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>p{
    margin-top: 1rem;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>p a{
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    /* border: 1px solid red; */
    font-size: 13px;
    white-space: nowrap;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>p a:hover{
    background-color: rgba(227,235,244,0.6);
    color: var(--color-font);
    border-radius: 5px;
}
.nav-content-item-right .nav-content-item-right-type .other-products .other-division-02>p sub.copyright,
.addCopyright sup{
    font-size: 0.65em !important;
    vertical-align: super;
}
sub{
    font-size: 0.65em !important;
    vertical-align: baseline;
}


/* 导航产品 结束 */

/* 其他的导航详情 不分左右 */
.nav-content-item-center{
    position: absolute;
    left: 0;
    top: 0;
    /* 白色主题 */
    background-color: rgba(255,255,255,1);
    border-radius: 10px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.06);
}
.nav-content-item-center a:hover{
    color: var(--color-font);
}
.nav-content-item-center ul{
    display: grid;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    padding: 15px;
}
.nav-content-item-center ul li{
    padding: .8rem .5rem;
    width: 200px;
    border-radius: 6px;
    /*border: 1px solid  red;*/
}
.nav-content-item-center ul>span{
    display: none;
}

.nav-content-item[data-nav='services'] ul li{
    width: 220px;
}
.nav-content-item[data-nav='applications'] ul li,
.nav-content-item[data-nav='starter-kits'] ul li{
    width: 380px;
    font-size: 0;
}
.nav-content-item[data-nav='starter-kits'] ul li{
    width: auto;
    row-gap: 5px;
}

.nav-content-item[data-nav='applications'] .sub-nav-title{
    display: block;
    font-size: 1.143rem;
}
.nav-content-item[data-nav='applications'] ul li>a{
    /*width: 274px;*/
    font-size: 13px;
    width: calc((100% - 1rem)/2);
    display: inline-block;
    color: #999;
}
.nav-content-item[data-nav='applications'] ul li>a:hover{
    color: var(--color-darkblue);
}

.nav-content-item[data-nav='about'] ul li{
    width: 184px;
}

.nav-content-item[data-nav='starter-kits'] ul li>a{
    font-size: 13px;
    color: #999;
}
.nav-content-item[data-nav='starter-kits'] ul li>a:hover{
    color: var(--color-darkblue);
}

.nav-content-item-center ul li:hover{
    background-color: rgba(227,235,244,0.6);
}
/* 分别设置 各个栏目样式 */
/* 一列 */
.nav-content-item[data-nav='starter-kits'] .nav-content-item-center ul{
   grid-template-columns: 1fr;
}
/* 二列 */
.nav-content-item[data-nav='applications'] .nav-content-item-center ul{
    grid-template-columns: 1fr 1fr;
}
/* 三列  */
.nav-content-item[data-nav='resources'] .nav-content-item-center ul,
.nav-content-item[data-nav='about'] .nav-content-item-center ul{
    grid-template-columns: 1fr 1fr 1fr;
}
/* 四列 */
.nav-content-item[data-nav='services'] .nav-content-item-center ul{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    position: relative;
}
/* 分割线 */
.nav-content-item[data-nav='services'] .nav-content-item-center ul::after{
    position: absolute;
    content: '';
    height: 1px;
    width: 96%;
    background-color: #cdcdcd;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.nav-content-item[data-nav='services'] .nav-content-item-center ul:last-child::after{
    background-color: transparent;
}

.nav-content-item[data-nav='services'] ul li>a{
    font-size: 13px;
    color: #999;
}
.nav-content-item[data-nav='services'] ul li>a:first-child,
.nav-content-item[data-nav='services'] ul li>a:hover{
    color: var(--color-darkblue);
}
.nav-content-item[data-nav='services'] ul li>a:nth-child(n+1){
    padding-left: 1rem;
}

.nav-content-item[data-nav='about'] ul li>a,
.nav-content-item[data-nav='resources'] ul li>a{
    font-size: 13px;
    color: var(--color-darkblue);
}
.nav-content-item[data-nav='about'] ul li>p,
.nav-content-item[data-nav='resources'] ul li>p{
    font-size: 13px;
    color: #999;
}


.nav-content-item-center .sub-nav-title,
.nav-content-item-center ul li>a{
    font-size: 1.143rem;
    display: inline-block;
    /* border: 1px solid green; */
}
.nav-content-item-center .sub-nav-title>img,
.nav-content-item-center ul li>a>img{
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: text-bottom;
}
.nav-content-item-center .sub-nav-title i,
.nav-content-item-center ul li>a i{
    margin-right: 3px;
    vertical-align: text-bottom;
    width: 18px;
    height: 18px;
    display: inline-flex;
}
.nav-content-item-center .sub-nav-title i>svg,
.nav-content-item-center ul li>a i>svg{
    max-width: 100%;
    max-height: 100%;
}
.nav-content-item-center .sub-nav-title:nth-child(3){
    font-size: 12px;
    position: relative;
    margin-bottom: 0;
    color: #999;
}
.nav-content-item-center ul li>a{
    line-height: 1.2em;
    color: #999;
    margin-top: .8rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 13px;
    letter-spacing: -.3px;
}
.nav-content-item-center ul li>a>i{
    /*margin-left: .5rem;*/
    font-size: 0.5em;
}
/*2nd角标样式*/
.nav-content-item-center .sup-nd{
    line-height: .5;  /*控制行高可以让有角标的 不顶出*/
}
.nav-content-item-center .sup-nd::after{
    content: 'nd';
    font-size: 0.5em;
    vertical-align: super;
} 
.sup-nd{
    line-height: .5;  /*控制行高可以让有角标的 不顶出*/
}
 .sup-nd::after{
    content: 'nd';
    font-size: 0.5em;
    vertical-align: super;
}


/* 改版应用场景*/
.nav-content .nav-content-item.products-item-2{
    /*display: flex;*/
}
.nav-content .nav-content-item.applications-style-02{
    /*display: unset;*/
}
.applications-style-02 .nav-content-item-center{
    width: 100%;
    max-width: 1480px;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul{
    grid-template-columns: 1fr 1fr;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li{
    padding: 5px 10px;
    position: relative;
    align-items: center;
    column-gap: 5px;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li>a{
    color: var(--color-darkblue);
    margin-top: unset;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li i.bg{
    width: 24px;
    height: 24px;
    border-radius: 24px;
    position: relative;
    padding: 2px;
    background: linear-gradient(to right, #48add7, #252e7e);
    box-shadow: 0px 0px 10px #252e7e73;
    --icon-number: 0;
    --icon-width: 20px;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li i.bg::before{
    position: absolute;
    content: '';
    background-image: url(https://www.minew.com/wp-content/uploads/2026/01/nav-kits-icons.webp);
    background-repeat: no-repeat;
    width: var(--icon-width);
    height: var(--icon-width);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: auto var(--icon-width);
    background-position: calc( -1 * var(--icon-width) * var(--icon-number))  0;
}

.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li:nth-child(2) i.bg{
    background: linear-gradient(to right, #a7d7ff, #6b98ff);
    box-shadow: 0px 0px 10px #6b98ff73;
    --icon-number: 1;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li:nth-child(3) i.bg{
    background: linear-gradient(to right, #55dfc2, #21a395);
    box-shadow: 0px 0px 10px #21a39573;
    --icon-number: 2;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li:nth-child(4) i.bg{
    background: linear-gradient(to right, #ffd34e, #f9a152);
    box-shadow: 0px 0px 10px #f9a15273;
    --icon-number: 3;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li:nth-child(5) i.bg{
    background: linear-gradient(to right, #e2ec53, #53be66);
    box-shadow: 0px 0px 10px #53be6673;
    --icon-number: 4;
}
.nav-content-item.kits-style-02[data-nav='starter-kits'] ul li:nth-child(6) i.bg{
    background: linear-gradient(to right, #f89f37, #e5150a);
    box-shadow: 0px 0px 10px #e5150a73;
    --icon-number: 5;
}

.nav-content-item.applications-style-02[data-nav='applications'] .nav-content-item-center ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
}
.nav-content-item.applications-style-02[data-nav='applications'] ul li{
    width: auto;
    row-gap: 0.5rem;
    font-size: 13px;
    color: #999;
}
.nav-content-item.applications-style-02[data-nav='applications'] ul li>a {
    width: 100%;
    white-space: nowrap;
    margin-top: unset;
    color: var(--color-darkblue);
}
.nav-content-item.applications-style-02[data-nav='applications'] ul li>a:hover {
    color: var(--color-darkblue);
}
.nav-content-item.applications-style-02[data-nav='applications'] .sub-nav-title{
    font-size: 13px;
    display: flex;
    align-items: center;
    column-gap: 4px;
}
.applications-style-02 .nav-content-item-center li .sub-nav-title i.bg{
    margin-right: unset;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    position: relative;
    padding: 2px;
    background: linear-gradient(to right, #48add7, #252e7e);
    box-shadow: 0px 0px 10px #252e7e73;
    --icon-number: 0;
    --icon-width: 20px;
}
.applications-style-02 .nav-content-item-center li .sub-nav-title i.bg::before{
    position: absolute;
    content: '';
    background-image: url(https://www.minew.com/wp-content/uploads/2026/01/nav-application-icons.webp);
    background-repeat: no-repeat;
    width: var(--icon-width);
    height: var(--icon-width);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: auto var(--icon-width);
    background-position: calc( -1 * var(--icon-width) * var(--icon-number))  0;
}

.applications-style-02 .nav-content-item-center li:nth-child(1) .sub-nav-title i.bg{
    background: linear-gradient(to right, #48add7, #252e7e);
    box-shadow: 0px 0px 10px #252e7e73;
    --icon-number: 2;
}
.applications-style-02 .nav-content-item-center li:nth-child(2) .sub-nav-title i.bg{
    background: linear-gradient(to right, #a7d7ff, #6b98ff);
    box-shadow: 0px 0px 10px #6b98ff73;
    --icon-number: 4;
}
.applications-style-02 .nav-content-item-center li:nth-child(3) .sub-nav-title i.bg{
    background: linear-gradient(to right, #55dfc2, #21a395);
    box-shadow: 0px 0px 10px #21a39573;
    --icon-number: 10;
}
.applications-style-02 .nav-content-item-center li:nth-child(4) .sub-nav-title i.bg{
    background: linear-gradient(to right, #ffd34e, #f9a152);
    box-shadow: 0px 0px 10px #f9a15273;
    --icon-number: 0;
}
.applications-style-02 .nav-content-item-center li:nth-child(5) .sub-nav-title i.bg{
    background: linear-gradient(to right, #e2ec53, #53be66);
    box-shadow: 0px 0px 10px #53be6673;
    --icon-number : 3;
}
.applications-style-02 .nav-content-item-center li:nth-child(6) .sub-nav-title i.bg{
    background: linear-gradient(to right, #f89f37, #e5150a);
    box-shadow: 0px 0px 10px #e5150a73;
    --icon-number: 1;
}
.applications-style-02 .nav-content-item-center li:nth-child(7) .sub-nav-title i.bg{
    background: linear-gradient(to right, #fa5153, #b8282e);
    box-shadow: 0px 0px 10px #b8282e73;
    --icon-number: 5;
}
.applications-style-02 .nav-content-item-center li:nth-child(8) .sub-nav-title i.bg{
    background: linear-gradient(to right, #fdba6e, #ff61b9);
    box-shadow: 0px 0px 10px #ff61b973;
    --icon-number: 7;
}
.applications-style-02 .nav-content-item-center li:nth-child(9) .sub-nav-title i.bg{
    background: linear-gradient(to right, #5bf2fd, #4fbafc);
    box-shadow: 0px 0px 10px #4fbafc73;
    --icon-number: 6;
}
.applications-style-02 .nav-content-item-center li:nth-child(10) .sub-nav-title i.bg{
    background: linear-gradient(to right, #d353c6, #ac4be5);
    box-shadow: 0px 0px 10px #ac4be573;
    --icon-number: 8;
}
.applications-style-02 .nav-content-item-center li:nth-child(11) .sub-nav-title i.bg{
    background: linear-gradient(to right, #93cdff, #0a7fff);
    box-shadow: 0px 0px 10px #0a7fff73;
    --icon-number: 9;
}
.nav-content-item.applications-style-02[data-nav='applications'] ul li.ad-img>a{
    display: block;
    margin-top: 0;
}
.nav-content-item.applications-style-02[data-nav='applications'] ul li.ad-img>a>img{
    width: 100%;
    height: auto;
}
.nav-content-item.applications-style-02[data-nav='applications'] ul li.ad-img {
    background-color: transparent;
    padding: 0;
    transition: all 0.2s;
}
.nav-content-item.applications-style-02[data-nav='applications'] ul li.ad-img:hover {
    background-color: transparent;
    box-shadow: 0px 0px 10px #92a6c9;
}

/* 改版Resources*/
.nav-content .nav-content-item.resources-style-02{
    /*display: unset;*/
}
.nav-content .nav-content-item.about-style-02{
    /*display: unset;*/
}

.nav-content-item.resources-style-02[data-nav='resources'] .nav-content-item-center ul.success-stories{
    display: flex;
    column-gap: 20px;
}
.nav-content-item.resources-style-02[data-nav='resources'] ul.success-stories li{
    width: 240px;
}
.nav-content-item.resources-style-02[data-nav='resources'] ul.success-stories li.ad-img{
    flex-grow: 1;
}
.nav-content-item.resources-style-02[data-nav='resources'] ul.success-stories li.ad-img>a{
    display: block;
    margin-top: 0;
}
.nav-content-item.resources-style-02[data-nav='resources'] ul.success-stories li.ad-img>a>img{
    width: 100%;
    height: auto;
}
.nav-content-item.resources-style-02[data-nav='resources'] ul.success-stories li.ad-img {
    background-color: transparent;
    padding: 0;
    transition: all 0.2s;
}
.nav-content-item.resources-style-02[data-nav='resources'] ul.success-stories li.ad-img:hover {
    background-color: transparent;
    box-shadow: 0px 0px 10px #92a6c9;
}

.nav-content-item.resources-style-02[data-nav='resources'] ul{
    position: relative;
}
/*分割线*/
.nav-content-item.resources-style-02[data-nav='resources'] ul::after{
    position: absolute;
    content: '';
    height: 1px;
    width: 96%;
    background-color: #cdcdcd;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.nav-content-item.resources-style-02[data-nav='resources'] ul:last-child::after{
    background-color: transparent;
}






/* 顶部导航栏 End */
/* #endregion */

/* 内容主体 区块部分 */
main{
    /*overflow: hidden;*/
    position: relative;
    background: #fff;
    min-height: 800px;
}

/* #region 页脚块 公用*/

footer{
    position: relative;
    background-color: rgb(22, 29, 39); /*黑*/
    color: #fff;
    z-index: 2;
}
footer.new-footer{
    position: relative;
    background-color: rgb(22, 29, 39);
    background: linear-gradient(to bottom, #1b2e57 0%, #02121e 50%, #161d27 100%); 
    color: #fff;
}

footer.new-footer::before{
    width: 10%;
    aspect-ratio: 1 / 1;
    content: '';
    background-image: linear-gradient(342deg, #1995b1, #90aec8);
    position: absolute;
    z-index: -1;
    border-radius: 20% 30% 80% 10%;
    filter: blur(80px);
    top: 30%;
    left: 30%;
    transition: 1s;
    pointer-events: none;
}
footer.new-footer::before{
    width: 35%;
    aspect-ratio: 1 / 1;
    content: '';
    /*background-image: linear-gradient(342deg, #1995b169, #90aec8bf);*/
    linear-gradient(to bottom, #052264f7 0%, #02121e 100%);
    position: absolute;
    z-index: -1;
    border-radius: 20% 30% 80% 10%;
    filter: blur(80px);
    top: -5%;
    left: -5%;
    transition: 1s;
    pointer-events: none;
    max-height: 100%;
    
    display: none;
}

footer a{color: #fff;}
.footer-wapper .footer-top{
    background-color: #1b2e57;
}

.footer-wapper .footer-center{
    margin-top: 4rem;
    margin-bottom: 4rem;
    justify-content:space-between;
}
.footer-wapper .footer-center>div:first-child{
    margin-left: 0;
}
.footer-wapper .footer-center>div:last-child{
    padding-right: 0;
}
.footer-wapper .footer-center .footer-center-01{
    /* width: 35%; */
    flex-direction: column;
    max-width: 541px;
    justify-content: space-between;
}
.footer-wapper .footer-company-logo{
    /*width: 40%;*/
    margin-bottom: 1rem;
    align-items: end;
}
.footer-wapper .footer-company-logo img{
    width: 100%;
    max-width: 168px;
    aspect-ratio: 163 / 70;
}
.footer-wapper .footer-company-des{
    /* text-align: justify; */
    margin-bottom: 1rem;
    line-height: 1.4;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* padding-right: 7rem; */
    padding-left: 2rem;
}
.footer-wapper .footer-company-des p:first-child{
    align-items: center;
    column-gap: 3px;
}
.footer-wapper .footer-company-des p .golden-award{
    width: 25px;
}
/*底部 社媒图标 区域*/

.footer-wapper .footer-social{
    padding-left: 2rem ;
    font-size: 16px;
    margin-bottom: 2rem;
}
.footer-wapper .footer-social ul{
    justify-content: flex-start;
    position: relative;
}
.footer-wapper .footer-social ul li{
    font-size: 0;
    margin-right: 15px;
}
.footer-wapper .footer-social ul li:last-child{
    margin-right: 0;
}

/*社媒图标*/

a.social{
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 0;
  position: relative;
}
a.social i{
  vertical-align: middle;
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
a.ico-linkedin i{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1618818998595" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18252" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M948.245333 0H75.52C33.877333 0 0.021333 33.066667 0.021333 73.813333v876.288C0 990.890667 33.877333 1024 75.52 1024h872.704c41.749333 0 75.733333-33.109333 75.733333-73.898667V73.834667C1024 33.045333 989.994667 0 948.266667 0z" fill="%23fff" p-id="18253"></path><path d="M151.744 383.893333h152.021333V872.533333H151.744V383.893333z m76.053333-242.922666a88.106667 88.106667 0 1 1-0.128 176.170666 88.106667 88.106667 0 0 1 0.128-176.170666M399.04 383.893333h145.578667v66.794667h2.090666c20.266667-38.4 69.802667-78.933333 143.701334-78.933333 153.770667 0 182.186667 101.184 182.186666 232.810666V872.533333h-151.850666v-237.653333c0-56.661333-0.981333-129.557333-78.933334-129.557333-79.018667 0-91.093333 61.76-91.093333 125.525333v241.706667h-151.68V383.872z" fill="%23161d27" p-id="18254"></path></svg>');
}
a.ico-linkedin i:hover{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1618818998595" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18252" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M948.245333 0H75.52C33.877333 0 0.021333 33.066667 0.021333 73.813333v876.288C0 990.890667 33.877333 1024 75.52 1024h872.704c41.749333 0 75.733333-33.109333 75.733333-73.898667V73.834667C1024 33.045333 989.994667 0 948.266667 0z" fill="%23007BB5" p-id="18253"></path><path d="M151.744 383.893333h152.021333V872.533333H151.744V383.893333z m76.053333-242.922666a88.106667 88.106667 0 1 1-0.128 176.170666 88.106667 88.106667 0 0 1 0.128-176.170666M399.04 383.893333h145.578667v66.794667h2.090666c20.266667-38.4 69.802667-78.933333 143.701334-78.933333 153.770667 0 182.186667 101.184 182.186666 232.810666V872.533333h-151.850666v-237.653333c0-56.661333-0.981333-129.557333-78.933334-129.557333-79.018667 0-91.093333 61.76-91.093333 125.525333v241.706667h-151.68V383.872z" fill="%23FFFFFF" p-id="18254"></path></svg>');
}
a.ico-facebook i{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1618817726799" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5989" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M981.333333 1024a42.666667 42.666667 0 0 0 42.666667-42.666667V42.666667a42.666667 42.666667 0 0 0-42.666667-42.666667H42.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v938.666666a42.666667 42.666667 0 0 0 42.666667 42.666667h938.666666z" fill="%23fff" p-id="5990"></path><path d="M544.426667 1024V618.666667H405.333333v-149.333334h139.093334v-110.4c0-132.266667 80.768-204.266667 198.741333-204.266666 56.533333 0 105.088 4.202667 119.253333 6.08v138.24l-81.834666 0.021333c-64.170667 0-76.586667 30.506667-76.586667 75.242667V469.333333h149.333333l-21.333333 149.333334h-128v405.333333h-159.573333z" fill="%23161d27" p-id="5991"></path></svg>');
}
a.ico-facebook i:hover{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1618817726799" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5989" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M981.333333 1024a42.666667 42.666667 0 0 0 42.666667-42.666667V42.666667a42.666667 42.666667 0 0 0-42.666667-42.666667H42.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v938.666666a42.666667 42.666667 0 0 0 42.666667 42.666667h938.666666z" fill="%2339579A" p-id="5990"></path><path d="M544.426667 1024V618.666667H405.333333v-149.333334h139.093334v-110.4c0-132.266667 80.768-204.266667 198.741333-204.266666 56.533333 0 105.088 4.202667 119.253333 6.08v138.24l-81.834666 0.021333c-64.170667 0-76.586667 30.506667-76.586667 75.242667V469.333333h149.333333l-21.333333 149.333334h-128v405.333333h-159.573333z" fill="%23FFFFFF" p-id="5991"></path></svg>');
}
a.ico-twitter i{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><rect width="512" height="512" fill="%23fff" rx="60"></rect><path fill="%23000" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></svg>');
}
a.ico-twitter i:hover{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><rect width="512" height="512" fill="%23000" rx="60"></rect><path fill="%23fff" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></svg>');
}
a.ico-youtube i{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1618818810929" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11944" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M1013.76 307.264s-9.984-70.570667-40.704-101.632c-38.933333-40.789333-82.56-41.002667-102.592-43.392C727.168 151.893333 512.213333 151.893333 512.213333 151.893333h-0.426666s-214.954667 0-358.250667 10.346667c-20.010667 2.389333-63.658667 2.602667-102.613333 43.392C20.245333 236.693333 10.24 307.264 10.24 307.264S0 390.122667 0 473.002667v77.674666c0 82.858667 10.24 165.738667 10.24 165.738667s9.984 70.570667 40.704 101.632c38.933333 40.789333 90.112 39.509333 112.896 43.776 81.92 7.850667 348.16 10.282667 348.16 10.282667s215.168-0.32 358.464-10.666667c20.010667-2.410667 63.658667-2.602667 102.613333-43.392 30.698667-31.061333 40.704-101.632 40.704-101.632S1024 633.536 1024 550.677333v-77.674666c0-82.88-10.24-165.738667-10.24-165.738667z" fill="%23fff" p-id="11945" data-spm-anchor-id="a313x.7781069.0.i15" class=""></path><path d="M406.293333 644.821333l-0.064-287.722666 276.693334 144.362666-276.629334 143.36z" fill="%23161d27" p-id="11946"></path></svg>');  

}
a.ico-youtube i:hover{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1618818810929" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11944" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M1013.76 307.264s-9.984-70.570667-40.704-101.632c-38.933333-40.789333-82.56-41.002667-102.592-43.392C727.168 151.893333 512.213333 151.893333 512.213333 151.893333h-0.426666s-214.954667 0-358.250667 10.346667c-20.010667 2.389333-63.658667 2.602667-102.613333 43.392C20.245333 236.693333 10.24 307.264 10.24 307.264S0 390.122667 0 473.002667v77.674666c0 82.858667 10.24 165.738667 10.24 165.738667s9.984 70.570667 40.704 101.632c38.933333 40.789333 90.112 39.509333 112.896 43.776 81.92 7.850667 348.16 10.282667 348.16 10.282667s215.168-0.32 358.464-10.666667c20.010667-2.410667 63.658667-2.602667 102.613333-43.392 30.698667-31.061333 40.704-101.632 40.704-101.632S1024 633.536 1024 550.677333v-77.674666c0-82.88-10.24-165.738667-10.24-165.738667z" fill="%23DC2217" p-id="11945" data-spm-anchor-id="a313x.7781069.0.i15" class=""></path><path d="M406.293333 644.821333l-0.064-287.722666 276.693334 144.362666-276.629334 143.36z" fill="%23FFFFFF" p-id="11946"></path></svg>');  
}
a.ico-reddit i{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 256 256" xml:space="preserve"><defs></defs><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" ><path d="M 74.298 90 H 15.702 C 7.03 90 0 82.97 0 74.298 V 15.702 C 0 7.03 7.03 0 15.702 0 h 58.596 C 82.97 0 90 7.03 90 15.702 v 58.596 C 90 82.97 82.97 90 74.298 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255, 255, 255); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 75.011 45 c -0.134 -3.624 -3.177 -6.454 -6.812 -6.331 c -1.611 0.056 -3.143 0.716 -4.306 1.823 c -5.123 -3.49 -11.141 -5.403 -17.327 -5.537 l 2.919 -14.038 l 9.631 2.025 c 0.268 2.472 2.483 4.262 4.955 3.993 c 2.472 -0.268 4.262 -2.483 3.993 -4.955 s -2.483 -4.262 -4.955 -3.993 c -1.421 0.145 -2.696 0.973 -3.4 2.204 L 48.68 17.987 c -0.749 -0.168 -1.499 0.302 -1.667 1.063 c 0 0.011 0 0.011 0 0.022 l -3.322 15.615 c -6.264 0.101 -12.36 2.025 -17.55 5.537 c -2.64 -2.483 -6.801 -2.36 -9.284 0.291 c -2.483 2.64 -2.36 6.801 0.291 9.284 c 0.515 0.481 1.107 0.895 1.767 1.186 c -0.045 0.66 -0.045 1.32 0 1.98 c 0 10.078 11.745 18.277 26.23 18.277 s 26.23 -8.188 26.23 -18.277 c 0.045 -0.66 0.045 -1.32 0 -1.98 C 73.635 49.855 75.056 47.528 75.011 45 z M 30.011 49.508 c 0 -2.483 2.025 -4.508 4.508 -4.508 s 4.508 2.025 4.508 4.508 s -2.025 4.508 -4.508 4.508 C 32.025 53.993 30.011 51.991 30.011 49.508 z M 56.152 62.058 v -0.179 c -3.199 2.405 -7.114 3.635 -11.119 3.468 c -4.005 0.168 -7.919 -1.063 -11.119 -3.468 c -0.425 -0.515 -0.347 -1.286 0.168 -1.711 c 0.447 -0.369 1.085 -0.369 1.544 0 c 2.707 1.98 6.007 2.987 9.362 2.83 c 3.356 0.179 6.667 -0.783 9.407 -2.74 c 0.492 -0.481 1.297 -0.47 1.779 0.022 C 56.655 60.772 56.644 61.577 56.152 62.058 z M 55.537 54.34 c -0.078 0 -0.145 0 -0.224 0 l 0.034 -0.168 c -2.483 0 -4.508 -2.025 -4.508 -4.508 s 2.025 -4.508 4.508 -4.508 s 4.508 2.025 4.508 4.508 C 59.955 52.148 58.02 54.239 55.537 54.34 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(22, 29, 39); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /></g></svg>');
}
a.ico-reddit i:hover{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 256 256" xml:space="preserve"><defs></defs><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" ><path d="M 74.298 90 H 15.702 C 7.03 90 0 82.97 0 74.298 V 15.702 C 0 7.03 7.03 0 15.702 0 h 58.596 C 82.97 0 90 7.03 90 15.702 v 58.596 C 90 82.97 82.97 90 74.298 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,69,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 75.011 45 c -0.134 -3.624 -3.177 -6.454 -6.812 -6.331 c -1.611 0.056 -3.143 0.716 -4.306 1.823 c -5.123 -3.49 -11.141 -5.403 -17.327 -5.537 l 2.919 -14.038 l 9.631 2.025 c 0.268 2.472 2.483 4.262 4.955 3.993 c 2.472 -0.268 4.262 -2.483 3.993 -4.955 s -2.483 -4.262 -4.955 -3.993 c -1.421 0.145 -2.696 0.973 -3.4 2.204 L 48.68 17.987 c -0.749 -0.168 -1.499 0.302 -1.667 1.063 c 0 0.011 0 0.011 0 0.022 l -3.322 15.615 c -6.264 0.101 -12.36 2.025 -17.55 5.537 c -2.64 -2.483 -6.801 -2.36 -9.284 0.291 c -2.483 2.64 -2.36 6.801 0.291 9.284 c 0.515 0.481 1.107 0.895 1.767 1.186 c -0.045 0.66 -0.045 1.32 0 1.98 c 0 10.078 11.745 18.277 26.23 18.277 s 26.23 -8.188 26.23 -18.277 c 0.045 -0.66 0.045 -1.32 0 -1.98 C 73.635 49.855 75.056 47.528 75.011 45 z M 30.011 49.508 c 0 -2.483 2.025 -4.508 4.508 -4.508 s 4.508 2.025 4.508 4.508 s -2.025 4.508 -4.508 4.508 C 32.025 53.993 30.011 51.991 30.011 49.508 z M 56.152 62.058 v -0.179 c -3.199 2.405 -7.114 3.635 -11.119 3.468 c -4.005 0.168 -7.919 -1.063 -11.119 -3.468 c -0.425 -0.515 -0.347 -1.286 0.168 -1.711 c 0.447 -0.369 1.085 -0.369 1.544 0 c 2.707 1.98 6.007 2.987 9.362 2.83 c 3.356 0.179 6.667 -0.783 9.407 -2.74 c 0.492 -0.481 1.297 -0.47 1.779 0.022 C 56.655 60.772 56.644 61.577 56.152 62.058 z M 55.537 54.34 c -0.078 0 -0.145 0 -0.224 0 l 0.034 -0.168 c -2.483 0 -4.508 -2.025 -4.508 -4.508 s 2.025 -4.508 4.508 -4.508 s 4.508 2.025 4.508 4.508 C 59.955 52.148 58.02 54.239 55.537 54.34 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /></g></svg>');
}
a.ico-quora i{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 256 256" xml:space="preserve"><defs></defs><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" ><path d="M 44.913 26.682 H 15.231 c -8.28 0 -15.002 -3.611 -15.211 -11.841 C 0.016 14.972 0 15.099 0 15.231 v 31.303 c 8.265 10.233 20.908 16.784 35.087 16.784 h 0.682 c 8.28 0 12.002 3.611 12.211 11.841 c 0.003 -0.131 0.02 -0.258 0.02 -0.39 C 48 83.181 44.181 90 35.769 90 h 39 C 83.181 90 90 83.181 90 74.769 C 90 42.732 69.814 26.682 44.913 26.682 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: %23fff; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 90 74.769 L 90 74.769 c 0 -24.901 -20.186 -45.087 -45.087 -45.087 H 15.231 c -8.28 0 -15.002 -6.611 -15.211 -14.841 C 0.016 14.972 0 15.099 0 15.231 C 0 6.819 6.819 0 15.231 0 h 59.538 C 83.181 0 90 6.819 90 15.231 V 74.769" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: %23fff; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 0 74.769 V 43.534 c 8.265 10.233 20.908 16.784 35.087 16.784 h 0.682 c 8.28 0 15.002 6.611 15.211 14.841 c 0.003 -0.131 0.02 -0.258 0.02 -0.39 C 51 83.181 44.181 90 35.769 90 H 15.231 C 6.819 90 0 83.181 0 74.769 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: %23fff; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 69.168 59.582 h -3.261 c -0.169 1.518 -1.179 3.452 -3.683 3.452 c -2.294 0 -3.942 -1.593 -5.542 -3.99 c 4.953 -3.836 8.361 -9.771 8.361 -17.075 C 65.044 28.838 54.228 20 42.886 20 c -11.153 0 -22.075 8.902 -22.075 21.969 c 0 12.943 10.922 21.844 22.076 21.844 c 1.935 0 3.886 -0.272 5.722 -0.764 C 50.798 66.801 53.716 70 59.235 70 C 68.348 70 69.359 61.603 69.168 59.582 z M 53.134 53.172 c -2.161 -3.261 -4.882 -5.815 -10.185 -5.815 c -3.409 0 -6.06 1.117 -7.702 2.525 l 1.347 2.695 c 0.694 -0.317 1.451 -0.442 2.209 -0.442 c 3.965 0 5.996 3.444 7.729 6.854 c -1.108 0.323 -2.314 0.47 -3.645 0.47 c -8.377 0 -11.996 -5.914 -11.996 -17.488 c 0 -11.636 3.62 -17.612 11.996 -17.612 c 8.5 0 12.14 5.975 12.14 17.612 C 55.027 46.628 54.416 50.388 53.134 53.172 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: %23161d27; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /></g></svg>');
}
a.ico-quora i:hover{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 256 256" xml:space="preserve"><defs></defs><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" ><path d="M 44.913 26.682 H 15.231 c -8.28 0 -15.002 -3.611 -15.211 -11.841 C 0.016 14.972 0 15.099 0 15.231 v 31.303 c 8.265 10.233 20.908 16.784 35.087 16.784 h 0.682 c 8.28 0 12.002 3.611 12.211 11.841 c 0.003 -0.131 0.02 -0.258 0.02 -0.39 C 48 83.181 44.181 90 35.769 90 h 39 C 83.181 90 90 83.181 90 74.769 C 90 42.732 69.814 26.682 44.913 26.682 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(167,39,35); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 90 74.769 L 90 74.769 c 0 -24.901 -20.186 -45.087 -45.087 -45.087 H 15.231 c -8.28 0 -15.002 -6.611 -15.211 -14.841 C 0.016 14.972 0 15.099 0 15.231 C 0 6.819 6.819 0 15.231 0 h 59.538 C 83.181 0 90 6.819 90 15.231 V 74.769" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(185,43,39); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 0 74.769 V 43.534 c 8.265 10.233 20.908 16.784 35.087 16.784 h 0.682 c 8.28 0 15.002 6.611 15.211 14.841 c 0.003 -0.131 0.02 -0.258 0.02 -0.39 C 51 83.181 44.181 90 35.769 90 H 15.231 C 6.819 90 0 83.181 0 74.769 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(153,36,32); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 69.168 59.582 h -3.261 c -0.169 1.518 -1.179 3.452 -3.683 3.452 c -2.294 0 -3.942 -1.593 -5.542 -3.99 c 4.953 -3.836 8.361 -9.771 8.361 -17.075 C 65.044 28.838 54.228 20 42.886 20 c -11.153 0 -22.075 8.902 -22.075 21.969 c 0 12.943 10.922 21.844 22.076 21.844 c 1.935 0 3.886 -0.272 5.722 -0.764 C 50.798 66.801 53.716 70 59.235 70 C 68.348 70 69.359 61.603 69.168 59.582 z M 53.134 53.172 c -2.161 -3.261 -4.882 -5.815 -10.185 -5.815 c -3.409 0 -6.06 1.117 -7.702 2.525 l 1.347 2.695 c 0.694 -0.317 1.451 -0.442 2.209 -0.442 c 3.965 0 5.996 3.444 7.729 6.854 c -1.108 0.323 -2.314 0.47 -3.645 0.47 c -8.377 0 -11.996 -5.914 -11.996 -17.488 c 0 -11.636 3.62 -17.612 11.996 -17.612 c 8.5 0 12.14 5.975 12.14 17.612 C 55.027 46.628 54.416 50.388 53.134 53.172 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /></g></svg>');
}

/*页脚表单*/
.footer-wapper .footer-company-form{
    padding-left: 2rem;
}
.footer-wapper .footer-company-form form {
    background-color: #EDEDED;
    padding: 5px;
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
     position: relative;
}
.footer-wapper .footer-company-form form>p{
    position: relative;
    /*overflow: hidden;*/
}
.footer-wapper .footer-company-form form>p .wpcf7-spinner{
    position: absolute;
    top: 50%;
    right: 90px;
    transform: translateY(-50%);
}
.footer-wapper .footer-company-form form>p .wpcf7-not-valid-tip{
    position: absolute;
    bottom: -34px;
    left: 0;
}
.footer-wapper .footer-company-form form .wpcf7-response-output{
    position: absolute;
    bottom: -48px;
    left: 0; 
}

.footer-wapper .footer-company-form .wpcf7-form-control-wrap{
     width: calc(100% - 120px);
     display: inline-block;
     vertical-align: middle;
}
.footer-wapper .footer-company-form form input[type="email"]{
    border: 0;
    outline: none;
    border-radius: 3px;
    color: #999;
    background-color: #EDEDED;
    float: left;
    padding: 0.6rem 1rem;
    width: 100%;
}
.footer-wapper .footer-company-form form button {
    padding: 0.6rem 0.3rem;
    min-width: 100px;
    cursor: pointer;
    border: 0;
    border-radius: 8px;
    background-color: #1B2E57;
    font-family: var(--font-bold);
    color: #fff;
    float: right;
}
.footer-wapper .footer-company-form form input[type='submit'] {
    padding: 0.6rem 0.3rem;
    min-width: 100px;
    cursor: pointer;
    border: 0;
    border-radius: 8px;
    background-color: #1B2E57;
    font-family: var(--font-bold);
    color: #fff;
    float: right;
}
.footer-wapper .footer-center .footer-center-02,
.footer-wapper .footer-center .footer-center-03,
.footer-wapper .footer-center .footer-center-04{
    padding-top: 59px;
}
.footer-wapper .footer-center .footer-center-03,
.footer-wapper .footer-center .footer-center-04{
    max-width: 250px;
}
.footer-wapper .footer-center h3{
    position: relative;
}
.footer-wapper .footer-center h3::after{
    position: absolute;
    content: '';
    width: 4rem;
    height: 2px;
    background-color: #fff;
    opacity: 1;
    left: 0;
    bottom: -0.4rem;
}
.footer-wapper .footer-center .footer-center-02 li{
    padding: 3px 0;
    text-align: left;
    white-space: nowrap;
}

.footer-wapper .footer-center .footer-center-03 li{
    padding: 0.5125rem 0;
    text-align: left;
    display: flex;
    align-items: baseline;
}
.footer-wapper .footer-center .footer-center-03 li i {
    margin-right: 0.625rem;
    font-size: 1.125rem;
}
.footer-wapper .footer-center .footer-center-03 b{
    font-family: var(--font-bold) ;
}
.footer-wapper .footer-center .footer-center-04 .unions-list{
    gap: 2rem;
}
.footer-wapper .footer-center .footer-center-04 .unions-list>div{
    width: 50%;
    display: flex;
    /*justify-content: center;*/
    align-items: end;
    max-height: 46px;
}   
.footer-wapper .footer-center .footer-center-04 .unions-list>div>*{
    height: 100%;
    width: 100%;
}
.footer-wapper .footer-center .footer-center-04 .unions-list img{
    height: auto;
    width: 100%;
    aspect-ratio: 333 / 100;
}
.footer-wapper .footer-center .footer-center-04 .unions-list p{
    height: auto;
    text-indent: 1rem;
    font-family: var(--font-bold);
}
.footer-wapper .footer-bottom{
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.footer-wapper .footer-bottom p{
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    position: relative;
}
.footer-wapper .footer-bottom p::after{
    position: absolute;
    content: '';
    right: -7px;
    top: 50%;
    width: 1px;
    height: 10px;
    background-color: #fff;
    transform: translateY(-50%);
}
.footer-wapper .footer-bottom p:last-child{
    margin-right: 0;
}
.footer-wapper .footer-bottom p:last-child::after{
    display: none;
}
.footer-wapper .footer-bottom p>a{
    /*margin-left: 5px;*/
    display: block;
}

/* #endregion */


/*region footer*/


/* #endregion */

footer.region-footer {
    color: #595b5a;
    background: linear-gradient(to top right, #eef3fa, #d7e9f5);
}
footer.region-footer a{
    color: #595b5a;
}
.region-footer .footer-wapper{
    row-gap: 3rem;
    padding-top: 4rem;
}
.region-footer .footer-wapper .footer-company-logo{
    margin-bottom: unset;
}
.region-footer .footer-wapper .footer-center{
    margin-top: unset;
    margin-bottom: unset;
    column-gap: 10%;
}
.region-footer .footer-wapper .footer-center .footer-center-02{
    flex-grow: 1;
    justify-content: space-between;
    position: relative;
    padding-top: 1rem !important;
}
.region-footer .footer-wapper .footer-center .footer-center-01{
    position: relative;
    padding-top: 1rem !important;
}
.region-footer .footer-wapper .footer-center .footer-center-01::before,
.region-footer .footer-wapper .footer-center .footer-center-02::before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: transparent;
    top: 0;
    left: 0;
    border: 2px solid #595b5a26;
    transform: translate(0, -50%);
}
.region-footer .footer-wapper .footer-center .footer-center-01::after,
.region-footer .footer-wapper .footer-center .footer-center-02::after{
position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background-color: #595b5a26;
    transform: translate(8px, -50%);
}

.region-footer .footer-wapper .footer-company-form,
.region-footer .footer-wapper .footer-company-des{
    margin-bottom: unset;
    padding-left: unset;
}
.region-footer .footer-wapper .footer-center .footer-center-01{
    justify-content: flex-start;
    max-width: 541px;
}
.region-footer .footer-wapper .footer-bottom{
    justify-content: space-between;
}

.region-footer .footer-wapper .footer-center .footer-center-02, 
.region-footer .footer-wapper .footer-center .footer-center-03, 
.region-footer .footer-wapper .footer-center .footer-center-04{
    padding-top: unset;
}
.region-footer .footer-wapper .footer-center-04 h3,
.region-footer .footer-wapper .footer-center h3{
    position: relative;
    text-transform: uppercase;
    color: initial;
}
.region-footer .footer-wapper .footer-center h3::after{
    display: none;
}
.region-footer .footer-wapper .footer-bottom-01{
    align-items: center;
    justify-content: space-between;
}
.region-footer .footer-wapper .footer-bottom-01 .unions-list{
   column-gap: 1rem;
}
.region-footer .footer-wapper .footer-bottom-01 .unions-list .item{
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    width: 114px;
    box-sizing: border-box;
}
.region-footer .footer-wapper .footer-bottom-01 .footer-social{
    margin-bottom: unset;
    padding-left: unset;
}
.region-footer .footer-wapper .footer-bottom-01 .footer-social ul{
    column-gap: 1rem;
}
.region-footer .footer-wapper .footer-bottom-01 .footer-social ul li{
    margin-right: unset;
    background-color: #fff;
    border-radius: 4rem;
    width: 36px;
    height: 36px;
}
.region-footer .footer-wapper .footer-bottom-01 .footer-social ul li a.social {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 0;
    position: relative;
}

.region-footer .footer-wapper .footer-bottom p::after {
    position: absolute;
    content: '';
    right: -7px;
    top: 50%;
    width: 1px;
    height: 10px;
    background-color: #595b5a;
    transform: translateY(-50%);
}

.region-footer .footer-wapper .footer-company-form form{
    background-color: transparent;
    padding: 0;
}
.region-footer .footer-wapper .footer-company-form .wpcf7-form-control-wrap{
    border: 2px solid var(--color-blue-02);
    border-radius: 8px;
    width: 300px;
}
.region-footer .footer-wapper .footer-company-form form input[type="email"]{
    background-color: transparent;
    padding: 1rem;
}
.region-footer .footer-wapper .footer-company-form form input[type='submit']{
    border: none;
    background: var(--color-darkblue);
    color: #fff;
    cursor: pointer;
    border-radius: 7px;
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
    text-align: center;
    transition: all 0.2s;
    padding: 1rem 2rem;
    float: unset;
    margin-left: 1rem;
}


/*客服按钮 悬浮*/
.customer-btton{
    position: fixed;
    right: 0;
    bottom: 10%;
    z-index: 9;
    display: flex;
    flex-direction: column;
}
.customer-btton a{
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
    background-color: var(--color-highlight);
    color: #fff;
    transition: all 0.5s;
    padding: 0 15px;
    transform: translateX(100%) translateX(-55px);  /*先全部隐藏 后反向 显示，便于计算前面的宽度*/
    margin: 3px 0;
}
.customer-btton a .img_ico{
    width: 30px;
    margin-right: 15px;
}
.customer-btton a .img_ico>img{
    width: 100%;
    height: auto;
    aspect-ratio: 20 / 17;
}
.customer-btton a:hover{
    transform: translateX(0);
}
.customer-btton .go-top{
    position: absolute;
    right: 8px;
    top: calc(100% + 5px);
    /* transform: rotateZ(-45deg); */
    cursor: pointer;
    transition: all 0.3s;
    display: none;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5795" width="64" height="64"><path d="M512 0c282.779826 0 512 229.220174 512 512S794.779826 1024 512 1024 0 794.779826 0 512 229.220174 0 512 0z m11.130435 333.913043c-0.823652 0-1.647304 0.044522-2.448696 0.111305l-0.311652 0.044522-0.845913 0.111304-0.601044 0.089043-0.556521 0.089044a25.132522 25.132522 0 0 0-0.734609 0.155826l-0.378435 0.089043a21.949217 21.949217 0 0 0-0.845913 0.222609l-0.289391 0.089044a23.017739 23.017739 0 0 0-0.868174 0.26713c-0.089043 0-0.155826 0.044522-0.222609 0.066783l-0.890435 0.333913-0.222608 0.066782a21.23687 21.23687 0 0 0-0.890435 0.400696l-0.178087 0.066783-0.957217 0.445217-0.111305 0.066783a25.822609 25.822609 0 0 0-6.233043 4.541217l-209.029565 201.906087a22.928696 22.928696 0 0 0 0 33.213217c9.505391 9.171478 24.932174 9.171478 34.437565 0l167.869217-162.125913v363.698087c0 12.109913 9.48313 22.105043 21.659826 23.373913l2.604522 0.155826 2.604522-0.133565c12.176696-1.29113 21.593043-11.286261 21.593043-23.396174v-363.742608l167.980522 162.05913a24.932174 24.932174 0 0 0 34.459826-0.111304 22.79513 22.79513 0 0 0 0.022261-33.124174l-209.408-202.128696A24.709565 24.709565 0 0 0 523.130435 333.913043z m232.358956-89.043478H268.510609c-13.06713 0-23.641043 9.97287-23.641044 22.26087s10.573913 22.26087 23.641044 22.260869h486.978782c13.06713 0 23.641043-9.97287 23.641044-22.260869s-10.573913-22.26087-23.641044-22.26087z" fill="%2387CEEB" p-id="5796"></path></svg>');
    background-color: #fff;
    border-radius: 36px;
    overflow: hidden;
}
.customer-btton .go-top.show{
    display: block;
}


/*联系客服表单*/
.launch-form{
    position: fixed;
    bottom: calc(5% + 10rem);
    right: 20px;
    z-index: 99;
    width: 100%;
    max-width: 260px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: all .22s cubic-bezier(.38,0,.41,1.16);
    opacity: 0;
    visibility: hidden;
}
.launch-form.showed{
    opacity: 1;
    visibility: visible;
}
.launch-form-closeed{
    position: absolute;
    top: 5px;
    right: 1rem;
    font-size: 1.6rem;
    cursor: pointer;
    color: #fff;
}
.launch-form .text{
    padding: 1.5rem 1rem;
    background-color: var(--color-highlight);
    color: #fff;
}
.launch-form .text a{
    color: #fff;
    text-decoration: underline;
    color: #fff;
    display: inline;
    text-decoration: underline;
    font-size: unset;
}
  .launch-form #launchForm{
    padding: 2rem 1rem;
  }
  .launch-form #launchForm label{
    margin-top: 1rem;
    display: block;
  }
  .launch-form #launchForm label span.notice{
    color: red;
    padding-left: 0.5rem;
    display: none;
  }
  .launch-form #launchForm input{
    width: 100%;
    padding: 1rem;
    color: #999;
    background-color: #f7f9fc;
    outline: none;
    border: 0;
    border-radius: 5px;
  }
  .launch-form #launchForm button{
    border: none;
    background: var(--color-highlight);
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    width: 100%;
    padding: 0.85rem 1rem;
    margin-top: 2rem;
    text-transform: uppercase;
  }

.launch-form .progressBar {
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: transparent;
    position: absolute;
    overflow: hidden;
}
.launch-form .progress.counting{
    height: 100%;
    background-color: #4caf50;
    width: 0%;
    position: absolute;
    top: 0;
    left: 0;
    animation: progressAnimation 10s linear forwards;
}
@keyframes progressAnimation {
    0% {
      width: 100%;
    }
    100% {
      width: 0%;
    }
}
.hover-scale,
.hover-scale-samll,
.hover-scale-middle{
    overflow: hidden;
}
.hover-scale img,
.hover-scale-middle img,
.hover-scale-samll img{
    transition: transform 0.4s ease-in-out;
}
.hover-scale:hover img{
    transform: scale(1.02);
}
.hover-scale-middle:hover img{
    transform: scale(1.05);
}
.hover-scale-samll:hover img{
    transform: scale(1.01);
}


/*表单提交 自定义弹窗*/
#formMask{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(17,17,17,.3);
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}
#formMask.avtive{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#formMask .form-popup{
    padding: 1rem;
    
    /*position: relative;*/
    /*border-radius: 10px;*/
    /*margin: 0 auto;*/
    /*background-color: #fff;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*max-width: 500px;*/
    /*min-height: 300px;*/
    /*text-align: center;*/
    /*padding: 2rem;*/
    /*box-shadow: 1px 1px 6px 0px rgba(0,0,0,.1);*/
}
#formMask .form-popup .msg{
    padding: 3rem 2rem;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    width: 100%;
    max-width: 480px;
}
#formMask .form-popup .text{
    row-gap: 1.2rem;
    column-gap: 2rem;
}
#formMask .form-popup span i{
    vertical-align: baseline;
}
#formMask .form-popup .closed{
    position: absolute;
    right: 1rem;
    top: 8px;
    cursor: pointer;
}

/*搜索框*/
#searchBox{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(3, 3, 3,.7);
  display: none;
  z-index: 99;
  padding: 1rem;
}
#searchBox.show{
  display: flex!important;
  justify-content: center;
  align-items: center;
}
#searchBox .search-warp{
  width: 100%;
  background: #fff;
  padding: 4rem 4rem;
  position: relative;
  border-radius: 5px;
  max-width: 540px;
}
#searchBox .search-warp .closed{
  position: absolute;
  right: 10px;
  top: 10px;
}
#searchBox .search-relate{
  min-height: 6rem;
  text-align: center;
}
#searchBox .search-relate ul li{
    /*list-style-type: none;*/
    width: calc(100%/3);
    text-align: left;
    padding: 1rem;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}
#searchBox .search-relate ul li a{
text-decoration: none;
}
#searchBox .search-warp form{
  height: 54px;
  width: 100%;
  /*width: 50%;*/
  display: flex;
}
#searchBox .search-warp .select-search-type{
    position: relative;
    height: 100%;
    border-radius: 6px 0 0 6px;
    background: #eef3f8;
    border: 1px solid #eef3f8;
    box-sizing: border-box;
    border-right: 0;
}

#searchBox .search-warp .select-search-type select{
    appearance: none;
    background: transparent;
    border: 0;
    outline: none;
    display: none;
}
#searchBox .search-warp .select-search-type .pulldown-list{
    position: relative;
    padding: 5px 25px 5px 15px;
    cursor: pointer;
}
#searchBox .search-warp .select-search-type .pulldown-list svg{
  height: 6px;
  position: absolute;
  right: 5px;
  opacity: .7;
}

#searchBox .search-warp .select-search-type .pulldown-list ul{
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  padding: 1rem;
  /*width: 100%;*/
  background-color: #FFF;
  border-radius: 6px;
  box-shadow: 1px 1px 6px 0px rgba(0,0,0,.1);
  transform: scaleY(0);
  transform-origin: 50% 8px;
  transition: all .2s ease;
}
#searchBox .search-warp .select-search-type .pulldown-list ul.show{
  transform: scaleY(1);
}
#searchBox .search-warp .select-search-type .pulldown-list ul::before{
  content: '';
  position: absolute;
  top: -12px;
  left: 1rem;
  width: 0;
  height: 0;
  border: 6px solid #FFF;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
#searchBox .search-warp .select-search-type .pulldown-list ul span{
  color: var(--color-darkblue);
  display: block;
  line-height: 14px;
  margin-bottom: 10px;
  /*text-transform: uppercase;*/
  white-space: nowrap;
}
#searchBox .search-warp .select-search-type .pulldown-list ul li{
  list-style-type: none;
  /*margin: 5px 0;*/
  color: #505050;
  display: block;
  white-space: nowrap;
  position: relative;
  padding-left: 2rem;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
#searchBox .search-warp .select-search-type .pulldown-list ul li.selected::before{
  content: '';
  position: absolute;
  background: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 24L20 34L40 14" stroke="%231b2e57" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  width: 2rem;
  height: 40px;
  display: inline-block;
  text-align: center;
}
#searchBox .search-warp .select-search-type .pulldown-list ul li a{
  color: #333;
  text-decoration:none;
  
}
#searchBox .search-warp form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #333;
    display: block;
    font-weight: inherit;
    outline: 0;
    padding-left: 10px;
    position: relative;
    transition: background-color .2s ease-in-out;
    z-index: 1;
    border: 1px solid #eef3f8;
    /* width: 240px; */
    flex-grow: 1;
    font-size: 1.2em;
}
#searchBox .search-warp form button{
  background-color: var(--color-darkblue);
  border: 0;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  padding: 0px 30px;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z" fill="none" stroke="%23fff" stroke-width="4" stroke-linejoin="round"/><path d="M26.657 14.3431C25.2093 12.8954 23.2093 12 21.0001 12C18.791 12 16.791 12.8954 15.3433 14.3431" stroke="%23fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.2216 33.2217L41.7069 41.707" stroke="%23fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.rll-youtube-player iframe{
    z-index: 9 !important;
}


