:root {
    --vbg01: url('/static/image/vbg01.png');
    --videoicon: url('/static/image/videoicon.png');
    --cartimg: url('/static/image/cartimg.png');
  }

  @font-face {
    font-family: 'Monoton';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Monoton'), local('Monoton-Regular'), url('/static/font/y6oxFxU60dYw9khW6q8jGw.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }

  @font-face {
    font-family: "font_11635";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/static/font/20260316135539317.ttf") format("truetype");
  }

  @font-face {
    font-family: "font_11434";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/static/font/20260316135539317.ttf") format("truetype");
  }

  body {
    font-family: font_11635
  }

  body .form select {
    font-family: font_11635
  }

  body .form input {
    font-family: font_11635
  }

  body .form textarea {
    font-family: font_11635
  }

  @font-face {
    font-family: yiyingbao;
    font-display: swap;
    src: url('/static/font/iconfont-1791788751.ttf') format("truetype");
  }

  .yiyingbaoicon {
    font-family: "yiyingbao";
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .rtl .textLineP {
    direction: rtl
  }

  .cmsDocument {
    line-height: normal
  }

  html {
    font-size: 62.5%
  }

  @media (min-width:2561px) {
    html {
      font-size: 78.125%
    }
  }

  @media (min-width:1981px) and (max-width:2560px) {
    html {
      font-size: 68.75%
    }
  }

  @media (min-width:1681px) and (max-width:1980px) {
    html {
      font-size: 62.5%
    }
  }

  @media (min-width:1441px) and (max-width:1680px) {
    html {
      font-size: 60.9375%
    }
  }

  @media (min-width:1281px) and (max-width:1440px) {
    html {
      font-size: 58.59375%
    }
  }

  @media (min-width:1025px) and (max-width:1280px) {
    html {
      font-size: 56.25%
    }
  }

  @media (min-width:961px) and (max-width:1024px) {
    html {
      font-size: 50%
    }
  }

  @media (min-width:320px) and (max-width:960px) {
    html {
      font-size: 62.5%
    }
  }

  *,
  ::after,
  ::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
  }

  ol,
  ul {
    list-style-position: inside
  }

  .listTxt,
  .mainNavLiA,
  .nav-submenuA {
    transition: .3s;
    animation-duration: .3s
  }

  .headlineStyleclear h1,
  .headlineStyleclear h2,
  .headlineStyleclear h3,
  .headlineStyleclear h4,
  .headlineStyleclear h5,
  .headlineStyleclear h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
  }

  a {
    text-decoration: none;
    color: #333;
    cursor: pointer
  }

  .boxSiz {
    box-sizing: border-box
  }

  input,
  textarea {
    border: 0
  }

  body {
    overflow-x: hidden
  }

  input[type=button],
  input[type=reset],
  input[type=submit],
  input[type=text] {
    -webkit-appearance: none
  }

  [data-functionallink],
  [data-lightbox] {
    cursor: pointer
  }

  .rowListBg {
    overflow: hidden
  }

  #document {
    position: relative
  }

  div[data-fixed=true] {
    box-sizing: border-box
  }

  table {
    border-collapse: collapse
  }

  .document-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
  }

  .btnbox i,
  .listBox,
  .mainNav li a p,
  .mainNav>li,
  .rList2 .listBox .Imgbox,
  .rList2 .listBox .listCon {
    display: inline-block
  }

  .btn,
  .gallarybox .listBox .listCon,
  .listBox,
  .sideTrigger+.nav-icon,
  .socialCol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .closeNav,
  .listBox .Imgbox {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
  }

  .btnbox i,
  .listBox,
  .rList2 .listBox .Imgbox,
  .rList2 .listBox .listCon {
    display: inline-block
  }

  .listrowCol .listBox {
    display: block
  }

  .componentsBox,
  .mainNav,
  .socialCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #Nav,
  .ampstart-sidebar #moMainnav>li,
  .ampstart-sidebar #moMainnav>li ul,
  .btn,
  .gallarybox .listBox .listCon .headLine,
  .listBoxHref,
  .mainNav>li,
  .mainNav>li>a,
  .nav-submenu>li,
  .rListRow .listBox .listBoxHref,
  .taglist {
    position: relative
  }

  .basSi .sList,
  .caroSt,
  .form .fRi,
  .langBox,
  .rowList,
  .rowList .colList,
  .selLang .lanNav,
  div.search,
  form.searchBox,
  mip-form.search {
    position: relative
  }

  .componentsBox .col {
    position: relative
  }

  .rowList .colList {
    display: inline-block
  }

  #moMainnav .sideTrigger:checked~ul,
  .ampstart-sidebar #moMainnav>li,
  .listBoxHref,
  .mainNav>li>a,
  .nav-submenu>li,
  .nav-submenu>li>a,
  .rList2 .listBox,
  .rList2 .proList,
  .socialRow {
    display: block
  }

  .nav-submenu li a i,
  .nav-submenu li a p {
    line-height: inherit
  }

  .btnbox,
  .langList {
    cursor: pointer
  }

  .langList {
    display: inline-block
  }

  .boxContent {
    z-index: 1;
    position: relative
  }

  .col-box {
    position: relative
  }

  .map {
    position: relative
  }

  .custom_component {
    min-height: 30px
  }

  .Imgbox {
    display: block
  }

  .Imgbox amp-img,
  .Imgbox mip-img {
    display: inherit;
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    box-sizing: border-box
  }

  .ue-table-interlace-color-single {
    background-color: #fcfcfc
  }

  .ue-table-interlace-color-double {
    background-color: #f7faff
  }

  .listTxt video {
    max-width: 100%;
    height: auto
  }

  .listTxt img {
    vertical-align: middle
  }

  .listTxt img:not([data-image-size-mode=fixed]) {
    max-width: 100%;
    height: auto
  }

  #SITE_HEADER {
    z-index: 1099;
    position: relative;
    width: 100%
  }

  #SITE_HEADER:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
  }

  #SITE_FOOTER {
    position: relative;
    width: 100%
  }

  #SITE_FOOTER:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
  }

  .epc_row_1 .colList {
    width: 100%
  }

  .epc_row_2 .colList {
    width: 50%
  }

  .epc_row_3 .colList {
    width: 33.333%
  }

  .epc_row_4 .colList {
    width: 25%
  }

  .epc_row_5 .colList {
    width: 20%
  }

  .epc_row_6 .colList {
    width: 16.666%;
    height: 40px
  }

  .lightIcon-success {
    position: relative;
    background: var(--cartimg) no-repeat center top;
    overflow: hidden
  }

  .cartlightIcon img {
    width: 52px;
    height: 52px
  }

  .cartlightIconmask {
    position: absolute;
    width: 52px;
    height: 52px;
    animation: yesAmition 1s;
    -moz-animation: yesAmition 1s;
    -webkit-animation: yesAmition 1s;
    -o-animation: yesAmition 1s;
    top: 0;
    background: #fff;
    left: 52px
  }

  .shoppingOverlay {
    background-color: #fff;
    width: 478px;
    display: none;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 3px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    z-index: 2300;
    box-sizing: border-box
  }

  .shoppingOverlay .cartlightIcon {
    width: 60px;
    height: 60px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
    overflow: hidden
  }

  .shoppingOverlay .lightIcon-success {
    border-color: #4cae4c
  }

  .shoppingOverlay .hideSweetAlert {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.6rem
  }

  .shoppingOverlay .lightIcon-error {
    border-color: #d43f3a
  }

  .swal2-close {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: color .1s ease-out;
    border: none;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 20px;
    cursor: pointer
  }

  @keyframes yesAmition {
    0% {
      left: 0
    }

    100% {
      left: 52px
    }
  }

  @-moz-keyframes yesAmition {
    0% {
      left: 0
    }

    100% {
      left: 52px
    }
  }

  @-webkit-keyframes yesAmition {
    0% {
      left: 0
    }

    100% {
      left: 52px
    }
  }

  @-o-keyframes yesAmition {
    0% {
      left: 0
    }

    100% {
      left: 52px
    }
  }

  .ImghidCont .Imgbox .videoMantle,
  .listBox .ImghidCont .Imgbox .iframeMantle,
  .zoomSliderBox .videoMantle {
    position: absolute;
    width: 80px;
    height: 80px;
    background: var(--videoicon) no-repeat center center rgba(0, 0, 0, .2);
    background-size: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: 100
  }

  .listBox .ImghidCont .Imgbox .iframeMantle,
  .listBox .ImghidCont .Imgbox .videoMantle {
    width: 54px;
    height: 54px
  }

  @media screen and (max-width:960px) {
    .detailConImg {
      max-width: 100%;
      width: auto;
      display: inline-block;
      vertical-align: middle
    }

    .shoppingOverlay {
      width: 92%;
      left: 4%;
      top: 28%;
      margin-left: auto;
      margin-top: auto
    }
  }

  .sideTrigger {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    padding: 0;
    margin: 0;
    background: none transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    z-index: 99
  }

  .rtlAr .sideTrigger {
    right: auto;
    left: 0
  }

  .sideTrigger~.nav-icon {
    position: absolute;
    right: 0;
    width: 50px;
    line-height: 50px;
    color: #666;
    text-align: center;
    top: 0;
    height: 50px
  }

  .rtlAr .sideTrigger~.nav-icon {
    right: auto;
    left: 0;
    transform: rotate(180deg)
  }

  .panelLeftOpen .sideTrigger~.nav-icon,
  .sideTrigger:checked~.nav-icon {
    transform: rotate(90deg);
    transition: all .3s
  }

  .panelLeftOpen .sideTrigger~.nav-icon,
  .rtlAr .sideTrigger:checked~.nav-icon {
    transform: rotate(90deg)
  }

  .hidden {
    display: none
  }

  .col-m-height {
    min-height: 160px
  }

  .col-m-height>button {
    min-width: 120px;
    background: 0 0;
    border: 0;
    color: #ccc;
    text-align: center;
    padding: 10px 20px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 60px)
  }

  .popupShopCart {
    z-index: 999999;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 260px;
    height: 320px;
    background-color: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 0 6px #999;
    transform: translateY(102%);
    transition: transform .5s ease-in-out
  }

  .popupShopCart.show {
    transform: translateY(0)
  }

  .popup-title-header {
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    line-height: 36px;
    display: flex;
    justify-content: space-around;
    color: #fff;
    background-color: #696969
  }

  .popup-title-icon {
    width: 30px;
    flex-shrink: 0;
    text-align: right;
    font-size: 13px
  }

  .popup-title-show {
    flex: 1;
    text-align: center
  }

  .remove-popup-data {
    width: 30px;
    flex-shrink: 0;
    text-align: center
  }

  .popup-lists {
    padding: 2px 1px;
    height: 236px;
    overflow-y: auto
  }

  .popup-lists::-webkit-scrollbar {
    width: 6px
  }

  .popup-lists::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 32px
  }

  .popup-lists::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 32px
  }

  .popup-lists li,
  .popup-lists ul {
    list-style: none
  }

  .popup-lists li {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 10px
  }

  .popup-lists li:hover {
    background-color: #fffeee
  }

  .popup-lists li:hover .popup-list-delate {
    display: block
  }

  .popup-list-delate {
    cursor: pointer;
    display: none;
    margin-top: 8px;
    color: #888;
    text-decoration: none
  }

  .popup-list-name {
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #246bb3;
    text-decoration: none
  }

  .popup-list-img {
    margin-right: 10px
  }

  .popup-list-img img {
    width: 45px;
    height: 45px;
    object-fit: cover
  }

  .popup-btns {
    padding: 10px;
    font-size: 13px;
    display: flex;
    justify-content: space-between
  }

  .popup-btns .popupEmpty {
    cursor: pointer;
    line-height: 16px;
    padding: 4px 10px;
    font-size: 13px;
    color: #e64545;
    border: 0;
    background-color: #f1f1f1;
    border-radius: 3px
  }

  .popup-btns .popupInquire {
    cursor: pointer;
    line-height: 16px;
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
    border: 0;
    background-color: #e64545;
    border-radius: 3px;
    display: block
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) :not(tbody):not(tr):not(video):not(img),
  [data-editor="2"]:not(:has(> .cmsDocument))::after,
  [data-editor="2"]:not(:has(> .cmsDocument))::before {
    margin: auto;
    padding: revert;
    box-sizing: revert;
    vertical-align: revert;
    max-width: revert
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) ul {
    list-style-type: disc
  }

  @media (min-width:768px) {

    [data-editor="2"]:not(:has(> .cmsDocument)) ol,
    [data-editor="2"]:not(:has(> .cmsDocument)) ul {
      width: 95%
    }
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) table tr.firstRow th {
    border-top-width: 2px
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) th {
    border-top: 1px solid #bbb;
    background-color: #f7f7f7
  }

  .ueditor_detail th,
  [data-editor="2"]:not(:has(> .cmsDocument)) td {
    padding: 5px 10px;
    border: 1px solid #ddd
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) p {
    margin: 5px 0;
    display: block !important
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) li {
    clear: both
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) ol,
  [data-editor="2"]:not(:has(> .cmsDocument)) ul {
    list-style-position: unset !important
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) img {
    max-width: 100%
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) td {
    vertical-align: revert-layer
  }

  [data-editor="2"]:not(:has(> .cmsDocument)) td p {
    margin: 0;
    padding: 0
  }

  .gridLayout.listAligntop {
    align-items: start
  }

  .gridLayout.listAligncenter {
    align-items: center
  }

  .gridLayout.listAlignbottom {
    align-items: end
  }

  .adaptiveLayout.listAligntop {
    align-items: flex-start
  }

  .adaptiveLayout.listAligncenter {
    align-items: center
  }

  .adaptiveLayout.listAlignbottom {
    align-items: flex-end
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  @media (max-width:1680px) {
    .grid-cols-6 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  @media (max-width:1440px) {
    .grid-cols-6 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .grid-cols-7 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  @media (max-width:1680px) {
    .grid-cols-8 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  @media (max-width:1440px) {
    .grid-cols-8 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  @media (max-width:1680px) {
    .grid-cols-9 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  @media (max-width:1440px) {
    .grid-cols-9 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  @media (max-width:1680px) {
    .grid-cols-10 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }
  }

  @media (max-width:1440px) {
    .grid-cols-10 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  @media (max-width:1680px) {
    .grid-cols-12 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }
  }

  @media (max-width:1440px) {
    .grid-cols-12 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  #SITE_HEADER {
    box-sizing: border-box;
    z-index: 2999;
  }

  .lightbox {
    position: fixed;
    z-index: 2;
  }

  .lightboxModal {
    z-index: 3002;
    display: flex;
  }

  .lightboxModalOpc {
    position: fixed;
    inset: 0px;
    width: 100%;
    height: 100%;
  }

  .basSi .sCon {
    position: absolute;
    top: 0;
    visibility: hidden;
    -webkit-transition: all .36s ease-out;
    -ms-transition: all .36s ease-out;
    transition: all .36s ease-out;
    transform: translateZ(0);
  }

  .basSi .shBtn {
    right: 0;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  .basSi .sImg {
    height: auto;
    right: 100%;
    opacity: 0;
  }

  .basSi .sImg img {
    width: 138px;
    height: auto;
    display: block;
  }

  .basSi .shBtn {
    width: 220px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }

  .basSi .sBtn {
    text-align: center;
    cursor: pointer;
    padding: 0;
    border: 0;
    display: block;
    text-decoration: none;
    width: 54px;
    height: 54px;
    line-height: 54px;
  }

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

  .basSi .sIcon {
    background-repeat: no-repeat;
    background-position: 45% 45%;
    float: none;
    display: inline-block;
    text-align: center;
  }

  .basSi .sIcon .sliderIconImg {
    width: auto;
    height: auto;
  }

  .sidebarHoverPar .sImg {
    left: 100%;
    right: auto;
  }

  .sidebarHoverPar .shBtn {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  .sidecustombarBox.basSi .shBtn {
    min-width: 220px;
    width: auto;
    padding-right: 10px;
    height: 100%;
  }

  .sidecustombarBox .basSi .sIcon {
    height: 100%;
    line-height: 100%;
  }

  .sidecustombarBox.basSi .sBtn .sIcon {
    width: 100%;
  }

  .sidecustombarBox.basSi .shBtn .sidetext {
    padding-left: 10px;
  }

  .boxSi {
    right: 0;
  }

  .boxSi .sList {
    display: flex;
  }

  .boxSi .sd_box {
    width: calc(100% - 40px);
  }

  .boxSi {
    transition: all .233s ease-out;
  }

  .boxSi:hover {
    right: 0;
  }

  .basSi .sList:hover .shBtn {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .basSi .sList:hover .sImg {
    opacity: 1;
    visibility: visible;
  }

  .sidebarHoverPar.sList:hover .shBtn {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

  .sidebarBox {
    z-index: 2000;
  }

  .gotop {
    background-image: none;
    border-radius: 0;
  }

  .newSidebar1 .sidecustombarBox.basSi .sBtn {
    line-height: normal;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
  }

  .newSidebar1 .sidecustombarBox.basSi .sIcon {
    width: 100%;
    margin-bottom: 5px;
  }

  .newSidebar1 .basSi .sList:hover .shBtn,
  .newSidebar1 .basSi .sList:hover .sImg {
    right: 100%;
  }

  .newSidebar1 .basSi .sList .shBtn {
    box-shadow: rgba(51, 53, 56, 0.12) 0px 0px 36px 2px;
    background: rgb(255, 255, 255);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
  }

  .newSidebar1 .basSi .sList:hover .shBtn {
    visibility: visible;
    opacity: 1;
  }

  .newSidebar1 .basSi .sList {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .newSidebar1 .basSi .sImg {
    right: 0px;
    z-index: -1;
    box-shadow: rgba(51, 53, 56, 0.12) 0px 0px 36px 2px;
  }

  .newSidebar1 .sidecustombarBox.basSi .shBtn {
    min-width: 180px;
  }

  .newSidebar1 .basSi .shBtn {
    transform: translateX(0px);
  }

  .newSidebar1 .sidebarHoverPar.basSi .sList .shBtn {
    left: 0px;
    right: auto;
  }

  .newSidebar1 .sidebarHoverPar.basSi .sList:hover .shBtn {
    left: 100%;
  }

  .rowList {
    margin: auto;
  }

  .rowList .col {
    box-sizing: border-box;
    position: relative;
  }

  .boxSiz {
    position: relative;
  }

  .col-box {
    height: 100%;
    zoom: 1;
    border: 1px solid transparent;
    margin: -1px;
  }

  .col-box .textLineP {
    border: 0px solid transparent;
  }

  .row_line .sticky,
  .rowList .sticky {
    top: 0;
  }

  .rowList,
  .row_line {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }

  .row_line>.rowColumnBox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .rowList .colList {
    box-sizing: border-box;
    display: inline-block;
  }

  .rowList .col,
  .row_line .rowcol {
    box-sizing: border-box;
    display: inline-block;
  }

  .relative,
  .row_line .rowcol {
    position: relative
  }

  .row_line {
    box-sizing: border-box;
    position: relative;
  }

  /*.row_line>.rowcol{z-index:0}
.row_line>.rowcol>.rowListBg{z-index:-1}
*/
  .rowListBg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    content: '';
  }

  .cmsDocument .combinationBox {
    font-style: normal;
    font-weight: normal;
    font-size: initial;
    line-height: normal;
    color: initial;
    text-decoration: none;
    text-align: initial;
    letter-spacing: normal;
    text-transform: none;
  }

  .combinationBox ul,
  .combinationBox li {
    list-style: none;
  }

  .lightbox {
    overflow-y: hidden;
    box-sizing: border-box;
  }

  .lightbox>.lightboxBg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
  }

  .lightbox>.lightboxBox {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .lightoverHidden>.lightboxBox {
    overflow-y: hidden;
  }

  .lightoverVisible,
  .lightoverVisible>.lightboxBox {
    overflow: visible;
  }

  .btnIcon {
    text-align: center;
  }

  .btnImg {
    max-width: 100%;
    max-height: 100%;
  }

  .minWidth {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: scale(1);
    transform: rotate(0);
  }

  .btnAnati {
    position: relative;
    top: 0;
    left: 0;
    transform: scale(1);
    transform: rotate(0);
  }

  .backgroundAnimation,
  .borderSlide,
  .shadowAcross,
  .backgroundBottomAna {
    overflow: hidden;
    -webkit-transition: 0.5s;
  }

  .backgroundAnimation:before,
  .btn3.backgroundAnimation .btnIcon:before {
    position: absolute;
    content: '';
    width: 0;
    -webkit-transition: inherit;
    left: 0;
    height: 100%;
    z-index: -1;
  }

  .backgroundAnimation:hover:before,
  .boxHoverParent:hover .backgroundAnimation:before,
  .btn3.backgroundAnimation .btnIcon:before {
    width: 100%
  }

  .borderSlide:before,
  .borderSlide:after {
    content: '';
    border-style: solid;
    position: absolute;
    z-index: -1;
    transition: inherit;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .borderSlide:before {
    width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    height: 100%;
    top: 0px;
    left: 0;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
  }

  .borderSlide:after {
    width: 100%;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    height: 0;
    top: 0;
    left: 0px;
  }

  .boxHoverParent:hover .borderSlide:before,
  .borderSlide:hover:before {
    width: 100%;
  }

  .boxHoverParent:hover .borderSlide:after,
  .borderSlide:hover:after {
    height: 100%;
  }

  .shadowAcross:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
  }

  .shadowAcross:hover:after,
  .boxHoverParent:hover .shadowAcross:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  }

  .backgroundBottomAna:before {
    position: absolute;
    content: '';
    width: 100%;
    -webkit-transition: inherit;
    left: 0;
    height: 0;
    z-index: -1;
    bottom: 0;
  }

  .boxHoverParent:hover .backgroundBottomAna:before,
  .backgroundBottomAna:hover:before {
    height: 100%;
  }

  .btn3 {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .btn3 i {
    display: block;
  }

  .btnbox {
    max-width: 100%
  }

  .btn3 i,
  .btn3 .btnIcon {
    box-sizing: content-box;
  }

  .btn2 {
    display: block;
  }

  .btn2 span {
    display: block;
  }

  .btn .btnText {
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 40px);
  }

  .btn {
    display: block;
    min-width: 50px
  }

  .btn,
  .btn .btnIcon,
  .btn .btnText {
    vertical-align: middle;
  }

  .btnCont {
    position: relative;
  }

  .btn .btnIcon {
    display: inline-block;
  }

  .listTxt {
    position: relative;
  }

  .rList .listTxt>div p,
  .rList .listTxt p,
  .rList .listTxt .textLineP {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .listTxt .textLineP {
    overflow: hidden;
  }

  .textLineP iframe {
    max-width: 100%;
  }

  .listTxt>a,
  .listTxt {
    display: block;
    box-sizing: border-box;
  }

  .listTxt ul p,
  .listTxt ol p {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 25px);
  }

  .listTxt.enlarge_detailed_info ul p,
  .listTxt.enlarge_detailed_info ol p {
    width: 100%
  }

  .listTxt ul,
  .listTxt ol {
    list-style-position: inside;
  }

  table[align="center"] {
    margin: 10px auto;
  }

  .overflowScrolling::-webkit-scrollbar {
    width: 6px;
  }

  .overflowScrolling::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 32px;
  }

  .overflowScrolling::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 32px;
  }

  .rtl .form .fIn,
  .rtl .form .fRaSe {
    text-align: right
  }

  .form textarea {
    resize: auto;
    font-family: arial;
  }

  .form input[type="submit"] {
    display: none;
  }

  .form .fIn,
  .form .fRaSe {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin-right: 0
  }

  .form input,
  .form textarea,
  .form .fRi,
  .form .form_Select {
    width: 100%;
  }

  .form .fRad input,
  .form .fCheck input {
    width: auto;
  }

  .form .fRad input,
  .form .fCheck input {
    margin: 3px 3px 0px 5px;
  }

  .form .rowList {
    flex-wrap: wrap;
  }

  .form label {
    display: inline-block;
    padding-bottom: 5px;
  }

  .colList .fSing {
    display: flex;
    align-items: flex-start;
  }

  .reQu .fRi:after {
    content: "*";
    color: red;
    line-height: initial;
    position: absolute;
    right: -13px;
    top: 0;
    padding-top: calc(6px + 4px)
      /* 获取input的padding-top值 */
    ;
    font-size: 18px;
  }

  .reQu .formUploadLi:after {
    content: "*";
    color: red;
    line-height: initial;
    position: absolute;
    right: -13px;
    top: 0;
    padding-top: calc(6px + 14px);
    font-size: 18px;
  }

  .form .fTar {
    padding: 0px;
    color: #ec1f5c;
    font-size: 12px;
    text-align: left;
    display: none;
  }

  .form .fRi input,
  .form .fRi select {
    resize: none;
    /*-webkit-appearance: none;*/
    /* SELECT下拉箭头会消失 */
    outline: none;
  }

  .form .fRi input,
  .form .fRi select,
  .form .fRi textarea {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .form .fRi .formRadioBox input,
  .form .fRi .formCheckBox input {
    display: inline-block
  }

  .form .epc_row_1 .fIn[data-stretch="1"] {
    width: 100% !important
  }

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

  .form button {
    background-color: none;
    border: 0;
    width: 100%;
  }

  .form .fRi textarea {
    overflow-y: hidden;
    min-height: 80px
  }

  .form .fRi input[type=checkbox] {
    -webkit-appearance: checkbox;
  }

  .form .fRi input[type=radio] {
    -webkit-appearance: radio;
  }

  .form textarea:focus,
  .form input:focus,
  button:focus {
    outline: 0;
  }

  [data-component='em-validation'] .fRi {
    display: flex;
  }

  [data-component='em-validation'] .fRi>input[name='validation-code'] {
    width: calc(100% - 120px);
    margin-right: 10px
  }

  [data-component='em-validation'] .fRi .formTelBtn {
    width: 110px;
    height: 40px;
    display: inline-block;
  }


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

  .form .selectRight_address select {
    width: 30%;
  }

  .form .form_Select_address {
    padding: 5px;
    background-color: #fff;
    min-height: 40px;
    border: 1px solid #ccc;
    color: #555;
  }

  .form .selectlinkage {
    display: flex;
  }

  .form .selectlinkage select {
    width: 30% !important;
  }

  .form .form_selectlinkage {
    padding: 5px;
    background-color: #fff;
    min-height: 40px;
    border: 1px solid #ccc;
    color: #555;
  }

  .form .linkageSelcetA {
    margin-right: 25px
  }

  .form .linkageSelcetB {
    margin-right: 25px
  }

  .styleFormData {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }

  .styleFormUpload {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
  }

  .styleFormUpload .formUploadLi {
    position: relative;
    width: 68px;
    height: 68px;
    list-style: none;
    display: inline-block;
    border: 1px solid #e3e6f3;
    margin-right: 5px;
    background: #f6f6f6;
  }

  .styleFormUpload .formUploadLi p {
    text-align: center;
    vertical-align: middle;
  }

  .styleFormUpload .formUploadLi img {
    width: 100%;
    object-fit: cover;
    margin: 15px auto;
    display: block;
    max-width: 40px;
    max-height: 40px;
  }

  .styleFormUpload .addImg>p {
    margin: 0px;
  }

  .addImg>input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0px;
    cursor: pointer;
  }

  .addImg:hover {
    background: #f3f3f3;
  }

  .delete-image {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 18px;
    color: #373737;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    text-align: center;
    line-height: 20px;
    opacity: 0;
    z-index: -1;
  }

  .delete-image:hover {
    color: #000;
  }

  .formUploadLi:hover .delete-image {
    opacity: 1;
    z-index: 1;
    transition: opacity 0.5s ease-in;
    cursor: pointer;
  }

  .colList .formRadioBox .fSing,
  .colList .formCheckBox .fSing {
    display: inline-block;
  }

  .form .fRi span.proTe {
    display: block;
  }

  .form .epc_row_1 [data-stretch="1"] {
    width: 100% !important;
  }

  div.search,
  form.searchBox {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: stretch;
    overflow: hidden;
  }

  .searchInputCont {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    box-sizing: border-box;
  }

  .searchInput {
    overflow: hidden;
    text-overflow: ellipsis;
    background: inherit;
    width: 100%;
    border: 0px;
    outline: 0px;
    appearance: none;
  }

  button.hidden {
    display: none;
  }

  .search-history-tool {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding: 5px;
    font-size: 13px;
  }

  .search-history-tool div:last-child {
    cursor: pointer;
  }

  .search-history ul {
    font-size: 13px;
    max-height: 300px;
    overflow: auto;
  }

  .search-history li {
    padding: 5px;
    color: #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .search-history li>div:last-child {
    width: 20px;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
  }

  .search-history li>div:first-child {
    width: calc(100% - 20px);
    list-style-type: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
  }

  .search-history li:hover {
    background-color: #e0e0e0;
  }

  .search-history {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: -6px 0 16px -8px #00000014, -9px 0 28px #0000000d, -12px 0 48px 16px #00000008;
    z-index: 9999;
    padding: 5px;
    min-width: 180px;
  }

  .searchbox2 {
    position: relative;
  }

  .listBox,
  .rList2 .listBox .Imgbox,
  .rList2 .listBox .listCon {
    display: inline-block;
  }

  .proList .listBox .ImghidCont {
    overflow: hidden;
  }

  #catsys {
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }

  .hoverListCont {
    position: relative;
    top: 0;
    left: 0;
  }

  .listBox,
  .listBoxHref {
    box-sizing: border-box;
  }

  .listBoxHref,
  .rListRow .listBox .listBoxHref {
    position: relative;
  }

  .listBoxHref {
    height: auto;
  }

  .rList,
  .rowList,
  .rowList .colList {
    position: relative;
  }

  .listBoxHref,
  .rList2 .proList,
  .rList2 .listBox {
    display: block;
  }

  .rList1 .listBox .Imgbox .img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    inset: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .listDisplaygrid .listBox {
    margin-bottom: 0px !important;
  }

  .listDisplaygrid .listBox .listBoxHref {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .rListCol .bx-controls-direction .bx-prev,
  .rListCol .bx-controls-direction .bx-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    outline: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 1;
    text-align: center;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.2);
  }

  .rListCol .bx-controls-direction .yiyingbaoicon {
    color: rgb(255, 255, 255);
    font-size: 22px;
  }

  .listrowCol .bx-controls-direction .bx-prev,
  .listrowCol .bx-controls-direction .bx-next {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    outline: 0;
    width: 50px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    z-index: 999;
    margin-top: 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
  }

  .listrowCol .bx-controls-direction .bx-prev {
    top: 0px;
  }

  .listrowCol .bx-controls-direction .bx-next {
    bottom: 0px;
    top: auto;
  }

  .listrowCol .bx-controls-direction .yiyingbaoicon {
    color: rgb(255, 255, 255);
    font-size: 18px;
  }

  .rListCol .seamlessRolling .bx-prev {
    left: 10px;
  }

  .rListCol .seamlessRolling .bx-next {
    right: 10px;
  }

  .listrowCol .seamlessRolling .bx-prev {
    top: 0px;
  }

  .listrowCol .seamlessRolling .bx-next {
    bottom: 0px;
  }

  .switchInmage .activeImage,
  .switchInmage:hover .firstImage {
    z-index: -5;
    opacity: 0;
    transition: 0.3s;
  }

  .switchInmage:hover .activeImage {
    z-index: 100;
    opacity: 1;
  }

  .proList {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .listBox {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
  }

  .rList1 .listBox .Imgbox {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .rList .hoverImg .img {
    object-fit: cover;
  }

  .rList1 .listBox .listTxt p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .rList1 .listBox .Imgbox,
  .rList2 .listBox .Imgbox,
  .rList3 .listBox .Imgbox {
    text-align: center;
    position: relative;
  }

  .rList .bx-viewport>.proList>li {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .listrowCol .listBox {
    zoom: 1;
    vertical-align: top
  }

  .listrowCol .proList li {
    display: inline-block;
    width: 100%;
  }

  .listrowCol .Imgbox {
    padding-top: 60%;
  }

  .listrowCol .listBox .Imgbox .img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    inset: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .downloadList .proList li .componentsBox .col:first-of-type .img {
    max-height: 100%;
    position: absolute;
    inset: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
  }

  .img {
    display: inherit;
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    box-sizing: border-box;
  }

  .ImghidCont {
    overflow: hidden;
  }

  .rowcol .ImghidCont {
    position: relative;
  }

  .imgHoverAn {
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: scale(1);
    transform: rotate(0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }

  .hoverImg {
    position: relative;
    overflow: hidden;
    display: block;
  }

  .hoverImg .p-more {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    transition: 0.5s;
    padding: 0 30px;
    display: flex;
    align-items: center;
  }

  .hoverImg:hover .p-more {
    top: 0px;
  }

  .hoverImg .p-more .imgHref {
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    margin-top: 25%;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
  }

  .hoverImg .p-more .imgHref .title {
    margin-bottom: 15px;
  }

  .hoverImg .p-more .imgHref span {
    width: 43px;
    height: 43px;
    background: #fff;
    display: block;
    border-radius: 25px;
    margin: 15px auto 0;
  }

  .rList .hoverImg .img {
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .videoPopupBox {
    position: fixed;
    z-index: 110000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }

  .popupVideoDiv {
    position: relative;
    left: calc((100% - 60%) / 2);
    top: calc((100% - 60%) / 2);
    width: 60%;
    height: 60%;
  }

  .videoPopupBox video {
    width: 100%;
    height: 100%;
    background-color: #000;
  }

  .videoPopupBox .vidoeClose {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    z-index: 999;
    font-size: 24px;
    color: #3a3d49;
    font-style: normal;
  }

  /*图片放大+遮罩层渐现*/
  .hoverImg.hoverImglarge .img {
    transform: scale(1);
    transition: all .5s;
  }

  .hoverImg.hoverImglarge .p-more {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
    height: auto;
    padding: 0 30px;
    opacity: 0
  }

  .hoverImg.hoverImglarge:hover .p-more {
    opacity: 1
  }

  .hoverImg.hoverImg .p-more .imgHref {
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    font-size: 16px;
  }

  .hoverImg.hoverImg .p-more .imgHref .title {
    margin-bottom: 15px;
  }

  .hoverImg.hoverImg .p-more .imgHref span {
    width: 43px;
    height: 43px;
    background: #fff;
    display: block;
    border-radius: 25px;
    margin: 15px auto 0;
  }

  .hoverImg.hoverImglarge:hover .img,
  .rList .hoverImglarge:hover .img {
    transform: scale(1.3);
    transition: all .5s;
  }

  /*图片缩小+遮罩层渐现*/
  .rList .hoverImg.hoverImgresize .img {
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(1.3);
    transition: all .5s;
  }

  .hoverImg.hoverImgresize .p-more {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
    height: auto;
    padding: 0 30px;
    opacity: 0
  }

  .hoverImg.hoverImgresize .p-more:before {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    border: 3px solid #fff;
    box-sizing: border-box;
    transition-duration: 0.4s;
    transform-origin: 50% 50%;
    transform: scale(1.1) translate(0%, 0%);
    opacity: 0;
  }

  .hoverImg.hoverImgresize:hover .p-more {
    opacity: 1
  }

  .hoverImg.hoverImgresize:hover .p-more:before {
    transform: scale(1) translate(0%, 0%);
    opacity: 1;
  }

  .hoverImg.hoverImgresize .p-more .imgHref {
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    transition-duration: 0.4s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%, -50%);
    opacity: 0;
  }

  .hoverImg.hoverImgresize:hover .p-more .imgHref {
    transform: scale(1) translate(0%, 0%);
    opacity: 1;
  }

  .hoverImg.hoverImg .p-more .imgHref .title {
    margin-bottom: 15px;
  }

  .hoverImg.hoverImg .p-more .imgHref span {
    width: 43px;
    height: 43px;
    background: #fff;
    display: block;
    border-radius: 25px;
    margin: 15px auto 0;
  }

  .hoverImg.hoverImgresize .img {
    transform: scale(1.3);
    transition: all .5s;
  }

  .hoverImg.hoverImgresize:hover .img {
    transform: scale(1);
  }

  /*图片底部向上+遮罩层透明向右展开*/
  .hoverImg.hoverImgBottomup .p-more {
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
    padding: 0 30px;
    opacity: 0;
    z-index: 2;
    top: auto;
    min-height: 0;
  }

  .hoverImg.hoverImgBottomup:before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    transition-duration: 0.4s;
    transform-origin: 50% 50%;
    opacity: 0;
    z-index: 1;
    left: 0;
    top: 0;
  }

  .hoverImg.hoverImgBottomup:hover:before {
    width: 100%;
    background: rgba(179, 27, 41);
    opacity: 0.3;
  }

  .hoverImg.hoverImgBottomup:hover .p-more {
    opacity: 1;
    height: 40%;
    top: auto;
    min-height: 40%;
    bottom: 0;
  }

  .hoverImg.hoverImgBottomup:hover .p-more:before {
    transform: scale(1) translate(0%, 0%);
    opacity: 1;
  }

  .hoverImg.hoverImgBottomup .p-more .imgHref {
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    transition-duration: 0.4s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%, -50%);
    opacity: 0;
  }

  .hoverImg.hoverImgBottomup:hover .p-more .imgHref {
    transform: scale(1) translate(0%, 0%);
    opacity: 1;
  }

  /*遮罩层左侧渐入*/
  .hoverImg.leftGradually .p-more {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
    padding: 0 30px;
    opacity: 0;
    z-index: 2;
  }

  .hoverImg.leftGradually:hover .p-more {
    opacity: 1;
    width: 100%;
  }

  /*遮罩层右侧渐入*/
  .hoverImg.rightGradually .p-more {
    width: 0;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 30px;
    opacity: 0;
    z-index: 2;
    right: 0;
  }

  .hoverImg.rightGradually:hover .p-more {
    opacity: 1;
    width: 100%;
    right: 0;
    left: auto;
  }

  /*遮罩层顶部渐入*/
  .hoverImg.topGradually .p-more {
    width: 100%;
    height: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 30px;
    opacity: 0;
    z-index: 2;
    left: 0
  }

  .hoverImg.topGradually:hover .p-more {
    opacity: 1;
    height: 100%;
  }

  /*遮罩层底部渐入*/
  .hoverImg.bottomGradually .p-more {
    width: 100%;
    height: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    z-index: 2;
    left: 0;
    top: auto
  }

  .hoverImg.bottomGradually:hover .p-more {
    opacity: 1;
    height: 100%;
    top: auto;
    bottom: 0;
  }

  /*遮罩层中间向两边展开*/
  .hoverImg.middleUnfolding .p-more {
    transform: scale3d(0, 1, 0);
    transform-origin: center;
    opacity: 0;
    -webkit-transform: scale3d(0, 1, 0);
    -webkit-transform-origin: center;
    visibility: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .hoverImg.middleUnfolding:hover .p-more {
    opacity: 1;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    visibility: visible;
    height: 100%;
  }

  img.lazyload[src=''],
  img.lazyload:not([src]) {
    opacity: 0;
  }

  .classMenubox {
    z-index: 1;
    position: relative;
  }

  .verticalNav {
    width: 100%;
  }

  .verticalNav,
  .verticalNav li {
    list-style: none;
  }

  .verticalNav .mainNavLi {
    position: relative;
  }

  .verticalNav .mainNavLiA>p {
    width: 100%;
  }

  .verticalNav .showArrowstyle .mainNavLiA>p,
  .vershowsubNav .showArrowstyle .mainNavLiA>p {
    width: calc(100% - 30px);
  }

  .menuPageIcon.menuItemEqual .mainNavLi>.mainNavLiA p {
    max-width: 100%;
  }

  .menuPageIcon.menuItemEqual>.showArrowstyle>.mainNavLiA>p {
    max-width: calc(100% - 22px);
    width: auto;
  }

  verticalNav .mainNavLi [data-position="downWard"] {
    position: relative;
    display: none
  }

  .verticalNav .mainNavLiA {
    display: block;
    position: relative;
  }

  .verticalNav .textShow .mainNavLiA p,
  .verticalNav .textShow .nav-submenu .nav-submenuA p,
  .vershowsubNav .textShow .mainNavLiA p,
  .vershowsubNav .textShow .nav-submenu .nav-submenuA p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .verticalNav .lineFeed .mainNavLiA p,
  .verticalNav .lineFeed .nav-submenu .nav-submenuA p,
  .vershowsubNav .lineFeed .mainNavLiA p,
  .vershowsubNav .lineFeed .nav-submenu .nav-submenuA p,
  .pcMainnav .verticalNav .lineFeed .mainNavLiA p,
  .pcMainnav .verticalNav .lineFeed .nav-submenu .nav-submenuA p,
  .pcMainnav .vershowsubNav .lineFeed .mainNavLiA p,
  .pcMainnav .vershowsubNav .lineFeed .nav-submenu .nav-submenuA p {
    white-space: inherit;
    text-overflow: inherit;
    overflow: inherit;
  }

  .verticalNav .mainNavLi .mainNavLiA>i,
  .menuPageIcon[data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
    position: absolute;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.07em;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -khtml-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
  }

  .rtlAr .verticalNav .mainNavLi .mainNavLiA>i,
  .rtlAr .menuPageIcon[data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
    right: auto;
    left: 10px
  }

  [data-position="rightWard"] .mainNavLi .mainNavLiA>i {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -khtml-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }

  .rtlAr [data-position="rightWard"] .mainNavLi .mainNavLiA>i {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -khtml-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  [data-position="downWard"] .mainNavLi .nav-submenu {
    width: 100% !important;
    left: 0;
  }

  [data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
    transform: rotate(180deg) translateY(50%);
    -webkit-transform: rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
  }

  [data-position="downWard"] .mainNavLi>.nav-submenu,
  [data-position="downWard"] .mainNavLi>.nav-submenu .nav-submenu {
    width: 100% !important
  }

  /*.menuPageIcon[data-position="downWard"] [data-index="2"] .subnavbtn{text-indent:1em}
.menuPageIcon[data-position="downWard"] [data-index="3"] .subnavbtn{text-indent:2em}
.menuPageIcon[data-position="downWard"] [data-index="4"] .subnavbtn{text-indent:3em}*/
  [data-position="rightWard"] .nav-submenu>li>.nav-submenu {
    position: absolute;
  }

  .menubox {
    position: relative;
  }

  .nav {
    zoom: 1;
  }

  .nav:after {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
  }

  .pcMainnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .pcMainnav>li,
  .pcMainnav li a p {
    display: inline-block
  }

  .nav,
  .pcMainnav>li,
  .pcMainnav>li>a {
    position: relative;
  }

  .nav .menuItemEqual>li .mainNavLiA {
    display: block;
  }

  .pcMainnav .menuItemEqual {
    flex-wrap: nowrap;
  }

  .pcMainnav>li:last-of-type {
    margin-right: 0 !important
  }

  .rtlAr .pcMainnav>li:last-of-type {
    margin-left: 0 !important
  }

  .nav .menuItemLayout>li>a {
    display: block;
  }

  .pcMainnav>li>a {
    display: inline-block;
  }

  .nav i {
    font-style: initial;
  }

  .nav .pcMainnav>li .mainNavLiA {
    cursor: pointer;
  }

  .nav .pcMainnav>li>.mainNavLiA {
    outline: 0;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .nav .pcMainnav .mainNavLi {
    list-style: none;
    display: inline-block;
  }

  .pcMainnav .mainNavLi .mainNavLiA p,
  .pcMainnav .nav-submenu li a p {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    box-sizing: border-box;
  }

  .nav .mainNav .mainNavLi .mainNavLiA i {
    font-size: 13px;
    margin-left: 10px;
    vertical-align: middle;
  }

  .rtlAr .nav .mainNav .mainNavLi .mainNavLiA i {
    margin-right: 10px;
  }

  .mainNavLi .editShowsubmenu {
    display: block;
  }

  .pcMainnav .nav-submenu li a p {
    padding-right: 10px;
  }

  /*.pcMainnav  .showArrowstyle .mainNavLiA>p{max-width:calc(100% - 23px);}*/
  @media screen and (max-width: 960px) {
    .nav .pcMainnav>li {
      width: auto !important;
    }
  }

  .pcMainnav .subMenuAligncenter>.nav-submenu {
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .pcMainnav .subMenuAlignright>.nav-submenu {
    left: auto !important;
    right: 0
  }

  .langBox,
  .langList {
    box-sizing: border-box;
  }

  .langBox .langA {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .langBox .langIcon {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
  }

  .langBox .langText {
    vertical-align: middle;
  }

  .dropbtn {
    cursor: pointer;
  }

  .dropdown {
    position: relative;
  }

  .dropbtn span {
    display: inline-block
  }

  .dropdown-content {
    position: absolute;
    background-color: #fff;
    min-width: 100%;
    width: auto;
    left: 50%;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
    transform: translateX(-50%);
    top: 100%;
    z-index: 1000;
    padding: 5px 0 0 0;
    border: 1px solid #EBEBEB;
  }

  .dropdown-content li {
    list-style: none;
    padding: 8px 0
  }

  .dropdown-content li:hover {
    background: #EBEBEB;
  }

  .dropdown-content li[data-selected="1"] {
    background: rgba(0, 0, 0, 0.04);
  }

  .dropdown-content li .langIcon {
    max-width: 24px;
    max-height: 24px;
    line-height: 24px
  }

  .dropdown-content li .radioLanguage {
    display: none
  }

  .dropdown-content li label {
    position: relative;
    padding-left: 44px;
  }

  .dropdown-content li label::after {
    position: absolute;
    top: 1px;
    left: 14px;
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #3f3f3f;
    content: ' ';
    border-radius: 8px;
  }

  .dropdown-content li .radioLanguage:checked+label::before {
    content: "";
    top: 5px;
    left: 18px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #000;
    position: absolute;
  }

  .dropdown-content li .radioLanguage:checked+label::after {
    content: "";
    border: 1px solid #000;
  }

  .selLang,
  .selLang .langBox {
    display: block;
  }

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

  .selLang .langList {
    display: block;
    width: 100%;
  }

  .selLang .lanNav .langA {
    width: calc(100% - 20px);
  }

  .selLang .inPut {
    display: none;
  }

  .selLang .lanNav {
    cursor: pointer;
  }

  .selLang .langDown {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
    z-index: 99;
  }

  .selLang .lanDown {
    position: absolute;
    width: 100%;
    display: none;
    opacity: 1;
    z-index: 2;
    overflow: hidden;
  }

  .selLang .inPut:checked~.lanDown {
    display: block;
    opacity: 1;
  }

  .langBox.selLang .lanNav>.yiyingbaoicon {
    font-size: 12px;
  }

  .boxCont {
    position: relative;
    padding: 0.1px 0px;
  }

  .boxContent,
  .boxCont {
    position: relative;
  }

  .hoverBoxCont {
    top: 0;
    left: 0;
  }

  .box_link {
    display: none;
  }

  [data-link="1"] {
    cursor: pointer;
  }

  .nav-submenu .nav-submenuA {
    position: relative
  }

  .nav-submenu li .nav-submenuA i {
    position: absolute;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.07em;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -khtml-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
  }

  [data-position="downWard"] .nav-submenu li a i,
  .menuPageIcon[data-position="downWard"] .nav-submenu li:hover a i {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -khtml-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  [data-position="downWard"] .nav-submenu li>.nav-submenuA:hover i {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -khtml-transform: translateY(-50%) rotate(270deg);
    -moz-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    -o-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
  }

  .mainNav .nav-submenu {
    margin: 0;
    list-style: none;
    z-index: 1999;
    position: absolute;
    top: 100%;
    box-sizing: border-box;
    width: auto;
    display: none
  }

  .verticalNav .nav-submenu {
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    width: 100%;
    display: none
  }

  .nav-submenu li {
    display: block;
    width: 100%;
    position: relative;
  }

  .nav-submenu li .nav-submenuA p {
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%
  }

  .nav-submenu .showArrowstyle>.nav-submenuA>.subnavbtn,
  .nav-submenu .nav-submenu .showArrowstyle>.nav-submenuA>.subnavbtn {
    display: inline-block;
    width: calc(100% - 28px);
  }

  .verticalNav[data-position="downWard"] .nav-submenu li .nav-submenu .nav-submenuA .subnavbtn {
    padding-left: 40px !important;
  }

  .submenu-nav {
    display: none;
    box-sizing: border-box;
    padding: 10px;
  }

  .submenu-nav .verticalNav,
  .submenu-nav .vershowsubNav {
    display: flex;
    flex-direction: column;
  }

  .submenu-nav [data-position="downWard"] .nav-submenu {
    position: relative;
    left: 0px;
  }

  .socialsBox {
    vertical-align: middle;
    box-sizing: border-box;
  }

  .socialsBox .langList,
  .langBox .langList {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .langBox .langList .langIcon,
  .langBox .langList .langText {
    vertical-align: middle;
  }

  .socialsBox .langIcon,
  .socialsBox .langText {
    vertical-align: middle;
  }

  .nav-submenu>li>.nav-submenu {
    top: 0px;
    left: 100%;
    display: none;
  }

  .pcMainnav .nav-submenu>li:hover>.nav-submenu,
  .verticalNav[data-mouse="onmouseover"] .nav-submenu>li:hover>.nav-submenu {
    display: block;
  }
</style>

<style>
  #SITE_HEADER .nav .dropdown .products img,
  #SITE_HEADER .header-products img,
  #SITE_HEADER .product-list img {
    box-shadow: none !important;
  }

  #SITE_HEADER {
    transition: background-color 0.3s ease;
  }

  #SITE_HEADER.previewHead {
    position: fixed;
  }

  #SITE_HEADER[data-float='true'][data-float-position='suspend'] {
    position: fixed;
  }

  #SITE_HEADER>.rowListBg {
    background: none;
  }

  #wbhmfb {
    max-width: 100%;
    background: rgba(255, 255, 255, 0);
  }

  #SITE_FOOTER {
    background: rgba(0, 0, 0, 1);
  }

  #SITE_FOOTER>.rowListBg {
    background: none no-repeat center center / cover;
    background-position: center center;
    background-attachment: initial;
    opacity: 0.4;
  }

  @media screen and (max-width:960px) {
    #SITE_FOOTER {
      margin: 0 0 0 0;
      display: none;
    }
  }

  #SITE_PANEL {
    width: 100%;
  }

  #SITE_PANEL .SITE_PANELLi {
    border-bottom: 1px solid #eee;
  }

  #SITE_PANEL .SITE_PANELA,
  #SITE_PANEL .nav-submenuA {
    font-weight: normal;
    font-size: 15px;
    color: rgb(67, 67, 67);
    background-color: rgb(255, 255, 255);
  }

  #SITE_PANEL .SITE_PANELA.paneltextShow p,
  #SITE_PANEL .nav-submenuA p,
  #SITE_PANEL .SITE_PANELA .btnIcon,
  #SITE_PANEL .nav-submenuA .btnIcon,
  .sideTrigger~.nav-icon {
    height: 46px;
    line-height: 46px;
  }

  #SITE_PANEL .SITE_PANELA.panellineFeed p,
  #SITE_PANEL .nav-submenuA.panellineFeed p {
    min-height: 46px;
    line-height: 46px;
  }

  #SITE_PANEL .SITE_PANELA p {
    padding-left: 31px;
  }

  #SITE_PANEL .SITE_PANELA.selected,
  #SITE_PANEL .nav-submenuA.selected {
    background-color: rgba(72, 83, 104, 1);
    font-size: 16px;
    color: rgb(255, 255, 255);
  }

  @media screen and (min-width:961px) {
    #SITE_PANEL {
      display: none;
    }
  }

  #cXNEWBU {
    left: 0%;
    top: 0%;
    position: fixed;
    z-index: 3201;
  }

  .lightboxHidden {
    display: none;
  }

  #cXNEWBU>.lightboxModalOpc {
    background: rgba(67, 67, 67, 0.4);
  }

  #c9V4F2l {
    left: 0%;
    top: 0%;
    position: fixed;
    z-index: 3201;
  }

  .lightboxHidden {
    display: none;
  }

  #c9V4F2l>.lightboxModalOpc {
    background: #f5f5f5;
  }

  #cyrv29p {
    right: 1%;
    bottom: 1%;
    position: fixed;
    z-index: 3000;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.22);
    border-radius: 7px;
  }

  .cyrv29psLi .cyrv29psBt {
    width: 70px;
    height: 55px;
    background-color: rgba(255, 255, 255, 1);
  }

  .cyrv29psLi:first-child .cyrv29psBt {
    border-radius: 7px 7px 0 0;
  }

  .cyrv29psLi:last-child .cyrv29psBt {
    border-radius: 0 0 7px 7px;
  }

  .cyrv29psTe {
    color: var(--themeColor1);
    font-size: calc(1.4rem + 5px);
  }

  .cyrv29psLi .sBtn .cyrv29psIc {
    font-size: 2.1rem;
    background-size: 2.1rem;
    color: var(--themeColor1);
  }

  .cyrv29psLi:hover .sBtn .cyrv29psIc {
    font-size: 2rem;
    background-size: 2rem;
    color: rgba(255, 255, 255, 1);
  }

  .cyrv29psLi .cyrv29psBt .sideItemText {
    font-weight: normal;
    font-size: 1.4rem;
  }

  .cyrv29psLi:hover .cyrv29psBt .sideItemText {
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 1);
  }

  .cyrv29psLi .sCoBtn .shBtn .cyrv29psIc {
    font-size: 2rem;
    background-size: 2rem;
    color: rgba(255, 255, 255, 1);
    width: 70px;
    height: 55px;
    line-height: 55px;
  }

  .cyrv29psLi .sBtn .cyrv29psIc .sliderIconImg {
    width: 2.1rem;
    height: 2.1rem;
    object-fit: contain;
  }

  .cyrv29psLi .sCoBtn .cyrv29psIc .sliderIconImg {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
  }

  #cyrv29p .basSi .cyrv29psLi:hover .sBtHover {
    background-color: var(--themeColor1);
  }

  #cyrv29p.newSidebar1 .basSi .sList .shBtn {
    background-color: rgba(255, 255, 255, 1);
  }

  .row_line .cPoPj9hrow_col {
    width: 100%;
    border-top: 2px solid rgb(33, 150, 243);
  }

  .cPoPj9hrow_col.hidden {
    display: none;
  }

  .cPoPj9hrow_col>.rowListBg {
    background: none;
  }

  .cPoPj9hrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .cgKl7vA {
    background-color: rgba(0, 0, 0, 0);
  }

  .cgKl7vA>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cgKl7vA {
      margin: -110px 0% 0% 0%;
    }

    .cgKl7vA>.gridLayout {
      display: grid;
    }

    .cgKl7vA>.gridLayout>.rowcol {
      width: 100%;
    }

    .cgKl7vA>.gridColsUnequal {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }

  .czIFcgG>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .czIFcgG {
      padding-top: 3%;
      padding-bottom: 5%;
    }

    .czIFcgG>.gridLayout {
      display: grid;
    }

    .czIFcgG>.gridLayout>.rowcol {
      width: 100%;
    }

    .czIFcgG>.gridColsUnequal {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }

  .czAdpmH {
    background-color: rgba(19, 11, 1, 1);
  }

  .czAdpmH>.rowListBg.rowBgEdit {
    background-image: url(/static/image/1789348047957928902685028352.jpg);
  }

  .czAdpmH>.rowListBg {
    background: none no-repeat center center / cover;
    background-position: center center;
    background-attachment: fixed;
    opacity: 0.3;
  }

  @media screen and (min-width:961px) {
    .czAdpmH {
      padding-top: 4%;
      padding-bottom: 6%;
      padding-right: 5%;
      padding-left: 5%;
    }

    .czAdpmH>.rowColumnBox>.rowcol {
      padding: 0px 2%;
    }

    .czAdpmH>.gridLayout {
      display: grid;
    }

    .czAdpmH>.gridLayout>.rowcol {
      width: 100%;
    }

    .czAdpmH>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  @media screen and (min-width:961px) and (max-width:1845px) {
    #document>.auto-margin>.czAdpmH {
      padding-right: 5%;
      padding-left: 5%;
      padding-left: calc((100% - 1660.5px) / 10 * 5);
      padding-right: calc((100% - 1660.5px) / 10 * 5);
    }
  }

  .cs7Wvjo {
    background-color: rgba(242, 242, 242, 1);
  }

  .cs7Wvjo>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cs7Wvjo {
      padding-top: 4%;
      padding-bottom: 4%;
      padding-right: 4%;
      padding-left: 4%;
    }

    .cs7Wvjo>.rowColumnBox>.rowcol {
      padding: 0px 2%;
    }

    .cs7Wvjo>.gridLayout {
      display: grid;
    }

    .cs7Wvjo>.gridLayout>.rowcol {
      width: 100%;
    }

    .cs7Wvjo>.gridColsUnequal {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }

  @media screen and (min-width:961px) and (max-width:1845px) {
    #document>.auto-margin>.cs7Wvjo {
      padding-right: 4%;
      padding-left: 4%;
      padding-left: calc((100% - 1697.4px) / 8 * 4);
      padding-right: calc((100% - 1697.4px) / 8 * 4);
    }
  }

  .c5CBHlk {
    background-color: rgba(51, 24, 2, 1);
  }

  .c5CBHlk>.rowListBg.rowBgEdit {
    background-image: url(/static/image/1767604502866729861336035328.jpg);
  }

  .c5CBHlk>.rowListBg {
    background: none no-repeat center center / cover;
    background-position: center center;
    background-attachment: initial;
    opacity: 0.4;
  }

  @media screen and (min-width:961px) {
    .c5CBHlk {
      padding-top: 5%;
      padding-bottom: 4%;
    }

    .c5CBHlk>.rowColumnBox>.rowcol {
      padding: 0px 1%;
    }

    .c5CBHlk>.gridLayout {
      display: grid;
    }

    .c5CBHlk>.gridLayout>.rowcol {
      width: 100%;
    }

    .c5CBHlk>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  .clB3oCM {
    background-color: rgba(242, 242, 242, 1);
  }

  .clB3oCM>.rowListBg.rowBgEdit {
    background-image: url(/static/image/1789114279956948408958681088.png@!w1200.png);
  }

  .clB3oCM>.rowListBg {
    background: none no-repeat;
    background-position: left center;
    background-attachment: fixed;
    opacity: 0.3;
  }

  @media screen and (min-width:961px) {
    .clB3oCM {
      padding-top: 4%;
      padding-bottom: 4%;
      padding-right: 6%;
      padding-left: 6%;
    }

    .clB3oCM>.rowColumnBox>.rowcol {
      padding: 0px 2%;
    }

    .clB3oCM>.gridLayout {
      display: grid;
    }

    .clB3oCM>.gridLayout>.rowcol {
      width: 100%;
    }

    .clB3oCM>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  @media screen and (min-width:961px) and (max-width:1845px) {
    #document>.auto-margin>.clB3oCM {
      padding-right: 6%;
      padding-left: 6%;
      padding-left: calc((100% - 1623.6px) / 12 * 6);
      padding-right: calc((100% - 1623.6px) / 12 * 6);
    }
  }

  .csXJK0S>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .csXJK0S {
      padding-top: 4%;
      padding-bottom: 2%;
      padding-right: 6%;
      padding-left: 6%;
    }

    .csXJK0S>.rowColumnBox>.rowcol {
      padding: 0px 2%;
    }

    .csXJK0S>.gridLayout {
      display: grid;
    }

    .csXJK0S>.gridLayout>.rowcol {
      width: 100%;
    }

    .csXJK0S>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  @media screen and (min-width:961px) and (max-width:1845px) {
    #document>.auto-margin>.csXJK0S {
      padding-right: 6%;
      padding-left: 6%;
      padding-left: calc((100% - 1623.6px) / 12 * 6);
      padding-right: calc((100% - 1623.6px) / 12 * 6);
    }
  }

  @media screen and (max-width:767px) {
    #cU35Xa6 .p28j310_8dK3a__title {
      font-size: 2.4rem !important;
    }
  }

  #cU35Xa6 {
    position: inherit;
  }

  @media screen and (min-width:961px) {
    .cCiaLu6 {
      padding-top: 4%;
      padding-bottom: 1%;
      padding-right: 10%;
      padding-left: 10%;
    }

    .cCiaLu6>.rowList>.col {
      padding-left: 2%;
      padding-right: 2%;
    }

    .cCiaLu6>.gridLayout {
      display: grid;
    }

    .cCiaLu6>.gridLayout>.col {
      width: 100%;
    }

    .cCiaLu6>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  @media screen and (min-width:961px) and (max-width:1905px) {
    #document>.auto-margin>.cCiaLu6 {
      padding-right: 10%;
      padding-left: 10%;
      padding-left: calc((100% - 1524px) / 20 * 10);
      padding-right: calc((100% - 1524px) / 20 * 10);
    }
  }

  #clIGvoI {
    background-color: rgb(255, 255, 255);
    width: 60%;
    height: 640px;
    border-radius: 14px;
  }

  #clIGvoI>.lightboxBg {
    border-radius: 14px;
  }

  @media screen and (min-width:961px) {
    #clIGvoI {
      left: calc((100% - 60%) / 2);
      top: calc((100% - 640px) / 2);
    }

    .clIGvoIlightbox {
      padding: 2% 2% 2% 2%;
    }
  }

  #cmIi2bo {
    background-color: rgba(38, 38, 38, 1);
    width: 50%;
    height: 14%;
  }

  @media screen and (min-width:961px) {
    #cmIi2bo {
      left: calc((100% - 50%) / 2);
      top: 14%;
    }

    .cmIi2bolightbox {
      padding: 2% 2% 2% 2%;
    }
  }

  .cXigKRo {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .cXigKRo>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cXigKRo {
      padding-right: 4%;
      padding-left: 4%;
    }

    .cXigKRo>.rowColumnBox>.rowcol {
      padding: 0px 1%;
    }

    .cXigKRo>.gridLayout {
      display: grid;
    }

    .cXigKRo>.gridLayout>.rowcol {
      width: 100%;
    }

    .cXigKRo>.gridColsUnequal {
      grid-template-columns: minmax(0, 15fr) minmax(0, 64fr) minmax(0, 11fr) minmax(0, 10fr) !important;
    }
  }

  @media screen and (min-width:961px) and (max-width:1845px) {
    #document>.auto-margin>.cXigKRo {
      padding-right: 4%;
      padding-left: 4%;
      padding-left: calc((100% - 1697.4px) / 8 * 4);
      padding-right: calc((100% - 1697.4px) / 8 * 4);
    }
  }

  .row_line .ckdSdMnrow_col {
    width: 100%;
  }

  .ckdSdMnrow_col.hidden {
    display: none;
  }

  .ckdSdMnrow_col>.rowListBg {
    background: none;
  }

  .ckdSdMnrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cya65arrow_col {
    width: 100%;
  }

  .cya65arrow_col.hidden {
    display: none;
  }

  .cya65arrow_col>.rowListBg {
    background: none;
  }

  .cya65arrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cejn1lNrow_col {
    width: 100%;
  }

  .cejn1lNrow_col.hidden {
    display: none;
  }

  .cejn1lNrow_col>.rowListBg {
    background: none;
  }

  .cejn1lNrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .crXraO4row_col {
    width: 100%;
  }

  .crXraO4row_col.hidden {
    display: none;
  }

  .crXraO4row_col>.rowListBg {
    background: none;
  }

  .crXraO4row_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cwiqGRbrow_col {
    width: 100%;
  }

  .cwiqGRbrow_col.hidden {
    display: none;
  }

  .cwiqGRbrow_col>.rowListBg {
    background: none;
  }

  .cwiqGRbrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .c7Un4jmrow_col {
    width: 100%;
  }

  .c7Un4jmrow_col.hidden {
    display: none;
  }

  .c7Un4jmrow_col>.rowListBg {
    background: none;
  }

  .c7Un4jmrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cu5jUOdrow_col {
    width: 100%;
  }

  .cu5jUOdrow_col.hidden {
    display: none;
  }

  .cu5jUOdrow_col>.rowListBg {
    background: none;
  }

  .cu5jUOdrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .ckCZRbPcL {
    width: 100%;
  }

  .ckCZRbPcL.hidden {
    display: none;
  }

  .ckCZRbPcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cvsG0zaA {
    margin: 0% auto 0% auto;
  }

  .cvsG0zaA[data-functionallink='lightboxClose'] {
    right: 5px;
    top: 5px;
    position: absolute !important;
    z-index: 999;
    left: auto;
  }

  .cvsG0zaIc {
    padding: 2px 2px 2px 2px;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 3rem;
    color: #fff;
    background: #d0482e;
  }

  .cvsG0zaIc:hover,
  .boxHoverParent:hover .cvsG0zaIc {
    font-size: 3rem;
    color: #fff;
  }

  .cvsG0zaIc .btnImg {
    width: 3rem;
    height: 3rem;
  }

  .cvsG0zaA:hover .cvsG0zaIc .btnImg {
    width: 3rem;
    height: 3rem;
  }

  .cymv1uIA {
    margin: 2.3rem 0.77% 0rem 0%;
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(13, 13, 13, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .cymv1uIA .pagepointA {
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(13, 13, 13, 1);
    text-transform: capitalize;
  }

  .cymv1uIA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cymv1uIA.overflowHiding {
    overflow: hidden;
  }

  .cymv1uIA.overflowScrolling {
    overflow-y: auto;
  }

  .cpKmDOAA {
    margin: 1.8rem 0% 0rem 0%;
    font-size: 1.6rem;
    line-height: 170%;
    color: rgb(0, 0, 0);
    text-align: center;
  }

  .cpKmDOAA .pagepointA {
    font-size: 1.6rem;
    line-height: 170%;
    color: rgb(0, 0, 0);
  }

  .cpKmDOAA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cpKmDOAA.overflowHiding {
    overflow: hidden;
  }

  .cpKmDOAA.overflowScrolling {
    overflow-y: auto;
  }

  .cvvdopCcL .fRi .select-box .select-cont .select-list .checked {
    color: #409eff;
    font-weight: 700;
    background-color: #f5f7fa;
  }

  .cvvdopCcL .fRi .select-box .select-input .select-search {
    font-size: 1.8rem;
    color: rgb(166, 166, 166);
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    height: auto;
  }

  .cvvdopCcL .fRi .select-box .select-cont .select-list .item:hover {
    background-color: #f5f7fa;
  }

  .cvvdopCcL .fRi .select-box .select-cont .select-list .item {
    list-style: none;
    font-size: 1.4rem;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer;
    color: rgba(165, 165, 165, 1);
  }

  .cvvdopCcL .fRi .select-box .select-cont .select-list {
    padding: 6px;
  }

  .cvvdopCcL .fRi .select-box .select-cont::-webkit-scrollbar {
    width: 0 !important;
  }

  .cvvdopCcL .fRi .select-box .select-cont {
    display: none;
    z-index: 1000;
    width: 100%;
    height: 200px;
    position: absolute;
    margin-top: 3px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(209, 208, 208);
    overflow: scroll;
    overflow-x: hidden;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
  }

  .cvvdopCcL .fRi .select-box {
    width: 100%;
  }

  .cvvdopCcL .fRi .select-box .select-input {
    width: 100%;
    display: flex;
    position: relative;
  }

  #cvvdopC {
    margin: 2rem 3% 0rem 3%;
  }

  #cvvdopC .cvvdopCcL {
    margin-bottom: 1.8rem;
    width: calc(100%/2 - 0.9rem);
  }

  #cvvdopC .cvvdopCcL.formRadioRow1 .formRadioBox .cvvdopCcL,
  #cvvdopC .cvvdopCcL.formRadioRow1 .formCheckBox .cvvdopCcL {
    width: 100%;
  }

  #cvvdopC .cvvdopCcL.formRadioRow2 .formRadioBox .cvvdopCcL,
  #cvvdopC .cvvdopCcL.formRadioRow2 .formCheckBox .cvvdopCcL {
    width: calc(50% - 8px);
    margin-right: 5px;
  }

  #cvvdopC .cvvdopCcL.formRadioRow3 .formRadioBox .cvvdopCcL,
  #cvvdopC .cvvdopCcL.formRadioRow3 .formCheckBox .cvvdopCcL {
    width: calc(33.33% - 8px);
    margin-right: 5px;
  }

  #cvvdopC .cvvdopCcL.formRadioRow4 .formRadioBox .cvvdopCcL,
  #cvvdopC .cvvdopCcL.formRadioRow4 .formCheckBox .cvvdopCcL {
    width: calc(25% - 8px);
    margin-right: 5px;
  }

  .cvvdopCcL .cvvdopCSt {
    font-size: 1.5rem;
    color: rgba(128, 139, 158, 1);
  }

  #cvvdopC .areaCodeParent {
    display: flex;
  }

  #cvvdopC .areaCodeParent .areaCodeSelect {
    width: 98px;
    margin-right: 8px;
  }

  .cvvdopCcL .fRi>input,
  .cvvdopCcL .fRi .form_Select,
  .cvvdopCcL .fRi .select-input input,
  .cvvdopCcL .fRi .areaCodeSelect {
    height: 41px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .cvvdopCcL .fRi>input,
  .cvvdopCcL .fRi>textarea,
  .cvvdopCcL .fRi .form_Select,
  .cvvdopCcL .fRi .select-input input,
  #cvvdopC .areaCodeParent .areaCodeSelect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(217, 217, 217);
    font-size: 1.4rem;
    color: rgba(165, 165, 165, 1);
  }

  .cvvdopCcL .fRi>textarea {
    padding: 8px;
    min-height: 122px;
  }

  .cvvdopCcL .fRi>textarea::placeholder {
    line-height: 1.4;
  }

  .cvvdopCcL .fRi>input::placeholder,
  .cvvdopCcL .fRi>textarea::placeholder,
  .cvvdopCcL .fRi .select-input input::placeholder {
    font-size: 1.4rem;
    color: rgba(165, 165, 165, 1);
  }

  .cvvdopCcL .fRi .cvvdopCsit {
    font-size: 1.4rem;
  }

  .cvvdopCcL .fRi .cvvdopCchecksit {
    font-size: 1.4rem;
  }

  .cxI3j83A {
    margin: 0% auto 0% auto;
  }

  .cxI3j83A[data-functionallink='lightboxClose'] {
    right: 5px;
    top: 5px;
    position: absolute !important;
    z-index: 999;
    left: auto;
  }

  .cxI3j83Ic {
    padding: 2px 2px 2px 2px;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 3rem;
    color: #fff;
    background: #d0482e;
  }

  .cxI3j83Ic:hover,
  .boxHoverParent:hover .cxI3j83Ic {
    font-size: 3rem;
    color: #fff;
  }

  .cxI3j83Ic .btnImg {
    width: 3rem;
    height: 3rem;
  }

  .cxI3j83A:hover .cxI3j83Ic .btnImg {
    width: 3rem;
    height: 3rem;
  }

  #cHTBhbt {
    margin: 0.99% 10.01% 1% 9.41%;
    border: 1px solid rgba(255, 255, 255, 1);
  }

  .cHTBhbtIn {
    font: 1.4px;
    text-align: left;
  }

  .row_line .cAzqQzirow_col {
    width: 15%;
  }

  .cAzqQzirow_col.hidden {
    display: none;
  }

  .cAzqQzirow_col>.rowListBg {
    background: none;
  }

  .cAzqQzirow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .c4NBdktrow_col {
    width: 64%;
  }

  .c4NBdktrow_col.hidden {
    display: none;
  }

  .c4NBdktrow_col>.rowListBg {
    background: none;
  }

  .c4NBdktrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cWQnZnzrow_col {
    width: 11%;
  }

  .cWQnZnzrow_col.hidden {
    display: none;
  }

  .cWQnZnzrow_col>.rowListBg {
    background: none;
  }

  .cWQnZnzrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cPoArZ4row_col {
    width: 10%;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }

  .cPoArZ4row_col.hidden {
    display: none;
  }

  .cPoArZ4row_col>.rowListBg {
    background: none;
  }

  .cPoArZ4row_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  #cgW1vVO .a7k2m9q_r4M8x_bgCurrent::after {
    background: rgba(0, 0, 0, 0.3);
  }

  #cgW1vVO .a7k2m9q_r4M8x_bgNext::after {
    background: rgba(0, 0, 0, 0.3);
  }

  #cgW1vVO .a7k2m9q_r4M8x_title {
    text-transform: none;
  }

  @media (max-width: 767px) {
    #cgW1vVO .a7k2m9q_r4M8x_title {
      font-size: 2.6rem;
    }

    #cgW1vVO .a7k2m9q_r4M8x_content {
      width: 80%;
    }
  }

  @media only screen and (max-width: 768px) {
    #cgW1vVO section.a7k2m9q_r4M8x {
      height: 50vh !important;
      min-height: 50vh !important;
      max-height: 480px !important;
      overflow: hidden !important;
    }

    #cgW1vVO section.a7k2m9q_r4M8x .a7k2m9q_r4M8x_bgCurrent {
      height: 100% !important;
      min-height: 100% !important;
    }

    #cgW1vVO section.a7k2m9q_r4M8x .a7k2m9q_r4M8x_bgNext {
      height: 100% !important;
      min-height: 100% !important;
    }
  }

  #cgW1vVO {
    position: inherit;
  }

  .cRtJhFfA {
    font-size: 6rem;
    font-family: Monoton;
    line-height: 120%;
    color: rgba(197, 202, 211, 0.3);
    text-align: center;
    text-transform: uppercase;
  }

  .cRtJhFfA .pagepointA {
    font-size: 6rem;
    font-family: Monoton;
    line-height: 120%;
    color: rgba(197, 202, 211, 0.3);
    text-transform: uppercase;
  }

  .cRtJhFfA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cRtJhFfA.overflowHiding {
    overflow: hidden;
  }

  .cRtJhFfA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cRtJhFfA .textLineP,
  .proList .cRtJhFfA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .cvJ6OEnA {
    margin: -4rem 0% 0rem 0%;
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(38, 38, 38, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .cvJ6OEnA .pagepointA {
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(38, 38, 38, 1);
    text-transform: capitalize;
  }

  .cvJ6OEnA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cvJ6OEnA.overflowHiding {
    overflow: hidden;
  }

  .cvJ6OEnA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cvJ6OEnA .textLineP,
  .proList .cvJ6OEnA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .chOmdhbA {
    margin: 0.4rem 20% 0rem 20%;
    font-size: 1.7rem;
    line-height: 170%;
    color: rgba(53, 59, 69, 1);
    text-align: center;
  }

  .chOmdhbA .pagepointA {
    font-size: 1.7rem;
    line-height: 170%;
    color: rgba(53, 59, 69, 1);
  }

  .chOmdhbA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .chOmdhbA.overflowHiding {
    overflow: hidden;
  }

  .chOmdhbA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .chOmdhbA .textLineP,
  .proList .chOmdhbA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  #crzW7xW .qdixilo_R7pQ2__cardTitle {
    font-size: 2rem;
  }

  #crzW7xW .qdixilo_R7pQ2__cardDesc {
    font-size: 1.6rem;
  }

  @media (max-width: 1024px) {
    #crzW7xW .qdixilo_R7pQ2__cardTitle {
      font-size: 2rem;
    }

    #crzW7xW .qdixilo_R7pQ2__cardDesc {
      font-size: 1.6rem;
    }
  }

  @media (max-width: 767px) {
    #crzW7xW .qdixilo_R7pQ2 {
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
    }

    #crzW7xW .qdixilo_R7pQ2__slide {
      flex: 0 0 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2__slide.is-active {
      flex: 0 0 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2__slide:hover {
      flex: 0 0 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2__slide:focus-within {
      flex: 0 0 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2 .qdixilo_R7pQ2__slide.swiper-slide {
      flex: 0 0 50% !important;
      width: 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2 .qdixilo_R7pQ2__slide.swiper-slide.is-active {
      flex: 0 0 50% !important;
      width: 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2 .qdixilo_R7pQ2__slide.swiper-slide:hover {
      flex: 0 0 50% !important;
      width: 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2 .qdixilo_R7pQ2__slide.swiper-slide:focus-within {
      flex: 0 0 50% !important;
      width: 50% !important;
    }

    #crzW7xW .qdixilo_R7pQ2__cardTitle {
      font-size: 1.8rem;
    }

    #crzW7xW .qdixilo_R7pQ2__cardDesc {
      font-size: 1.6rem;
    }
  }

  #crzW7xW {
    position: inherit;
  }

  .cBFQNb6A {
    font-weight: bold;
    font-size: 8rem;
    line-height: 125%;
    color: rgba(255, 255, 255, 0.15);
    text-align: center;
  }

  .cBFQNb6A .pagepointA {
    font-weight: bold;
    font-size: 8rem;
    line-height: 125%;
    color: rgba(255, 255, 255, 0.15);
  }

  .cBFQNb6A.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cBFQNb6A.overflowHiding {
    overflow: hidden;
  }

  .cBFQNb6A.overflowScrolling {
    overflow-y: auto;
  }

  .cHL9KjUA {
    margin: -3% 0% 0rem 0%;
    font-weight: bold;
    font-size: 3.8rem;
    line-height: 140%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
  }

  .cHL9KjUA .pagepointA {
    font-weight: bold;
    font-size: 3.8rem;
    line-height: 140%;
    color: rgba(255, 255, 255, 1);
  }

  .cHL9KjUA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cHL9KjUA.overflowHiding {
    overflow: hidden;
  }

  .cHL9KjUA.overflowScrolling {
    overflow-y: auto;
  }

  .cHL9KjUA:hover,
  .proList .listBox:hover .listBoxHref .cHL9KjUA,
  .boxHoverParent:hover .cHL9KjUA {
    color: rgba(255, 255, 255, 1);
  }

  .cHL9KjUA:hover .pagepointA {
    color: rgba(255, 255, 255, 1);
  }

  .cJK29nIA {
    margin: 1.6rem 12.08% 0% 11.59%;
    font-size: 1.6rem;
    line-height: 170%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
  }

  .cJK29nIA .pagepointA {
    font-size: 1.6rem;
    line-height: 170%;
    color: rgba(255, 255, 255, 1);
  }

  .cJK29nIA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cJK29nIA.overflowHiding {
    overflow: hidden;
  }

  .cJK29nIA.overflowScrolling {
    overflow-y: auto;
  }

  .cSMct3z>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cSMct3z {
      margin: 1.69% 0% 1% 0%;
    }

    .cSMct3z>.rowColumnBox>.rowcol {
      padding: 0px 1%;
    }

    .cSMct3z>.gridLayout {
      display: grid;
    }

    .cSMct3z>.gridLayout>.rowcol {
      width: 100%;
    }

    .cSMct3z>.gridColsUnequal {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }

  .cOrcoYB>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cOrcoYB {
      margin: 1.19% 0% 1% 0%;
    }

    .cOrcoYB>.rowColumnBox>.rowcol {
      padding: 0px 1%;
    }

    .cOrcoYB>.gridLayout {
      display: grid;
    }

    .cOrcoYB>.gridLayout>.rowcol {
      width: 100%;
    }

    .cOrcoYB>.gridColsUnequal {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  .chhyEYlA {
    font-weight: bold;
    font-size: 3.8rem;
    line-height: 140%;
    color: rgba(53, 59, 69, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .chhyEYlA .pagepointA {
    font-weight: bold;
    font-size: 3.8rem;
    line-height: 140%;
    color: rgba(53, 59, 69, 1);
    text-transform: capitalize;
  }

  .chhyEYlA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .chhyEYlA.overflowHiding {
    overflow: hidden;
  }

  .chhyEYlA.overflowScrolling {
    overflow-y: auto;
  }

  .cSyH3iHA {
    margin: 0.3rem 12% 2rem 12%;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 170%;
    color: rgba(128, 139, 158, 1);
    text-align: center;
  }

  .cSyH3iHA .pagepointA {
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 170%;
    color: rgba(128, 139, 158, 1);
  }

  .cSyH3iHA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cSyH3iHA.overflowHiding {
    overflow: hidden;
  }

  .cSyH3iHA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cSyH3iHA .textLineP,
  .proList .cSyH3iHA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  @media (max-width: 767px) {
    #citna5x .spec-products-categories {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #citna5x .spec-products-category-title {
      display: block !important;
      overflow: visible !important;
      text-overflow: clip !important;
      white-space: normal !important;
      height: auto !important;
      max-height: none !important;
    }

    #citna5x .spec-product-category-card-rail {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

  #citna5x {
    position: inherit;
  }

  .cHLX7sAA {
    margin: 0rem 0% 1rem 0%;
    font-weight: bold;
    font-size: 4rem;
    line-height: 140%;
    color: var(--themeColor6);
    text-align: center;
    text-transform: capitalize;
  }

  .cHLX7sAA .pagepointA {
    font-weight: bold;
    font-size: 4rem;
    line-height: 140%;
    color: var(--themeColor6);
    text-transform: capitalize;
  }

  .cHLX7sAA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cHLX7sAA.overflowHiding {
    overflow: hidden;
  }

  .cHLX7sAA.overflowScrolling {
    overflow-y: auto;
  }

  .cfhePVhA {
    margin: 0.3% 18% 1% 18%;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 180%;
    color: var(--themeColor6);
    text-align: center;
  }

  .cfhePVhA .pagepointA {
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 180%;
    color: var(--themeColor6);
  }

  .cfhePVhA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cfhePVhA.overflowHiding {
    overflow: hidden;
  }

  .cfhePVhA.overflowScrolling {
    overflow-y: auto;
  }

  .cfhePVhA:hover,
  .proList .listBox:hover .listBoxHref .cfhePVhA,
  .boxHoverParent:hover .cfhePVhA {
    font-weight: normal;
  }

  .cfhePVhA:hover .pagepointA {
    font-weight: normal;
  }

  #cB2TfpV {
    margin: 2.9rem 0% 0rem 0%;
  }

  .cB2TfpVLi.hoverListCont:hover {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }

  #cB2TfpV .cB2TfpVLi {
    margin-bottom: 2rem;
    width: calc(100%/4 - 0.1px);
  }

  #cB2TfpV .cB2TfpVLi .listBoxHref {
    margin-right: 0.6rem;
    margin-left: 0.6rem;
    background: rgba(255, 255, 255, 0);
  }

  #cB2TfpV .cB2TfpVLi:hover .listBoxHref {
    transition: 0.5s;
    animation-duration: 0.5s;
  }

  #cB2TfpV.listDisplaygrid .proList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(, 1fr));
    grid-column-gap: 0.6rem;
    grid-row-gap: 2rem;
  }

  #cB2TfpV.listDisplaygrid .cB2TfpVLi {
    width: 100%;
  }

  .cuVwC7VA {
    font-size: 6rem;
    font-family: Monoton;
    line-height: 120%;
    color: rgba(197, 202, 211, 0.4);
    text-align: center;
  }

  .cuVwC7VA .pagepointA {
    font-size: 6rem;
    font-family: Monoton;
    line-height: 120%;
    color: rgba(197, 202, 211, 0.4);
  }

  .cuVwC7VA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cuVwC7VA.overflowHiding {
    overflow: hidden;
  }

  .cuVwC7VA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cuVwC7VA .textLineP,
  .proList .cuVwC7VA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .c2O0aljA {
    margin: -4rem 0% 0rem 0%;
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(38, 38, 38, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .c2O0aljA .pagepointA {
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(38, 38, 38, 1);
    text-transform: capitalize;
  }

  .c2O0aljA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .c2O0aljA.overflowHiding {
    overflow: hidden;
  }

  .c2O0aljA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .c2O0aljA .textLineP,
  .proList .c2O0aljA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .cZI7vK8A {
    margin: 0rem 19.85% 0rem 19.85%;
    font-size: 1.7rem;
    line-height: 150%;
    color: rgba(53, 59, 69, 1);
    text-align: center;
  }

  .cZI7vK8A .pagepointA {
    font-size: 1.7rem;
    line-height: 150%;
    color: rgba(53, 59, 69, 1);
  }

  .cZI7vK8A.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cZI7vK8A.overflowHiding {
    overflow: hidden;
  }

  .cZI7vK8A.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cZI7vK8A .textLineP,
  .proList .cZI7vK8A .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  #ccNjF1X {
    margin: 1.8rem 0% 0rem 0%;
  }

  #ccNjF1X .ccNjF1XLi {
    padding-bottom: 2rem;
    width: calc(100%/3 - 0.1px);
  }

  #ccNjF1X .ccNjF1XLi .listBoxHref {
    margin-right: 1.2rem;
    margin-left: 1.2rem;
    padding: 16px;
    background: var(--themeColor6);
    border-radius: 8px;
    border: 1px solid rgba(242, 242, 242, 1);
  }

  #ccNjF1X .ccNjF1XLi:hover .listBoxHref {
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
  }

  .cIZ30rJA {
    font-size: 6rem;
    font-family: Monoton;
    line-height: 120%;
    color: rgba(197, 202, 211, 0.4);
    text-align: center;
  }

  .cIZ30rJA .pagepointA {
    font-size: 6rem;
    font-family: Monoton;
    line-height: 120%;
    color: rgba(197, 202, 211, 0.4);
  }

  .cIZ30rJA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cIZ30rJA.overflowHiding {
    overflow: hidden;
  }

  .cIZ30rJA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cIZ30rJA .textLineP,
  .proList .cIZ30rJA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .cV0qexrA {
    margin: -4rem 0% 0rem 0%;
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(38, 38, 38, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .cV0qexrA .pagepointA {
    font-weight: bold;
    font-size: 4rem;
    line-height: 170%;
    color: rgba(38, 38, 38, 1);
    text-transform: capitalize;
  }

  .cV0qexrA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cV0qexrA.overflowHiding {
    overflow: hidden;
  }

  .cV0qexrA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cV0qexrA .textLineP,
  .proList .cV0qexrA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .cjTNAOKA {
    margin: 0rem 19.85% 0rem 19.85%;
    font-size: 1.7rem;
    line-height: 150%;
    color: rgba(53, 59, 69, 1);
    text-align: center;
  }

  .cjTNAOKA .pagepointA {
    font-size: 1.7rem;
    line-height: 150%;
    color: rgba(53, 59, 69, 1);
  }

  .cjTNAOKA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cjTNAOKA.overflowHiding {
    overflow: hidden;
  }

  .cjTNAOKA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .cjTNAOKA .textLineP,
  .proList .cjTNAOKA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  #cg0hvxY {
    margin: 1.8rem 0% 0rem 0%;
  }

  #cg0hvxY .cg0hvxYLi {
    padding-bottom: 1.8rem;
    width: calc(100%/2 - 0.1px);
  }

  #cg0hvxY .cg0hvxYLi .listBoxHref {
    margin-right: 2%;
    margin-left: 2%;
    background: rgba(243, 245, 247, 1);
    border-radius: 8px;
    border: 0px solid rgba(216, 216, 216, 0.53);
    border-bottom: 0px dashed rgba(216, 216, 216, 0.53);
  }

  .cbVban1 {
    background-color: rgba(0, 0, 0, 0);
  }

  .cbVban1>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cbVban1 {
      margin: 1% 0% 1% 0%;
    }

    .cbVban1>.rowColumnBox>.rowcol {
      padding: 0 1%;
    }

    .cbVban1>.gridLayout {
      display: grid;
    }

    .cbVban1>.gridLayout>.rowcol {
      width: 100%;
    }

    .cbVban1>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  .cHYYl7v {
    background-color: rgba(0, 0, 0, 0);
  }

  .cHYYl7v>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cHYYl7v>.rowColumnBox>.rowcol {
      padding: 0px 15px;
    }

    .cHYYl7v>.gridLayout {
      display: grid;
    }

    .cHYYl7v>.gridLayout>.rowcol {
      width: 100%;
    }

    .cHYYl7v>.gridColsUnequal {
      grid-template-columns: minmax(0, 60fr) minmax(0, 40fr) !important;
    }
  }

  .cNZS0e3A {
    margin: 1.1rem auto 0rem 0%;
    max-width: 109.0rem;
    font-size: 1.5rem;
    color: #f9f9f9;
    background: rgba(158, 30, 26, 1);
    border-radius: 4px;
    text-align: center;
  }

  .cNZS0e3A .cNZS0e3Te .pagepointA {
    font-size: 1.5rem;
    color: #f9f9f9;
  }

  .cNZS0e3A:hover .cNZS0e3Te .pagepointA {
    font-size: 1.5rem;
    color: #fff;
  }

  .cNZS0e3TextBox {
    padding: 1.2rem 0% 1.2rem 0%;
  }

  .cNZS0e3A:hover,
  .boxHoverParent:hover .cNZS0e3A {
    font-size: 1.5rem;
    color: #fff;
    background: rgba(72, 83, 104, 1);
  }

  .cNZS0e3A.backgroundAnimation:before,
  .cNZS0e3A.backgroundBottomAna:before {
    background: rgba(72, 83, 104, 1);
  }

  .cNZS0e3A.backgroundAnimation:hover,
  .cNZS0e3A.backgroundBottomAna:hover {
    background: transparent;
  }

  .cNZS0e3A:hover .pagepointA {
    color: #fff;
  }

  .cXzngvSInput::-webkit-input-placeholder {
    font-size: 1.5rem;
    color: rgba(216, 216, 216, 1);
  }

  .cXzngvSInput {
    background: none;
    font-size: 1.5rem;
    color: rgba(216, 216, 216, 1);
  }

  .cXzngvSInput:hover {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 1);
  }

  @media screen and (min-width:961px) {
    .cXzngvSInput {
      padding: 10px 10px 10px 10px;
    }
  }

  @media screen and (max-width:960px) {
    .cXzngvSInput::-webkit-input-placeholder {
      font-size: 1.2rem;
      color: rgba(216, 216, 216, 1);
    }

    .cXzngvSInput {
      padding: 10px 10px 10px 10px;
      background: none;
      font-size: 1.2rem;
      color: rgba(216, 216, 216, 1);
    }
  }

  .cLFMoVzA {
    margin: 0% auto 0% auto;
  }

  .cLFMoVzIc {
    padding: 10px 10px 10px 10px;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 3.5rem;
    color: rgba(12, 48, 110, 1);
    background: rgba(255, 255, 255, 1);
  }

  .cLFMoVzIc:hover,
  .boxHoverParent:hover .cLFMoVzIc {
    background: rgba(255, 255, 255, 1);
  }

  .cLFMoVzIc .btnImg {
    width: 3.5rem;
    height: 3.5rem;
  }

  .rList .listBox .c8SoFtT .Imgbox {
    padding-top: 60%;
  }

  .rList .listBox .Imgbox .c8SoFtTImg,
  .cartList .list-content ul.listTableCon li .componentsBox .col .Imgbox .c8SoFtTImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .co5V984Ul {
    justify-content: flex-end;
  }

  #co5V984 .co5V984Li {
    text-align: center;
  }

  #co5V984 .menuItemEqual .co5V984Li {
    width: calc(100%/5 - 0%);
  }

  .rtlAr #co5V984 .menuItemEqual .co5V984Li {
    width: calc(100%/5 - 0%);
    margin-right: initial;
  }

  .rtlAr #co5V984 .menuItemUnequal .co5V984Li {
    margin-right: initial;
  }

  #co5V984 .menuItemLayout {
    justify-content: space-between;
  }

  #co5V984 .menuItemLayout .co5V984Li {
    flex: 1 1 auto;
  }

  #co5V984 .menuItemLayout .co5V984A {
    padding: 1.8rem 0px;
  }

  .co5V984A {
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 250%;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(33, 150, 243, 0);
    padding: 1.8rem 1.5em;
  }

  .co5V984Li:hover .co5V984A {
    font-size: 1.8rem;
    line-height: 250%;
    color: rgba(255, 255, 255, 1);
    background-color: var(--themeColor1);
  }

  .co5V984A.selected {
    background-color: var(--themeColor1);
    background-image: none;
    font-size: 1.8rem;
    line-height: 250%;
    color: rgba(255, 255, 255, 1);
  }

  #ca3gKUW {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .ca3gKUWIn {
    font: 1.4px;
    text-align: left;
  }

  .c9EBjfFlN,
  .c9EBjfFLLa {
    padding: 0.5rem 0.4rem;
  }

  .c9EBjfFlN {
    background-color: rgba(255, 255, 255, 0);
  }

  #c9EBjfF .lanNav,
  #c9EBjfF .lanNav .langA,
  #c9EBjfF .langBox .langA {
    display: flex;
    align-items: center;
  }

  #c9EBjfF .selLang .lanColums2,
  #c9EBjfF .selLang .lanColums3 {
    width: 300px;
    box-sizing: initial;
    background-color: rgba(255, 255, 255, 1);
  }

  #c9EBjfF .selLang .lanColums2 .langBox .langList,
  #c9EBjfF .selLang .lanColums3 .langBox .langList {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #c9EBjfF .selLang .rightAlignDown {
    right: 0.0001px;
  }

  #c9EBjfF .selLang .centerAlignDown {
    left: 50%;
    transform: translate(-50%);
  }

  #c9EBjfF .identifyLangBox {
    background-color: rgba(255, 255, 255, 1);
  }

  #c9EBjfF .identifyLangA {
    width: 100%;
  }

  #c9EBjfF .identifyDiv .identifyLangA {
    width: 80%;
  }

  #c9EBjfF .identifyDiv {
    display: none;
    align-items: center;
    margin: 0.5rem 0.4rem;
  }

  .c9EBjfFLLa {
    background-color: rgba(255, 255, 255, 1);
  }

  .c9EBjfFiIc {
    font-size: 2.6rem;
    max-width: 2.6rem;
    max-height: 2.6rem;
    line-height: 2.6rem;
  }

  .c9EBjfFsTe {
    padding-left: 1rem;
  }

  #c9EBjfF .lanNav .c9EBjfFsTe {
    font-size: 1.6rem;
    color: var(--themeColor6);
  }

  #c9EBjfF .identifyLangBox .c9EBjfFsTe {
    font-size: 1.6rem;
    color: #000;
  }

  .c9EBjfFiB {
    color: var(--themeColor6);
  }

  .c9EBjfFLLa .c9EBjfFiB {
    color: #000;
  }

  .selLang #c9EBjfFToggle:checked~.lanDown {
    visibility: visible;
    opacity: 1;
  }

  .row_line .cLlBGW3row_col {
    width: 33.333333333333%;
    border: 0px solid rgba(242, 242, 242, 1);
  }

  .cLlBGW3row_col.hidden {
    display: none;
  }

  .cLlBGW3row_col>.rowListBg {
    background: none;
  }

  .cLlBGW3row_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cXW1rcXrow_col {
    width: 33.333333333333%;
  }

  .cXW1rcXrow_col.hidden {
    display: none;
  }

  .cXW1rcXrow_col>.rowListBg {
    background: none;
  }

  .cXW1rcXrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cYgd3Ukrow_col {
    width: 33.333333333333%;
  }

  .cYgd3Ukrow_col.hidden {
    display: none;
  }

  .cYgd3Ukrow_col>.rowListBg {
    background: none;
  }

  .cYgd3Ukrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cjYapzNrow_col {
    width: 50%;
    border: 0px solid rgba(242, 242, 242, 1);
  }

  .cjYapzNrow_col.hidden {
    display: none;
  }

  .cjYapzNrow_col>.rowListBg {
    background: none;
  }

  .cjYapzNrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cdlAMTprow_col {
    width: 50%;
  }

  .cdlAMTprow_col.hidden {
    display: none;
  }

  .cdlAMTprow_col>.rowListBg {
    background: none;
  }

  .cdlAMTprow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cMUdvtHrow_col {
    width: 38%;
  }

  .cMUdvtHrow_col.hidden {
    display: none;
  }

  .cMUdvtHrow_col>.rowListBg {
    background: none;
  }

  .cMUdvtHrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .ctej6t7row_col {
    width: 24%;
  }

  .ctej6t7row_col.hidden {
    display: none;
  }

  .ctej6t7row_col>.rowListBg {
    background: none;
  }

  .ctej6t7row_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cNCV5nyrow_col {
    width: 37.999999999999%;
  }

  .cNCV5nyrow_col.hidden {
    display: none;
  }

  .cNCV5nyrow_col>.rowListBg {
    background: none;
  }

  .cNCV5nyrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .c137cdgrow_col {
    width: 60%;
  }

  .c137cdgrow_col.hidden {
    display: none;
  }

  .c137cdgrow_col>.rowListBg {
    background: none;
  }

  .c137cdgrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cnJoJVCrow_col {
    width: 40%;
  }

  .cnJoJVCrow_col.hidden {
    display: none;
  }

  .cnJoJVCrow_col>.rowListBg {
    background: none;
  }

  .cnJoJVCrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  #csQaLD8 {
    background-color: var(--themeColor6);
    position: absolute;
    z-index: 1000;
    width: 1135.8846367166%;
    left: -824px;
  }

  #csQaLD8.submenu-hidden .boxCont {
    overflow: hidden;
  }

  #csQaLD8.submenu-default .boxCont {
    overflow-y: auto;
  }

  @media screen and (min-width:961px) {
    #csQaLD8 {
      padding: 1% 0% 1% 0%;
    }
  }

  .cME6cqcInput::-webkit-input-placeholder {
    font-size: 1.4rem;
    color: #666;
  }

  .cME6cqcInput {
    background: none;
    border-radius: 25px;
    font-size: 1.4rem;
    color: #666;
  }

  @media screen and (min-width:961px) {
    .cME6cqcInput {
      padding: 10px 10px 10px 10px;
    }
  }

  @media screen and (max-width:960px) {
    .cME6cqcInput::-webkit-input-placeholder {
      font-size: 1.4rem;
      color: #666;
    }

    .cME6cqcInput {
      padding: 10px 10px 10px 10px;
      background: none;
      border-radius: 25px;
      font-size: 1.4rem;
      color: #666;
    }
  }

  .cge2ELcA {
    margin: 0% auto 0% auto;
  }

  .cge2ELcIc {
    padding: 10px 10px 10px 10px;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 2rem;
    color: #fff;
    background: var(--themeColor1);
    border-radius: 25px;
  }

  .cge2ELcIc .btnImg {
    width: 2rem;
    height: 2rem;
  }

  #c0ed0Eh {
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    backdrop-filter: blur(8px) saturate(150%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .c0ed0EhboxCont {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .c0ed0EhboxCont.overflowScrolling {
    height: 230px;
    overflow-y: auto;
  }

  .c0ed0EhBox {
    padding: 1% 1% 1% 1%;
  }

  .c0ed0EhboxCont>.rowListBg {
    background: none;
    border-radius: 3px;
  }

  #c3ikRFu {
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .c3ikRFuboxCont {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .c3ikRFuboxCont.overflowScrolling {
    height: 230px;
    overflow-y: auto;
  }

  .c3ikRFuBox {
    padding: 1% 1% 1% 1%;
  }

  .c3ikRFuboxCont>.rowListBg {
    background: none;
    border-radius: 3px;
  }

  #cHsZC0d {
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    backdrop-filter: blur(8px) saturate(150%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .cHsZC0dboxCont {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .cHsZC0dboxCont.overflowScrolling {
    height: 230px;
    overflow-y: auto;
  }

  .cHsZC0dBox {
    padding: 1% 1% 1% 1%;
  }

  .cHsZC0dboxCont>.rowListBg {
    background: none;
    border-radius: 3px;
  }

  #c024F8L {
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    backdrop-filter: blur(8px) saturate(150%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .c024F8LboxCont {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .c024F8LboxCont.overflowScrolling {
    height: 220px;
    overflow-y: auto;
  }

  .c024F8LBox {
    padding: 1% 1% 1% 1%;
  }

  .c024F8LboxCont>.rowListBg {
    background: none;
    border-radius: 3px;
  }

  #ct8EqM7 {
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .ct8EqM7boxCont {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  .ct8EqM7boxCont.overflowScrolling {
    height: 220px;
    overflow-y: auto;
  }

  .ct8EqM7Box {
    padding: 1% 1% 1% 1%;
  }

  .ct8EqM7boxCont>.rowListBg {
    background: none;
    border-radius: 3px;
  }

  .cyzNbIE:hover,
  .boxHoverParent:hover .cyzNbIE {
    transition: 0.5s;
    animation-duration: 0.5s;
  }

  .cyzNbIE .Imgbox {
    padding-top: 101.0101010101%;
  }

  .rList .listBox .cyzNbIE .Imgbox {
    padding-top: 101.0101010101%;
  }

  .rList .listBox .Imgbox .cyzNbIEImg,
  .cartList .list-content ul.listTableCon li .componentsBox .col .Imgbox .cyzNbIEImg {
    object-fit: cover !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .cyzNbIE .imgHoverAn {
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }

  .c6kRcpyA {
    margin: -3rem 6% 0rem 6%;
    padding: 2rem .5rem 2rem .5rem;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);
    border-bottom: 3px solid rgba(255, 255, 255, 1);
    min-height: 3.2rem;
    text-transform: capitalize;
  }

  .c6kRcpyA .pagepointA {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
    text-transform: capitalize;
  }

  .c6kRcpyA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .c6kRcpyA.overflowHiding {
    overflow: hidden;
    height: 3.2rem;
  }

  .c6kRcpyA.overflowScrolling {
    overflow-y: auto;
    height: 3.2rem;
  }

  .c6kRcpyA:hover,
  .proList .listBox:hover .listBoxHref .c6kRcpyA,
  .boxHoverParent:hover .c6kRcpyA {
    color: var(--themeColor1);
    border-bottom: 4px solid rgba(255, 220, 196, 1);
  }

  .proList .c6kRcpyA .textLineP,
  .proList .c6kRcpyA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .c6kRcpyA:hover .pagepointA {
    color: var(--themeColor1);
  }

  .ciR7mlzA {
    margin: 2.3rem auto 1rem 0%;
    max-width: 60px;
    font-size: 1.3rem;
    color: #f9f9f9;
    background: var(--themeColor1);
    border-radius: 6px;
    text-align: center;
  }

  .ciR7mlzA .ciR7mlzTe .pagepointA {
    font-size: 1.3rem;
    color: #f9f9f9;
  }

  .ciR7mlzA:hover .ciR7mlzTe .pagepointA {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 1);
  }

  .ciR7mlzTextBox {
    padding: 8px 3px 8px 3px;
  }

  .ciR7mlzA:hover,
  .boxHoverParent:hover .ciR7mlzA {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 1);
    background: rgba(204, 0, 0, 1);
  }

  .ciR7mlzA.backgroundAnimation:before,
  .ciR7mlzA.backgroundBottomAna:before {
    background: rgba(204, 0, 0, 1);
  }

  .ciR7mlzA.backgroundAnimation:hover,
  .ciR7mlzA.backgroundBottomAna:hover {
    background: transparent;
  }

  .ciR7mlzA:hover .pagepointA {
    color: rgba(255, 255, 255, 1);
  }

  .ceGNBYnA {
    padding: 1rem 0rem 1rem 0rem;
    font-weight: bold;
    font-size: 1.9rem;
    line-height: 140%;
    color: #333;
  }

  .ceGNBYnA .pagepointA {
    font-weight: bold;
    font-size: 1.9rem;
    line-height: 140%;
    color: #333;
  }

  .ceGNBYnA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .ceGNBYnA.overflowHiding {
    overflow: hidden;
  }

  .ceGNBYnA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .ceGNBYnA .textLineP,
  .proList .ceGNBYnA .textLineP>p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .ckP08VeA {
    margin: 0.6rem 0% 0.6rem 0%;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(128, 139, 158, 1);
  }

  .ckP08VeA .pagepointA {
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(128, 139, 158, 1);
  }

  .ckP08VeA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .ckP08VeA.overflowHiding {
    overflow: hidden;
  }

  .ckP08VeA.overflowScrolling {
    overflow-y: auto;
  }

  .proList .ckP08VeA .textLineP,
  .proList .ckP08VeA .textLineP>p {
    line-clamp: 1;
    -webkit-line-clamp: 1;
  }

  .chc1cH6A {
    margin: 3rem 0% 3rem 0%;
    font-size: 1.4rem;
    line-height: 140%;
    color: #666;
  }

  .chc1cH6A .pagepointA {
    font-size: 1.4rem;
    line-height: 140%;
    color: #666;
  }

  .chc1cH6A.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .chc1cH6A.overflowHiding {
    overflow: hidden;
  }

  .chc1cH6A.overflowScrolling {
    overflow-y: auto;
  }

  .cshUev0 {
    background-color: rgba(0, 0, 0, 0);
  }

  @media screen and (min-width:961px) {
    .cshUev0 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .cshUev0>.rowList>.col {
      padding-left: 1%;
      padding-right: 1%;
    }

    .cshUev0>.gridLayout {
      display: grid;
    }

    .cshUev0>.gridLayout>.col {
      width: 100%;
    }

    .cshUev0>.gridColsUnequal {
      grid-template-columns: minmax(0, 10fr) minmax(0, 45fr) minmax(0, 21fr) minmax(0, 24fr) !important;
    }
  }

  .cKHq3NM {
    margin: 0rem 31.33% 0rem 31.33%;
  }

  .rList .listBox .cKHq3NM .Imgbox {
    padding-top: 60%;
  }

  .rList .listBox .Imgbox .cKHq3NMImg,
  .cartList .list-content ul.listTableCon li .componentsBox .col .Imgbox .cKHq3NMImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .cxua6NdA {
    margin: 0.9rem 8% 0rem 8%;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 170%;
    color: rgb(255, 255, 255);
    text-align: center;
  }

  .cxua6NdA .pagepointA {
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 170%;
    color: rgb(255, 255, 255);
  }

  .cxua6NdA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cxua6NdA.overflowHiding {
    overflow: hidden;
  }

  .cxua6NdA.overflowScrolling {
    overflow-y: auto;
  }

  #cPkBy2I {
    margin: 1rem 0% 0.5rem 0%;
    text-align: center;
  }

  .cPkBy2ILLa {
    padding: 1rem 0.8rem;
    margin-right: 1rem;
  }

  .cPkBy2IiIc {
    font-size: 2.4rem;
    max-width: 2.4rem;
    max-height: 2.4rem;
    line-height: 2.4rem;
  }

  .cPkBy2IsTe {
    font-size: 1.6rem;
  }

  .c7HkLTEA {
    padding: 0px 0px 0px 10%;
    font-weight: normal;
    font-size: 2rem;
    line-height: 125%;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
  }

  .c7HkLTEA .pagepointA {
    font-weight: normal;
    font-size: 2rem;
    line-height: 125%;
    color: rgb(255, 255, 255);
  }

  .c7HkLTEA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .c7HkLTEA.overflowHiding {
    overflow: hidden;
  }

  .c7HkLTEA.overflowScrolling {
    overflow-y: auto;
  }

  #cKGBrCT {
    margin: 4.89% 0% 0% 0%;
  }

  .cKGBrCTA {
    font-size: 1.5rem;
    line-height: 120%;
    color: rgb(255, 255, 255);
    text-align: left;
    border: 0px solid #ddd;
    margin-bottom: 16px;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
  }

  .cKGBrCTA:hover {
    font-size: 1.5rem;
    line-height: 120%;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0);
  }

  #cKGBrCT [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .cKGBrCTA:hover p {
    text-decoration: underline;
  }

  .cKGBrCTA p {
    padding-left: 10%;
    padding-right: 10px;
  }

  .cKGBrCTA.selected {
    background-color: rgba(0, 0, 0, 0);
    font-size: 1.5rem;
    line-height: 120%;
    color: rgb(255, 255, 255);
  }

  .cKGBrCTA.selected p {
    text-decoration: underline;
  }

  .ceRKy15A {
    margin: 0% 16.86% 0% 0%;
    font-weight: normal;
    font-size: 2rem;
    line-height: 125%;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
  }

  .ceRKy15A .pagepointA {
    font-weight: normal;
    font-size: 2rem;
    line-height: 125%;
    color: rgb(255, 255, 255);
  }

  .ceRKy15A.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .ceRKy15A.overflowHiding {
    overflow: hidden;
  }

  .ceRKy15A.overflowScrolling {
    overflow-y: auto;
  }

  .cuCoorB {
    background-color: rgba(0, 0, 0, 0);
  }

  .cuCoorB>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cuCoorB {
      margin: 2.94% 0% 0% 0%;
    }

    .cuCoorB>.gridLayout {
      display: grid;
    }

    .cuCoorB>.gridLayout>.rowcol {
      width: 100%;
    }

    .cuCoorB>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  .c7UkY1DA {
    font-size: 1.6rem;
    line-height: 170%;
    color: rgba(242, 242, 242, 1);
    text-align: right;
  }

  .c7UkY1DA .pagepointA {
    font-size: 1.6rem;
    line-height: 170%;
    color: rgba(242, 242, 242, 1);
  }

  .c7UkY1DA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .c7UkY1DA.overflowHiding {
    overflow: hidden;
  }

  .c7UkY1DA.overflowScrolling {
    overflow-y: auto;
  }

  .c7UkY1DA:hover,
  .proList .listBox:hover .listBoxHref .c7UkY1DA,
  .boxHoverParent:hover .c7UkY1DA {
    color: rgba(255, 255, 255, 0.6);
  }

  .c7UkY1DA:hover .pagepointA {
    color: rgba(255, 255, 255, 0.6);
  }

  .ct153iFA {
    font-size: 1.6rem;
    line-height: 170%;
    color: rgba(242, 242, 242, 1);
    text-align: left;
  }

  .ct153iFA .pagepointA {
    font-size: 1.6rem;
    line-height: 170%;
    color: rgba(242, 242, 242, 1);
  }

  .ct153iFA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .ct153iFA.overflowHiding {
    overflow: hidden;
  }

  .ct153iFA.overflowScrolling {
    overflow-y: auto;
  }

  .ct153iFA:hover,
  .proList .listBox:hover .listBoxHref .ct153iFA,
  .boxHoverParent:hover .ct153iFA {
    color: rgba(255, 255, 255, 0.6);
  }

  .ct153iFA:hover .pagepointA {
    color: rgba(255, 255, 255, 0.6);
  }

  .cGjShgjboxCont.overflowScrolling {
    overflow-y: auto;
  }

  .cGjShgjboxCont>.rowListBg {
    background: none;
  }

  .cbFavwoA {
    margin: 0% auto 1% auto;
  }

  .cbFavwoIc {
    padding: 5px 5px 5px 5px;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
    color: var(--themeColor1);
    background: none;
    border-radius: 60px;
    border: 0px solid rgb(255, 255, 255);
  }

  .cbFavwoIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .cbFavwoIc:hover,
  .boxHoverParent:hover .cbFavwoIc {
    background: rgba(255, 255, 255, 0);
    font-size: 5rem;
    color: var(--themeColor1);
  }

  .cbFavwoA:hover .cbFavwoIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .czFsT8BA {
    margin: 0.5rem 0% 0.5rem 0%;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-align: center;
    text-transform: capitalize;
  }

  .czFsT8BA .pagepointA {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-transform: capitalize;
  }

  .czFsT8BA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .czFsT8BA.overflowHiding {
    overflow: hidden;
  }

  .czFsT8BA.overflowScrolling {
    overflow-y: auto;
  }

  .czFsT8BA:hover,
  .proList .listBox:hover .listBoxHref .czFsT8BA,
  .boxHoverParent:hover .czFsT8BA {
    color: var(--themeColor6);
  }

  .czFsT8BA:hover .pagepointA {
    color: var(--themeColor6);
  }

  .cOJFrtvA {
    margin: 0rem 4% 1rem 4%;
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .cOJFrtvA .pagepointA {
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-transform: capitalize;
  }

  .cOJFrtvA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cOJFrtvA.overflowHiding {
    overflow: hidden;
  }

  .cOJFrtvA.overflowScrolling {
    overflow-y: auto;
  }

  .cMCu0fOA {
    margin: 0% auto 1% auto;
  }

  .cMCu0fOIc {
    padding: 5px 5px 5px 5px;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
    color: var(--themeColor1);
    background: none;
    border-radius: 60px;
    border: 0px solid rgb(255, 255, 255);
  }

  .cMCu0fOIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .cMCu0fOIc:hover,
  .boxHoverParent:hover .cMCu0fOIc {
    background: rgba(255, 255, 255, 0);
    font-size: 5rem;
    color: var(--themeColor1);
  }

  .cMCu0fOA:hover .cMCu0fOIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .ctQzAiCA {
    margin: 0.5rem 0% 0.5rem 0%;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-align: center;
    text-transform: capitalize;
  }

  .ctQzAiCA .pagepointA {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-transform: capitalize;
  }

  .ctQzAiCA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .ctQzAiCA.overflowHiding {
    overflow: hidden;
  }

  .ctQzAiCA.overflowScrolling {
    overflow-y: auto;
  }

  .ctQzAiCA:hover,
  .proList .listBox:hover .listBoxHref .ctQzAiCA,
  .boxHoverParent:hover .ctQzAiCA {
    color: var(--themeColor6);
  }

  .ctQzAiCA:hover .pagepointA {
    color: var(--themeColor6);
  }

  .cLl7iEAA {
    margin: 0rem 5% 1rem 5%;
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .cLl7iEAA .pagepointA {
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-transform: capitalize;
  }

  .cLl7iEAA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cLl7iEAA.overflowHiding {
    overflow: hidden;
  }

  .cLl7iEAA.overflowScrolling {
    overflow-y: auto;
  }

  .c6BWHJGA {
    margin: 0% auto 1% auto;
  }

  .c6BWHJGIc {
    padding: 5px 5px 5px 5px;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
    color: var(--themeColor1);
    background: none;
    border-radius: 60px;
    border: 0px solid rgb(255, 255, 255);
  }

  .c6BWHJGIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .c6BWHJGIc:hover,
  .boxHoverParent:hover .c6BWHJGIc {
    background: rgba(255, 255, 255, 0);
    font-size: 5rem;
    color: var(--themeColor1);
  }

  .c6BWHJGA:hover .c6BWHJGIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .cLAdT3YA {
    margin: 0.5rem 0% 0.5rem 0%;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-align: center;
    text-transform: capitalize;
  }

  .cLAdT3YA .pagepointA {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-transform: capitalize;
  }

  .cLAdT3YA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cLAdT3YA.overflowHiding {
    overflow: hidden;
  }

  .cLAdT3YA.overflowScrolling {
    overflow-y: auto;
  }

  .cLAdT3YA:hover,
  .proList .listBox:hover .listBoxHref .cLAdT3YA,
  .boxHoverParent:hover .cLAdT3YA {
    color: var(--themeColor6);
  }

  .cLAdT3YA:hover .pagepointA {
    color: var(--themeColor6);
  }

  .coDYXKmA {
    margin: 0rem 2.06% 1rem 2.06%;
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .coDYXKmA .pagepointA {
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-transform: capitalize;
  }

  .coDYXKmA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .coDYXKmA.overflowHiding {
    overflow: hidden;
  }

  .coDYXKmA.overflowScrolling {
    overflow-y: auto;
  }

  .crQOrkOA {
    margin: 0% auto 1% auto;
  }

  .crQOrkOIc {
    padding: 5px 5px 5px 5px;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
    color: var(--themeColor1);
    background: none;
    border-radius: 60px;
    border: 0px solid rgb(255, 255, 255);
  }

  .crQOrkOIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .crQOrkOIc:hover,
  .boxHoverParent:hover .crQOrkOIc {
    background: rgba(255, 255, 255, 0);
    font-size: 5rem;
    color: var(--themeColor1);
  }

  .crQOrkOA:hover .crQOrkOIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .cThfHfUA {
    margin: 0.5rem 0% 0.5rem 0%;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-align: center;
    text-transform: capitalize;
  }

  .cThfHfUA .pagepointA {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-transform: capitalize;
  }

  .cThfHfUA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cThfHfUA.overflowHiding {
    overflow: hidden;
  }

  .cThfHfUA.overflowScrolling {
    overflow-y: auto;
  }

  .cThfHfUA:hover,
  .proList .listBox:hover .listBoxHref .cThfHfUA,
  .boxHoverParent:hover .cThfHfUA {
    color: var(--themeColor6);
  }

  .cThfHfUA:hover .pagepointA {
    color: var(--themeColor6);
  }

  .c5IKoUQA {
    margin: 0rem 1.74% 1rem 1.74%;
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .c5IKoUQA .pagepointA {
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-transform: capitalize;
  }

  .c5IKoUQA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .c5IKoUQA.overflowHiding {
    overflow: hidden;
  }

  .c5IKoUQA.overflowScrolling {
    overflow-y: auto;
  }

  .ck1dyOpA {
    margin: 0% auto 1% auto;
  }

  .ck1dyOpIc {
    padding: 5px 5px 5px 5px;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 5rem;
    color: var(--themeColor1);
    background: none;
    border-radius: 60px;
    border: 0px solid rgb(255, 255, 255);
  }

  .ck1dyOpIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .ck1dyOpIc:hover,
  .boxHoverParent:hover .ck1dyOpIc {
    background: rgba(255, 255, 255, 0);
    font-size: 5rem;
    color: var(--themeColor1);
  }

  .ck1dyOpA:hover .ck1dyOpIc .btnImg {
    width: 5rem;
    height: 5rem;
  }

  .cYuvAnBA {
    margin: 0.5rem 0% 0.5rem 0%;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-align: center;
    text-transform: capitalize;
  }

  .cYuvAnBA .pagepointA {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 170%;
    color: var(--themeColor6);
    text-transform: capitalize;
  }

  .cYuvAnBA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cYuvAnBA.overflowHiding {
    overflow: hidden;
  }

  .cYuvAnBA.overflowScrolling {
    overflow-y: auto;
  }

  .cYuvAnBA:hover,
  .proList .listBox:hover .listBoxHref .cYuvAnBA,
  .boxHoverParent:hover .cYuvAnBA {
    color: var(--themeColor6);
  }

  .cYuvAnBA:hover .pagepointA {
    color: var(--themeColor6);
  }

  .c4wCIA6A {
    margin: 0rem 5% 1rem 5%;
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-align: center;
    text-transform: capitalize;
  }

  .c4wCIA6A .pagepointA {
    font-size: 1.5rem;
    line-height: 170%;
    color: rgba(216, 216, 216, 1);
    text-transform: capitalize;
  }

  .c4wCIA6A.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .c4wCIA6A.overflowHiding {
    overflow: hidden;
  }

  .c4wCIA6A.overflowScrolling {
    overflow-y: auto;
  }

  .cpgNyeDcL {
    width: 10%;
  }

  .cpgNyeDcL.hidden {
    display: none;
  }

  .cpgNyeDcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .c8yi0WdcL {
    width: 45%;
  }

  .c8yi0WdcL.hidden {
    display: none;
  }

  .c8yi0WdcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cf1Jz6JcL {
    width: 21%;
  }

  .cf1Jz6JcL.hidden {
    display: none;
  }

  .cf1Jz6JcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cQOa1vzcL {
    width: 24%;
  }

  .cQOa1vzcL.hidden {
    display: none;
  }

  .cQOa1vzcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .row_line .cIZJAFArow_col {
    width: 100%;
  }

  .cIZJAFArow_col.hidden {
    display: none;
  }

  .cIZJAFArow_col>.rowListBg {
    background: none;
  }

  .cIZJAFArow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .cNwU1lP>.rowListBg {
    background: none;
  }

  @media screen and (min-width:961px) {
    .cNwU1lP {
      padding-top: 2%;
      padding-bottom: 2%;
      padding-right: 3%;
      padding-left: 3%;
    }

    .cNwU1lP>.rowColumnBox>.rowcol {
      padding: 0 0.5%;
    }

    .cNwU1lP>.gridLayout {
      display: grid;
    }

    .cNwU1lP>.gridLayout>.rowcol {
      width: 100%;
    }

    .cNwU1lP>.gridColsUnequal {
      grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }
  }

  @media screen and (min-width:961px) and (max-width:1920px) {
    #document>.auto-margin>.cNwU1lP {
      padding-right: 3%;
      padding-left: 3%;
      padding-left: calc((100% - 1804.8px) / 6 * 3);
      padding-right: calc((100% - 1804.8px) / 6 * 3);
    }
  }

  .cS749PM .Imgbox {
    padding-top: 102.04081632653%;
  }

  .rList .listBox .cS749PM .Imgbox {
    padding-top: 102.04081632653%;
  }

  .rList .listBox .Imgbox .cS749PMImg,
  .cartList .list-content ul.listTableCon li .componentsBox .col .Imgbox .cS749PMImg {
    object-fit: contain !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .cgTXuazA {
    padding: 0.5rem 0rem 0.5rem 0rem;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 150%;
    color: rgba(38, 38, 38, 1);
    text-align: left;
  }

  .cgTXuazA .pagepointA {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 150%;
    color: rgba(38, 38, 38, 1);
  }

  .cgTXuazA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cgTXuazA.overflowHiding {
    overflow: hidden;
  }

  .cgTXuazA.overflowScrolling {
    overflow-y: auto;
  }

  .cgTXuazA:hover,
  .proList .listBox:hover .listBoxHref .cgTXuazA,
  .boxHoverParent:hover .cgTXuazA {
    color: rgba(0, 92, 197, 1);
  }

  .cgTXuazA:hover .pagepointA {
    color: rgba(0, 92, 197, 1);
  }

  .crmJsqMA {
    margin: 0rem 0% 0rem auto;
    max-width: 100%;
    font-size: 1.6rem;
    color: rgba(38, 38, 38, 1);
    background: var(--themeColor6);
    border-radius: 25px;
    text-align: center;
  }

  .crmJsqMA:hover,
  .boxHoverParent:hover .crmJsqMA {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 1);
    background: rgba(53, 59, 69, 1);
  }

  .crmJsqMA .crmJsqMTe .pagepointA {
    font-size: 1.6rem;
    color: rgba(38, 38, 38, 1);
  }

  .crmJsqMA:hover .crmJsqMTe .pagepointA {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 1);
  }

  .crmJsqMTextBox {
    padding: 8px 0px 8px 0px;
  }

  .crmJsqMIc {
    max-width: 2rem;
    max-height: 2rem;
    line-height: 2rem;
    font-size: 2rem;
    color: var(--themeColor1);
  }

  .crmJsqMA.backgroundAnimation:before,
  .crmJsqMA.backgroundBottomAna:before {
    background: rgba(53, 59, 69, 1);
  }

  .crmJsqMA.backgroundAnimation:hover,
  .crmJsqMA.backgroundBottomAna:hover {
    background: transparent;
  }

  .crmJsqMA:hover .pagepointA {
    color: rgba(255, 255, 255, 1);
  }

  .crmJsqMIc .btnImg {
    width: 2rem;
    height: 2rem;
  }

  .crmJsqMTe {
    padding-left: 10px;
  }

  .cfGCwrQA {
    margin: 0rem 0% 0rem auto;
    max-width: 100%;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 1);
    background: var(--themeColor1);
    border-radius: 25px;
    text-align: center;
  }

  .cfGCwrQA:hover,
  .boxHoverParent:hover .cfGCwrQA {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 1);
    background: rgba(53, 59, 69, 1);
  }

  .cfGCwrQA .cfGCwrQTe .pagepointA {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 1);
  }

  .cfGCwrQA:hover .cfGCwrQTe .pagepointA {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 1);
  }

  .cfGCwrQTextBox {
    padding: 8px 0px 8px 0px;
  }

  .cfGCwrQIc {
    max-width: 2rem;
    max-height: 2rem;
    line-height: 2rem;
    font-size: 2rem;
    color: rgba(255, 255, 255, 1);
  }

  .cfGCwrQA.backgroundAnimation:before,
  .cfGCwrQA.backgroundBottomAna:before {
    background: rgba(53, 59, 69, 1);
  }

  .cfGCwrQA.backgroundAnimation:hover,
  .cfGCwrQA.backgroundBottomAna:hover {
    background: transparent;
  }

  .cfGCwrQA:hover .pagepointA {
    color: rgba(255, 255, 255, 1);
  }

  .cfGCwrQIc .btnImg {
    width: 2rem;
    height: 2rem;
  }

  .cfGCwrQTe {
    padding-left: 10px;
  }

  .cqu0NBg {
    background-color: rgba(0, 0, 0, 0);
  }

  @media screen and (min-width:961px) {
    .cqu0NBg {
      margin: 0% 0% 1% 0%;
      padding-top: 1%;
      padding-bottom: 1%;
    }

    .cqu0NBg>.rowList>.col {
      padding-left: 1%;
      padding-right: 1%;
    }

    .cqu0NBg>.gridLayout {
      display: grid;
    }

    .cqu0NBg>.gridLayout>.col {
      width: 100%;
    }

    .cqu0NBg>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  .c1xTjVi {
    background-color: rgba(0, 0, 0, 0);
  }

  @media screen and (min-width:961px) {
    .c1xTjVi {
      margin: 1% 0% 1% 0%;
      padding-top: 1%;
      padding-bottom: 1%;
    }

    .c1xTjVi>.rowList>.col {
      padding-left: 1%;
      padding-right: 1%;
    }

    .c1xTjVi>.gridLayout {
      display: grid;
    }

    .c1xTjVi>.gridLayout>.col {
      width: 100%;
    }

    .c1xTjVi>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  .cs7tEA3 {
    background-color: rgba(0, 0, 0, 0);
  }

  @media screen and (min-width:961px) {
    .cs7tEA3 {
      margin: 1% 0% 1% 0%;
      padding-top: 1%;
      padding-bottom: 1%;
    }

    .cs7tEA3>.rowList>.col {
      padding-left: 1%;
      padding-right: 1%;
    }

    .cs7tEA3>.gridLayout {
      display: grid;
    }

    .cs7tEA3>.gridLayout>.col {
      width: 100%;
    }

    .cs7tEA3>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  .cg9RA1z {
    background-color: rgba(0, 0, 0, 0);
  }

  @media screen and (min-width:961px) {
    .cg9RA1z {
      margin: 0% 0% 1% 0%;
      padding-top: 1%;
      padding-bottom: 1%;
    }

    .cg9RA1z>.rowList>.col {
      padding-left: 1%;
      padding-right: 1%;
    }

    .cg9RA1z>.gridLayout {
      display: grid;
    }

    .cg9RA1z>.gridLayout>.col {
      width: 100%;
    }

    .cg9RA1z>.gridColsUnequal {
      grid-template-columns: !important;
    }
  }

  .row_line .cVyWyLrrow_col {
    width: 12.5%;
    border-right: 1px solid rgba(217, 217, 217, 1);
  }

  .cVyWyLrrow_col.hidden {
    display: none;
  }

  .cVyWyLrrow_col>.rowListBg {
    background: none;
  }

  .cVyWyLrrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cquKLZxrow_col {
    width: 12.5%;
    border-right: 1px solid rgba(217, 217, 217, 1);
  }

  .cquKLZxrow_col.hidden {
    display: none;
  }

  .cquKLZxrow_col>.rowListBg {
    background: none;
  }

  .cquKLZxrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cd7BvaLrow_col {
    width: 12.5%;
    border-right: 1px solid rgba(217, 217, 217, 1);
  }

  .cd7BvaLrow_col.hidden {
    display: none;
  }

  .cd7BvaLrow_col>.rowListBg {
    background: none;
  }

  .cd7BvaLrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cijPPFtrow_col {
    width: 12.5%;
    border-right: 1px solid rgba(217, 217, 217, 1);
  }

  .cijPPFtrow_col.hidden {
    display: none;
  }

  .cijPPFtrow_col>.rowListBg {
    background: none;
  }

  .cijPPFtrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .c0eDkOdrow_col {
    width: 12.5%;
    border-right: 1px solid rgba(217, 217, 217, 1);
  }

  .c0eDkOdrow_col.hidden {
    display: none;
  }

  .c0eDkOdrow_col>.rowListBg {
    background: none;
  }

  .c0eDkOdrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cCfGFuxrow_col {
    width: 12.5%;
    border-right: 1px solid rgba(217, 217, 217, 1);
  }

  .cCfGFuxrow_col.hidden {
    display: none;
  }

  .cCfGFuxrow_col>.rowListBg {
    background: none;
  }

  .cCfGFuxrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cSEqfKzrow_col {
    width: 12.5%;
    border-right: 1px solid rgba(217, 217, 217, 1);
  }

  .cSEqfKzrow_col.hidden {
    display: none;
  }

  .cSEqfKzrow_col>.rowListBg {
    background: none;
  }

  .cSEqfKzrow_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .row_line .cabMP33row_col {
    width: 12.5%;
  }

  .cabMP33row_col.hidden {
    display: none;
  }

  .cabMP33row_col>.rowListBg {
    background: none;
  }

  .cabMP33row_col>.sticky {
    position: sticky;
    z-index: 1;
  }

  .ciHrnNncL {
    width: 8%;
  }

  .ciHrnNncL.hidden {
    display: none;
  }

  .ciHrnNncL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .chpgE0ZcL {
    width: 92%;
  }

  .chpgE0ZcL.hidden {
    display: none;
  }

  .chpgE0ZcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cz7j4N3cL {
    width: 8%;
  }

  .cz7j4N3cL.hidden {
    display: none;
  }

  .cz7j4N3cL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .c4u4ja3cL {
    width: 92%;
  }

  .c4u4ja3cL.hidden {
    display: none;
  }

  .c4u4ja3cL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cz3c772cL {
    width: 8%;
  }

  .cz3c772cL.hidden {
    display: none;
  }

  .cz3c772cL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .chVHUZDcL {
    width: 92%;
  }

  .chVHUZDcL.hidden {
    display: none;
  }

  .chVHUZDcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cyz14V1cL {
    width: 7%;
  }

  .cyz14V1cL.hidden {
    display: none;
  }

  .cyz14V1cL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cHTK3gPcL {
    width: 93%;
  }

  .cHTK3gPcL.hidden {
    display: none;
  }

  .cHTK3gPcL>.sticky {
    position: sticky;
    z-index: 1;
    height: auto;
  }

  .cOQ7ikEA {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .cOQ7ikEA .cOQ7ikETe .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cOQ7ikEA:hover .cOQ7ikETe .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cOQ7ikETextBox {
    padding: 5px 0px 5px 0px;
  }

  .cOQ7ikEA:hover,
  .boxHoverParent:hover .cOQ7ikEA {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .cOQ7ikEA.backgroundAnimation:before,
  .cOQ7ikEA.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .cOQ7ikEA.backgroundAnimation:hover,
  .cOQ7ikEA.backgroundBottomAna:hover {
    background: transparent;
  }

  .cOQ7ikEA:hover .pagepointA {
    color: var(--themeColor1);
  }

  .cOQ7ikETe {
    padding-left: 10px;
  }

  #cigDdJv {
    margin: 0% 0% 1% 0%;
  }

  .cigDdJvA {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.5rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .cigDdJvA:hover {
    background-color: var(--themeColor6);
    font-size: 1.5rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #cigDdJv [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .cigDdJvA p {
    padding-left: 10px;
  }

  .cigDdJvA.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .c8vVD7kA {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .c8vVD7kA .c8vVD7kTe .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .c8vVD7kA:hover .c8vVD7kTe .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .c8vVD7kTextBox {
    padding: 5px 0px 5px 0px;
  }

  .c8vVD7kA:hover,
  .boxHoverParent:hover .c8vVD7kA {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .c8vVD7kA.backgroundAnimation:before,
  .c8vVD7kA.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .c8vVD7kA.backgroundAnimation:hover,
  .c8vVD7kA.backgroundBottomAna:hover {
    background: transparent;
  }

  .c8vVD7kA:hover .pagepointA {
    color: var(--themeColor1);
  }

  .c8vVD7kTe {
    padding-left: 10px;
  }

  #cQPj699 {
    margin: 0% 0% 1% 0%;
  }

  .cQPj699A {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.5rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .cQPj699A:hover {
    background-color: var(--themeColor6);
    font-size: 1.5rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #cQPj699 [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .cQPj699A p {
    padding-left: 10px;
  }

  .cQPj699A.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .cBLsFuaA {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .cBLsFuaA .cBLsFuaTe .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cBLsFuaA:hover .cBLsFuaTe .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cBLsFuaTextBox {
    padding: 5px 0px 5px 0px;
  }

  .cBLsFuaA:hover,
  .boxHoverParent:hover .cBLsFuaA {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .cBLsFuaA.backgroundAnimation:before,
  .cBLsFuaA.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .cBLsFuaA.backgroundAnimation:hover,
  .cBLsFuaA.backgroundBottomAna:hover {
    background: transparent;
  }

  .cBLsFuaA:hover .pagepointA {
    color: var(--themeColor1);
  }

  .cBLsFuaTe {
    padding-left: 10px;
  }

  #cJILFVy {
    margin: 0% 0% 1% 0%;
  }

  .cJILFVyA {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.6rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .cJILFVyA:hover {
    background-color: var(--themeColor6);
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #cJILFVy [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .cJILFVyA p {
    padding-left: 10px;
  }

  .cJILFVyA.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .co966T1A {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .co966T1A .co966T1Te .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .co966T1A:hover .co966T1Te .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .co966T1TextBox {
    padding: 5px 0px 5px 0px;
  }

  .co966T1A:hover,
  .boxHoverParent:hover .co966T1A {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .co966T1A.backgroundAnimation:before,
  .co966T1A.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .co966T1A.backgroundAnimation:hover,
  .co966T1A.backgroundBottomAna:hover {
    background: transparent;
  }

  .co966T1A:hover .pagepointA {
    color: var(--themeColor1);
  }

  .co966T1Te {
    padding-left: 10px;
  }

  #c4nJ4R2 {
    margin: 0% 0% 1% 0%;
  }

  .c4nJ4R2A {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.6rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .c4nJ4R2A:hover {
    background-color: var(--themeColor6);
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #c4nJ4R2 [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .c4nJ4R2A p {
    padding-left: 10px;
  }

  .c4nJ4R2A.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .cUdbwBvA {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .cUdbwBvA .cUdbwBvTe .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cUdbwBvA:hover .cUdbwBvTe .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cUdbwBvTextBox {
    padding: 5px 0px 5px 0px;
  }

  .cUdbwBvA:hover,
  .boxHoverParent:hover .cUdbwBvA {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .cUdbwBvA.backgroundAnimation:before,
  .cUdbwBvA.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .cUdbwBvA.backgroundAnimation:hover,
  .cUdbwBvA.backgroundBottomAna:hover {
    background: transparent;
  }

  .cUdbwBvA:hover .pagepointA {
    color: var(--themeColor1);
  }

  .cUdbwBvTe {
    padding-left: 10px;
  }

  #c3pJeyl {
    margin: 0% 0% 1% 0%;
  }

  .c3pJeylA {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.6rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .c3pJeylA:hover {
    background-color: var(--themeColor6);
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #c3pJeyl [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .c3pJeylA p {
    padding-left: 10px;
  }

  .c3pJeylA.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .czEFpgCA {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .czEFpgCA .czEFpgCTe .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .czEFpgCA:hover .czEFpgCTe .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .czEFpgCTextBox {
    padding: 5px 0px 5px 0px;
  }

  .czEFpgCA:hover,
  .boxHoverParent:hover .czEFpgCA {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .czEFpgCA.backgroundAnimation:before,
  .czEFpgCA.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .czEFpgCA.backgroundAnimation:hover,
  .czEFpgCA.backgroundBottomAna:hover {
    background: transparent;
  }

  .czEFpgCA:hover .pagepointA {
    color: var(--themeColor1);
  }

  .czEFpgCTe {
    padding-left: 10px;
  }

  #cC8SrmY {
    margin: 0% 0% 1% 0%;
  }

  .cC8SrmYA {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.6rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .cC8SrmYA:hover {
    background-color: var(--themeColor6);
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #cC8SrmY [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .cC8SrmYA p {
    padding-left: 10px;
  }

  .cC8SrmYA.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .c3IZBw1A {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .c3IZBw1A .c3IZBw1Te .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .c3IZBw1A:hover .c3IZBw1Te .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .c3IZBw1TextBox {
    padding: 5px 0px 5px 0px;
  }

  .c3IZBw1A:hover,
  .boxHoverParent:hover .c3IZBw1A {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .c3IZBw1A.backgroundAnimation:before,
  .c3IZBw1A.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .c3IZBw1A.backgroundAnimation:hover,
  .c3IZBw1A.backgroundBottomAna:hover {
    background: transparent;
  }

  .c3IZBw1A:hover .pagepointA {
    color: var(--themeColor1);
  }

  .c3IZBw1Te {
    padding-left: 10px;
  }

  #csqDqAu {
    margin: 0% 0% 1% 0%;
  }

  .csqDqAuA {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.6rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .csqDqAuA:hover {
    background-color: var(--themeColor6);
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #csqDqAu [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .csqDqAuA p {
    padding-left: 10px;
  }

  .csqDqAuA.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .cONCeNzA {
    margin: 0rem auto 1rem 0.38%;
    max-width: 45.2rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    text-align: left;
  }

  .cONCeNzA .cONCeNzTe .pagepointA {
    font-weight: bold;
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cONCeNzA:hover .cONCeNzTe .pagepointA {
    font-size: 2.2rem;
    color: var(--themeColor1);
  }

  .cONCeNzTextBox {
    padding: 5px 0px 5px 0px;
  }

  .cONCeNzA:hover,
  .boxHoverParent:hover .cONCeNzA {
    font-size: 2.2rem;
    color: var(--themeColor1);
    background: rgba(245, 245, 245, 0.05);
  }

  .cONCeNzA.backgroundAnimation:before,
  .cONCeNzA.backgroundBottomAna:before {
    background: rgba(245, 245, 245, 0.05);
  }

  .cONCeNzA.backgroundAnimation:hover,
  .cONCeNzA.backgroundBottomAna:hover {
    background: transparent;
  }

  .cONCeNzA:hover .pagepointA {
    color: var(--themeColor1);
  }

  .cONCeNzTe {
    padding-left: 10px;
  }

  #c3SjdEg {
    margin: 0% 0% 1% 0%;
  }

  .c3SjdEgA {
    border-bottom: 0px dashed rgb(217, 217, 217);
    font-size: 1.6rem;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 140%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .c3SjdEgA:hover {
    background-color: var(--themeColor6);
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  #c3SjdEg [data-position="downWard"]>li .nav-submenu {
    width: 100% !important;
    min-width: 100% !important;
  }

  .c3SjdEgA p {
    padding-left: 10px;
  }

  .c3SjdEgA.selected {
    background-color: var(--themeColor6);
    background-image: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
  }

  .c8sd5LjA {
    margin: 1% 34.68% 1% 0%;
  }

  .c8sd5LjIc {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    border-radius: 60px;
  }

  .c8sd5LjIc:hover,
  .boxHoverParent:hover .c8sd5LjIc {
    background: rgba(255, 255, 255, 0);
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
  }

  .c8sd5LjIc .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .c8sd5LjA:hover .c8sd5LjIc .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .coJZR0DA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .coJZR0DA .pagepointA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .coJZR0DA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .coJZR0DA.overflowHiding {
    overflow: hidden;
  }

  .coJZR0DA.overflowScrolling {
    overflow-y: auto;
  }

  .coJZR0DA:hover,
  .proList .listBox:hover .listBoxHref .coJZR0DA,
  .boxHoverParent:hover .coJZR0DA {
    color: rgb(255, 255, 255);
    text-decoration: underline;
  }

  .coJZR0DA:hover .pagepointA {
    color: rgb(255, 255, 255);
    text-decoration: underline;
  }

  .coJZR0DA:hover p {
    text-decoration: underline;
  }

  .conDNWfA {
    margin: 1% 34.68% 1% 0%;
  }

  .conDNWfIc {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    border-radius: 60px;
  }

  .conDNWfIc:hover,
  .boxHoverParent:hover .conDNWfIc {
    background: rgba(255, 255, 255, 0);
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
  }

  .conDNWfIc .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .conDNWfA:hover .conDNWfIc .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .c77aq0PA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .c77aq0PA .pagepointA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .c77aq0PA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .c77aq0PA.overflowHiding {
    overflow: hidden;
  }

  .c77aq0PA.overflowScrolling {
    overflow-y: auto;
  }

  .c77aq0PA:hover,
  .proList .listBox:hover .listBoxHref .c77aq0PA,
  .boxHoverParent:hover .c77aq0PA {
    color: rgb(255, 255, 255);
    text-decoration: underline;
  }

  .c77aq0PA:hover .pagepointA {
    color: rgb(255, 255, 255);
    text-decoration: underline;
  }

  .c77aq0PA:hover p {
    text-decoration: underline;
  }

  .cB2RuH8A {
    margin: 1% 34.68% 1% 0%;
  }

  .cB2RuH8Ic {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    border-radius: 60px;
  }

  .cB2RuH8Ic:hover,
  .boxHoverParent:hover .cB2RuH8Ic {
    background: rgba(255, 255, 255, 0);
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
  }

  .cB2RuH8Ic .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .cB2RuH8A:hover .cB2RuH8Ic .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .cp08aKVA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .cp08aKVA .pagepointA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .cp08aKVA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cp08aKVA.overflowHiding {
    overflow: hidden;
  }

  .cp08aKVA.overflowScrolling {
    overflow-y: auto;
  }

  .cp08aKVA:hover,
  .proList .listBox:hover .listBoxHref .cp08aKVA,
  .boxHoverParent:hover .cp08aKVA {
    color: rgb(255, 255, 255);
    text-decoration: underline;
  }

  .cp08aKVA:hover .pagepointA {
    color: rgb(255, 255, 255);
    text-decoration: underline;
  }

  .cp08aKVA:hover p {
    text-decoration: underline;
  }

  .c1uz0uJA {
    margin: 1% 34.68% 1% 0%;
  }

  .c1uz0uJIc {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    border-radius: 60px;
  }

  .c1uz0uJIc:hover,
  .boxHoverParent:hover .c1uz0uJIc {
    background: rgba(255, 255, 255, 0);
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
  }

  .c1uz0uJIc .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .c1uz0uJA:hover .c1uz0uJIc .btnImg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .cWiVjlXA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .cWiVjlXA .pagepointA {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: rgb(255, 255, 255);
  }

  .cWiVjlXA.firstLineIndent .textLineP {
    text-indent: 2em;
  }

  .cWiVjlXA.overflowHiding {
    overflow: hidden;
  }

  .cWiVjlXA.overflowScrolling {
    overflow-y: auto;
  }

  .cWiVjlXA:hover,
  .proList .listBox:hover .listBoxHref .cWiVjlXA,
  .boxHoverParent:hover .cWiVjlXA {
    color: rgb(255, 255, 255);
  }

  .cWiVjlXA:hover .pagepointA {
    color: rgb(255, 255, 255);
  }

  #cvP5JXE,
  #cvP5JXE .nav-submenu {
    background-color: rgb(255, 255, 255);
    min-width: 152px;
  }

  #cvP5JXE .nav-submenuA {
    font-size: 1.6rem;
    color: #666;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  #cvP5JXE .nav-submenuA:hover {
    color: rgba(158, 30, 26, 1);
  }

  #cvP5JXE li.selected>.nav-submenuA {
    background-color: rgb(255, 255, 255);
    color: rgba(158, 30, 26, 1);
  }

  #cvP5JXE li:not(:last-of-type) .nav-submenuA {
    border-bottom: 1px dashed rgb(217, 217, 217);
  }

  #cvP5JXE .nav-submenuA .subnavbtn {
    line-height: 28px;
    padding-left: 2.5rem;
    padding-right: 10px;
  }

  #cvP5JXE .nav-submenuA i {
    height: 28px;
    line-height: 28px;
  }

  #cvP5JXE.menuParentOpen li.selected>ul,
  #cvP5JXE.menuParentOpen li.selected>ul li.selected>ul {
    display: block;
  }

  /*moveImage start*/
  .moveImage:hover,
  .proBox_List:hover .moveImage,
  .proList .listBox:hover .moveImage,
  .boxHoverParent:hover .moveImage {
    top: -10px !important;
    z-index: 2;
  }

  .imgHoverAn.moveImage:hover,
  .proList .listBox:hover .imgHoverAn.moveImage,
  .boxHoverParent:hover .imgHoverAn.moveImage {
    z-index: 0;
  }

  /*moveImage end*/
  /*enlargeImage start*/
  .enlargeImage:hover,
  .proBox_List:hover .enlargeImage,
  .proList .listBox:hover .enlargeImage,
  .boxHoverParent:hover .enlargeImage {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -o-transform: scale(1.1);
    /* Opera */
    z-index: 2;
  }

  /*图片的不要提高层级，会影响列表中的控件有的会用负margin，要在图片上边显示，sxt 2024-12-10 */
  /*列表li的hover时，也不要提高层级，影响负值 sxt 2025-6-6 */
  .imgHoverAn.enlargeImage:hover,
  .proList .listBox:hover .imgHoverAn.enlargeImage,
  .boxHoverParent:hover .imgHoverAn.enlargeImage {
    z-index: 0;
  }

  /*enlargeImage end*/
  /*narrowImage start*/
  .narrowImage:hover,
  .proBox_List:hover .narrowImage,
  .proList .listBox:hover .narrowImage,
  .boxHoverParent:hover .narrowImage {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
  }

  :root {
    --themeColor1: rgba(255, 145, 35, 1);
    --themeColor2: rgba(113, 23, 22, 1);
    --themeColor3: rgba(158, 30, 26, 1);
    --themeColor4: rgba(109, 109, 109, 1);
    --themeColor5: #aaaaaa;
    --themeColor6: #ffffff;
    --textSize_h1: 3.2rem;
    --fontFamily_h1: font_11635;
    --lineHeight_h1: 170%;
    --fontWeight_h1: normal;
    --textDec_h1: normal;
    --fontStyle_h1: normal;
    --letterSpace_h1: 0px;
    --hovertextSize_h1: 3.2rem;
    --hovertextColor_h1: undefined;
    --hoverfontFamily_h1: font_11635;
    --hoverfontWeight_h1: normal;
    --hovertextDec_h1: normal;
    --hoverfontStyle_h1: normal;
    --textSize_h2: 4.4rem;
    --fontFamily_h2: font_10552;
    --lineHeight_h2: 140%;
    --fontWeight_h2: normal;
    --textDec_h2: normal;
    --fontStyle_h2: normal;
    --letterSpace_h2: 0px;
    --hovertextSize_h2: 4.4rem;
    --hovertextColor_h2: undefined;
    --hoverfontFamily_h2: font_10552;
    --hoverfontWeight_h2: normal;
    --hovertextDec_h2: normal;
    --hoverfontStyle_h2: normal;
    --textSize_h3: 2.4rem;
    --fontFamily_h3: font_11635;
    --lineHeight_h3: 170%;
    --fontWeight_h3: normal;
    --textDec_h3: normal;
    --fontStyle_h3: normal;
    --letterSpace_h3: 0px;
    --hovertextSize_h3: 2.4rem;
    --hovertextColor_h3: undefined;
    --hoverfontFamily_h3: font_11635;
    --hoverfontWeight_h3: normal;
    --hovertextDec_h3: normal;
    --hoverfontStyle_h3: normal;
    --textSize_h4: 2rem;
    --fontFamily_h4: font_11635;
    --lineHeight_h4: 170%;
    --fontWeight_h4: normal;
    --textDec_h4: normal;
    --fontStyle_h4: normal;
    --letterSpace_h4: 0px;
    --hovertextSize_h4: 2rem;
    --hovertextColor_h4: undefined;
    --hoverfontFamily_h4: font_11635;
    --hoverfontWeight_h4: normal;
    --hovertextDec_h4: normal;
    --hoverfontStyle_h4: normal;
    --textSize_h5: 1.8rem;
    --fontFamily_h5: font_11635;
    --lineHeight_h5: 170%;
    --fontWeight_h5: normal;
    --textDec_h5: normal;
    --fontStyle_h5: normal;
    --letterSpace_h5: 0px;
    --hovertextSize_h5: 1.8rem;
    --hovertextColor_h5: undefined;
    --hoverfontFamily_h5: font_11635;
    --hoverfontWeight_h5: normal;
    --hovertextDec_h5: normal;
    --hoverfontStyle_h5: normal;
    --textSize_h6: 1.6rem;
    --fontFamily_h6: font_11635;
    --lineHeight_h6: 170%;
    --fontWeight_h6: normal;
    --textDec_h6: normal;
    --fontStyle_h6: normal;
    --letterSpace_h6: 0px;
    --hovertextSize_h6: 1.6rem;
    --hovertextColor_h6: undefined;
    --hoverfontFamily_h6: font_11635;
    --hoverfontWeight_h6: normal;
    --hovertextDec_h6: normal;
    --hoverfontStyle_h6: normal;
    --textSize_basics: 1.6rem;
    --fontFamily_basics: font_11635;
    --lineHeight_basics: 170%;
    --fontWeight_basics: normal;
    --textDec_basics: normal;
    --fontStyle_basics: normal;
    --letterSpace_basics: 0px;
    --hovertextSize_basics: 1.6rem;
    --hovertextColor_basics: undefined;
    --hoverfontFamily_basics: font_11635;
    --hoverfontWeight_basics: normal;
    --hovertextDec_basics: normal;
    --hoverfontStyle_basics: normal;
  }

  /*narrowImage end*/
  
  
  
  
  
  
  
  
  
  		.rtl .textLineP {
			direction: rtl
		}

		.cmsDocument {
			line-height: normal
		}

		html {
			font-size: 62.5%
		}

		@media (min-width:2561px) {
			html {
				font-size: 78.125%
			}
		}

		@media (min-width:1981px) and (max-width:2560px) {
			html {
				font-size: 68.75%
			}
		}

		@media (min-width:1681px) and (max-width:1980px) {
			html {
				font-size: 62.5%
			}
		}

		@media (min-width:1441px) and (max-width:1680px) {
			html {
				font-size: 60.9375%
			}
		}

		@media (min-width:1281px) and (max-width:1440px) {
			html {
				font-size: 58.59375%
			}
		}

		@media (min-width:1025px) and (max-width:1280px) {
			html {
				font-size: 56.25%
			}
		}

		@media (min-width:961px) and (max-width:1024px) {
			html {
				font-size: 50%
			}
		}

		@media (min-width:320px) and (max-width:960px) {
			html {
				font-size: 62.5%
			}
		}

		*,
		::after,
		::before {
			margin: 0;
			padding: 0;
			-webkit-box-sizing: inherit;
			box-sizing: inherit
		}

		ol,
		ul {
			list-style-position: inside
		}

		.listTxt,
		.mainNavLiA,
		.nav-submenuA {
			transition: .3s;
			animation-duration: .3s
		}

		.headlineStyleclear h1,
		.headlineStyleclear h2,
		.headlineStyleclear h3,
		.headlineStyleclear h4,
		.headlineStyleclear h5,
		.headlineStyleclear h6 {
			font-size: inherit;
			font-weight: inherit;
			line-height: inherit
		}

		a {
			text-decoration: none;
			color: #333;
			cursor: pointer
		}

		.boxSiz {
			box-sizing: border-box
		}

		input,
		textarea {
			border: 0
		}

		body {
			overflow-x: hidden
		}

		input[type=button],
		input[type=reset],
		input[type=submit],
		input[type=text] {
			-webkit-appearance: none
		}

		[data-functionallink],
		[data-lightbox] {
			cursor: pointer
		}

		.rowListBg {
			overflow: hidden
		}

		#document {
			position: relative
		}

		div[data-fixed=true] {
			box-sizing: border-box
		}

		table {
			border-collapse: collapse
		}

		.document-bg {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: -1
		}

		.btnbox i,
		.listBox,
		.mainNav li a p,
		.mainNav>li,
		.rList2 .listBox .Imgbox,
		.rList2 .listBox .listCon {
			display: inline-block
		}

		.btn,
		.gallarybox .listBox .listCon,
		.listBox,
		.sideTrigger+.nav-icon,
		.socialCol {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		.closeNav,
		.listBox .Imgbox {
			transition: all .3s ease-out;
			-webkit-transition: all .3s ease-out
		}

		.btnbox i,
		.listBox,
		.rList2 .listBox .Imgbox,
		.rList2 .listBox .listCon {
			display: inline-block
		}

		.listrowCol .listBox {
			display: block
		}

		.componentsBox,
		.mainNav,
		.socialCol {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}

		#Nav,
		.ampstart-sidebar #moMainnav>li,
		.ampstart-sidebar #moMainnav>li ul,
		.btn,
		.gallarybox .listBox .listCon .headLine,
		.listBoxHref,
		.mainNav>li,
		.mainNav>li>a,
		.nav-submenu>li,
		.rListRow .listBox .listBoxHref,
		.taglist {
			position: relative
		}

		.basSi .sList,
		.caroSt,
		.form .fRi,
		.langBox,
		.rowList,
		.rowList .colList,
		.selLang .lanNav,
		div.search,
		form.searchBox,
		mip-form.search {
			position: relative
		}

		.componentsBox .col {
			position: relative
		}

		.rowList .colList {
			display: inline-block
		}

		#moMainnav .sideTrigger:checked~ul,
		.ampstart-sidebar #moMainnav>li,
		.listBoxHref,
		.mainNav>li>a,
		.nav-submenu>li,
		.nav-submenu>li>a,
		.rList2 .listBox,
		.rList2 .proList,
		.socialRow {
			display: block
		}

		.nav-submenu li a i,
		.nav-submenu li a p {
			line-height: inherit
		}

		.btnbox,
		.langList {
			cursor: pointer
		}

		.langList {
			display: inline-block
		}

		.boxContent {
			z-index: 1;
			position: relative
		}

		.col-box {
			position: relative
		}

		.map {
			position: relative
		}

		.custom_component {
			min-height: 30px
		}

		.Imgbox {
			display: block
		}

		.Imgbox amp-img,
		.Imgbox mip-img {
			display: inherit;
			max-width: 100%;
			width: 100%;
			height: auto;
			max-height: 100%;
			margin: auto;
			box-sizing: border-box
		}

		.ue-table-interlace-color-single {
			background-color: #fcfcfc
		}

		.ue-table-interlace-color-double {
			background-color: #f7faff
		}

		.listTxt video {
			max-width: 100%;
			height: auto
		}

		.listTxt img {
			vertical-align: middle
		}

		.listTxt img:not([data-image-size-mode=fixed]) {
			max-width: 100%;
			height: auto
		}

		#SITE_HEADER {
			z-index: 1099;
			position: relative;
			width: 100%
		}

		#SITE_HEADER:before {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			content: ""
		}

		#SITE_FOOTER {
			position: relative;
			width: 100%
		}

		#SITE_FOOTER:before {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			content: ""
		}

		.epc_row_1 .colList {
			width: 100%
		}

		.epc_row_2 .colList {
			width: 50%
		}

		.epc_row_3 .colList {
			width: 33.333%
		}

		.epc_row_4 .colList {
			width: 25%
		}

		.epc_row_5 .colList {
			width: 20%
		}

		.epc_row_6 .colList {
			width: 16.666%;
			height: 40px
		}

		.lightIcon-success {
			position: relative;
			background: var(--cartimg) no-repeat center top;
			overflow: hidden
		}

		.cartlightIcon img {
			width: 52px;
			height: 52px
		}

		.cartlightIconmask {
			position: absolute;
			width: 52px;
			height: 52px;
			animation: yesAmition 1s;
			-moz-animation: yesAmition 1s;
			-webkit-animation: yesAmition 1s;
			-o-animation: yesAmition 1s;
			top: 0;
			background: #fff;
			left: 52px
		}

		.shoppingOverlay {
			background-color: #fff;
			width: 478px;
			display: none;
			border: 1px solid #eee;
			padding: 20px;
			border-radius: 3px;
			text-align: center;
			position: fixed;
			left: 50%;
			top: 50%;
			margin-left: -256px;
			margin-top: -200px;
			overflow: hidden;
			z-index: 2300;
			box-sizing: border-box
		}

		.shoppingOverlay .cartlightIcon {
			width: 60px;
			height: 60px;
			border: 4px solid gray;
			border-radius: 50%;
			margin: 20px auto;
			position: relative;
			box-sizing: content-box;
			overflow: hidden
		}

		.shoppingOverlay .lightIcon-success {
			border-color: #4cae4c
		}

		.shoppingOverlay .hideSweetAlert {
			margin-top: 20px;
			margin-bottom: 10px;
			font-size: 1.6rem
		}

		.shoppingOverlay .lightIcon-error {
			border-color: #d43f3a
		}

		.swal2-close {
			position: absolute;
			top: 10px;
			right: 10px;
			transition: color .1s ease-out;
			border: none;
			background: 0 0;
			color: #ccc;
			font-family: serif;
			font-size: 20px;
			cursor: pointer
		}

		@keyframes yesAmition {
			0% {
				left: 0
			}

			100% {
				left: 52px
			}
		}

		@-moz-keyframes yesAmition {
			0% {
				left: 0
			}

			100% {
				left: 52px
			}
		}

		@-webkit-keyframes yesAmition {
			0% {
				left: 0
			}

			100% {
				left: 52px
			}
		}

		@-o-keyframes yesAmition {
			0% {
				left: 0
			}

			100% {
				left: 52px
			}
		}

		.ImghidCont .Imgbox .videoMantle,
		.listBox .ImghidCont .Imgbox .iframeMantle,
		.zoomSliderBox .videoMantle {
			position: absolute;
			width: 80px;
			height: 80px;
			background: var(--videoicon) no-repeat center center rgba(0, 0, 0, .2);
			background-size: 100%;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			border-radius: 100%;
			z-index: 100
		}

		.listBox .ImghidCont .Imgbox .iframeMantle,
		.listBox .ImghidCont .Imgbox .videoMantle {
			width: 54px;
			height: 54px
		}

		@media screen and (max-width:960px) {
			.detailConImg {
				max-width: 100%;
				width: auto;
				display: inline-block;
				vertical-align: middle
			}

			.shoppingOverlay {
				width: 92%;
				left: 4%;
				top: 28%;
				margin-left: auto;
				margin-top: auto
			}
		}

		.sideTrigger {
			position: absolute;
			right: 0;
			top: 0;
			width: 50px;
			height: 100%;
			padding: 0;
			margin: 0;
			background: none transparent;
			cursor: pointer;
			-webkit-appearance: none;
			-webkit-tap-highlight-color: transparent;
			outline: 0;
			z-index: 99
		}

		.rtlAr .sideTrigger {
			right: auto;
			left: 0
		}

		.sideTrigger~.nav-icon {
			position: absolute;
			right: 0;
			width: 50px;
			line-height: 50px;
			color: #666;
			text-align: center;
			top: 0;
			height: 50px
		}

		.rtlAr .sideTrigger~.nav-icon {
			right: auto;
			left: 0;
			transform: rotate(180deg)
		}

		.panelLeftOpen .sideTrigger~.nav-icon,
		.sideTrigger:checked~.nav-icon {
			transform: rotate(90deg);
			transition: all .3s
		}

		.panelLeftOpen .sideTrigger~.nav-icon,
		.rtlAr .sideTrigger:checked~.nav-icon {
			transform: rotate(90deg)
		}

		.hidden {
			display: none
		}

		.col-m-height {
			min-height: 160px
		}

		.col-m-height>button {
			min-width: 120px;
			background: 0 0;
			border: 0;
			color: #ccc;
			text-align: center;
			padding: 10px 20px;
			position: absolute;
			top: calc(50% - 20px);
			left: calc(50% - 60px)
		}

		.popupShopCart {
			z-index: 999999;
			position: fixed;
			right: 0;
			bottom: 0;
			width: 260px;
			height: 320px;
			background-color: #fff;
			border: 1px solid #aaa;
			box-shadow: 0 0 6px #999;
			transform: translateY(102%);
			transition: transform .5s ease-in-out
		}

		.popupShopCart.show {
			transform: translateY(0)
		}

		.popup-title-header {
			cursor: pointer;
			font-weight: 700;
			font-size: 13px;
			line-height: 36px;
			display: flex;
			justify-content: space-around;
			color: #fff;
			background-color: #696969
		}

		.popup-title-icon {
			width: 30px;
			flex-shrink: 0;
			text-align: right;
			font-size: 13px
		}

		.popup-title-show {
			flex: 1;
			text-align: center
		}

		.remove-popup-data {
			width: 30px;
			flex-shrink: 0;
			text-align: center
		}

		.popup-lists {
			padding: 2px 1px;
			height: 236px;
			overflow-y: auto
		}

		.popup-lists::-webkit-scrollbar {
			width: 6px
		}

		.popup-lists::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, .5);
			border-radius: 32px
		}

		.popup-lists::-webkit-scrollbar-track {
			background-color: rgba(0, 0, 0, .1);
			border-radius: 32px
		}

		.popup-lists li,
		.popup-lists ul {
			list-style: none
		}

		.popup-lists li {
			display: flex;
			align-items: flex-start;
			border-bottom: 1px solid #f1f1f1;
			padding: 5px 10px
		}

		.popup-lists li:hover {
			background-color: #fffeee
		}

		.popup-lists li:hover .popup-list-delate {
			display: block
		}

		.popup-list-delate {
			cursor: pointer;
			display: none;
			margin-top: 8px;
			color: #888;
			text-decoration: none
		}

		.popup-list-name {
			width: 140px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			color: #246bb3;
			text-decoration: none
		}

		.popup-list-img {
			margin-right: 10px
		}

		.popup-list-img img {
			width: 45px;
			height: 45px;
			object-fit: cover
		}

		.popup-btns {
			padding: 10px;
			font-size: 13px;
			display: flex;
			justify-content: space-between
		}

		.popup-btns .popupEmpty {
			cursor: pointer;
			line-height: 16px;
			padding: 4px 10px;
			font-size: 13px;
			color: #e64545;
			border: 0;
			background-color: #f1f1f1;
			border-radius: 3px
		}

		.popup-btns .popupInquire {
			cursor: pointer;
			line-height: 16px;
			padding: 4px 10px;
			font-size: 13px;
			color: #fff;
			border: 0;
			background-color: #e64545;
			border-radius: 3px;
			display: block
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) :not(tbody):not(tr):not(video):not(img),
		[data-editor="2"]:not(:has(> .cmsDocument))::after,
		[data-editor="2"]:not(:has(> .cmsDocument))::before {
			margin: auto;
			padding: revert;
			box-sizing: revert;
			vertical-align: revert;
			max-width: revert
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) ul {
			list-style-type: disc
		}

		@media (min-width:768px) {

			[data-editor="2"]:not(:has(> .cmsDocument)) ol,
			[data-editor="2"]:not(:has(> .cmsDocument)) ul {
				width: 95%
			}
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) table {
			margin-bottom: 10px;
			border-collapse: collapse;
			display: table
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) table tr.firstRow th {
			border-top-width: 2px
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) th {
			border-top: 1px solid #bbb;
			background-color: #f7f7f7
		}

		.ueditor_detail th,
		[data-editor="2"]:not(:has(> .cmsDocument)) td {
			padding: 5px 10px;
			border: 1px solid #ddd
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) p {
			margin: 5px 0;
			display: block !important
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) li {
			clear: both
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) ol,
		[data-editor="2"]:not(:has(> .cmsDocument)) ul {
			list-style-position: unset !important
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) img {
			max-width: 100%
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) td {
			vertical-align: revert-layer
		}

		[data-editor="2"]:not(:has(> .cmsDocument)) td p {
			margin: 0;
			padding: 0
		}

		.gridLayout.listAligntop {
			align-items: start
		}

		.gridLayout.listAligncenter {
			align-items: center
		}

		.gridLayout.listAlignbottom {
			align-items: end
		}

		.adaptiveLayout.listAligntop {
			align-items: flex-start
		}

		.adaptiveLayout.listAligncenter {
			align-items: center
		}

		.adaptiveLayout.listAlignbottom {
			align-items: flex-end
		}

		.grid-cols-1 {
			grid-template-columns: repeat(1, minmax(0, 1fr))
		}

		.grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}

		.grid-cols-3 {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}

		.grid-cols-4 {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}

		.grid-cols-5 {
			grid-template-columns: repeat(5, minmax(0, 1fr))
		}

		.grid-cols-6 {
			grid-template-columns: repeat(6, minmax(0, 1fr))
		}

		@media (max-width:1680px) {
			.grid-cols-6 {
				grid-template-columns: repeat(3, minmax(0, 1fr))
			}
		}

		@media (max-width:1440px) {
			.grid-cols-6 {
				grid-template-columns: repeat(2, minmax(0, 1fr))
			}
		}

		.grid-cols-7 {
			grid-template-columns: repeat(6, minmax(0, 1fr))
		}

		.grid-cols-8 {
			grid-template-columns: repeat(8, minmax(0, 1fr))
		}

		@media (max-width:1680px) {
			.grid-cols-8 {
				grid-template-columns: repeat(4, minmax(0, 1fr))
			}
		}

		@media (max-width:1440px) {
			.grid-cols-8 {
				grid-template-columns: repeat(2, minmax(0, 1fr))
			}
		}

		.grid-cols-9 {
			grid-template-columns: repeat(9, minmax(0, 1fr))
		}

		@media (max-width:1680px) {
			.grid-cols-9 {
				grid-template-columns: repeat(3, minmax(0, 1fr))
			}
		}

		@media (max-width:1440px) {
			.grid-cols-9 {
				grid-template-columns: repeat(3, minmax(0, 1fr))
			}
		}

		.grid-cols-10 {
			grid-template-columns: repeat(10, minmax(0, 1fr))
		}

		@media (max-width:1680px) {
			.grid-cols-10 {
				grid-template-columns: repeat(5, minmax(0, 1fr))
			}
		}

		@media (max-width:1440px) {
			.grid-cols-10 {
				grid-template-columns: repeat(2, minmax(0, 1fr))
			}
		}

		.grid-cols-11 {
			grid-template-columns: repeat(11, minmax(0, 1fr))
		}

		.grid-cols-12 {
			grid-template-columns: repeat(12, minmax(0, 1fr))
		}

		@media (max-width:1680px) {
			.grid-cols-12 {
				grid-template-columns: repeat(6, minmax(0, 1fr))
			}
		}

		@media (max-width:1440px) {
			.grid-cols-12 {
				grid-template-columns: repeat(4, minmax(0, 1fr))
			}
		}

		#SITE_HEADER {
			box-sizing: border-box;
			z-index: 2999;
		}

		.lightbox {
			position: fixed;
			z-index: 2;
		}

		.lightboxModal {
			z-index: 3002;
			display: flex;
		}

		.lightboxModalOpc {
			position: fixed;
			inset: 0px;
			width: 100%;
			height: 100%;
		}

		.basSi .sCon {
			position: absolute;
			top: 0;
			visibility: hidden;
			-webkit-transition: all .36s ease-out;
			-ms-transition: all .36s ease-out;
			transition: all .36s ease-out;
			transform: translateZ(0);
		}

		.basSi .shBtn {
			right: 0;
			overflow: hidden;
			-webkit-transform: translateX(100%);
			-ms-transform: translateX(100%);
			transform: translateX(100%);
		}

		.basSi .sImg {
			height: auto;
			right: 100%;
			opacity: 0;
		}

		.basSi .sImg img {
			width: 138px;
			height: auto;
			display: block;
		}

		.basSi .shBtn {
			width: 220px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
		}

		.basSi .sBtn {
			text-align: center;
			cursor: pointer;
			padding: 0;
			border: 0;
			display: block;
			text-decoration: none;
			width: 54px;
			height: 54px;
			line-height: 54px;
		}

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

		.basSi .sIcon {
			background-repeat: no-repeat;
			background-position: 45% 45%;
			float: none;
			display: inline-block;
			text-align: center;
		}

		.basSi .sIcon .sliderIconImg {
			width: auto;
			height: auto;
		}

		.sidebarHoverPar .sImg {
			left: 100%;
			right: auto;
		}

		.sidebarHoverPar .shBtn {
			left: 0;
			right: auto;
			-webkit-transform: translateX(-100%);
			-ms-transform: translateX(-100%);
			transform: translateX(-100%);
		}

		.sidecustombarBox.basSi .shBtn {
			min-width: 220px;
			width: auto;
			padding-right: 10px;
			height: 100%;
		}

		.sidecustombarBox .basSi .sIcon {
			height: 100%;
			line-height: 100%;
		}

		.sidecustombarBox.basSi .sBtn .sIcon {
			width: 100%;
		}

		.sidecustombarBox.basSi .shBtn .sidetext {
			padding-left: 10px;
		}

		.boxSi {
			right: 0;
		}

		.boxSi .sList {
			display: flex;
		}

		.boxSi .sd_box {
			width: calc(100% - 40px);
		}

		.boxSi {
			transition: all .233s ease-out;
		}

		.boxSi:hover {
			right: 0;
		}

		.basSi .sList:hover .shBtn {
			visibility: visible;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		.basSi .sList:hover .sImg {
			opacity: 1;
			visibility: visible;
		}

		.sidebarHoverPar.sList:hover .shBtn {
			left: 0;
			right: auto;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

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

		.sidebarBox {
			z-index: 2000;
		}

		.gotop {
			background-image: none;
			border-radius: 0;
		}

		.newSidebar1 .sidecustombarBox.basSi .sBtn {
			line-height: normal;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			display: flex;
		}

		.newSidebar1 .sidecustombarBox.basSi .sIcon {
			width: 100%;
			margin-bottom: 5px;
		}

		.newSidebar1 .basSi .sList:hover .shBtn,
		.newSidebar1 .basSi .sList:hover .sImg {
			right: 100%;
		}

		.newSidebar1 .basSi .sList .shBtn {
			box-shadow: rgba(51, 53, 56, 0.12) 0px 0px 36px 2px;
			background: rgb(255, 255, 255);
			z-index: -1;
			visibility: hidden;
			opacity: 0;
		}

		.newSidebar1 .basSi .sList:hover .shBtn {
			visibility: visible;
			opacity: 1;
		}

		.newSidebar1 .basSi .sList {
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		}

		.newSidebar1 .basSi .sImg {
			right: 0px;
			z-index: -1;
			box-shadow: rgba(51, 53, 56, 0.12) 0px 0px 36px 2px;
		}

		.newSidebar1 .sidecustombarBox.basSi .shBtn {
			min-width: 180px;
		}

		.newSidebar1 .basSi .shBtn {
			transform: translateX(0px);
		}

		.newSidebar1 .sidebarHoverPar.basSi .sList .shBtn {
			left: 0px;
			right: auto;
		}

		.newSidebar1 .sidebarHoverPar.basSi .sList:hover .shBtn {
			left: 100%;
		}

		.rowList {
			margin: auto;
		}

		.rowList .col {
			box-sizing: border-box;
			position: relative;
		}

		.boxSiz {
			position: relative;
		}

		.col-box {
			height: 100%;
			zoom: 1;
			border: 1px solid transparent;
			margin: -1px;
		}

		.col-box .textLineP {
			border: 0px solid transparent;
		}

		.row_line .sticky,
		.rowList .sticky {
			top: 0;
		}

		.caroSt {
			margin: auto;
			overflow: hidden;
		}

		.carouselBtn {
			position: absolute;
			z-index: 1;
			width: 100%;
		}

		.carouselBtn button {
			border: 0px;
			margin: 0px 12px;
		}

		.mip-carousel-preBtn,
		.mip-carousel-nextBtn {
			position: absolute;
			top: 0px;
			bottom: 0px;
			width: 10%;
			z-index: 10;
			user-select: none;
			background-repeat: no-repeat;
			transition: background-image 0.2s ease-in-out;
			cursor: pointer;
			background-size: 45px 45px;
		}

		.carouselBox {
			display: flex;
			align-items: flex-start;
			box-sizing: content-box;
			overflow: hidden;
		}

		.carouselBox>div {
			flex: 0 0 100%;
		}

		.carouselBox>div .img,
		.carouselBox>div>div {
			width: 100%;
			height: auto;
		}

		.screenImgslider .bxslider li .Imgbox .img {
			max-width: 100%;
			display: block;
			position: absolute;
			inset: 0px;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.advanced-custom .advanced-item>.componentsBox>.rowList {
			padding: 0.1px;
		}

		.advanced-fullScreen {
			height: 100vh;
		}

		.advanced-content .advanced-item>.componentsBox>.rowList {
			height: 100%;
		}

		.advanced-content,
		.advanced-slider {
			position: relative;
		}

		.advanced-slider {
			overflow: hidden;
		}

		.advanced-content .advanced-item {
			height: 100%;
			box-sizing: border-box;
			list-style: none;
		}

		.advanced-content .advanced-item>.componentsBox>.rowList {
			display: block;
		}

		.advanced-btn {
			position: absolute;
			left: 0px;
			right: 0px;
			bottom: 10px;
			width: 100%;
			text-align: center;
			z-index: 1;
		}

		.advanced-slider .advanced-arrow {
			position: absolute;
			height: 0px;
			width: 100%;
			top: 50%;
			transform: translateY(-50%);
			z-index: 111;
		}

		.advanced-slider .advanced-arrow .left-arrow,
		.advanced-slider .advanced-arrow .right-arrow {
			background: rgba(0, 0, 0, 0.2);
			cursor: pointer;
			position: absolute;
			margin-top: -30px;
		}

		.advanced-slider .advanced-arrow .left-arrow.left-icon {
			left: 10px;
			height: 50px;
			width: 50px;
			text-align: center;
			line-height: 50px;
			padding: 0px;
		}

		.advanced-slider .advanced-arrow .right-arrow.right-icon {
			right: 10px;
			height: 50px;
			width: 50px;
			text-align: center;
			line-height: 50px;
			padding: 0px;
		}

		.advanced-slider .advanced-arrow .left-arrow {
			left: 10px;
			padding: 10px;
		}

		.advanced-slider .advanced-arrow .right-arrow {
			right: 10px;
			padding: 10px;
		}

		.advanced-btn button {
			width: 8px;
			height: 8px;
			background: rgb(221, 221, 221);
			border-radius: 8px;
			display: inline-block;
			margin-right: 8px;
			outline: 0px;
			border: 0px;
		}

		.advanced-btn button.slideActive {
			background: rgb(102, 102, 102);
		}

		.rowList,
		.row_line {
			max-width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: 100%;
		}

		.row_line>.rowColumnBox {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
		}

		.rowList .colList {
			box-sizing: border-box;
			display: inline-block;
		}

		.rowList .col,
		.row_line .rowcol {
			box-sizing: border-box;
			display: inline-block;
		}

		.relative,
		.row_line .rowcol {
			position: relative
		}

		.row_line {
			box-sizing: border-box;
			position: relative;
		}

		/*.row_line>.rowcol{z-index:0}
.row_line>.rowcol>.rowListBg{z-index:-1}
*/
		.rowListBg {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 0;
			content: '';
		}

		.lightbox {
			overflow-y: hidden;
			box-sizing: border-box;
		}

		.lightbox>.lightboxBg {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			z-index: 0;
		}

		.lightbox>.lightboxBox {
			position: relative;
			z-index: 1;
			height: 100%;
			overflow-y: auto;
			overflow-x: hidden;
		}

		.lightoverHidden>.lightboxBox {
			overflow-y: hidden;
		}

		.lightoverVisible,
		.lightoverVisible>.lightboxBox {
			overflow: visible;
		}

		.btnIcon {
			text-align: center;
		}

		.btnImg {
			max-width: 100%;
			max-height: 100%;
		}

		.minWidth {
			position: relative;
			top: 0;
			left: 0;
			display: block;
			transform: scale(1);
			transform: rotate(0);
		}

		.btnAnati {
			position: relative;
			top: 0;
			left: 0;
			transform: scale(1);
			transform: rotate(0);
		}

		.backgroundAnimation,
		.borderSlide,
		.shadowAcross,
		.backgroundBottomAna {
			overflow: hidden;
			-webkit-transition: 0.5s;
		}

		.backgroundAnimation:before,
		.btn3.backgroundAnimation .btnIcon:before {
			position: absolute;
			content: '';
			width: 0;
			-webkit-transition: inherit;
			left: 0;
			height: 100%;
			z-index: -1;
		}

		.backgroundAnimation:hover:before,
		.boxHoverParent:hover .backgroundAnimation:before,
		.btn3.backgroundAnimation .btnIcon:before {
			width: 100%
		}

		.borderSlide:before,
		.borderSlide:after {
			content: '';
			border-style: solid;
			position: absolute;
			z-index: -1;
			transition: inherit;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}

		.borderSlide:before {
			width: 0;
			border-top-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-right-width: 0px;
			height: 100%;
			top: 0px;
			left: 0;
			-webkit-transition-delay: 0.05s;
			transition-delay: 0.05s;
		}

		.borderSlide:after {
			width: 100%;
			border-left-width: 0px;
			border-right-width: 0px;
			border-top-width: 0px;
			border-bottom-width: 0px;
			height: 0;
			top: 0;
			left: 0px;
		}

		.boxHoverParent:hover .borderSlide:before,
		.borderSlide:hover:before {
			width: 100%;
		}

		.boxHoverParent:hover .borderSlide:after,
		.borderSlide:hover:after {
			height: 100%;
		}

		.shadowAcross:after {
			background: #fff;
			content: "";
			height: 155px;
			left: -75px;
			opacity: 0.2;
			position: absolute;
			top: -50px;
			transform: rotate(35deg);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			width: 50px;
			z-index: -10;
		}

		.shadowAcross:hover:after,
		.boxHoverParent:hover .shadowAcross:after {
			left: 120%;
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		}

		.backgroundBottomAna:before {
			position: absolute;
			content: '';
			width: 100%;
			-webkit-transition: inherit;
			left: 0;
			height: 0;
			z-index: -1;
			bottom: 0;
		}

		.boxHoverParent:hover .backgroundBottomAna:before,
		.backgroundBottomAna:hover:before {
			height: 100%;
		}

		.btn3 {
			display: table;
			margin-left: auto;
			margin-right: auto;
		}

		.btn3 i {
			display: block;
		}

		.btnbox {
			max-width: 100%
		}

		.btn3 i,
		.btn3 .btnIcon {
			box-sizing: content-box;
		}

		.btn2 {
			display: block;
		}

		.btn2 span {
			display: block;
		}

		.btn .btnText {
			display: inline-block;
			box-sizing: border-box;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width: calc(100% - 40px);
		}

		.btn {
			display: block;
			min-width: 50px
		}

		.btn,
		.btn .btnIcon,
		.btn .btnText {
			vertical-align: middle;
		}

		.btnCont {
			position: relative;
		}

		.btn .btnIcon {
			display: inline-block;
		}

		.listTxt {
			position: relative;
		}

		.rList .listTxt>div p,
		.rList .listTxt p,
		.rList .listTxt .textLineP {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
		}

		.listTxt .textLineP {
			overflow: hidden;
		}

		.textLineP iframe {
			max-width: 100%;
		}

		.listTxt>a,
		.listTxt {
			display: block;
			box-sizing: border-box;
		}

		.listTxt ul p,
		.listTxt ol p {
			display: inline-block;
			vertical-align: top;
			max-width: calc(100% - 25px);
		}

		.listTxt.enlarge_detailed_info ul p,
		.listTxt.enlarge_detailed_info ol p {
			width: 100%
		}

		.listTxt ul,
		.listTxt ol {
			list-style-position: inside;
		}

		table[align="center"] {
			margin: 10px auto;
		}

		.overflowScrolling::-webkit-scrollbar {
			width: 6px;
		}

		.overflowScrolling::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, 0.5);
			border-radius: 32px;
		}

		.overflowScrolling::-webkit-scrollbar-track {
			background-color: rgba(0, 0, 0, 0.1);
			border-radius: 32px;
		}

		.rtl .form .fIn,
		.rtl .form .fRaSe {
			text-align: right
		}

		.form textarea {
			resize: auto;
			font-family: arial;
		}

		.form input[type="submit"] {
			display: none;
		}

		.form .fIn,
		.form .fRaSe {
			box-sizing: border-box;
			display: inline-block;
			width: 100%;
			margin-right: 0
		}

		.form input,
		.form textarea,
		.form .fRi,
		.form .form_Select {
			width: 100%;
		}

		.form .fRad input,
		.form .fCheck input {
			width: auto;
		}

		.form .fRad input,
		.form .fCheck input {
			margin: 3px 3px 0px 5px;
		}

		.form .rowList {
			flex-wrap: wrap;
		}

		.form label {
			display: inline-block;
			padding-bottom: 5px;
		}

		.colList .fSing {
			display: flex;
			align-items: flex-start;
		}

		.reQu .fRi:after {
			content: "*";
			color: red;
			line-height: initial;
			position: absolute;
			right: -13px;
			top: 0;
			padding-top: calc(6px + 4px)
				/* 获取input的padding-top值 */
			;
			font-size: 18px;
		}

		.reQu .formUploadLi:after {
			content: "*";
			color: red;
			line-height: initial;
			position: absolute;
			right: -13px;
			top: 0;
			padding-top: calc(6px + 14px);
			font-size: 18px;
		}

		.form .fTar {
			padding: 0px;
			color: #ec1f5c;
			font-size: 12px;
			text-align: left;
			display: none;
		}

		.form .fRi input,
		.form .fRi select {
			resize: none;
			/*-webkit-appearance: none;*/
			/* SELECT下拉箭头会消失 */
			outline: none;
		}

		.form .fRi input,
		.form .fRi select,
		.form .fRi textarea {
			display: block;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

		.form .fRi .formRadioBox input,
		.form .fRi .formCheckBox input {
			display: inline-block
		}

		.form .epc_row_1 .fIn[data-stretch="1"] {
			width: 100% !important
		}

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

		.form button {
			background-color: none;
			border: 0;
			width: 100%;
		}

		.form .fRi textarea {
			overflow-y: hidden;
			min-height: 80px
		}

		.form .fRi input[type=checkbox] {
			-webkit-appearance: checkbox;
		}

		.form .fRi input[type=radio] {
			-webkit-appearance: radio;
		}

		.form textarea:focus,
		.form input:focus,
		button:focus {
			outline: 0;
		}

		[data-component='em-validation'] .fRi {
			display: flex;
		}

		[data-component='em-validation'] .fRi>input[name='validation-code'] {
			width: calc(100% - 120px);
			margin-right: 10px
		}

		[data-component='em-validation'] .fRi .formTelBtn {
			width: 110px;
			height: 40px;
			display: inline-block;
		}


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

		.form .selectRight_address select {
			width: 30%;
		}

		.form .form_Select_address {
			padding: 5px;
			background-color: #fff;
			min-height: 40px;
			border: 1px solid #ccc;
			color: #555;
		}

		.form .selectlinkage {
			display: flex;
		}

		.form .selectlinkage select {
			width: 30% !important;
		}

		.form .form_selectlinkage {
			padding: 5px;
			background-color: #fff;
			min-height: 40px;
			border: 1px solid #ccc;
			color: #555;
		}

		.form .linkageSelcetA {
			margin-right: 25px
		}

		.form .linkageSelcetB {
			margin-right: 25px
		}

		.styleFormData {
			margin: 0px;
			padding: 0px;
			display: inline-block;
			vertical-align: middle;
			white-space: nowrap;
			overflow: hidden;
			max-width: 100%;
			text-overflow: ellipsis;
		}

		.styleFormUpload {
			margin: 0px;
			padding: 0px;
			vertical-align: middle;
		}

		.styleFormUpload .formUploadLi {
			position: relative;
			width: 68px;
			height: 68px;
			list-style: none;
			display: inline-block;
			border: 1px solid #e3e6f3;
			margin-right: 5px;
			background: #f6f6f6;
		}

		.styleFormUpload .formUploadLi p {
			text-align: center;
			vertical-align: middle;
		}

		.styleFormUpload .formUploadLi img {
			width: 100%;
			object-fit: cover;
			margin: 15px auto;
			display: block;
			max-width: 40px;
			max-height: 40px;
		}

		.styleFormUpload .addImg>p {
			margin: 0px;
		}

		.addImg>input {
			position: absolute;
			top: 0px;
			left: 0px;
			opacity: 0;
			width: 100%;
			height: 100%;
			display: block;
			padding: 0px;
			cursor: pointer;
		}

		.addImg:hover {
			background: #f3f3f3;
		}

		.delete-image {
			position: absolute;
			top: -10px;
			right: -10px;
			font-size: 18px;
			color: #373737;
			width: 20px;
			height: 20px;
			border-radius: 30px;
			text-align: center;
			line-height: 20px;
			opacity: 0;
			z-index: -1;
		}

		.delete-image:hover {
			color: #000;
		}

		.formUploadLi:hover .delete-image {
			opacity: 1;
			z-index: 1;
			transition: opacity 0.5s ease-in;
			cursor: pointer;
		}

		.colList .formRadioBox .fSing,
		.colList .formCheckBox .fSing {
			display: inline-block;
		}

		.form .fRi span.proTe {
			display: block;
		}

		.form .epc_row_1 [data-stretch="1"] {
			width: 100% !important;
		}

		div.search,
		form.searchBox {
			display: flex;
			-webkit-box-align: center;
			align-items: center;
			-webkit-box-pack: center;
			justify-content: stretch;
			overflow: hidden;
		}

		.searchInputCont {
			display: flex;
			-webkit-box-flex: 1;
			flex: 1 1 0%;
			box-sizing: border-box;
		}

		.searchInput {
			overflow: hidden;
			text-overflow: ellipsis;
			background: inherit;
			width: 100%;
			border: 0px;
			outline: 0px;
			appearance: none;
		}

		button.hidden {
			display: none;
		}

		.search-history-tool {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 30px;
			padding: 5px;
			font-size: 13px;
		}

		.search-history-tool div:last-child {
			cursor: pointer;
		}

		.search-history ul {
			font-size: 13px;
			max-height: 300px;
			overflow: auto;
		}

		.search-history li {
			padding: 5px;
			color: #555;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.search-history li>div:last-child {
			width: 20px;
			flex-shrink: 0;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			cursor: pointer;
		}

		.search-history li>div:first-child {
			width: calc(100% - 20px);
			list-style-type: none;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			cursor: pointer;
		}

		.search-history li:hover {
			background-color: #e0e0e0;
		}

		.search-history {
			position: absolute;
			left: 0;
			width: 100%;
			background-color: #fff;
			box-shadow: -6px 0 16px -8px #00000014, -9px 0 28px #0000000d, -12px 0 48px 16px #00000008;
			z-index: 9999;
			padding: 5px;
			min-width: 180px;
		}

		.searchbox2 {
			position: relative;
		}

		.CrumbsBox {
			display: block;
		}

		.CrumbsBox .btnIcon,
		.CrumbsBox .currentPosFont {
			display: inline-block;
			vertical-align: middle;
		}

		.CrumbsBox .currentPosFont {
			max-width: calc(100% - 28px);
		}

		.classMenubox {
			z-index: 1;
			position: relative;
		}

		.verticalNav {
			width: 100%;
		}

		.verticalNav,
		.verticalNav li {
			list-style: none;
		}

		.verticalNav .mainNavLi {
			position: relative;
		}

		.verticalNav .mainNavLiA>p {
			width: 100%;
		}

		.verticalNav .showArrowstyle .mainNavLiA>p,
		.vershowsubNav .showArrowstyle .mainNavLiA>p {
			width: calc(100% - 30px);
		}

		.menuPageIcon.menuItemEqual .mainNavLi>.mainNavLiA p {
			max-width: 100%;
		}

		.menuPageIcon.menuItemEqual>.showArrowstyle>.mainNavLiA>p {
			max-width: calc(100% - 22px);
			width: auto;
		}

		verticalNav .mainNavLi [data-position="downWard"] {
			position: relative;
			display: none
		}

		.verticalNav .mainNavLiA {
			display: block;
			position: relative;
		}

		.verticalNav .textShow .mainNavLiA p,
		.verticalNav .textShow .nav-submenu .nav-submenuA p,
		.vershowsubNav .textShow .mainNavLiA p,
		.vershowsubNav .textShow .nav-submenu .nav-submenuA p {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.verticalNav .lineFeed .mainNavLiA p,
		.verticalNav .lineFeed .nav-submenu .nav-submenuA p,
		.vershowsubNav .lineFeed .mainNavLiA p,
		.vershowsubNav .lineFeed .nav-submenu .nav-submenuA p,
		.pcMainnav .verticalNav .lineFeed .mainNavLiA p,
		.pcMainnav .verticalNav .lineFeed .nav-submenu .nav-submenuA p,
		.pcMainnav .vershowsubNav .lineFeed .mainNavLiA p,
		.pcMainnav .vershowsubNav .lineFeed .nav-submenu .nav-submenuA p {
			white-space: inherit;
			text-overflow: inherit;
			overflow: inherit;
		}

		.verticalNav .mainNavLi .mainNavLiA>i,
		.menuPageIcon[data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
			position: absolute;
			font-size: 16px;
			line-height: 28px;
			letter-spacing: 0.07em;
			right: 10px;
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(0deg);
			-khtml-transform: translateY(-50%) rotate(0deg);
			-moz-transform: translateY(-50%) rotate(0deg);
			-ms-transform: translateY(-50%) rotate(0deg);
			-o-transform: translateY(-50%) rotate(0deg);
			transform: translateY(-50%) rotate(0deg);
			transition: transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
			-webkit-transition: -webkit-transform 0.3s;
			-o-transition: -o-transform 0.3s;
		}

		.rtlAr .verticalNav .mainNavLi .mainNavLiA>i,
		.rtlAr .menuPageIcon[data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
			right: auto;
			left: 10px
		}

		[data-position="rightWard"] .mainNavLi .mainNavLiA>i {
			-webkit-transform: translateY(-50%) rotate(-90deg);
			-khtml-transform: translateY(-50%) rotate(-90deg);
			-moz-transform: translateY(-50%) rotate(-90deg);
			-ms-transform: translateY(-50%) rotate(-90deg);
			-o-transform: translateY(-50%) rotate(-90deg);
			transform: translateY(-50%) rotate(-90deg);
		}

		.rtlAr [data-position="rightWard"] .mainNavLi .mainNavLiA>i {
			-webkit-transform: translateY(-50%) rotate(90deg);
			-khtml-transform: translateY(-50%) rotate(90deg);
			-moz-transform: translateY(-50%) rotate(90deg);
			-ms-transform: translateY(-50%) rotate(90deg);
			-o-transform: translateY(-50%) rotate(90deg);
			transform: translateY(-50%) rotate(90deg);
		}

		[data-position="downWard"] .mainNavLi .nav-submenu {
			width: 100% !important;
			left: 0;
		}

		[data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
			transform: rotate(180deg) translateY(50%);
			-webkit-transform: rotate(180deg) translateY(50%);
			-moz-transform: rotate(180deg) translateY(50%);
			-ms-transform: rotate(180deg) translateY(50%);
			-o-transform: rotate(180deg) translateY(50%);
		}

		[data-position="downWard"] .mainNavLi>.nav-submenu,
		[data-position="downWard"] .mainNavLi>.nav-submenu .nav-submenu {
			width: 100% !important
		}

		/*.menuPageIcon[data-position="downWard"] [data-index="2"] .subnavbtn{text-indent:1em}
.menuPageIcon[data-position="downWard"] [data-index="3"] .subnavbtn{text-indent:2em}
.menuPageIcon[data-position="downWard"] [data-index="4"] .subnavbtn{text-indent:3em}*/
		[data-position="rightWard"] .nav-submenu>li>.nav-submenu {
			position: absolute;
		}

		.menubox {
			position: relative;
		}

		.nav {
			zoom: 1;
		}

		.nav:after {
			clear: both;
			content: '';
			display: block;
			width: 0;
			height: 0;
			visibility: hidden;
		}

		.pcMainnav {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			flex-wrap: wrap;
		}

		.pcMainnav>li,
		.pcMainnav li a p {
			display: inline-block
		}

		.nav,
		.pcMainnav>li,
		.pcMainnav>li>a {
			position: relative;
		}

		.nav .menuItemEqual>li .mainNavLiA {
			display: block;
		}

		.pcMainnav .menuItemEqual {
			flex-wrap: nowrap;
		}

		.pcMainnav>li:last-of-type {
			margin-right: 0 !important
		}

		.rtlAr .pcMainnav>li:last-of-type {
			margin-left: 0 !important
		}

		.nav .menuItemLayout>li>a {
			display: block;
		}

		.pcMainnav>li>a {
			display: inline-block;
		}

		.nav i {
			font-style: initial;
		}

		.nav .pcMainnav>li .mainNavLiA {
			cursor: pointer;
		}

		.nav .pcMainnav>li>.mainNavLiA {
			outline: 0;
			white-space: nowrap;
			box-sizing: border-box;
		}

		.nav .pcMainnav .mainNavLi {
			list-style: none;
			display: inline-block;
		}

		.pcMainnav .mainNavLi .mainNavLiA p,
		.pcMainnav .nav-submenu li a p {
			display: inline-block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			vertical-align: middle;
			box-sizing: border-box;
		}

		.nav .mainNav .mainNavLi .mainNavLiA i {
			font-size: 13px;
			margin-left: 10px;
			vertical-align: middle;
		}

		.rtlAr .nav .mainNav .mainNavLi .mainNavLiA i {
			margin-right: 10px;
		}

		.mainNavLi .editShowsubmenu {
			display: block;
		}

		.pcMainnav .nav-submenu li a p {
			padding-right: 10px;
		}

		/*.pcMainnav  .showArrowstyle .mainNavLiA>p{max-width:calc(100% - 23px);}*/
		@media screen and (max-width: 960px) {
			.nav .pcMainnav>li {
				width: auto !important;
			}
		}

		.pcMainnav .subMenuAligncenter>.nav-submenu {
			left: 50% !important;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
		}

		.pcMainnav .subMenuAlignright>.nav-submenu {
			left: auto !important;
			right: 0
		}

		.listBox,
		.rList2 .listBox .Imgbox,
		.rList2 .listBox .listCon {
			display: inline-block;
		}

		.proList .listBox .ImghidCont {
			overflow: hidden;
		}

		#catsys {
			position: relative;
			top: 0;
			left: 0;
			display: block;
		}

		.hoverListCont {
			position: relative;
			top: 0;
			left: 0;
		}

		.listBox,
		.listBoxHref {
			box-sizing: border-box;
		}

		.listBoxHref,
		.rListRow .listBox .listBoxHref {
			position: relative;
		}

		.listBoxHref {
			height: auto;
		}

		.rList,
		.rowList,
		.rowList .colList {
			position: relative;
		}

		.listBoxHref,
		.rList2 .proList,
		.rList2 .listBox {
			display: block;
		}

		.rList1 .listBox .Imgbox .img {
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			inset: 0px;
			margin: auto;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.listDisplaygrid .listBox {
			margin-bottom: 0px !important;
		}

		.listDisplaygrid .listBox .listBoxHref {
			margin-right: 0px !important;
			margin-left: 0px !important;
		}

		.rListCol .bx-controls-direction .bx-prev,
		.rListCol .bx-controls-direction .bx-next {
			position: absolute;
			top: 50%;
			margin-top: -25px;
			outline: 0;
			width: 50px;
			height: 50px;
			cursor: pointer;
			z-index: 1;
			text-align: center;
			line-height: 50px;
			background: rgba(0, 0, 0, 0.2);
		}

		.rListCol .bx-controls-direction .yiyingbaoicon {
			color: rgb(255, 255, 255);
			font-size: 22px;
		}

		.listrowCol .bx-controls-direction .bx-prev,
		.listrowCol .bx-controls-direction .bx-next {
			position: absolute;
			left: 50%;
			margin-left: -25px;
			outline: 0;
			width: 50px;
			height: 24px;
			line-height: 24px;
			cursor: pointer;
			z-index: 999;
			margin-top: 0px;
			text-align: center;
			background: rgba(0, 0, 0, 0.2);
		}

		.listrowCol .bx-controls-direction .bx-prev {
			top: 0px;
		}

		.listrowCol .bx-controls-direction .bx-next {
			bottom: 0px;
			top: auto;
		}

		.listrowCol .bx-controls-direction .yiyingbaoicon {
			color: rgb(255, 255, 255);
			font-size: 18px;
		}

		.rListCol .seamlessRolling .bx-prev {
			left: 10px;
		}

		.rListCol .seamlessRolling .bx-next {
			right: 10px;
		}

		.listrowCol .seamlessRolling .bx-prev {
			top: 0px;
		}

		.listrowCol .seamlessRolling .bx-next {
			bottom: 0px;
		}

		.switchInmage .activeImage,
		.switchInmage:hover .firstImage {
			z-index: -5;
			opacity: 0;
			transition: 0.3s;
		}

		.switchInmage:hover .activeImage {
			z-index: 100;
			opacity: 1;
		}

		.proList {
			display: flex;
			flex-wrap: wrap;
			-webkit-box-align: stretch;
			align-items: stretch;
		}

		.listBox {
			display: inline-block;
			box-sizing: border-box;
			position: relative;
		}

		.rList1 .listBox .Imgbox {
			width: 100%;
			height: auto;
			overflow: hidden;
		}

		.rList .hoverImg .img {
			object-fit: cover;
		}

		.rList1 .listBox .listTxt p {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
		}

		.rList1 .listBox .Imgbox,
		.rList2 .listBox .Imgbox,
		.rList3 .listBox .Imgbox {
			text-align: center;
			position: relative;
		}

		.rList .bx-viewport>.proList>li {
			padding-top: 5px;
			padding-bottom: 5px;
		}

		.listrowCol .listBox {
			zoom: 1;
			vertical-align: top
		}

		.listrowCol .proList li {
			display: inline-block;
			width: 100%;
		}

		.listrowCol .Imgbox {
			padding-top: 60%;
		}

		.listrowCol .listBox .Imgbox .img {
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			inset: 0px;
			margin: auto;
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

		.img {
			display: inherit;
			max-width: 100%;
			width: 100%;
			height: auto;
			max-height: 100%;
			margin: auto;
			box-sizing: border-box;
		}

		.ImghidCont {
			overflow: hidden;
		}

		.rowcol .ImghidCont {
			position: relative;
		}

		.imgHoverAn {
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			display: block;
			transform: scale(1);
			transform: rotate(0);
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}

		.hoverImg {
			position: relative;
			overflow: hidden;
			display: block;
		}

		.hoverImg .p-more {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 100%;
			transition: 0.5s;
			padding: 0 30px;
			display: flex;
			align-items: center;
		}

		.hoverImg:hover .p-more {
			top: 0px;
		}

		.hoverImg .p-more .imgHref {
			color: #fff;
			display: block;
			margin: 0 auto;
			padding: 5px 0;
			margin-top: 25%;
			text-align: center;
			font-size: 16px;
			line-height: 1.5;
		}

		.hoverImg .p-more .imgHref .title {
			margin-bottom: 15px;
		}

		.hoverImg .p-more .imgHref span {
			width: 43px;
			height: 43px;
			background: #fff;
			display: block;
			border-radius: 25px;
			margin: 15px auto 0;
		}

		.rList .hoverImg .img {
			object-fit: cover;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}

		.videoPopupBox {
			position: fixed;
			z-index: 110000;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.6);
		}

		.popupVideoDiv {
			position: relative;
			left: calc((100% - 60%) / 2);
			top: calc((100% - 60%) / 2);
			width: 60%;
			height: 60%;
		}

		.videoPopupBox video {
			width: 100%;
			height: 100%;
			background-color: #000;
		}

		.videoPopupBox .vidoeClose {
			position: absolute;
			right: 1rem;
			top: 1rem;
			width: 36px;
			height: 36px;
			cursor: pointer;
			background: rgba(255, 255, 255, 0.8);
			border-radius: 50%;
			text-align: center;
			line-height: 36px;
			z-index: 999;
			font-size: 24px;
			color: #3a3d49;
			font-style: normal;
		}

		/*图片放大+遮罩层渐现*/
		.hoverImg.hoverImglarge .img {
			transform: scale(1);
			transition: all .5s;
		}

		.hoverImg.hoverImglarge .p-more {
			width: 100%;
			min-height: 100%;
			position: absolute;
			top: 0;
			transition: 0.5s;
			display: flex;
			align-items: center;
			height: auto;
			padding: 0 30px;
			opacity: 0
		}

		.hoverImg.hoverImglarge:hover .p-more {
			opacity: 1
		}

		.hoverImg.hoverImg .p-more .imgHref {
			color: #fff;
			display: block;
			margin: 0 auto;
			padding: 5px 0;
			text-align: center;
			font-size: 16px;
		}

		.hoverImg.hoverImg .p-more .imgHref .title {
			margin-bottom: 15px;
		}

		.hoverImg.hoverImg .p-more .imgHref span {
			width: 43px;
			height: 43px;
			background: #fff;
			display: block;
			border-radius: 25px;
			margin: 15px auto 0;
		}

		.hoverImg.hoverImglarge:hover .img,
		.rList .hoverImglarge:hover .img {
			transform: scale(1.3);
			transition: all .5s;
		}

		/*图片缩小+遮罩层渐现*/
		.rList .hoverImg.hoverImgresize .img {
			object-fit: cover;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			transform: scale(1.3);
			transition: all .5s;
		}

		.hoverImg.hoverImgresize .p-more {
			width: 100%;
			min-height: 100%;
			position: absolute;
			top: 0;
			transition: 0.5s;
			display: flex;
			align-items: center;
			height: auto;
			padding: 0 30px;
			opacity: 0
		}

		.hoverImg.hoverImgresize .p-more:before {
			content: '';
			position: absolute;
			width: calc(100% - 60px);
			height: calc(100% - 60px);
			border: 3px solid #fff;
			box-sizing: border-box;
			transition-duration: 0.4s;
			transform-origin: 50% 50%;
			transform: scale(1.1) translate(0%, 0%);
			opacity: 0;
		}

		.hoverImg.hoverImgresize:hover .p-more {
			opacity: 1
		}

		.hoverImg.hoverImgresize:hover .p-more:before {
			transform: scale(1) translate(0%, 0%);
			opacity: 1;
		}

		.hoverImg.hoverImgresize .p-more .imgHref {
			color: #fff;
			display: block;
			margin: 0 auto;
			padding: 10px;
			text-align: center;
			font-size: 16px;
			transition-duration: 0.4s;
			transform-origin: 50% 50%;
			transform: scale(1) translate(0%, -50%);
			opacity: 0;
		}

		.hoverImg.hoverImgresize:hover .p-more .imgHref {
			transform: scale(1) translate(0%, 0%);
			opacity: 1;
		}

		.hoverImg.hoverImg .p-more .imgHref .title {
			margin-bottom: 15px;
		}

		.hoverImg.hoverImg .p-more .imgHref span {
			width: 43px;
			height: 43px;
			background: #fff;
			display: block;
			border-radius: 25px;
			margin: 15px auto 0;
		}

		.hoverImg.hoverImgresize .img {
			transform: scale(1.3);
			transition: all .5s;
		}

		.hoverImg.hoverImgresize:hover .img {
			transform: scale(1);
		}

		/*图片底部向上+遮罩层透明向右展开*/
		.hoverImg.hoverImgBottomup .p-more {
			width: 100%;
			height: 0;
			position: absolute;
			bottom: 0;
			transition: 0.5s;
			display: flex;
			align-items: center;
			padding: 0 30px;
			opacity: 0;
			z-index: 2;
			top: auto;
			min-height: 0;
		}

		.hoverImg.hoverImgBottomup:before {
			content: '';
			position: absolute;
			width: 0;
			height: 100%;
			box-sizing: border-box;
			transition-duration: 0.4s;
			transform-origin: 50% 50%;
			opacity: 0;
			z-index: 1;
			left: 0;
			top: 0;
		}

		.hoverImg.hoverImgBottomup:hover:before {
			width: 100%;
			background: rgba(179, 27, 41);
			opacity: 0.3;
		}

		.hoverImg.hoverImgBottomup:hover .p-more {
			opacity: 1;
			height: 40%;
			top: auto;
			min-height: 40%;
			bottom: 0;
		}

		.hoverImg.hoverImgBottomup:hover .p-more:before {
			transform: scale(1) translate(0%, 0%);
			opacity: 1;
		}

		.hoverImg.hoverImgBottomup .p-more .imgHref {
			color: #fff;
			display: block;
			margin: 0 auto;
			padding: 10px;
			text-align: center;
			font-size: 16px;
			transition-duration: 0.4s;
			transform-origin: 50% 50%;
			transform: scale(1) translate(0%, -50%);
			opacity: 0;
		}

		.hoverImg.hoverImgBottomup:hover .p-more .imgHref {
			transform: scale(1) translate(0%, 0%);
			opacity: 1;
		}

		/*遮罩层左侧渐入*/
		.hoverImg.leftGradually .p-more {
			width: 0;
			height: 100%;
			position: absolute;
			top: 0;
			transition: 0.5s;
			display: flex;
			align-items: center;
			padding: 0 30px;
			opacity: 0;
			z-index: 2;
		}

		.hoverImg.leftGradually:hover .p-more {
			opacity: 1;
			width: 100%;
		}

		/*遮罩层右侧渐入*/
		.hoverImg.rightGradually .p-more {
			width: 0;
			height: 100%;
			top: 0;
			display: flex;
			align-items: center;
			padding: 0 30px;
			opacity: 0;
			z-index: 2;
			right: 0;
		}

		.hoverImg.rightGradually:hover .p-more {
			opacity: 1;
			width: 100%;
			right: 0;
			left: auto;
		}

		/*遮罩层顶部渐入*/
		.hoverImg.topGradually .p-more {
			width: 100%;
			height: 0;
			top: 0;
			display: flex;
			align-items: center;
			padding: 0 30px;
			opacity: 0;
			z-index: 2;
			left: 0
		}

		.hoverImg.topGradually:hover .p-more {
			opacity: 1;
			height: 100%;
		}

		/*遮罩层底部渐入*/
		.hoverImg.bottomGradually .p-more {
			width: 100%;
			height: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			opacity: 0;
			z-index: 2;
			left: 0;
			top: auto
		}

		.hoverImg.bottomGradually:hover .p-more {
			opacity: 1;
			height: 100%;
			top: auto;
			bottom: 0;
		}

		/*遮罩层中间向两边展开*/
		.hoverImg.middleUnfolding .p-more {
			transform: scale3d(0, 1, 0);
			transform-origin: center;
			opacity: 0;
			-webkit-transform: scale3d(0, 1, 0);
			-webkit-transform-origin: center;
			visibility: hidden;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}

		.hoverImg.middleUnfolding:hover .p-more {
			opacity: 1;
			transform: scale3d(1, 1, 1);
			-webkit-transform: scale3d(1, 1, 1);
			visibility: visible;
			height: 100%;
		}

		img.lazyload[src=''],
		img.lazyload:not([src]) {
			opacity: 0;
		}

		.langBox,
		.langList {
			box-sizing: border-box;
		}

		.langBox .langA {
			box-sizing: border-box;
			display: inline-block;
			vertical-align: middle;
			position: relative;
		}

		.langBox .langIcon {
			box-sizing: border-box;
			display: inline-block;
			vertical-align: middle;
			background-position: center;
			background-repeat: no-repeat;
		}

		.langBox .langText {
			vertical-align: middle;
		}

		.dropbtn {
			cursor: pointer;
		}

		.dropdown {
			position: relative;
		}

		.dropbtn span {
			display: inline-block
		}

		.dropdown-content {
			position: absolute;
			background-color: #fff;
			min-width: 100%;
			width: auto;
			left: 50%;
			box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
			transform: translateX(-50%);
			top: 100%;
			z-index: 1000;
			padding: 5px 0 0 0;
			border: 1px solid #EBEBEB;
		}

		.dropdown-content li {
			list-style: none;
			padding: 8px 0
		}

		.dropdown-content li:hover {
			background: #EBEBEB;
		}

		.dropdown-content li[data-selected="1"] {
			background: rgba(0, 0, 0, 0.04);
		}

		.dropdown-content li .langIcon {
			max-width: 24px;
			max-height: 24px;
			line-height: 24px
		}

		.dropdown-content li .radioLanguage {
			display: none
		}

		.dropdown-content li label {
			position: relative;
			padding-left: 44px;
		}

		.dropdown-content li label::after {
			position: absolute;
			top: 1px;
			left: 14px;
			width: 16px;
			height: 16px;
			display: inline-block;
			border: 1px solid #3f3f3f;
			content: ' ';
			border-radius: 8px;
		}

		.dropdown-content li .radioLanguage:checked+label::before {
			content: "";
			top: 5px;
			left: 18px;
			width: 8px;
			height: 8px;
			border-radius: 5px;
			background: #000;
			position: absolute;
		}

		.dropdown-content li .radioLanguage:checked+label::after {
			content: "";
			border: 1px solid #000;
		}

		.selLang,
		.selLang .langBox {
			display: block;
		}

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

		.selLang .langList {
			display: block;
			width: 100%;
		}

		.selLang .lanNav .langA {
			width: calc(100% - 20px);
		}

		.selLang .inPut {
			display: none;
		}

		.selLang .lanNav {
			cursor: pointer;
		}

		.selLang .langDown {
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			inset: 0px;
			z-index: 99;
		}

		.selLang .lanDown {
			position: absolute;
			width: 100%;
			display: none;
			opacity: 1;
			z-index: 2;
			overflow: hidden;
		}

		.selLang .inPut:checked~.lanDown {
			display: block;
			opacity: 1;
		}

		.langBox.selLang .lanNav>.yiyingbaoicon {
			font-size: 12px;
		}

		.nav-submenu .nav-submenuA {
			position: relative
		}

		.nav-submenu li .nav-submenuA i {
			position: absolute;
			font-size: 16px;
			line-height: 22px;
			letter-spacing: 0.07em;
			right: 10px;
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(0deg);
			-khtml-transform: translateY(-50%) rotate(0deg);
			-moz-transform: translateY(-50%) rotate(0deg);
			-ms-transform: translateY(-50%) rotate(0deg);
			-o-transform: translateY(-50%) rotate(0deg);
			transform: translateY(-50%) rotate(0deg);
			transition: transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
			-webkit-transition: -webkit-transform 0.3s;
			-o-transition: -o-transform 0.3s;
		}

		[data-position="downWard"] .nav-submenu li a i,
		.menuPageIcon[data-position="downWard"] .nav-submenu li:hover a i {
			-webkit-transform: translateY(-50%) rotate(90deg);
			-khtml-transform: translateY(-50%) rotate(90deg);
			-moz-transform: translateY(-50%) rotate(90deg);
			-ms-transform: translateY(-50%) rotate(90deg);
			-o-transform: translateY(-50%) rotate(90deg);
			transform: translateY(-50%) rotate(90deg);
		}

		[data-position="downWard"] .nav-submenu li>.nav-submenuA:hover i {
			-webkit-transform: translateY(-50%) rotate(270deg);
			-khtml-transform: translateY(-50%) rotate(270deg);
			-moz-transform: translateY(-50%) rotate(270deg);
			-ms-transform: translateY(-50%) rotate(270deg);
			-o-transform: translateY(-50%) rotate(270deg);
			transform: translateY(-50%) rotate(270deg);
		}

		.mainNav .nav-submenu {
			margin: 0;
			list-style: none;
			z-index: 1999;
			position: absolute;
			top: 100%;
			box-sizing: border-box;
			width: auto;
			display: none
		}

		.verticalNav .nav-submenu {
			margin: 0;
			list-style: none;
			box-sizing: border-box;
			width: 100%;
			display: none
		}

		.nav-submenu li {
			display: block;
			width: 100%;
			position: relative;
		}

		.nav-submenu li .nav-submenuA p {
			box-sizing: border-box;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: inline-block;
			width: 100%
		}

		.nav-submenu .showArrowstyle>.nav-submenuA>.subnavbtn,
		.nav-submenu .nav-submenu .showArrowstyle>.nav-submenuA>.subnavbtn {
			display: inline-block;
			width: calc(100% - 28px);
		}

		.verticalNav[data-position="downWard"] .nav-submenu li .nav-submenu .nav-submenuA .subnavbtn {
			padding-left: 40px !important;
		}

		.nav-submenu>li>.nav-submenu {
			top: 0px;
			left: 100%;
			display: none;
		}

		.pcMainnav .nav-submenu>li:hover>.nav-submenu,
		.verticalNav[data-mouse="onmouseover"] .nav-submenu>li:hover>.nav-submenu {
			display: block;
		}

		.boxCont {
			position: relative;
			padding: 0.1px 0px;
		}

		.boxContent,
		.boxCont {
			position: relative;
		}

		.hoverBoxCont {
			top: 0;
			left: 0;
		}

		.box_link {
			display: none;
		}

		[data-link="1"] {
			cursor: pointer;
		}

		.pageBtnCon li {
			display: inline-block;
			width: auto;
			text-align: center;
			margin: 0px 3px;
			box-sizing: border-box;
		}

		.pageBtnCon li a {
			padding: 0px 6px;
			display: block;
			transition: background-color 0.25s linear, color 0.25s linear;
			min-width: 30px;
			height: 30px;
			line-height: 30px;
		}

		.pageBtnCon li a.active,
		.pageBtnCon li a:hover {
			line-height: 30px;
		}

		.pagePre>i,
		.pageNext>i {
			font-size: 14px;
		}

		.submenu-nav {
			display: none;
			box-sizing: border-box;
			padding: 10px;
		}

		.submenu-nav .verticalNav,
		.submenu-nav .vershowsubNav {
			display: flex;
			flex-direction: column;
		}

		.submenu-nav [data-position="downWard"] .nav-submenu {
			position: relative;
			left: 0px;
		}

		.socialsBox {
			vertical-align: middle;
			box-sizing: border-box;
		}

		.socialsBox .langList,
		.langBox .langList {
			box-sizing: border-box;
			display: inline-block;
			vertical-align: middle;
			position: relative;
		}

		.langBox .langList .langIcon,
		.langBox .langList .langText {
			vertical-align: middle;
		}

		.socialsBox .langIcon,
		.socialsBox .langText {
			vertical-align: middle;
		}
	</style>

	<style>
		#SITE_HEADER .nav .dropdown .products img,
		#SITE_HEADER .header-products img,
		#SITE_HEADER .product-list img {
			box-shadow: none !important;
		}

		#SITE_HEADER {
			transition: background-color 0.3s ease;
		}

		#SITE_HEADER.previewHead {
			position: fixed;
		}

		#SITE_HEADER[data-float='true'][data-float-position='suspend'] {
			position: fixed;
		}

		#SITE_HEADER>.rowListBg {
			background: none;
		}

		#myxuvx {
			max-width: 100%;
			background: rgba(0, 0, 0, 0);
		}

		#SITE_FOOTER {
			background: rgba(0, 0, 0, 1);
		}

		#SITE_FOOTER>.rowListBg {
			background: none no-repeat center center / cover;
			background-position: center center;
			background-attachment: initial;
			opacity: 0.4;
		}

		@media screen and (max-width:960px) {
			#SITE_FOOTER {
				margin: 0 0 0 0;
				display: none;
			}
		}

		#SITE_PANEL {
			width: 100%;
		}

		#SITE_PANEL .SITE_PANELLi {
			border-bottom: 1px solid #eee;
		}

		#SITE_PANEL .SITE_PANELA,
		#SITE_PANEL .nav-submenuA {
			font-weight: normal;
			font-size: 15px;
			color: rgb(67, 67, 67);
			background-color: rgb(255, 255, 255);
		}

		#SITE_PANEL .SITE_PANELA.paneltextShow p,
		#SITE_PANEL .nav-submenuA p,
		#SITE_PANEL .SITE_PANELA .btnIcon,
		#SITE_PANEL .nav-submenuA .btnIcon,
		.sideTrigger~.nav-icon {
			height: 46px;
			line-height: 46px;
		}

		#SITE_PANEL .SITE_PANELA.panellineFeed p,
		#SITE_PANEL .nav-submenuA.panellineFeed p {
			min-height: 46px;
			line-height: 46px;
		}

		#SITE_PANEL .SITE_PANELA p {
			padding-left: 31px;
		}

		#SITE_PANEL .SITE_PANELA.selected,
		#SITE_PANEL .nav-submenuA.selected {
			background-color: rgba(72, 83, 104, 1);
			font-size: 16px;
			color: rgb(255, 255, 255);
		}

		@media screen and (min-width:961px) {
			#SITE_PANEL {
				display: none;
			}
		}

		#cXNEWBU {
			left: 0%;
			top: 0%;
			position: fixed;
			z-index: 3201;
		}

		.lightboxHidden {
			display: none;
		}

		#cXNEWBU>.lightboxModalOpc {
			background: rgba(67, 67, 67, 0.4);
		}

		#c9V4F2l {
			left: 0%;
			top: 0%;
			position: fixed;
			z-index: 3201;
		}

		.lightboxHidden {
			display: none;
		}

		#c9V4F2l>.lightboxModalOpc {
			background: #f5f5f5;
		}

		#cyrv29p {
			right: 1%;
			bottom: 1%;
			position: fixed;
			z-index: 3000;
			background-color: rgba(255, 255, 255, 1);
			box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.22);
			border-radius: 7px;
		}

		.cyrv29psLi .cyrv29psBt {
			width: 70px;
			height: 55px;
			background-color: rgba(255, 255, 255, 1);
		}

		.cyrv29psLi:first-child .cyrv29psBt {
			border-radius: 7px 7px 0 0;
		}

		.cyrv29psLi:last-child .cyrv29psBt {
			border-radius: 0 0 7px 7px;
		}

		.cyrv29psTe {
			color: var(--themeColor1);
			font-size: calc(1.4rem + 5px);
		}

		.cyrv29psLi .sBtn .cyrv29psIc {
			font-size: 2.1rem;
			background-size: 2.1rem;
			color: var(--themeColor1);
		}

		.cyrv29psLi:hover .sBtn .cyrv29psIc {
			font-size: 2rem;
			background-size: 2rem;
			color: rgba(255, 255, 255, 1);
		}

		.cyrv29psLi .cyrv29psBt .sideItemText {
			font-weight: normal;
			font-size: 1.4rem;
		}

		.cyrv29psLi:hover .cyrv29psBt .sideItemText {
			font-size: 1.4rem;
			color: rgba(255, 255, 255, 1);
		}

		.cyrv29psLi .sCoBtn .shBtn .cyrv29psIc {
			font-size: 2rem;
			background-size: 2rem;
			color: rgba(255, 255, 255, 1);
			width: 70px;
			height: 55px;
			line-height: 55px;
		}

		.cyrv29psLi .sBtn .cyrv29psIc .sliderIconImg {
			width: 2.1rem;
			height: 2.1rem;
			object-fit: contain;
		}

		.cyrv29psLi .sCoBtn .cyrv29psIc .sliderIconImg {
			width: 2rem;
			height: 2rem;
			object-fit: contain;
		}

		#cyrv29p .basSi .cyrv29psLi:hover .sBtHover {
			background-color: var(--themeColor1);
		}

		#cyrv29p.newSidebar1 .basSi .sList .shBtn {
			background-color: rgba(255, 255, 255, 1);
		}

		.row_line .cPoPj9hrow_col {
			width: 100%;
			border-top: 2px solid rgb(33, 150, 243);
		}

		.cPoPj9hrow_col.hidden {
			display: none;
		}

		.cPoPj9hrow_col>.rowListBg {
			background: none;
		}

		.cPoPj9hrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		#c9ZukYB {
			margin: -12rem 0% 0% 0%;
		}

		#c9ZukYB>.advanced-fixed {
			height: 450px;
		}

		#c9ZukYB .advanced-btn button {
			width: 8px;
			height: 8px;
			border-radius: 8px;
		}

		#c9ZukYB .advanced-content .advanced-item>.componentsBox {
			padding: 1% 8% 1% 8%;
		}

		#c9ZukYB>.advanced-custom,
		#c9ZukYB>.advanced-custom .advanced-item>.componentsBox,
		#c9ZukYB>.advanced-custom .advanced-item>.componentsBox>.rowList {
			min-height: 450px;
			min-height: clamp(236px, 23vw, 450px);
		}

		#c9ZukYB .advanced-arrow .left-icon {
			transform: scale(1);
		}

		#c9ZukYB .advanced-arrow .right-icon {
			transform: scale(1);
		}

		#c9ZukYB .advanced-arrow .right-icon .yiyingbaoicon,
		#c9ZukYB .advanced-arrow .left-icon .yiyingbaoicon {
			color: rgb(255, 255, 255);
		}

		@media screen and (min-width:961px) and (max-width:1903px) {
			#document>.auto-margin>#c9ZukYB .advanced-content .advanced-item>.componentsBox {
				padding-right: 8%;
				padding-left: 8%;
				padding-left: calc((100% - 1598.52px) / 16 * 8);
				padding-right: calc((100% - 1598.52px) / 16 * 8);
			}
		}

		@media screen and (min-width:961px) {
			.cQVjmHK {
				padding-top: 3%;
				padding-bottom: 4%;
				padding-right: 6%;
				padding-left: 6%;
			}

			.cQVjmHK>.rowList>.col {
				padding-left: 1%;
				padding-right: 1%;
			}

			.cQVjmHK>.gridLayout {
				display: grid;
			}

			.cQVjmHK>.gridLayout>.col {
				width: 100%;
			}

			.cQVjmHK>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		@media screen and (min-width:961px) and (max-width:1845px) {
			#document>.auto-margin>.cQVjmHK {
				padding-right: 6%;
				padding-left: 6%;
				padding-left: calc((100% - 1623.6px) / 12 * 6);
				padding-right: calc((100% - 1623.6px) / 12 * 6);
			}
		}

		@media screen and (min-width:961px) {
			.cCiaLu6 {
				padding-top: 4%;
				padding-bottom: 1%;
				padding-right: 10%;
				padding-left: 10%;
			}

			.cCiaLu6>.rowList>.col {
				padding-left: 2%;
				padding-right: 2%;
			}

			.cCiaLu6>.gridLayout {
				display: grid;
			}

			.cCiaLu6>.gridLayout>.col {
				width: 100%;
			}

			.cCiaLu6>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		@media screen and (min-width:961px) and (max-width:1905px) {
			#document>.auto-margin>.cCiaLu6 {
				padding-right: 10%;
				padding-left: 10%;
				padding-left: calc((100% - 1524px) / 20 * 10);
				padding-right: calc((100% - 1524px) / 20 * 10);
			}
		}

		#clIGvoI {
			background-color: rgb(255, 255, 255);
			width: 60%;
			height: 640px;
			border-radius: 14px;
		}

		#clIGvoI>.lightboxBg {
			border-radius: 14px;
		}

		@media screen and (min-width:961px) {
			#clIGvoI {
				left: calc((100% - 60%) / 2);
				top: calc((100% - 640px) / 2);
			}

			.clIGvoIlightbox {
				padding: 2% 2% 2% 2%;
			}
		}

		#cmIi2bo {
			background-color: rgba(38, 38, 38, 1);
			width: 50%;
			height: 14%;
		}

		@media screen and (min-width:961px) {
			#cmIi2bo {
				left: calc((100% - 50%) / 2);
				top: 14%;
			}

			.cmIi2bolightbox {
				padding: 2% 2% 2% 2%;
			}
		}

		.cXigKRo {
			background-color: rgba(0, 0, 0, 0.5);
		}

		.cXigKRo>.rowListBg {
			background: none;
		}

		@media screen and (min-width:961px) {
			.cXigKRo {
				padding-right: 4%;
				padding-left: 4%;
			}

			.cXigKRo>.rowColumnBox>.rowcol {
				padding: 0px 1%;
			}

			.cXigKRo>.gridLayout {
				display: grid;
			}

			.cXigKRo>.gridLayout>.rowcol {
				width: 100%;
			}

			.cXigKRo>.gridColsUnequal {
				grid-template-columns: minmax(0, 15fr) minmax(0, 64fr) minmax(0, 11fr) minmax(0, 10fr) !important;
			}
		}

		@media screen and (min-width:961px) and (max-width:1845px) {
			#document>.auto-margin>.cXigKRo {
				padding-right: 4%;
				padding-left: 4%;
				padding-left: calc((100% - 1697.4px) / 8 * 4);
				padding-right: calc((100% - 1697.4px) / 8 * 4);
			}
		}

		#ckjxbjH {
			background-color: rgba(0, 0, 0, 1);
		}

		#ckjxbjH>.rowListBg.rowBgEdit {
			background-image: url(static/image/1787886673951799454389514240.jpg);
		}

		#ckjxbjH>.rowListBg {
			background: none no-repeat center center / cover;
			background-position: center bottom;
			opacity: 0.7;
		}

		@media screen and (min-width:961px) {
			#ckjxbjH {
				height: 100%;
			}
		}

		.cSFtdG8cL {
			width: 20%;
		}

		.cSFtdG8cL.hidden {
			display: none;
		}

		.cSFtdG8cL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.c6myVGMcL {
			width: 80%;
		}

		.c6myVGMcL.hidden {
			display: none;
		}

		.c6myVGMcL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.ckCZRbPcL {
			width: 100%;
		}

		.ckCZRbPcL.hidden {
			display: none;
		}

		.ckCZRbPcL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.cvsG0zaA {
			margin: 0% auto 0% auto;
		}

		.cvsG0zaA[data-functionallink='lightboxClose'] {
			right: 5px;
			top: 5px;
			position: absolute !important;
			z-index: 999;
			left: auto;
		}

		.cvsG0zaIc {
			padding: 2px 2px 2px 2px;
			width: 3rem;
			height: 3rem;
			line-height: 3rem;
			font-size: 3rem;
			color: #fff;
			background: #d0482e;
		}

		.cvsG0zaIc:hover,
		.boxHoverParent:hover .cvsG0zaIc {
			font-size: 3rem;
			color: #fff;
		}

		.cvsG0zaIc .btnImg {
			width: 3rem;
			height: 3rem;
		}

		.cvsG0zaA:hover .cvsG0zaIc .btnImg {
			width: 3rem;
			height: 3rem;
		}

		.cymv1uIA {
			margin: 2.3rem 0.77% 0rem 0%;
			font-weight: bold;
			font-size: 4rem;
			line-height: 170%;
			color: rgba(13, 13, 13, 1);
			text-align: center;
			text-transform: capitalize;
		}

		.cymv1uIA .pagepointA {
			font-weight: bold;
			font-size: 4rem;
			line-height: 170%;
			color: rgba(13, 13, 13, 1);
			text-transform: capitalize;
		}

		.cymv1uIA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cymv1uIA.overflowHiding {
			overflow: hidden;
		}

		.cymv1uIA.overflowScrolling {
			overflow-y: auto;
		}

		.cpKmDOAA {
			margin: 1.8rem 0% 0rem 0%;
			font-size: 1.6rem;
			line-height: 170%;
			color: rgb(0, 0, 0);
			text-align: center;
		}

		.cpKmDOAA .pagepointA {
			font-size: 1.6rem;
			line-height: 170%;
			color: rgb(0, 0, 0);
		}

		.cpKmDOAA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cpKmDOAA.overflowHiding {
			overflow: hidden;
		}

		.cpKmDOAA.overflowScrolling {
			overflow-y: auto;
		}

		.cvvdopCcL .fRi .select-box .select-cont .select-list .checked {
			color: #409eff;
			font-weight: 700;
			background-color: #f5f7fa;
		}

		.cvvdopCcL .fRi .select-box .select-input .select-search {
			font-size: 1.8rem;
			color: rgb(166, 166, 166);
			position: absolute;
			top: 50%;
			right: 10px;
			transform: translate(0, -50%);
			height: auto;
		}

		.cvvdopCcL .fRi .select-box .select-cont .select-list .item:hover {
			background-color: #f5f7fa;
		}

		.cvvdopCcL .fRi .select-box .select-cont .select-list .item {
			list-style: none;
			font-size: 1.4rem;
			padding: 0 10px;
			position: relative;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #606266;
			height: 34px;
			line-height: 34px;
			box-sizing: border-box;
			cursor: pointer;
			color: rgba(165, 165, 165, 1);
		}

		.cvvdopCcL .fRi .select-box .select-cont .select-list {
			padding: 6px;
		}

		.cvvdopCcL .fRi .select-box .select-cont::-webkit-scrollbar {
			width: 0 !important;
		}

		.cvvdopCcL .fRi .select-box .select-cont {
			display: none;
			z-index: 1000;
			width: 100%;
			height: 200px;
			position: absolute;
			margin-top: 3px;
			background: rgb(255, 255, 255);
			border: 1px solid rgb(209, 208, 208);
			overflow: scroll;
			overflow-x: hidden;
			overflow: -moz-scrollbars-none;
			-ms-overflow-style: none;
		}

		.cvvdopCcL .fRi .select-box {
			width: 100%;
		}

		.cvvdopCcL .fRi .select-box .select-input {
			width: 100%;
			display: flex;
			position: relative;
		}

		#cvvdopC {
			margin: 2rem 3% 0rem 3%;
		}

		#cvvdopC .cvvdopCcL {
			margin-bottom: 1.8rem;
			width: calc(100%/2 - 0.9rem);
		}

		#cvvdopC .cvvdopCcL.formRadioRow1 .formRadioBox .cvvdopCcL,
		#cvvdopC .cvvdopCcL.formRadioRow1 .formCheckBox .cvvdopCcL {
			width: 100%;
		}

		#cvvdopC .cvvdopCcL.formRadioRow2 .formRadioBox .cvvdopCcL,
		#cvvdopC .cvvdopCcL.formRadioRow2 .formCheckBox .cvvdopCcL {
			width: calc(50% - 8px);
			margin-right: 5px;
		}

		#cvvdopC .cvvdopCcL.formRadioRow3 .formRadioBox .cvvdopCcL,
		#cvvdopC .cvvdopCcL.formRadioRow3 .formCheckBox .cvvdopCcL {
			width: calc(33.33% - 8px);
			margin-right: 5px;
		}

		#cvvdopC .cvvdopCcL.formRadioRow4 .formRadioBox .cvvdopCcL,
		#cvvdopC .cvvdopCcL.formRadioRow4 .formCheckBox .cvvdopCcL {
			width: calc(25% - 8px);
			margin-right: 5px;
		}

		.cvvdopCcL .cvvdopCSt {
			font-size: 1.5rem;
			color: rgba(128, 139, 158, 1);
		}

		#cvvdopC .areaCodeParent {
			display: flex;
		}

		#cvvdopC .areaCodeParent .areaCodeSelect {
			width: 98px;
			margin-right: 8px;
		}

		.cvvdopCcL .fRi>input,
		.cvvdopCcL .fRi .form_Select,
		.cvvdopCcL .fRi .select-input input,
		.cvvdopCcL .fRi .areaCodeSelect {
			height: 41px;
			padding-left: 8px;
			padding-right: 8px;
		}

		.cvvdopCcL .fRi>input,
		.cvvdopCcL .fRi>textarea,
		.cvvdopCcL .fRi .form_Select,
		.cvvdopCcL .fRi .select-input input,
		#cvvdopC .areaCodeParent .areaCodeSelect {
			background: rgb(255, 255, 255);
			border: 1px solid rgb(217, 217, 217);
			font-size: 1.4rem;
			color: rgba(165, 165, 165, 1);
		}

		.cvvdopCcL .fRi>textarea {
			padding: 8px;
			min-height: 122px;
		}

		.cvvdopCcL .fRi>textarea::placeholder {
			line-height: 1.4;
		}

		.cvvdopCcL .fRi>input::placeholder,
		.cvvdopCcL .fRi>textarea::placeholder,
		.cvvdopCcL .fRi .select-input input::placeholder {
			font-size: 1.4rem;
			color: rgba(165, 165, 165, 1);
		}

		.cvvdopCcL .fRi .cvvdopCsit {
			font-size: 1.4rem;
		}

		.cvvdopCcL .fRi .cvvdopCchecksit {
			font-size: 1.4rem;
		}

		.cxI3j83A {
			margin: 0% auto 0% auto;
		}

		.cxI3j83A[data-functionallink='lightboxClose'] {
			right: 5px;
			top: 5px;
			position: absolute !important;
			z-index: 999;
			left: auto;
		}

		.cxI3j83Ic {
			padding: 2px 2px 2px 2px;
			width: 3rem;
			height: 3rem;
			line-height: 3rem;
			font-size: 3rem;
			color: #fff;
			background: #d0482e;
		}

		.cxI3j83Ic:hover,
		.boxHoverParent:hover .cxI3j83Ic {
			font-size: 3rem;
			color: #fff;
		}

		.cxI3j83Ic .btnImg {
			width: 3rem;
			height: 3rem;
		}

		.cxI3j83A:hover .cxI3j83Ic .btnImg {
			width: 3rem;
			height: 3rem;
		}

		#cHTBhbt {
			margin: 0.99% 10.01% 1% 9.41%;
			border: 1px solid rgba(255, 255, 255, 1);
		}

		.cHTBhbtIn {
			font: 1.4px;
			text-align: left;
		}

		.row_line .cAzqQzirow_col {
			width: 15%;
		}

		.cAzqQzirow_col.hidden {
			display: none;
		}

		.cAzqQzirow_col>.rowListBg {
			background: none;
		}

		.cAzqQzirow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .c4NBdktrow_col {
			width: 64%;
		}

		.c4NBdktrow_col.hidden {
			display: none;
		}

		.c4NBdktrow_col>.rowListBg {
			background: none;
		}

		.c4NBdktrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cWQnZnzrow_col {
			width: 11%;
		}

		.cWQnZnzrow_col.hidden {
			display: none;
		}

		.cWQnZnzrow_col>.rowListBg {
			background: none;
		}

		.cWQnZnzrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cPoArZ4row_col {
			width: 10%;
			border-left: 1px solid rgba(255, 255, 255, 0.3);
		}

		.cPoArZ4row_col.hidden {
			display: none;
		}

		.cPoArZ4row_col>.rowListBg {
			background: none;
		}

		.cPoArZ4row_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.cEWMCgFA {
			margin: 17.54845rem 0% 0rem 0%;
			font-weight: bold;
			font-size: 5rem;
			line-height: 170%;
			color: rgba(255, 255, 255, 1);
			text-align: center;
		}

		.cEWMCgFA .pagepointA {
			font-weight: bold;
			font-size: 5rem;
			line-height: 170%;
			color: rgba(255, 255, 255, 1);
		}

		.cEWMCgFA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cEWMCgFA.overflowHiding {
			overflow: hidden;
		}

		.cEWMCgFA.overflowScrolling {
			overflow-y: auto;
		}

		#clBjIx9 {
			margin: 0% 0% 2% 0%;
			padding: 10px 10px 10px 10px;
		}

		#clBjIx9 .CrumbsBox {
			text-align: center;
			position: relative;
		}

		#clBjIx9 .overflowScrolling {
			overflow: auto;
			white-space: nowrap;
		}

		.clBjIx9Font,
		.clBjIx9Font a {
			font-size: 1.5rem;
			color: rgba(255, 255, 255, 1);
		}

		.clBjIx9Font {
			padding-left: 8px;
		}

		.clBjIx9Font a:hover {
			color: rgba(222, 60, 54, 1);
		}

		.clBjIx9Ic {
			max-width: 1.7rem;
			font-size: 1.7rem;
			color: rgba(255, 255, 255, 1);
		}

		.cAVCYAjA {
			padding: 0% 0% 0% 4%;
			font-weight: bold;
			font-size: 3rem;
			line-height: 170%;
			color: rgba(13, 13, 13, 1);
			text-align: left;
			background-color: rgba(242, 242, 242, 1);
		}

		.cAVCYAjA .pagepointA {
			font-weight: bold;
			font-size: 3rem;
			line-height: 170%;
			color: rgba(13, 13, 13, 1);
		}

		.cAVCYAjA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cAVCYAjA.overflowHiding {
			overflow: hidden;
		}

		.cAVCYAjA.overflowScrolling {
			overflow-y: auto;
		}

		#cZWNx7j {
			margin: 4.55% 0% 0% 0%;
		}

		.cZWNx7jA {
			font-weight: bold;
			font-size: 1.8rem;
			text-transform: capitalize;
			line-height: 40px;
			color: rgb(0, 0, 0);
			text-align: left;
			background-color: rgba(242, 242, 242, 1);
			background-image: none;
			border: 1px solid rgb(237, 237, 237);
			margin-bottom: 6px;
			padding-top: 6px;
			padding-bottom: 6px;
		}

		.cZWNx7jA:hover {
			line-height: 40px;
			color: rgb(255, 255, 255);
			background-color: var(--themeColor1);
			border: 1px solid rgb(217, 217, 217);
		}

		#cZWNx7j [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.cZWNx7jA p {
			padding-left: 12px;
		}

		.cZWNx7jA.selected {
			background-color: var(--themeColor1);
			background-image: none;
			line-height: 40px;
			color: rgb(255, 255, 255);
		}

		.cJ3yR7kA {
			margin: 0rem 0% 0rem 0.68%;
			padding: 0% 0% 0% 2%;
			font-weight: bold;
			font-size: 3rem;
			line-height: 170%;
			color: rgba(0, 0, 0, 1);
			text-align: left;
			background-color: rgba(242, 242, 242, 1);
		}

		.cJ3yR7kA .pagepointA {
			font-weight: bold;
			font-size: 3rem;
			line-height: 170%;
			color: rgba(0, 0, 0, 1);
		}

		.cJ3yR7kA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cJ3yR7kA.overflowHiding {
			overflow: hidden;
		}

		.cJ3yR7kA.overflowScrolling {
			overflow-y: auto;
		}

		#cijETFE {
			margin: 1.7rem 0% 0rem 0%;
		}

		#cijETFE .cijETFELi {
			margin-bottom: 1.5%;
			width: calc(100%/4 - 0.1px);
		}

		#cijETFE .cijETFELi .listBoxHref {
			margin-right: 0.8rem;
			margin-left: 0.8rem;
			background: #fff;
			box-shadow: 0px 0px 11px 0px rgba(125, 125, 125, 0.24);
			border: 0px solid rgb(227, 227, 227);
		}

		#cijETFE.listDisplaygrid .proList {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(, 1fr));
			grid-column-gap: 0.8rem;
			grid-row-gap: 1.5%;
		}

		#cijETFE.listDisplaygrid .cijETFELi {
			width: 100%;
		}

		.cbVban1 {
			background-color: rgba(0, 0, 0, 0);
		}

		.cbVban1>.rowListBg {
			background: none;
		}

		@media screen and (min-width:961px) {
			.cbVban1 {
				margin: 1% 0% 1% 0%;
			}

			.cbVban1>.rowColumnBox>.rowcol {
				padding: 0 1%;
			}

			.cbVban1>.gridLayout {
				display: grid;
			}

			.cbVban1>.gridLayout>.rowcol {
				width: 100%;
			}

			.cbVban1>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		.cHYYl7v {
			background-color: rgba(0, 0, 0, 0);
		}

		.cHYYl7v>.rowListBg {
			background: none;
		}

		@media screen and (min-width:961px) {
			.cHYYl7v>.rowColumnBox>.rowcol {
				padding: 0px 15px;
			}

			.cHYYl7v>.gridLayout {
				display: grid;
			}

			.cHYYl7v>.gridLayout>.rowcol {
				width: 100%;
			}

			.cHYYl7v>.gridColsUnequal {
				grid-template-columns: minmax(0, 60fr) minmax(0, 40fr) !important;
			}
		}

		.cNZS0e3A {
			margin: 1.1rem auto 0rem 0%;
			max-width: 109.0rem;
			font-size: 1.5rem;
			color: #f9f9f9;
			background: rgba(158, 30, 26, 1);
			border-radius: 4px;
			text-align: center;
		}

		.cNZS0e3A .cNZS0e3Te .pagepointA {
			font-size: 1.5rem;
			color: #f9f9f9;
		}

		.cNZS0e3A:hover .cNZS0e3Te .pagepointA {
			font-size: 1.5rem;
			color: #fff;
		}

		.cNZS0e3TextBox {
			padding: 1.2rem 0% 1.2rem 0%;
		}

		.cNZS0e3A:hover,
		.boxHoverParent:hover .cNZS0e3A {
			font-size: 1.5rem;
			color: #fff;
			background: rgba(72, 83, 104, 1);
		}

		.cNZS0e3A.backgroundAnimation:before,
		.cNZS0e3A.backgroundBottomAna:before {
			background: rgba(72, 83, 104, 1);
		}

		.cNZS0e3A.backgroundAnimation:hover,
		.cNZS0e3A.backgroundBottomAna:hover {
			background: transparent;
		}

		.cNZS0e3A:hover .pagepointA {
			color: #fff;
		}

		.cXzngvSInput::-webkit-input-placeholder {
			font-size: 1.5rem;
			color: rgba(216, 216, 216, 1);
		}

		.cXzngvSInput {
			background: none;
			font-size: 1.5rem;
			color: rgba(216, 216, 216, 1);
		}

		.cXzngvSInput:hover {
			font-size: 1.5rem;
			color: rgba(255, 255, 255, 1);
		}

		@media screen and (min-width:961px) {
			.cXzngvSInput {
				padding: 10px 10px 10px 10px;
			}
		}

		@media screen and (max-width:960px) {
			.cXzngvSInput::-webkit-input-placeholder {
				font-size: 1.2rem;
				color: rgba(216, 216, 216, 1);
			}

			.cXzngvSInput {
				padding: 10px 10px 10px 10px;
				background: none;
				font-size: 1.2rem;
				color: rgba(216, 216, 216, 1);
			}
		}

		.cLFMoVzA {
			margin: 0% auto 0% auto;
		}

		.cLFMoVzIc {
			padding: 10px 10px 10px 10px;
			width: 3.5rem;
			height: 3.5rem;
			line-height: 3.5rem;
			font-size: 3.5rem;
			color: rgba(12, 48, 110, 1);
			background: rgba(255, 255, 255, 1);
		}

		.cLFMoVzIc:hover,
		.boxHoverParent:hover .cLFMoVzIc {
			background: rgba(255, 255, 255, 1);
		}

		.cLFMoVzIc .btnImg {
			width: 3.5rem;
			height: 3.5rem;
		}

		.rList .listBox .c8SoFtT .Imgbox {
			padding-top: 60%;
		}

		.rList .listBox .Imgbox .c8SoFtTImg,
		.cartList .list-content ul.listTableCon li .componentsBox .col .Imgbox .c8SoFtTImg {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}

		.co5V984Ul {
			justify-content: flex-end;
		}

		#co5V984 .co5V984Li {
			text-align: center;
		}

		#co5V984 .menuItemEqual .co5V984Li {
			width: calc(100%/5 - 0%);
		}

		.rtlAr #co5V984 .menuItemEqual .co5V984Li {
			width: calc(100%/5 - 0%);
			margin-right: initial;
		}

		.rtlAr #co5V984 .menuItemUnequal .co5V984Li {
			margin-right: initial;
		}

		#co5V984 .menuItemLayout {
			justify-content: space-between;
		}

		#co5V984 .menuItemLayout .co5V984Li {
			flex: 1 1 auto;
		}

		#co5V984 .menuItemLayout .co5V984A {
			padding: 1.8rem 0px;
		}

		.co5V984A {
			font-weight: normal;
			font-size: 1.8rem;
			line-height: 250%;
			color: rgba(255, 255, 255, 1);
			background-color: rgba(33, 150, 243, 0);
			padding: 1.8rem 1.5em;
		}

		.co5V984Li:hover .co5V984A {
			font-size: 1.8rem;
			line-height: 250%;
			color: rgba(255, 255, 255, 1);
			background-color: var(--themeColor1);
		}

		.co5V984A.selected {
			background-color: var(--themeColor1);
			background-image: none;
			font-size: 1.8rem;
			line-height: 250%;
			color: rgba(255, 255, 255, 1);
		}

		#ca3gKUW {
			background-color: rgba(0, 0, 0, 0.5);
			border-radius: 100px;
			border: 1px solid rgba(255, 255, 255, 0.3);
		}

		.ca3gKUWIn {
			font: 1.4px;
			text-align: left;
		}

		.c9EBjfFlN,
		.c9EBjfFLLa {
			padding: 0.5rem 0.4rem;
		}

		.c9EBjfFlN {
			background-color: rgba(255, 255, 255, 0);
		}

		#c9EBjfF .lanNav,
		#c9EBjfF .lanNav .langA,
		#c9EBjfF .langBox .langA {
			display: flex;
			align-items: center;
		}

		#c9EBjfF .selLang .lanColums2,
		#c9EBjfF .selLang .lanColums3 {
			width: 300px;
			box-sizing: initial;
			background-color: rgba(255, 255, 255, 1);
		}

		#c9EBjfF .selLang .lanColums2 .langBox .langList,
		#c9EBjfF .selLang .lanColums3 .langBox .langList {
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		#c9EBjfF .selLang .rightAlignDown {
			right: 0.0001px;
		}

		#c9EBjfF .selLang .centerAlignDown {
			left: 50%;
			transform: translate(-50%);
		}

		#c9EBjfF .identifyLangBox {
			background-color: rgba(255, 255, 255, 1);
		}

		#c9EBjfF .identifyLangA {
			width: 100%;
		}

		#c9EBjfF .identifyDiv .identifyLangA {
			width: 80%;
		}

		#c9EBjfF .identifyDiv {
			display: none;
			align-items: center;
			margin: 0.5rem 0.4rem;
		}

		.c9EBjfFLLa {
			background-color: rgba(255, 255, 255, 1);
		}

		.c9EBjfFiIc {
			font-size: 2.6rem;
			max-width: 2.6rem;
			max-height: 2.6rem;
			line-height: 2.6rem;
		}

		.c9EBjfFsTe {
			padding-left: 1rem;
		}

		#c9EBjfF .lanNav .c9EBjfFsTe {
			font-size: 1.6rem;
			color: var(--themeColor6);
		}

		#c9EBjfF .identifyLangBox .c9EBjfFsTe {
			font-size: 1.6rem;
			color: #000;
		}

		.c9EBjfFiB {
			color: var(--themeColor6);
		}

		.c9EBjfFLLa .c9EBjfFiB {
			color: #000;
		}

		.selLang #c9EBjfFToggle:checked~.lanDown {
			visibility: visible;
			opacity: 1;
		}

		#cGdODTG,
		#cGdODTG .nav-submenu {
			background-color: rgba(255, 255, 255, 1);
			min-width: 287px;
			box-shadow: 5px 0px 15px 0px rgba(36, 39, 46, 0.08);
		}

		#cGdODTG .nav-submenuA {
			font-weight: bold;
			font-size: 15px;
			color: rgba(13, 13, 13, 1);
			text-align: left;
			padding-top: 17px;
			padding-bottom: 17px;
		}

		#cGdODTG .nav-submenuA:hover {
			background-color: rgba(255, 255, 255, 1);
			color: rgba(16, 69, 161, 1);
		}

		#cGdODTG li.selected>.nav-submenuA {
			background-color: rgba(255, 255, 255, 1);
			color: rgba(16, 69, 161, 1);
		}

		#cGdODTG li:not(:last-of-type) .nav-submenuA {
			border-bottom: 0px solid #fff;
		}

		#cGdODTG .nav-submenuA .subnavbtn {
			line-height: 20px;
			padding-left: 33px;
		}

		#cGdODTG .nav-submenuA i {
			height: 20px;
			line-height: 20px;
		}

		#cGdODTG.menuParentOpen li.selected>ul,
		#cGdODTG.menuParentOpen li.selected>ul li.selected>ul {
			display: block;
		}

		#cfiaqol {
			margin: 1.54% 0% 0% 0%;
		}

		#cfiaqol .pagePre {
			font-size: 1.4rem;
			color: rgba(1, 109, 182, 1);
			background: #fff;
			border: 1px solid rgba(1, 109, 182, 1);
		}

		#cfiaqol .pagePre:hover {
			font-size: 1.4rem;
			color: #fff;
			background: rgba(1, 109, 182, 1);
			border: 1px solid rgba(1, 109, 182, 1);
		}

		#cfiaqol .pagePre.active {
			font-size: 1.4rem;
			color: #fff;
			background: rgba(1, 109, 182, 1);
			border: 1px solid rgba(1, 109, 182, 1);
		}

		.row_line .cMUdvtHrow_col {
			width: 38%;
		}

		.cMUdvtHrow_col.hidden {
			display: none;
		}

		.cMUdvtHrow_col>.rowListBg {
			background: none;
		}

		.cMUdvtHrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .ctej6t7row_col {
			width: 24%;
		}

		.ctej6t7row_col.hidden {
			display: none;
		}

		.ctej6t7row_col>.rowListBg {
			background: none;
		}

		.ctej6t7row_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cNCV5nyrow_col {
			width: 37.999999999999%;
		}

		.cNCV5nyrow_col.hidden {
			display: none;
		}

		.cNCV5nyrow_col>.rowListBg {
			background: none;
		}

		.cNCV5nyrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .c137cdgrow_col {
			width: 60%;
		}

		.c137cdgrow_col.hidden {
			display: none;
		}

		.c137cdgrow_col>.rowListBg {
			background: none;
		}

		.c137cdgrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cnJoJVCrow_col {
			width: 40%;
		}

		.cnJoJVCrow_col.hidden {
			display: none;
		}

		.cnJoJVCrow_col>.rowListBg {
			background: none;
		}

		.cnJoJVCrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		#csQaLD8 {
			background-color: var(--themeColor6);
			position: absolute;
			z-index: 1000;
			width: 1135.8846367166%;
			left: -824px;
		}

		#csQaLD8.submenu-hidden .boxCont {
			overflow: hidden;
		}

		#csQaLD8.submenu-default .boxCont {
			overflow-y: auto;
		}

		@media screen and (min-width:961px) {
			#csQaLD8 {
				padding: 1% 0% 1% 0%;
			}
		}

		.cME6cqcInput::-webkit-input-placeholder {
			font-size: 1.4rem;
			color: #666;
		}

		.cME6cqcInput {
			background: none;
			border-radius: 25px;
			font-size: 1.4rem;
			color: #666;
		}

		@media screen and (min-width:961px) {
			.cME6cqcInput {
				padding: 10px 10px 10px 10px;
			}
		}

		@media screen and (max-width:960px) {
			.cME6cqcInput::-webkit-input-placeholder {
				font-size: 1.4rem;
				color: #666;
			}

			.cME6cqcInput {
				padding: 10px 10px 10px 10px;
				background: none;
				border-radius: 25px;
				font-size: 1.4rem;
				color: #666;
			}
		}

		.cge2ELcA {
			margin: 0% auto 0% auto;
		}

		.cge2ELcIc {
			padding: 10px 10px 10px 10px;
			width: 2rem;
			height: 2rem;
			line-height: 2rem;
			font-size: 2rem;
			color: #fff;
			background: var(--themeColor1);
			border-radius: 25px;
		}

		.cge2ELcIc .btnImg {
			width: 2rem;
			height: 2rem;
		}

		.cOjN026 .Imgbox {
			padding-top: 84.645669291339%;
		}

		.rList .listBox .cOjN026 .Imgbox {
			padding-top: 84.645669291339%;
		}

		.rList .listBox .Imgbox .cOjN026Img,
		.cartList .list-content ul.listTableCon li .componentsBox .col .Imgbox .cOjN026Img {
			object-fit: contain !important;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}

		.cMSMbFpA {
			margin: 0.5rem 0% 0rem 0%;
			padding: 4% 0rem 4% 0rem;
			font-weight: normal;
			font-size: 18px;
			line-height: 140%;
			color: rgb(0, 0, 0);
			text-align: center;
			background-color: rgba(41, 99, 17, 0);
			border-top: 1px solid rgb(217, 217, 217);
			min-height: 3.2rem;
			text-transform: capitalize;
		}

		.cMSMbFpA .pagepointA {
			font-weight: normal;
			font-size: 18px;
			line-height: 140%;
			color: rgb(0, 0, 0);
			text-transform: capitalize;
		}

		.cMSMbFpA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cMSMbFpA.overflowHiding {
			overflow: hidden;
			height: 3.2rem;
		}

		.cMSMbFpA.overflowScrolling {
			overflow-y: auto;
			height: 3.2rem;
		}

		.cMSMbFpA:hover,
		.proList .listBox:hover .listBoxHref .cMSMbFpA,
		.boxHoverParent:hover .cMSMbFpA {
			color: rgb(0, 0, 0);
		}

		.proList .cMSMbFpA .textLineP,
		.proList .cMSMbFpA .textLineP>p {
			line-clamp: 2;
			-webkit-line-clamp: 2;
		}

		.cMSMbFpA:hover .pagepointA {
			color: rgb(0, 0, 0);
		}

		.cKHq3NM {
			margin: 0rem 31.33% 0rem 31.33%;
		}

		.rList .listBox .cKHq3NM .Imgbox {
			padding-top: 60%;
		}

		.rList .listBox .Imgbox .cKHq3NMImg,
		.cartList .list-content ul.listTableCon li .componentsBox .col .Imgbox .cKHq3NMImg {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}

		.cxua6NdA {
			margin: 0.9rem 8% 0rem 8%;
			font-weight: normal;
			font-size: 1.5rem;
			line-height: 170%;
			color: rgb(255, 255, 255);
			text-align: center;
		}

		.cxua6NdA .pagepointA {
			font-weight: normal;
			font-size: 1.5rem;
			line-height: 170%;
			color: rgb(255, 255, 255);
		}

		.cxua6NdA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cxua6NdA.overflowHiding {
			overflow: hidden;
		}

		.cxua6NdA.overflowScrolling {
			overflow-y: auto;
		}

		#cPkBy2I {
			margin: 1rem 0% 0.5rem 0%;
			text-align: center;
		}

		.cPkBy2ILLa {
			padding: 1rem 0.8rem;
			margin-right: 1rem;
		}

		.cPkBy2IiIc {
			font-size: 2.4rem;
			max-width: 2.4rem;
			max-height: 2.4rem;
			line-height: 2.4rem;
		}

		.cPkBy2IsTe {
			font-size: 1.6rem;
		}

		.c7HkLTEA {
			padding: 0px 0px 0px 10%;
			font-weight: normal;
			font-size: 2rem;
			line-height: 125%;
			color: rgb(255, 255, 255);
			letter-spacing: 1px;
		}

		.c7HkLTEA .pagepointA {
			font-weight: normal;
			font-size: 2rem;
			line-height: 125%;
			color: rgb(255, 255, 255);
		}

		.c7HkLTEA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.c7HkLTEA.overflowHiding {
			overflow: hidden;
		}

		.c7HkLTEA.overflowScrolling {
			overflow-y: auto;
		}

		#cKGBrCT {
			margin: 4.89% 0% 0% 0%;
		}

		.cKGBrCTA {
			font-size: 1.5rem;
			line-height: 120%;
			color: rgb(255, 255, 255);
			text-align: left;
			border: 0px solid #ddd;
			margin-bottom: 16px;
			padding-top: 0.1rem;
			padding-bottom: 0.1rem;
		}

		.cKGBrCTA:hover {
			font-size: 1.5rem;
			line-height: 120%;
			color: rgb(255, 255, 255);
			background-color: rgba(0, 0, 0, 0);
		}

		#cKGBrCT [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.cKGBrCTA:hover p {
			text-decoration: underline;
		}

		.cKGBrCTA p {
			padding-left: 10%;
			padding-right: 10px;
		}

		.cKGBrCTA.selected {
			background-color: rgba(0, 0, 0, 0);
			font-size: 1.5rem;
			line-height: 120%;
			color: rgb(255, 255, 255);
		}

		.cKGBrCTA.selected p {
			text-decoration: underline;
		}

		.ceRKy15A {
			margin: 0% 16.86% 0% 0%;
			font-weight: normal;
			font-size: 2rem;
			line-height: 125%;
			color: rgb(255, 255, 255);
			letter-spacing: 1px;
		}

		.ceRKy15A .pagepointA {
			font-weight: normal;
			font-size: 2rem;
			line-height: 125%;
			color: rgb(255, 255, 255);
		}

		.ceRKy15A.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.ceRKy15A.overflowHiding {
			overflow: hidden;
		}

		.ceRKy15A.overflowScrolling {
			overflow-y: auto;
		}

		.cuCoorB {
			background-color: rgba(0, 0, 0, 0);
		}

		.cuCoorB>.rowListBg {
			background: none;
		}

		@media screen and (min-width:961px) {
			.cuCoorB {
				margin: 2.94% 0% 0% 0%;
			}

			.cuCoorB>.gridLayout {
				display: grid;
			}

			.cuCoorB>.gridLayout>.rowcol {
				width: 100%;
			}

			.cuCoorB>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		.c7UkY1DA {
			font-size: 1.6rem;
			line-height: 170%;
			color: rgba(242, 242, 242, 1);
			text-align: right;
		}

		.c7UkY1DA .pagepointA {
			font-size: 1.6rem;
			line-height: 170%;
			color: rgba(242, 242, 242, 1);
		}

		.c7UkY1DA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.c7UkY1DA.overflowHiding {
			overflow: hidden;
		}

		.c7UkY1DA.overflowScrolling {
			overflow-y: auto;
		}

		.c7UkY1DA:hover,
		.proList .listBox:hover .listBoxHref .c7UkY1DA,
		.boxHoverParent:hover .c7UkY1DA {
			color: rgba(255, 255, 255, 0.6);
		}

		.c7UkY1DA:hover .pagepointA {
			color: rgba(255, 255, 255, 0.6);
		}

		.ct153iFA {
			font-size: 1.6rem;
			line-height: 170%;
			color: rgba(242, 242, 242, 1);
			text-align: left;
		}

		.ct153iFA .pagepointA {
			font-size: 1.6rem;
			line-height: 170%;
			color: rgba(242, 242, 242, 1);
		}

		.ct153iFA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.ct153iFA.overflowHiding {
			overflow: hidden;
		}

		.ct153iFA.overflowScrolling {
			overflow-y: auto;
		}

		.ct153iFA:hover,
		.proList .listBox:hover .listBoxHref .ct153iFA,
		.boxHoverParent:hover .ct153iFA {
			color: rgba(255, 255, 255, 0.6);
		}

		.ct153iFA:hover .pagepointA {
			color: rgba(255, 255, 255, 0.6);
		}

		.cGjShgjboxCont.overflowScrolling {
			overflow-y: auto;
		}

		.cGjShgjboxCont>.rowListBg {
			background: none;
		}

		.row_line .cIZJAFArow_col {
			width: 100%;
		}

		.cIZJAFArow_col.hidden {
			display: none;
		}

		.cIZJAFArow_col>.rowListBg {
			background: none;
		}

		.cIZJAFArow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.cNwU1lP>.rowListBg {
			background: none;
		}

		@media screen and (min-width:961px) {
			.cNwU1lP {
				padding-top: 2%;
				padding-bottom: 2%;
				padding-right: 3%;
				padding-left: 3%;
			}

			.cNwU1lP>.rowColumnBox>.rowcol {
				padding: 0 0.5%;
			}

			.cNwU1lP>.gridLayout {
				display: grid;
			}

			.cNwU1lP>.gridLayout>.rowcol {
				width: 100%;
			}

			.cNwU1lP>.gridColsUnequal {
				grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
			}
		}

		@media screen and (min-width:961px) and (max-width:1920px) {
			#document>.auto-margin>.cNwU1lP {
				padding-right: 3%;
				padding-left: 3%;
				padding-left: calc((100% - 1804.8px) / 6 * 3);
				padding-right: calc((100% - 1804.8px) / 6 * 3);
			}
		}

		.cqu0NBg {
			background-color: rgba(0, 0, 0, 0);
		}

		@media screen and (min-width:961px) {
			.cqu0NBg {
				margin: 0% 0% 1% 0%;
				padding-top: 1%;
				padding-bottom: 1%;
			}

			.cqu0NBg>.rowList>.col {
				padding-left: 1%;
				padding-right: 1%;
			}

			.cqu0NBg>.gridLayout {
				display: grid;
			}

			.cqu0NBg>.gridLayout>.col {
				width: 100%;
			}

			.cqu0NBg>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		.c1xTjVi {
			background-color: rgba(0, 0, 0, 0);
		}

		@media screen and (min-width:961px) {
			.c1xTjVi {
				margin: 1% 0% 1% 0%;
				padding-top: 1%;
				padding-bottom: 1%;
			}

			.c1xTjVi>.rowList>.col {
				padding-left: 1%;
				padding-right: 1%;
			}

			.c1xTjVi>.gridLayout {
				display: grid;
			}

			.c1xTjVi>.gridLayout>.col {
				width: 100%;
			}

			.c1xTjVi>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		.cs7tEA3 {
			background-color: rgba(0, 0, 0, 0);
		}

		@media screen and (min-width:961px) {
			.cs7tEA3 {
				margin: 1% 0% 1% 0%;
				padding-top: 1%;
				padding-bottom: 1%;
			}

			.cs7tEA3>.rowList>.col {
				padding-left: 1%;
				padding-right: 1%;
			}

			.cs7tEA3>.gridLayout {
				display: grid;
			}

			.cs7tEA3>.gridLayout>.col {
				width: 100%;
			}

			.cs7tEA3>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		.cg9RA1z {
			background-color: rgba(0, 0, 0, 0);
		}

		@media screen and (min-width:961px) {
			.cg9RA1z {
				margin: 0% 0% 1% 0%;
				padding-top: 1%;
				padding-bottom: 1%;
			}

			.cg9RA1z>.rowList>.col {
				padding-left: 1%;
				padding-right: 1%;
			}

			.cg9RA1z>.gridLayout {
				display: grid;
			}

			.cg9RA1z>.gridLayout>.col {
				width: 100%;
			}

			.cg9RA1z>.gridColsUnequal {
				grid-template-columns: !important;
			}
		}

		.row_line .cVyWyLrrow_col {
			width: 12.5%;
			border-right: 1px solid rgba(217, 217, 217, 1);
		}

		.cVyWyLrrow_col.hidden {
			display: none;
		}

		.cVyWyLrrow_col>.rowListBg {
			background: none;
		}

		.cVyWyLrrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cquKLZxrow_col {
			width: 12.5%;
			border-right: 1px solid rgba(217, 217, 217, 1);
		}

		.cquKLZxrow_col.hidden {
			display: none;
		}

		.cquKLZxrow_col>.rowListBg {
			background: none;
		}

		.cquKLZxrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cd7BvaLrow_col {
			width: 12.5%;
			border-right: 1px solid rgba(217, 217, 217, 1);
		}

		.cd7BvaLrow_col.hidden {
			display: none;
		}

		.cd7BvaLrow_col>.rowListBg {
			background: none;
		}

		.cd7BvaLrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cijPPFtrow_col {
			width: 12.5%;
			border-right: 1px solid rgba(217, 217, 217, 1);
		}

		.cijPPFtrow_col.hidden {
			display: none;
		}

		.cijPPFtrow_col>.rowListBg {
			background: none;
		}

		.cijPPFtrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .c0eDkOdrow_col {
			width: 12.5%;
			border-right: 1px solid rgba(217, 217, 217, 1);
		}

		.c0eDkOdrow_col.hidden {
			display: none;
		}

		.c0eDkOdrow_col>.rowListBg {
			background: none;
		}

		.c0eDkOdrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cCfGFuxrow_col {
			width: 12.5%;
			border-right: 1px solid rgba(217, 217, 217, 1);
		}

		.cCfGFuxrow_col.hidden {
			display: none;
		}

		.cCfGFuxrow_col>.rowListBg {
			background: none;
		}

		.cCfGFuxrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cSEqfKzrow_col {
			width: 12.5%;
			border-right: 1px solid rgba(217, 217, 217, 1);
		}

		.cSEqfKzrow_col.hidden {
			display: none;
		}

		.cSEqfKzrow_col>.rowListBg {
			background: none;
		}

		.cSEqfKzrow_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.row_line .cabMP33row_col {
			width: 12.5%;
		}

		.cabMP33row_col.hidden {
			display: none;
		}

		.cabMP33row_col>.rowListBg {
			background: none;
		}

		.cabMP33row_col>.sticky {
			position: sticky;
			z-index: 1;
		}

		.ciHrnNncL {
			width: 8%;
		}

		.ciHrnNncL.hidden {
			display: none;
		}

		.ciHrnNncL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.chpgE0ZcL {
			width: 92%;
		}

		.chpgE0ZcL.hidden {
			display: none;
		}

		.chpgE0ZcL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.cz7j4N3cL {
			width: 8%;
		}

		.cz7j4N3cL.hidden {
			display: none;
		}

		.cz7j4N3cL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.c4u4ja3cL {
			width: 92%;
		}

		.c4u4ja3cL.hidden {
			display: none;
		}

		.c4u4ja3cL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.cz3c772cL {
			width: 8%;
		}

		.cz3c772cL.hidden {
			display: none;
		}

		.cz3c772cL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.chVHUZDcL {
			width: 92%;
		}

		.chVHUZDcL.hidden {
			display: none;
		}

		.chVHUZDcL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.cyz14V1cL {
			width: 7%;
		}

		.cyz14V1cL.hidden {
			display: none;
		}

		.cyz14V1cL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.cHTK3gPcL {
			width: 93%;
		}

		.cHTK3gPcL.hidden {
			display: none;
		}

		.cHTK3gPcL>.sticky {
			position: sticky;
			z-index: 1;
			height: auto;
		}

		.cOQ7ikEA {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.cOQ7ikEA .cOQ7ikETe .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cOQ7ikEA:hover .cOQ7ikETe .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cOQ7ikETextBox {
			padding: 5px 0px 5px 0px;
		}

		.cOQ7ikEA:hover,
		.boxHoverParent:hover .cOQ7ikEA {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.cOQ7ikEA.backgroundAnimation:before,
		.cOQ7ikEA.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.cOQ7ikEA.backgroundAnimation:hover,
		.cOQ7ikEA.backgroundBottomAna:hover {
			background: transparent;
		}

		.cOQ7ikEA:hover .pagepointA {
			color: var(--themeColor1);
		}

		.cOQ7ikETe {
			padding-left: 10px;
		}

		#cigDdJv {
			margin: 0% 0% 1% 0%;
		}

		.cigDdJvA {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.5rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.cigDdJvA:hover {
			background-color: var(--themeColor6);
			font-size: 1.5rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#cigDdJv [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.cigDdJvA p {
			padding-left: 10px;
		}

		.cigDdJvA.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.c8vVD7kA {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.c8vVD7kA .c8vVD7kTe .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.c8vVD7kA:hover .c8vVD7kTe .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.c8vVD7kTextBox {
			padding: 5px 0px 5px 0px;
		}

		.c8vVD7kA:hover,
		.boxHoverParent:hover .c8vVD7kA {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.c8vVD7kA.backgroundAnimation:before,
		.c8vVD7kA.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.c8vVD7kA.backgroundAnimation:hover,
		.c8vVD7kA.backgroundBottomAna:hover {
			background: transparent;
		}

		.c8vVD7kA:hover .pagepointA {
			color: var(--themeColor1);
		}

		.c8vVD7kTe {
			padding-left: 10px;
		}

		#cQPj699 {
			margin: 0% 0% 1% 0%;
		}

		.cQPj699A {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.5rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.cQPj699A:hover {
			background-color: var(--themeColor6);
			font-size: 1.5rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#cQPj699 [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.cQPj699A p {
			padding-left: 10px;
		}

		.cQPj699A.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.cBLsFuaA {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.cBLsFuaA .cBLsFuaTe .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cBLsFuaA:hover .cBLsFuaTe .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cBLsFuaTextBox {
			padding: 5px 0px 5px 0px;
		}

		.cBLsFuaA:hover,
		.boxHoverParent:hover .cBLsFuaA {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.cBLsFuaA.backgroundAnimation:before,
		.cBLsFuaA.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.cBLsFuaA.backgroundAnimation:hover,
		.cBLsFuaA.backgroundBottomAna:hover {
			background: transparent;
		}

		.cBLsFuaA:hover .pagepointA {
			color: var(--themeColor1);
		}

		.cBLsFuaTe {
			padding-left: 10px;
		}

		#cJILFVy {
			margin: 0% 0% 1% 0%;
		}

		.cJILFVyA {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.6rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.cJILFVyA:hover {
			background-color: var(--themeColor6);
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#cJILFVy [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.cJILFVyA p {
			padding-left: 10px;
		}

		.cJILFVyA.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.co966T1A {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.co966T1A .co966T1Te .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.co966T1A:hover .co966T1Te .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.co966T1TextBox {
			padding: 5px 0px 5px 0px;
		}

		.co966T1A:hover,
		.boxHoverParent:hover .co966T1A {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.co966T1A.backgroundAnimation:before,
		.co966T1A.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.co966T1A.backgroundAnimation:hover,
		.co966T1A.backgroundBottomAna:hover {
			background: transparent;
		}

		.co966T1A:hover .pagepointA {
			color: var(--themeColor1);
		}

		.co966T1Te {
			padding-left: 10px;
		}

		#c4nJ4R2 {
			margin: 0% 0% 1% 0%;
		}

		.c4nJ4R2A {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.6rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.c4nJ4R2A:hover {
			background-color: var(--themeColor6);
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#c4nJ4R2 [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.c4nJ4R2A p {
			padding-left: 10px;
		}

		.c4nJ4R2A.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.cUdbwBvA {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.cUdbwBvA .cUdbwBvTe .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cUdbwBvA:hover .cUdbwBvTe .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cUdbwBvTextBox {
			padding: 5px 0px 5px 0px;
		}

		.cUdbwBvA:hover,
		.boxHoverParent:hover .cUdbwBvA {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.cUdbwBvA.backgroundAnimation:before,
		.cUdbwBvA.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.cUdbwBvA.backgroundAnimation:hover,
		.cUdbwBvA.backgroundBottomAna:hover {
			background: transparent;
		}

		.cUdbwBvA:hover .pagepointA {
			color: var(--themeColor1);
		}

		.cUdbwBvTe {
			padding-left: 10px;
		}

		#c3pJeyl {
			margin: 0% 0% 1% 0%;
		}

		.c3pJeylA {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.6rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.c3pJeylA:hover {
			background-color: var(--themeColor6);
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#c3pJeyl [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.c3pJeylA p {
			padding-left: 10px;
		}

		.c3pJeylA.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.czEFpgCA {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.czEFpgCA .czEFpgCTe .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.czEFpgCA:hover .czEFpgCTe .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.czEFpgCTextBox {
			padding: 5px 0px 5px 0px;
		}

		.czEFpgCA:hover,
		.boxHoverParent:hover .czEFpgCA {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.czEFpgCA.backgroundAnimation:before,
		.czEFpgCA.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.czEFpgCA.backgroundAnimation:hover,
		.czEFpgCA.backgroundBottomAna:hover {
			background: transparent;
		}

		.czEFpgCA:hover .pagepointA {
			color: var(--themeColor1);
		}

		.czEFpgCTe {
			padding-left: 10px;
		}

		#cC8SrmY {
			margin: 0% 0% 1% 0%;
		}

		.cC8SrmYA {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.6rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.cC8SrmYA:hover {
			background-color: var(--themeColor6);
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#cC8SrmY [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.cC8SrmYA p {
			padding-left: 10px;
		}

		.cC8SrmYA.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.c3IZBw1A {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.c3IZBw1A .c3IZBw1Te .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.c3IZBw1A:hover .c3IZBw1Te .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.c3IZBw1TextBox {
			padding: 5px 0px 5px 0px;
		}

		.c3IZBw1A:hover,
		.boxHoverParent:hover .c3IZBw1A {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.c3IZBw1A.backgroundAnimation:before,
		.c3IZBw1A.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.c3IZBw1A.backgroundAnimation:hover,
		.c3IZBw1A.backgroundBottomAna:hover {
			background: transparent;
		}

		.c3IZBw1A:hover .pagepointA {
			color: var(--themeColor1);
		}

		.c3IZBw1Te {
			padding-left: 10px;
		}

		#csqDqAu {
			margin: 0% 0% 1% 0%;
		}

		.csqDqAuA {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.6rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.csqDqAuA:hover {
			background-color: var(--themeColor6);
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#csqDqAu [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.csqDqAuA p {
			padding-left: 10px;
		}

		.csqDqAuA.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.cONCeNzA {
			margin: 0rem auto 1rem 0.38%;
			max-width: 45.2rem;
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
			border-bottom: 1px solid rgba(216, 216, 216, 1);
			text-align: left;
		}

		.cONCeNzA .cONCeNzTe .pagepointA {
			font-weight: bold;
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cONCeNzA:hover .cONCeNzTe .pagepointA {
			font-size: 2.2rem;
			color: var(--themeColor1);
		}

		.cONCeNzTextBox {
			padding: 5px 0px 5px 0px;
		}

		.cONCeNzA:hover,
		.boxHoverParent:hover .cONCeNzA {
			font-size: 2.2rem;
			color: var(--themeColor1);
			background: rgba(245, 245, 245, 0.05);
		}

		.cONCeNzA.backgroundAnimation:before,
		.cONCeNzA.backgroundBottomAna:before {
			background: rgba(245, 245, 245, 0.05);
		}

		.cONCeNzA.backgroundAnimation:hover,
		.cONCeNzA.backgroundBottomAna:hover {
			background: transparent;
		}

		.cONCeNzA:hover .pagepointA {
			color: var(--themeColor1);
		}

		.cONCeNzTe {
			padding-left: 10px;
		}

		#c3SjdEg {
			margin: 0% 0% 1% 0%;
		}

		.c3SjdEgA {
			border-bottom: 0px dashed rgb(217, 217, 217);
			font-size: 1.6rem;
			color: rgb(0, 0, 0);
			text-align: left;
			line-height: 140%;
			padding-top: 0.6rem;
			padding-bottom: 0.6rem;
		}

		.c3SjdEgA:hover {
			background-color: var(--themeColor6);
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		#c3SjdEg [data-position="downWard"]>li .nav-submenu {
			width: 100% !important;
			min-width: 100% !important;
		}

		.c3SjdEgA p {
			padding-left: 10px;
		}

		.c3SjdEgA.selected {
			background-color: var(--themeColor6);
			background-image: none;
			font-weight: normal;
			font-size: 1.6rem;
			line-height: 140%;
			color: rgba(0, 0, 0, 1);
		}

		.c8sd5LjA {
			margin: 1% 34.68% 1% 0%;
		}

		.c8sd5LjIc {
			width: 2.2rem;
			height: 2.2rem;
			line-height: 2.2rem;
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
			background: rgba(0, 0, 0, 0);
			border-radius: 60px;
		}

		.c8sd5LjIc:hover,
		.boxHoverParent:hover .c8sd5LjIc {
			background: rgba(255, 255, 255, 0);
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
		}

		.c8sd5LjIc .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.c8sd5LjA:hover .c8sd5LjIc .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.coJZR0DA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.coJZR0DA .pagepointA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.coJZR0DA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.coJZR0DA.overflowHiding {
			overflow: hidden;
		}

		.coJZR0DA.overflowScrolling {
			overflow-y: auto;
		}

		.coJZR0DA:hover,
		.proList .listBox:hover .listBoxHref .coJZR0DA,
		.boxHoverParent:hover .coJZR0DA {
			color: rgb(255, 255, 255);
			text-decoration: underline;
		}

		.coJZR0DA:hover .pagepointA {
			color: rgb(255, 255, 255);
			text-decoration: underline;
		}

		.coJZR0DA:hover p {
			text-decoration: underline;
		}

		.conDNWfA {
			margin: 1% 34.68% 1% 0%;
		}

		.conDNWfIc {
			width: 2.2rem;
			height: 2.2rem;
			line-height: 2.2rem;
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
			background: rgba(0, 0, 0, 0);
			border-radius: 60px;
		}

		.conDNWfIc:hover,
		.boxHoverParent:hover .conDNWfIc {
			background: rgba(255, 255, 255, 0);
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
		}

		.conDNWfIc .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.conDNWfA:hover .conDNWfIc .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.c77aq0PA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.c77aq0PA .pagepointA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.c77aq0PA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.c77aq0PA.overflowHiding {
			overflow: hidden;
		}

		.c77aq0PA.overflowScrolling {
			overflow-y: auto;
		}

		.c77aq0PA:hover,
		.proList .listBox:hover .listBoxHref .c77aq0PA,
		.boxHoverParent:hover .c77aq0PA {
			color: rgb(255, 255, 255);
			text-decoration: underline;
		}

		.c77aq0PA:hover .pagepointA {
			color: rgb(255, 255, 255);
			text-decoration: underline;
		}

		.c77aq0PA:hover p {
			text-decoration: underline;
		}

		.cB2RuH8A {
			margin: 1% 34.68% 1% 0%;
		}

		.cB2RuH8Ic {
			width: 2.2rem;
			height: 2.2rem;
			line-height: 2.2rem;
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
			background: rgba(0, 0, 0, 0);
			border-radius: 60px;
		}

		.cB2RuH8Ic:hover,
		.boxHoverParent:hover .cB2RuH8Ic {
			background: rgba(255, 255, 255, 0);
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
		}

		.cB2RuH8Ic .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.cB2RuH8A:hover .cB2RuH8Ic .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.cp08aKVA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.cp08aKVA .pagepointA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.cp08aKVA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cp08aKVA.overflowHiding {
			overflow: hidden;
		}

		.cp08aKVA.overflowScrolling {
			overflow-y: auto;
		}

		.cp08aKVA:hover,
		.proList .listBox:hover .listBoxHref .cp08aKVA,
		.boxHoverParent:hover .cp08aKVA {
			color: rgb(255, 255, 255);
			text-decoration: underline;
		}

		.cp08aKVA:hover .pagepointA {
			color: rgb(255, 255, 255);
			text-decoration: underline;
		}

		.cp08aKVA:hover p {
			text-decoration: underline;
		}

		.c1uz0uJA {
			margin: 1% 34.68% 1% 0%;
		}

		.c1uz0uJIc {
			width: 2.2rem;
			height: 2.2rem;
			line-height: 2.2rem;
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
			background: rgba(0, 0, 0, 0);
			border-radius: 60px;
		}

		.c1uz0uJIc:hover,
		.boxHoverParent:hover .c1uz0uJIc {
			background: rgba(255, 255, 255, 0);
			font-size: 2.2rem;
			color: rgb(255, 255, 255);
		}

		.c1uz0uJIc .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.c1uz0uJA:hover .c1uz0uJIc .btnImg {
			width: 2.2rem;
			height: 2.2rem;
		}

		.cWiVjlXA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.cWiVjlXA .pagepointA {
			font-weight: normal;
			font-size: 15px;
			line-height: 24px;
			color: rgb(255, 255, 255);
		}

		.cWiVjlXA.firstLineIndent .textLineP {
			text-indent: 2em;
		}

		.cWiVjlXA.overflowHiding {
			overflow: hidden;
		}

		.cWiVjlXA.overflowScrolling {
			overflow-y: auto;
		}

		.cWiVjlXA:hover,
		.proList .listBox:hover .listBoxHref .cWiVjlXA,
		.boxHoverParent:hover .cWiVjlXA {
			color: rgb(255, 255, 255);
		}

		.cWiVjlXA:hover .pagepointA {
			color: rgb(255, 255, 255);
		}

		#cvP5JXE,
		#cvP5JXE .nav-submenu {
			background-color: rgb(255, 255, 255);
			min-width: 152px;
		}

		#cvP5JXE .nav-submenuA {
			font-size: 1.6rem;
			color: #666;
			text-align: left;
			padding-top: 8px;
			padding-bottom: 8px;
		}

		#cvP5JXE .nav-submenuA:hover {
			color: rgba(158, 30, 26, 1);
		}

		#cvP5JXE li.selected>.nav-submenuA {
			background-color: rgb(255, 255, 255);
			color: rgba(158, 30, 26, 1);
		}

		#cvP5JXE li:not(:last-of-type) .nav-submenuA {
			border-bottom: 1px dashed rgb(217, 217, 217);
		}

		#cvP5JXE .nav-submenuA .subnavbtn {
			line-height: 28px;
			padding-left: 2.5rem;
			padding-right: 10px;
		}

		#cvP5JXE .nav-submenuA i {
			height: 28px;
			line-height: 28px;
		}

		#cvP5JXE.menuParentOpen li.selected>ul,
		#cvP5JXE.menuParentOpen li.selected>ul li.selected>ul {
			display: block;
		}

		/*enlargeImage start*/
		.enlargeImage:hover,
		.proBox_List:hover .enlargeImage,
		.proList .listBox:hover .enlargeImage,
		.boxHoverParent:hover .enlargeImage {
			transform: scale(1.1);
			-moz-transform: scale(1.1);
			/* Firefox */
			-webkit-transform: scale(1.1);
			/* Safari and Chrome */
			-o-transform: scale(1.1);
			/* Opera */
			z-index: 2;
		}

		/*图片的不要提高层级，会影响列表中的控件有的会用负margin，要在图片上边显示，sxt 2024-12-10 */
		/*列表li的hover时，也不要提高层级，影响负值 sxt 2025-6-6 */
		.imgHoverAn.enlargeImage:hover,
		.proList .listBox:hover .imgHoverAn.enlargeImage,
		.boxHoverParent:hover .imgHoverAn.enlargeImage {
			z-index: 0;
		}

		/*enlargeImage end*/
		
		
		
		
		
		
		
		  .listTxt {
    margin-bottom: 10px;
  }

  .nav-submenu {
    padding: 20px;
    background-color: #fff;
  }

  .nav-submenu p {
    font-size: 1.5rem;
  }

  .navSubmenuLi {
    margin-bottom: 15px;
  }

    /* ============================================================
     全部类名带 products- 前缀，样式收在 products-page 作用域内，
     不会影响站点导航栏 / header 等已有结构
     ============================================================ */
    .products-page {
      --products-sidebar-w: 250px;
      --products-accent: #2f6fb2;
      --products-line: #e4e6ea;
      --products-bg: #f4f5f7;
      font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
      color: #23282e;
      background: #fff;
      width: 100%;
      box-sizing: border-box;
    }

    .products-page *,
    .products-page *::before,
    .products-page *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .products-page img {
      display: block;
      max-width: 100%;
    }

    .products-page-body {
      display: flex;
      align-items: flex-start;
      gap: 26px;
      margin: 0 auto;
      padding: 26px 22px 60px;
    }

    /* ---------------- 侧边栏 ---------------- */
    .products-sidebar {
      flex: 0 0 var(--products-sidebar-w);
      width: var(--products-sidebar-w);
      background: var(--products-bg);
      border-radius: 4px;
      overflow: hidden;
    }

    .products-sidebar-heading {
      font-size: 19px;
      font-weight: 700;
      letter-spacing: .5px;
      padding: 15px 16px;
      border-bottom: 1px solid var(--products-line);
      text-transform: uppercase;
    }

    .products-nav-list {
      list-style: none;
    }

    .products-nav-item {
      border-bottom: 1px solid var(--products-line);
    }

    .products-nav-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      text-align: left;
      background: transparent;
      border: 0;
      cursor: pointer;
      font-family: inherit;
      color: #23282e;
      text-decoration: none;
      /* 三级分类是 <a> 标签，去掉链接下划线 */
      transition: color .18s ease, background .18s ease;
    }

    /* 每行 = 分类名 <a> 链接（点击跳转刷新） + 箭头按钮（点击展开/折叠） */
    .products-nav-row {
      display: flex;
      align-items: stretch;
    }

    .products-nav-row .products-nav-link {
      flex: 1 1 auto;
      min-width: 0;
    }

    /* 箭头是独立按钮，不属于链接 */
    .products-nav-toggle {
      flex: 0 0 auto;
      width: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: 0;
      padding: 0;
      cursor: pointer;
      color: #555b63;
      transition: color .18s ease;
    }

    .products-nav-toggle:hover {
      color: var(--products-accent);
    }

    .products-nav-toggle::after {
      content: "";
      width: 8px;
      height: 8px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(45deg) translateY(-2px);
      transition: transform .22s ease;
    }

    .products-nav-item--open>.products-nav-row .products-nav-toggle::after {
      transform: rotate(225deg) translateY(-2px);
    }

    .products-nav-link--top {
      font-size: 14.5px;
      font-weight: 700;
      padding: 13px 16px;
    }

    .products-nav-link--sub {
      font-size: 13.5px;
      font-weight: 700;
      padding: 12px 16px 12px 26px;
    }

    .products-nav-link--leaf {
      font-size: 12.5px;
      font-weight: 400;
      color: #555b63;
      padding: 9px 16px 9px 40px;
      justify-content: flex-start;
    }

    .products-nav-link:hover {
      color: var(--products-accent);
    }

    .products-nav-link--active {
      color: var(--products-accent);
    }

    .products-nav-sublist {
      list-style: none;
      max-height: 0;
      overflow: hidden;
      transition: max-height .3s ease;
    }

    .products-nav-item--open>.products-nav-sublist {
      max-height: 1200px;
    }

    .products-nav-sublist--leaf {
      background: #fff;
    }

    .products-nav-leafitem {
      border-bottom: 1px solid #eef0f2;
    }

    .products-nav-sublist--leaf .products-nav-leafitem:last-child {
      border-bottom: 0;
    }

    .products-nav-link--leaf.products-nav-link--active {
      background: #eaf2fa;
    }

    /* ---------------- 右侧产品区 ---------------- */
    .products-main {
      flex: 1 1 auto;
      min-width: 0;
    }

    .products-main-heading {
      font-size: 19px;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
      background: var(--products-bg);
      border-radius: 4px;
      padding: 15px 16px;
      margin-bottom: 20px;
    }

    .products-grid {
      display: grid;
      /* minmax(0,1fr)：列最小宽度强制为 0，图片固有宽度不会撑破网格 */
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .products-card {
      min-width: 0;
      /* 防止图片固有宽度把网格列撑破（手机端溢出） */
      background: #fff;
      border: 1px solid var(--products-line);
      border-radius: 4px;
      overflow: hidden;
      cursor: pointer;
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .products-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 26px -14px rgba(30, 40, 60, .35);
    }

    .products-card-media {
      position: relative;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      background: linear-gradient(150deg, #4a5568, #2b3442);
    }

    .products-card-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .35s ease;
    }

    .products-card:hover .products-card-img {
      transform: scale(1.05);
    }

    .products-card-name {
      font-size: 1.5rem;
      text-align: center;
      padding: 20px;
      /* 注意：这里不能用 flex —— flex 容器的最小内容宽度会变成整行文字，
       在手机端把布局视口撑破（实测 351px），普通块级元素则按最长单词换行 */
    }

    /* 无匹配时的提示 */
    .products-empty {
      grid-column: 1 / -1;
      text-align: center;
      color: #8a9099;
      font-size: 14px;
      padding: 60px 0;
      display: none;
    }

    .products-grid.products-grid--empty .products-empty {
      display: block;
    }

    /* 移动端抽屉开关（桌面隐藏） */
    .products-sidebar-toggle {
      display: none;
      align-items: center;
      gap: 10px;
      font-family: inherit;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: .5px;
      color: #23282e;
      background: var(--products-bg);
      border: 1px solid var(--products-line);
      border-radius: 4px;
      padding: 11px 18px;
      cursor: pointer;
      margin-bottom: 16px;
    }

    .products-sidebar-toggle .products-sidebar-toggle-icon {
      display: inline-block;
      width: 18px;
      height: 2px;
      background: #23282e;
      position: relative;
    }

    .products-sidebar-toggle .products-sidebar-toggle-icon::before,
    .products-sidebar-toggle .products-sidebar-toggle-icon::after {
      content: "";
      position: absolute;
      left: 0;
      width: 18px;
      height: 2px;
      background: #23282e;
    }

    .products-sidebar-toggle .products-sidebar-toggle-icon::before {
      top: -6px;
    }

    .products-sidebar-toggle .products-sidebar-toggle-icon::after {
      top: 6px;
    }

    .products-backdrop {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(20, 26, 34, .45);
      z-index: 90;
      opacity: 0;
      transition: opacity .25s ease;
    }

    .products-backdrop--show {
      opacity: 1;
    }

    /* ---------------- 手机端 ---------------- */
    @media (max-width: 900px) {
      .products-page-body {
        flex-direction: column;
        padding: 16px 14px 46px;
        gap: 0;
      }

      .products-sidebar-toggle {
        display: flex;
      }

      .products-backdrop {
        display: block;
        pointer-events: none;
      }

      .products-backdrop--show {
        pointer-events: auto;
      }

      .products-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: min(82vw, 320px);
        border-radius: 0;
        overflow-y: auto;
        transform: translateX(-104%);
        transition: transform .28s ease;
        box-shadow: 0 0 40px rgba(0, 0, 0, .18);
      }

      .products-sidebar--open {
        transform: translateX(0);
      }

      .products-main {
        width: 100%;
      }

      .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .products-card-name {
        font-size: 11.5px;
        padding: 10px 8px 12px;
        min-height: 48px;
      }
      
      .products-card:hover a {
          color: red;
          transition: all .3s ease;
      }
    }
    
    .pageinfo {
        margin-top: 50px;
        display: flex;
        align-items: center;
        gap:10px;
    }
    
    .pageinfo a {
        width: 40px;
        height: 40px;
        display:flex;
        justify-content: center;
        align-items: center;
        background-color: #f3f3f3;
        font-size: 1.5rem;
    }
    
    .pageinfo a.active {
        background-color: rgba(255, 145, 35, 1);
        color: #fff;
    }
    
    
    
        .companyAdvantages_qnvwd8m[data-item-count="3"] .companyAdvantages_qnvwd8m__grid
 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.companyAdvantages_qnvwd8m__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid #dee4ed;
    border-radius: 7px;
    background: #dee4ed;
    box-shadow: 0 4px 24px var(--theme_color_shadow_07);
}
.companyAdvantages_qnvwd8m, .companyAdvantages_qnvwd8m * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.companyAdvantages_qnvwd8m__card {
    position: relative;
    display: flex;
    min-height: 260px;
    padding-block: 38px;
    padding-inline-start: 0;
    padding-inline-end: 24px;
    overflow: hidden;
    background: #fff;
    transition: background-color .35s ease, box-shadow .35s ease;
}

.companyAdvantages_qnvwd8m, .companyAdvantages_qnvwd8m * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.companyAdvantages_qnvwd8m__iconColumn {
    position: relative;
    display: flex;
    flex: 0 0 64px;
    width: 64px;
    flex-direction: column;
    align-items: center;
    padding-top: 4px;
}

.companyAdvantages_qnvwd8m__iconBox {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--adv-ink);
    color: #fff;
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), background-color .35s ease, box-shadow .35s ease;
}

.companyAdvantages_qnvwd8m, .companyAdvantages_qnvwd8m * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.companyAdvantages_qnvwd8m .yiyingbaoicon {
    font-family: yiyingbao, Arial, Helvetica, sans-serif;
}

.companyAdvantages_qnvwd8m__itemIcon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-family: yiyingbao, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: transform .35s ease;
}

.companyAdvantages_qnvwd8m__content {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    padding-inline-start: 14px;
    text-align: start;
}

.companyAdvantages_qnvwd8m__name {
    margin: 0 0 12px;
    color: var(--adv-ink);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    transition: color .3s ease;
}

.companyAdvantages_qnvwd8m__line {
    position: relative;
    z-index: 1;
    width: 3px;
    flex: 1 1 auto;
    min-height: 43px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 3px;
    background: linear-gradient(to bottom, rgba(255, 145, 35, 1) 0%, 20%, transparent 100%);
    opacity: .42;
    transform: scaleY(.35);
    transform-origin: top center;
    transition: transform .45s cubic-bezier(.25, 1, .5, 1), opacity .35s ease, background .35s ease, box-shadow .35s ease;
}

  /* 重置只作用于本模块内部，不动全局 */
  .about-applications-section,
  .about-applications-section *,
  .about-applications-section *::before,
  .about-applications-section *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /* 所有变量、尺寸都挂在 about-applications-section 上，
     不写 :root / body，避免污染整站 */
  .about-applications-section {
    --about-card-w: clamp(240px, 27vw, 560px);
    --about-card-h: calc(var(--about-card-w) * 0.62);
    --about-accent: #e8842c;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    color: #fff;
    background:
      radial-gradient(ellipse 90% 70% at 50% 118%, rgba(120,130,145,.22), transparent 65%),
      radial-gradient(ellipse 70% 90% at 50% -25%, rgba(150,160,175,.12), transparent 60%),
      linear-gradient(165deg, #222932 0%, #2c3542 45%, #1b2028 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 0;
    box-sizing: border-box;
  }

  /* 背景纹理，模拟效果图中失焦的工业场景 */
  .about-applications-backdrop {
    position: absolute;
    inset: -10%;
    background:
      repeating-linear-gradient(115deg, rgba(255,255,255,.018) 0 2px, transparent 2px 9px),
      radial-gradient(circle at 16% 26%, rgba(200,150,80,.10), transparent 42%),
      radial-gradient(circle at 84% 74%, rgba(90,120,160,.13), transparent 45%);
    filter: blur(2px);
    pointer-events: none;
    z-index: 0;
  }

  /* ---------------- 标题 ---------------- */
  .about-applications-header {
    position: relative;
    z-index: 5;
    text-align: center;
    padding: 0 32px;
    margin-bottom: 26px;
  }
  .about-applications-header h1 {
    font-size: clamp(22px, 2.2vw, 40px);
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 12px;
  }
  .about-applications-header p {
    font-size: clamp(12px, .8vw, 14.5px);
    line-height: 1.65;
    color: rgba(255,255,255,.72);
    max-width: 640px;
    margin: 0 auto;
  }

  /* ---------------- 3D 舞台 ---------------- */
  .about-card-stage {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(var(--about-card-h) * 1.55);
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1600px;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
    touch-action: pan-y;
    cursor: grab;
  }
  .about-card-stage--dragging { cursor: grabbing; }

  /* 圆环原点 = 舞台正中，所有卡片相对它定位 */
  .about-card-ring {
    position: relative;
    width: 0;
    height: 0;
    transform-style: preserve-3d;
  }

  .about-industry-card {
    position: absolute;
    left: calc(var(--about-card-w) / -2);
    top: calc(var(--about-card-h) / -2);
    width: var(--about-card-w);
    height: var(--about-card-h);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    /* 图片加载失败时露出的兜底底色，统一写在 CSS，HTML 保持干净 */
    background-image: linear-gradient(150deg, #4a5568 0%, #2b3442 55%, #171c24 100%);
    transition:
      transform .75s cubic-bezier(.22,.85,.28,1),
      opacity .75s ease,
      filter .75s ease,
      box-shadow .75s ease;
    will-change: transform, opacity;
    -webkit-user-select: none;
    user-select: none;
  }
  .about-industry-card--no-transition { transition: none !important; }

  /* 真实图片层 */
  .about-industry-card-media {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  /* 图片：铺满卡片，超出裁切 */
  .about-industry-card-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-user-drag: none;
  }
  /* 图片上的暗色遮罩，保证文字可读 */
  .about-industry-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
      rgba(8,11,16,.86) 0%,
      rgba(8,11,16,.46) 30%,
      rgba(8,11,16,.10) 66%,
      rgba(8,11,16,0) 100%);
  }

  /* 侧边卡片整体压暗，强度由 JS 控制 */
  .about-industry-card-shade {
    position: absolute;
    inset: 0;
    background: rgba(14,18,24, var(--about-card-shade-alpha, 0));
    transition: background .75s ease;
    pointer-events: none;
    z-index: 1;
  }

  .about-industry-card-body {
    position: absolute;
    inset: auto 0 0 0;
    padding: calc(var(--about-card-w) * 0.048);
    z-index: 2;
  }
  .about-industry-card-title {
    font-size: calc(var(--about-card-w) * 0.040);
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: calc(var(--about-card-w) * 0.016);
    text-shadow: 0 1px 6px rgba(0,0,0,.65);
  }
  .about-industry-card-text {
    font-size: calc(var(--about-card-w) * 0.027);
    line-height: 1.62;
    color: rgba(255,255,255,.87);
    text-shadow: 0 1px 4px rgba(0,0,0,.6);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .55s ease, opacity .45s ease;
  }
  /* 只有正中卡片展开描述，两侧卡片只留标题 */
  .about-industry-card--active .about-industry-card-text {
    max-height: 160px;
    opacity: 1;
  }

  .about-industry-card--active {
    box-shadow:
      0 0 0 1px rgba(255,255,255,.10),
      0 30px 70px -14px rgba(0,0,0,.78),
      0 0 100px -12px rgba(120,150,190,.24);
  }

  /* ---------------- 箭头 ---------------- */
  .about-card-nav-btn {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    z-index: 30;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center;
    backdrop-filter: blur(6px);
    transition: background .25s, border-color .25s, scale .18s;
  }
  .about-card-nav-btn:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.3); }
  .about-card-nav-btn:active { scale: .92; }
  .about-card-nav-btn--prev { left: clamp(10px, 2.5vw, 44px); }
  .about-card-nav-btn--next { right: clamp(10px, 2.5vw, 44px); }

  /* ---------------- 指示点 ---------------- */
  .about-card-indicator {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 26px;
  }
  .about-card-indicator-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.30);
    cursor: pointer;
    transition: background .3s, scale .3s, box-shadow .3s;
  }
  .about-card-indicator-dot:hover { background: rgba(255,255,255,.62); }
  .about-card-indicator-dot--active {
    background: var(--about-accent);
    scale: 1.5;
    box-shadow: 0 0 10px rgba(232,132,44,.85);
  }

  @media (max-width: 700px) {
    .about-applications-section { --about-card-w: 66vw; }
    .about-applications-header { margin-bottom: 16px; }
    .about-card-nav-btn { width: 36px; height: 36px; }
    .about-card-indicator { margin-top: 16px; }
  }
  
         .partner-box {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        
        .partner-box-item {
            width: 24%;
            border: 5px solid #fff;
            height: 300px;
            margin-bottom: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .partner-box-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }