* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: "PingFang SC", "Microsoft Yahei";
    /* font-family: GilroyRegular, "PingFang SC", "Microsoft Yahei"; */
  }
  
  /* &::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  
  &::-webkit-scrollbar-thumb {
    background: rgba(255, 0, 0, 1);
  }
  
  &::-webkit-scrollbar-track {
    background: rgba(255, 0, 0, .1);
  } */
  
  @font-face {
    font-family: GilroyBold;
    src: url('../fonts/Gilroy-Bold-4.otf');
  }
  
  @font-face {
    font-family: GilroyMedium;
    src: url('../fonts/Gilroy-Medium-2.otf');
  }
  
  @font-face {
    font-family: GilroyRegular;
    src: url('../fonts/Gilroy-Regular-3.otf');
  }
  
  html,
  body {
    width: 100%;
    font-size: 16px;
    scroll-behavior: smooth;
  }
  
  body::-webkit-scrollbar {
    /* display: none; */
  }
  
  body.hidden {
    overflow: hidden;
  }
  
  .pc_ {}
  
  .phone_ {
    display: none;
  }
  
  @media (max-width: 1200px) {
    .pc_ {
      display: none;
    }
  
    .phone_ {
      display: block;
    }
  }
  
  .VisualEditing {
    font-size: 14px;
    cursor: pointer;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  ::selection {
    color: white;
    background: #0d8bd7;
  }
  
  ::-moz-selection {
    color: white;
    background: #0d8bd7;
  }
  
  .wow {
    visibility: hidden;
  }
  
  ul li {
    list-style: none;
  }
  
  a {
    display: block;
    text-decoration: none;
  }
  
  picture {
    display: block;
  }
  
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  input[type="text"],
  select,
  button,
  textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    line-height: normal;
    resize: none;
  }
  
  svg {
    vertical-align: middle;
  }
  
  img,
  video,
  canvas {
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
  }
  
  .ellipsis1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis3 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis5 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  
  .df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .jc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .js {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .jf {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .af {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .f14 {
    font-size: .14rem;
  }
  
  .f16 {
    font-size: .16rem;
  }
  
  .f18 {
    font-size: .18rem;
  }
  
  .f20 {
    font-size: .2rem;
  }
  
  
  /* 鎵嬫満瀵艰埅 */
  .MobileMain {
    --phone_height: 60px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    background: #fff;
    display: none;
  }
  
  .MobileMain .HeaderMobile {
    height: var(--phone_height);
    box-shadow: 0px 0px 0px 1px #eee;
  }
  
  .MobileMain .HeaderMobile .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 5vw;
    height: 100%;
  }
  
  .MobileMain .HeaderMobile .box .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .MobileMain .HeaderMobile .box .logo a {
    display: block;
  }
  
  .MobileMain .HeaderMobile .box .logo a img {
    height: 32px;
  }
  
  .MobileMain .HeaderMobile .box .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .MobileMain .HeaderMobile .box .button .Language a {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 0.45rem;
    border-radius: 0.25rem;
  }
  
  .MobileMain .HeaderMobile .box .button .search p svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .MobileMain .HeaderMobile .box .button .search .Close {
    display: none;
  }
  
  .MobileMain .HeaderMobile .box .button .search .active .Show {
    display: none;
  }
  
  .MobileMain .HeaderMobile .box .button .search .active .Close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .MobileMain .HeaderMobile .box .button .word {
    font-size: 14px;
    font-weight: bold;
  }
  
  .MobileMain .HeaderMobile .box .button .word a {
    color: #206231;
    text-decoration: none;
  }
  
  .MobileMain .HeaderMobile .box .button .word a svg {
    display: inline-block;
    vertical-align: sub;
    animation: CallUp 0.5s ease 0s infinite;
    -webkit-animation: CallUp 0.5s ease 0s infinite;
    -moz-animation: CallUp 0.5s ease 0s infinite;
    -o-animation: CallUp 0.5s ease 0s infinite;
  }
  
  .MobileMain .HeaderMobile .box .button .word a img {
    position: relative;
  }
  
  .MobileMain .HeaderMobile .box .button .call a {
    color: #000;
    font-size: 16px;
  }
  
  .MobileMain .HeaderMobile .box .button .search {
    margin-left: 0.5rem;
  }
  
  .MobileMain .HeaderMobile .box .button .search .icon2 {
    display: none;
  }
  
  .MobileMain .HeaderMobile .box .button .search.active .icon1 {
    display: none;
  }
  
  .MobileMain .HeaderMobile .box .button .search.active .icon2 {
    display: block;
  }
  
  
  .MobileMain .HeaderMobile .box .button .menu {
    margin-left: 0.5rem;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p {
    position: relative;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p span {
    display: block;
    width: 30px;
    height: 2px;
    background: #0d8bd7;
    margin: 8px 0;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(1) {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(2) {
    opacity: 0;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(3) {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background: #0d8bd7;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background: #0d8bd7;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn.active p span {
    opacity: 0;
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  .MobileNavigation {
    position: absolute;
    /* z-index: 3; */
    top: var(--phone_height);
    background: #fff;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: calc(100vh - var(--phone_height));
    display: none;
  }
  
  .MobileNavigation .box_scroll {
    max-height: 90%;
    padding: 0.5rem 5vw;
    box-sizing: border-box;
    overflow: scroll;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
  }
  
  .MobileNavigation .box_scroll .box .item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .MobileNavigation .box_scroll .box .item a {
    line-height: 50px;
    display: flex;
    font-size: 16px;
    color: #333;
    justify-content: space-between;
  }
  
  .MobileNavigation .box_scroll .box .item a i {
    color: #666;
    font-size: 16px;
  }
  
  .MobileNavigation .box_scroll .box .item a p {
    display: flex;
    align-items: center;
  }
  
  .MobileNavigation .box_scroll .box .item a p span {
    display: block;
    width: 15px;
    height: 1px;
    background: #666;
    position: relative;
  }
  
  .MobileNavigation .box_scroll .box .item a p span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #666;
    transform: rotate(90deg);
    transition: 0.4s;
  }
  
  .MobileNavigation .box_scroll .box .item .active p span::after {
    transform: rotate(180deg);
  }
  
  .MobileNavigation .box_scroll .box .item .twoSelect {
    padding-left: 16px;
    display: none;
  }
  
  .MobileNavigation .box_scroll .box .item .twoSelect .twoSelectItem a {
    font-size: 15px;
  }
  
  .MobileNavigation .box_scroll .box .item .threeSelect {
    padding-left: 16px;
    display: none;
  }
  
  .MobileNavigation .box_scroll .box .item .threeSelect .threeSelectItem a {
    font-size: 15px;
  }
  
  .MobileNavigation .box_scroll .box .item .fourSelect {
    padding-left: 16px;
    display: none;
  }
  
  .MobileNavigation .box_scroll .box .item .fourSelect .fourSelectItem a {
    font-size: 15px;
  }
  
  .MobileNavigation .box_scroll .box .item .fourSelect .fourSelectItem .fiveSelect {
    padding-left: 16px;
    display: none;
  }
  
  .mobile_search {
    display: none;
    z-index: 4;
    width: 100%;
    position: fixed;
    top: 1.2rem;
    left: 0;
    padding: 0.6rem 0;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  
  .mobile_search form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: min(7rem, 90%);
    margin: 0 auto;
    background: #f5f5f5;
    border-radius: 12px;
  }
  
  .mobile_search .input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .mobile_search .input input {
    width: 100%;
    border: none;
    min-height: 60px;
    padding-left: 20px;
    background: none;
    color: #333;
  }
  
  .mobile_search .label .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    height: 100%;
    border-radius: 12px;
    background: #0d8bd7;
    cursor: pointer;
  }
  
  @media (max-width: 1200px) {
    .MobileMain {
      display: block;
    }
  
    .MobileMain .HeaderMobile .box .button .menu,
    .MobileMain .HeaderMobile .box .button .search {
      margin-left: .3rem;
    }
  }
  
  /* 鎵嬫満瀵艰埅 End */
  
  
  
  
  /*  鎶曢€掔畝鍘� */
  .uploadResume {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .uploadResume .resume_box {
    background: #fff;
    border-radius: 0.12rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.4rem;
    padding: 0.8rem 0;
  }
  
  .uploadResume .resume_box .close {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
  }
  
  .uploadResume .resume_box .close i {
    transition: 0.4s;
    cursor: pointer;
    color: #000;
    font-size: 0.22rem;
    font-weight: bold;
  }
  
  .uploadResume .resume_box .close i:hover {
    color: #0d8bd7;
  }
  
  .uploadResume .resume_box .form {
    text-align: center;
  }
  
  .uploadResume .resume_box .form label {
    display: block;
  }
  
  .uploadResume .resume_box .form .label_1 {
    cursor: pointer;
    position: relative;
  }
  
  .uploadResume .resume_box .form .label_1 .file_img img {
    width: 1.96rem;
  }
  
  .uploadResume .resume_box .form .label_1 .text {
    margin-top: 0.32rem;
    font-size: 0.2rem;
    color: #000;
    font-weight: bold;
  }
  
  .uploadResume .resume_box .form .label_1 .file {
    display: none;
  }
  
  .uploadResume .resume_box .form .label_2 {
    margin: 0.8rem 0 0.3rem;
  }
  
  .uploadResume .resume_box .form .label_2 .text {
    font-size: 0.18rem;
    color: #999;
    margin-bottom: 0.16rem;
  }
  
  .uploadResume .resume_box .form .label_2 .support img {
    width: 1rem;
  }
  
  .uploadResume .resume_box .form .label_3 .submit {
    transition: 0.4s;
    cursor: pointer;
    width: 2.66rem;
    line-height: 0.62rem;
    text-align: center;
    font-size: 0.18rem;
    color: #fff;
    border: none;
    background: #0d8bd7;
    border-radius: 0.12rem;
  }
  
  .uploadResume .resume_box .form .label_3 .submit:hover {
    box-shadow: 0px 0px 13px #0d8bd7;
  }
  
  @media (max-width: 750px) {
    .uploadResume .resume_box {
      width: 90%;
    }
  
    .uploadResume .resume_box .form .label_2 {
      margin: 0.6rem 0 0.3rem;
    }
  }
  
  /* 瑙嗛寮圭獥 */
  .pu_video {
    display: none;
    z-index: 6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .pu_video .box {
    width: 66vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .pu_video .box .close {
    z-index: 1;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    color: #0d8bd7;
    font-weight: bold;
    cursor: pointer;
  }
  
  .pu_video .box .close i {
    font-size: 0.32rem;
    transition: 0.4s;
  }
  
  .pu_video .box .close i:hover {
    color: #0d8bd7;
  }
  
  .pu_video .box .myVideo {
    width: 100%;
  }
  
  @media (max-width: 1200px) {
    .pu_video .box {
      width: 90vw;
    }
  }
  
  /* 鎼滅储 */
  .pu_search {
    display: none;
    position: fixed;
    top: var(--top);
    z-index: 5;
    width: 100%;
    background: #fff;
    padding: 0.6rem 0;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .pu_search .form form .item {
    flex: 1;
  }
  
  .pu_search .form form .item input {
    width: 100%;
    line-height: 0.6rem;
    padding: 0 0.2rem;
    color: #000;
    border: none;
    border: 1px solid #ccc;
  }
  
  .pu_search .form form .item input::placeholder {
    color: #ccc;
  }
  
  .pu_search .form form .submit {
    width: 1.6rem;
  }
  
  .pu_search .form form .submit input {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #0d8bd7;
    color: #fff;
    height: 100%;
  }
  
  @media (max-width: 1200px) {
    .pu_search {
      /*padding: .4rem 0;*/
    }
  }
  
  @media (max-width: 750px) {
    .pu_search .form form .submit {
      width: 1.2rem;
    }
  }
  
  .product_parameters div{
      line-height: 35px;
       font-family: "PingFang SC", "Microsoft Yahei";
  }
  
  .product_parameters p{
     color: #333;
    font-size: 16px;
        line-height: 30px;
         font-family: "PingFang SC", "Microsoft Yahei";
  }
   .product_parameters p strong{
        color: #333;
    font-size: 16px;
        line-height: 30px;
        font-weight: 400;
   }
   .product_parameters  h2{
        color: #333;
    font-size: 16px;
        line-height: 30px;
      
   }
   .product_parameters div  h3{
        color: #333;
        font-size: 16px;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
       
   }
   
    .product_parameters h4 strong{
        color: #333; 
    font-size: 16px;
        line-height: 30px;
        font-weight: 400;
   }
  
  
  .product_parameters .f28{
       font-size: 22px;
  }