/*
      html {
        font-family: sans-serif;
       
        -ms-text-size-adjust: 100%;
      
        -webkit-text-size-adjust: 100%;
        
        overflow-y: scroll;
     
        -webkit-overflow-scrolling: touch;
      
      }
      body {
        margin: 0;
    
        font-size: 12px;
   
        line-height: 2;
  
        color: #333;
     
        background-color: #fff;
    
      }
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      nav,
      section,
      summary {
        display: block;
      }
      a {
        background: transparent;
 
       
        text-decoration: none;
        color: #ffffff;
      }
      a:active,
      a:hover {
        outline: 0;
 
      }
      a:hover {
        color: #006699;
      }

      q {
        quotes: none;
      }

      html,
      button,
      input,
      select,
      textarea {
        font-family:
          "Microsoft Yahei", "Source Han Sans CN", "Noto Sans S Chinese Light",
          "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue",
          Helvetica, Tahoma, sans-serif;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p,
      figure,
      form,
      blockquote {
        margin: 0;
      }

      ul,
      ol,
      li,
      dl,
      dd {
        margin: 0;
        padding: 0;
      }

      ul,
      ol {
        list-style: none outside none;
      }

   h1,
      h2,
      h3 {
        line-height: 2;
        font-weight: normal;
      }

      h1 {
        font-size: 18px;
      }

      h2 {
        font-size: 15.6px;
      }

      h3 {
        font-size: 14.04px;
      }

      h4 {
        font-size: 12px;
      }

      h5,
      h6 {
        font-size: 10.2px;
        text-transform: uppercase;
      }

      html {
        overflow: hidden;
        overflow-y: scroll;
      }

      button,
      input,
      textarea,
      select {
        border: none;
        border-radius: 0;
        outline: none;
        padding: 0;
      }

      * {
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
      }

      img {
        display: block;
        max-width: 100%;
        /*图片清晰处理*/
        image-rendering: crisp-edges;
        image-rendering: -moz-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
      }
*/
      .clear {
        clear: both;
      }

      .f-cb {
        zoom: 1;
      }

      .f-cb:after {
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
        content: ".";
      }

      .fl {
        float: left;
      }

      .fr {
        float: right;
      }

      .por {
        position: relative;
      }

      .poa {
        position: absolute;
      }

      .pof {
        position: fixed;
      }

      .poa-f {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
      }

      .ovh {
        overflow: hidden;
      }

      .noselect {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
      }

      .dn {
        display: none;
      }

      .w-f {
        width: 100%;
      }

      .h-f {
        height: 100%;
      }

      .loader {
        width: 50px;
        height: 50px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        font-size: 10px;
        border-top: 2px solid rgba(0, 0, 0, 0.08);
        border-right: 2px solid rgba(0, 0, 0, 0.08);
        border-bottom: 2px solid rgba(0, 0, 0, 0.08);
        border-left: 2px solid rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        animation: spinner 700ms infinite linear;
      }

      .loader.white {
        border-top: 2px solid rgba(255, 255, 255, 0.08);
        border-right: 2px solid rgba(255, 255, 255, 0.08);
        border-bottom: 2px solid rgba(255, 255, 255, 0.08);
        border-left: 2px solid rgba(255, 255, 255, 0.5);
      }

      @keyframes spinner {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      /*手机上a链接有黑色透明底怎么去掉
给a加这个样式*/
      a {
        -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
      }

      select,
      input {
        outline: none;
      }

      /*ie 去掉自带关闭*/
      input::-ms-clear {
        display: none;
      }
      

      /*网站单位设置*/
      @media only screen and (min-width: 360px) {
    /*    html {
          font-size: 26px !important;
        }*/
      }
      @media only screen and (min-width: 435px) {
     /*   html {
          font-size: 30px !important;
        }*/
      }
      /*@media only screen and(min-width: 500px) {
  html {
    font-size: 36px!important
  }
}*/
      @media (min-width: 769px) {
     /*   html {
          font-size: 34px !important;
        }*/
      }
      @media only screen and (min-width: 1024px) {
      /*  html {
          font-size: 28px !important;
        }*/
      }
      @media only screen and (min-width: 1200px) {
     /*   html {
          font-size: 30px !important;
        }*/
      }
      @media only screen and (min-width: 1440px) {
       /* html {
          font-size: 34px !important;
        }*/
      }
      @media only screen and (min-width: 1680px) {
       /* html {
          font-size: 40px !important;
        }*/
      }
      ::-moz-selection {
        background: #000;
        color: #fff;
      }

      ::selection {
        background: #000;
        color: #fff;
      }

      ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      ::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
      }

      ::-webkit-scrollbar-thumb {
        background: #000;
      }

      ::-webkit-scrollbar-thumb:window-inactive {
        background: #000;
      }

      ::-webkit-scrollbar-thumb:vertical:hover {
        background: #000;
      }

      /*==常用颜色==*/
      .col-fff {
        color: #ffffff;
      }

      .col-000 {
        color: #000;
      }

      .col-111 {
        color: #111;
      }

      .col-222 {
        color: #222;
      }

      .col-333 {
        color: #333;
      }

      .col-444 {
        color: #444;
      }

      .col-555 {
        color: #555;
      }

      .col-666 {
        color: #666;
      }

      .col-777 {
        color: #666;
      }

      .col-888 {
        color: #666;
      }

      .col-999 {
        color: #999;
      }

      /*==常用字号==*/
      .tit-12 {
        font-size: 12px;
        line-height: 2;
      }

      .tit-13 {
        font-size: 13px;
        line-height: 2;
      }

      .tit-14 {
        font-size: 14px;
        line-height: 2;
      }

      .tit-15 {
        font-size: 15px;
        line-height: 2;
      }

      .tit-16 {
        line-height: 1.8;
        font-size: 16px;
      }

      .tit-17 {
        line-height: 1.8;
        font-size: 17px;
      }

      .tit-18 {
        line-height: 1.8;
        font-size: 18px;
      }

      .tit-19 {
        line-height: 1.8;
        font-size: 19px;
      }

      .tit-20 {
        line-height: 1.8;
        font-size: 20px;
      }

      .tit-21 {
        line-height: 1.8;
        font-size: 21px;
      }

      .tit-22 {
        line-height: 1.8;
        font-size: 22px;
      }

      .tit-23 {
        line-height: 1.8;
        font-size: 23px;
      }

      .tit-24 {
        line-height: 1.8;
        font-size: 24px;
      }

      .tit-25 {
        line-height: 1.8;
        font-size: 25px;
      }

      .tit-26 {
        line-height: 1.8;
        font-size: 26px;
      }

      .tit-27 {
        line-height: 1.8;
        font-size: 27px;
      }

      .tit-28 {
        line-height: 1.8;
        font-size: 28px;
      }

      .tit-29 {
        line-height: 1.8;
        font-size: 29px;
      }

      .tit-30 {
        line-height: 1.8;
        font-size: 30px;
      }

      .tit-31 {
        line-height: 1.8;
        font-size: 31px;
      }

      .tit-32 {
        line-height: 1.8;
        font-size: 32px;
      }

      .tit-33 {
        line-height: 1.8;
        font-size: 33px;
      }

      .tit-34 {
        line-height: 1.8;
        font-size: 34px;
      }

      .tit-35 {
        line-height: 1.8;
        font-size: 35px;
      }

      .tit-36 {
        line-height: 1.8;
        font-size: 36px;
      }

      .tit-37 {
        line-height: 1.8;
        font-size: 37px;
      }

      .tit-38 {
        line-height: 1.8;
        font-size: 38px;
      }

      .tit-39 {
        line-height: 1.8;
        font-size: 39px;
      }

      .tit-40 {
        line-height: 1.8;
        font-size: 40px;
      }

      .tit-41 {
        line-height: 1.8;
        font-size: 41px;
      }

      .tit-42 {
        line-height: 1.8;
        font-size: 42px;
      }

      .tit-43 {
        line-height: 1.8;
        font-size: 43px;
      }

      .tit-44 {
        line-height: 1.8;
        font-size: 44px;
      }

      .tit-45 {
        line-height: 1.8;
        font-size: 45px;
      }

      .tit-46 {
        line-height: 1.8;
        font-size: 46px;
      }

      .tit-47 {
        line-height: 1.8;
        font-size: 47px;
      }

      .tit-48 {
        line-height: 1.8;
        font-size: 48px;
      }

      .tit-49 {
        line-height: 1.8;
        font-size: 49px;
      }

      .tit-50 {
        line-height: 1.8;
        font-size: 50px;
      }

      .tit-51 {
        line-height: 1.8;
        font-size: 51px;
      }

      .tit-52 {
        line-height: 1.8;
        font-size: 52px;
      }

      .tit-53 {
        line-height: 1.8;
        font-size: 53px;
      }

      .tit-54 {
        line-height: 1.8;
        font-size: 54px;
      }

      .tit-55 {
        line-height: 1.8;
        font-size: 55px;
      }

      .tit-56 {
        line-height: 1.8;
        font-size: 56px;
      }

      .tit-57 {
        line-height: 1.8;
        font-size: 57px;
      }

      .tit-58 {
        line-height: 1.8;
        font-size: 58px;
      }

      .tit-59 {
        line-height: 1.8;
        font-size: 59px;
      }

      .tit-60 {
        line-height: 1.8;
        font-size: 60px;
      }

      .tit-61 {
        line-height: 1.8;
        font-size: 61px;
      }

      .tit-62 {
        line-height: 1.8;
        font-size: 62px;
      }

      .tit-63 {
        line-height: 1.8;
        font-size: 63px;
      }

      .tit-64 {
        line-height: 1.8;
        font-size: 64px;
      }

      .tit-65 {
        line-height: 1.8;
        font-size: 65px;
      }

      .tit-66 {
        line-height: 1.8;
        font-size: 66px;
      }

      .tit-67 {
        line-height: 1.8;
        font-size: 67px;
      }

      .tit-68 {
        line-height: 1.8;
        font-size: 68px;
      }

      .tit-69 {
        line-height: 1.8;
        font-size: 69px;
      }

      .tit-70 {
        line-height: 1.8;
        font-size: 70px;
      }

      .tit-71 {
        line-height: 1.8;
        font-size: 71px;
      }

      .tit-72 {
        line-height: 1.8;
        font-size: 72px;
      }

      .tit-73 {
        line-height: 1.8;
        font-size: 73px;
      }

      .tit-74 {
        line-height: 1.8;
        font-size: 74px;
      }

      .tit-75 {
        line-height: 1.8;
        font-size: 75px;
      }

      .tit-76 {
        line-height: 1.8;
        font-size: 76px;
      }

      .tit-77 {
        line-height: 1.8;
        font-size: 77px;
      }

      .tit-78 {
        line-height: 1.8;
        font-size: 78px;
      }

      .tit-79 {
        line-height: 1.8;
        font-size: 79px;
      }

      .tit-80 {
        line-height: 1.8;
        font-size: 80px;
      }

      @media (max-width: 1681px) {
        /*==常用字号==*/
        .tit-12 {
          font-size: 12px;
        }

        .tit-13 {
          font-size: 13px;
        }

        .tit-14 {
          font-size: 13px;
        }

        .tit-15 {
          font-size: 14px;
        }

        .tit-16 {
          font-size: 15px;
        }

        .tit-17 {
          font-size: 16px;
        }

        .tit-18 {
          font-size: 17px;
        }

        .tit-19 {
          font-size: 18px;
        }

        .tit-20 {
          font-size: 18px;
        }

        .tit-21 {
          font-size: 19px;
        }

        .tit-22 {
          font-size: 20px;
        }

        .tit-23 {
          font-size: 21px;
        }

        .tit-24 {
          font-size: 22px;
        }

        .tit-25 {
          font-size: 23px;
        }

        .tit-26 {
          font-size: 24px;
        }

        .tit-27 {
          font-size: 25px;
        }

        .tit-28 {
          font-size: 26px;
        }

        .tit-29 {
          font-size: 27px;
        }

        .tit-30 {
          font-size: 27px;
        }

        .tit-31 {
          font-size: 28px;
        }

        .tit-32 {
          font-size: 29px;
        }

        .tit-33 {
          font-size: 30px;
        }

        .tit-34 {
          font-size: 31px;
        }

        .tit-35 {
          font-size: 32px;
        }

        .tit-36 {
          font-size: 33px;
        }

        .tit-37 {
          font-size: 34px;
        }

        .tit-38 {
          font-size: 35px;
        }

        .tit-39 {
          font-size: 36px;
        }

        .tit-40 {
          font-size: 37px;
        }

        .tit-42 {
          font-size: 38px;
        }

        .tit-43 {
          font-size: 39px;
        }

        .tit-44 {
          font-size: 40px;
        }

        .tit-45 {
          font-size: 41px;
        }

        .tit-46 {
          font-size: 42px;
        }

        .tit-47 {
          font-size: 43px;
        }

        .tit-48 {
          font-size: 44px;
        }

        .tit-50 {
          font-size: 45px;
        }

        .tit-51 {
          font-size: 46px;
        }

        .tit-52 {
          font-size: 47px;
        }

        .tit-53 {
          font-size: 48px;
        }

        .tit-54 {
          font-size: 49px;
        }

        .tit-55 {
          font-size: 50px;
        }

        .tit-56 {
          font-size: 51px;
        }

        .tit-57 {
          font-size: 52px;
        }

        .tit-58 {
          font-size: 53px;
        }

        .tit-59 {
          font-size: 54px;
        }

        .tit-60 {
          font-size: 54px;
        }

        .tit-61 {
          font-size: 55px;
        }

        .tit-62 {
          font-size: 56px;
        }

        .tit-63 {
          font-size: 57px;
        }

        .tit-64 {
          font-size: 58px;
        }

        .tit-65 {
          font-size: 59px;
        }

        .tit-66 {
          font-size: 60px;
        }

        .tit-67 {
          font-size: 61px;
        }

        .tit-68 {
          font-size: 62px;
        }

        .tit-69 {
          font-size: 63px;
        }

        .tit-70 {
          font-size: 62px;
        }

        .tit-71 {
          font-size: 63px;
        }

        .tit-72 {
          font-size: 64px;
        }

        .tit-73 {
          font-size: 65px;
        }

        .tit-74 {
          font-size: 66px;
        }

        .tit-75 {
          font-size: 67px;
        }

        .tit-76 {
          font-size: 68px;
        }

        .tit-77 {
          font-size: 69px;
        }

        .tit-78 {
          font-size: 70px;
        }

        .tit-79 {
          font-size: 71px;
        }

        .tit-80 {
          font-size: 72px;
        }
      }
      @media (max-width: 1481px) {
        /*==常用字号==*/
        .tit-13 {
          font-size: 12px;
        }

        .tit-14 {
          font-size: 12px;
        }

        .tit-15 {
          font-size: 13px;
        }

        .tit-16 {
          font-size: 14px;
        }

        .tit-17 {
          font-size: 15px;
        }

        .tit-18 {
          font-size: 16px;
        }

        .tit-19 {
          font-size: 17px;
        }

        .tit-20 {
          font-size: 18px;
        }

        .tit-20 {
          font-size: 16px;
        }

        .tit-21 {
          font-size: 17px;
        }

        .tit-22 {
          font-size: 18px;
        }

        .tit-23 {
          font-size: 19px;
        }

        .tit-24 {
          font-size: 20px;
        }

        .tit-25 {
          font-size: 21px;
        }

        .tit-26 {
          font-size: 22px;
        }

        .tit-27 {
          font-size: 23px;
        }

        .tit-28 {
          font-size: 24px;
        }

        .tit-29 {
          font-size: 25px;
        }

        .tit-30 {
          font-size: 26px;
        }

        .tit-31 {
          font-size: 25px;
        }

        .tit-32 {
          font-size: 26px;
        }

        .tit-33 {
          font-size: 27px;
        }

        .tit-34 {
          font-size: 28px;
        }

        .tit-35 {
          font-size: 29px;
        }

        .tit-36 {
          font-size: 30px;
        }

        .tit-37 {
          font-size: 31px;
        }

        .tit-38 {
          font-size: 32px;
        }

        .tit-39 {
          font-size: 33px;
        }

        .tit-40 {
          font-size: 34px;
        }

        .tit-41 {
          font-size: 35px;
        }

        .tit-42 {
          font-size: 36px;
        }

        .tit-43 {
          font-size: 37px;
        }

        .tit-44 {
          font-size: 38px;
        }

        .tit-45 {
          font-size: 37px;
        }

        .tit-46 {
          font-size: 38px;
        }

        .tit-47 {
          font-size: 39px;
        }

        .tit-48 {
          font-size: 40px;
        }

        .tit-49 {
          font-size: 41px;
        }

        .tit-50 {
          font-size: 42px;
        }

        .tit-51 {
          font-size: 43px;
        }

        .tit-52 {
          font-size: 44px;
        }

        .tit-53 {
          font-size: 45px;
        }

        .tit-54 {
          font-size: 46px;
        }

        .tit-55 {
          font-size: 47px;
        }

        .tit-56 {
          font-size: 48px;
        }

        .tit-57 {
          font-size: 49px;
        }

        .tit-58 {
          font-size: 50px;
        }

        .tit-59 {
          font-size: 51px;
        }

        .tit-60 {
          font-size: 52px;
        }

        .tit-61 {
          font-size: 51px;
        }

        .tit-62 {
          font-size: 52px;
        }

        .tit-63 {
          font-size: 53px;
        }

        .tit-64 {
          font-size: 54px;
        }

        .tit-65 {
          font-size: 55px;
        }

        .tit-66 {
          font-size: 56px;
        }

        .tit-67 {
          font-size: 57px;
        }

        .tit-68 {
          font-size: 58px;
        }

        .tit-69 {
          font-size: 59px;
        }

        .tit-70 {
          font-size: 60px;
        }

        .tit-71 {
          font-size: 55px;
        }

        .tit-72 {
          font-size: 56px;
        }

        .tit-73 {
          font-size: 57px;
        }

        .tit-74 {
          font-size: 58px;
        }

        .tit-75 {
          font-size: 59px;
        }

        .tit-76 {
          font-size: 60px;
        }

        .tit-77 {
          font-size: 61px;
        }

        .tit-78 {
          font-size: 62px;
        }

        .tit-79 {
          font-size: 63px;
        }

        .tit-80 {
          font-size: 64px;
        }
      }
      @media (max-width: 1281px) {
        /*==常用字号==*/
        .tit-13 {
          font-size: 12px;
        }

        .tit-14 {
          font-size: 12px;
        }

        .tit-15 {
          font-size: 12px;
        }

        .tit-16 {
          font-size: 13px;
        }

        .tit-17 {
          font-size: 16px;
        }

        .tit-18 {
          font-size: 15px;
        }

        .tit-19 {
          font-size: 16px;
        }

        .tit-20 {
          font-size: 17px;
        }

        .tit-22 {
          font-size: 18px;
        }

        .tit-24 {
          font-size: 19px;
        }

        .tit-25 {
          font-size: 20px;
        }

        .tit-26 {
          font-size: 21px;
        }

        .tit-27 {
          font-size: 22px;
        }

        .tit-28 {
          font-size: 23px;
        }

        .tit-29 {
          font-size: 24px;
        }

        .tit-30 {
          font-size: 25px;
        }

        .tit-31 {
          font-size: 26px;
        }

        .tit-32 {
          font-size: 27px;
        }

        .tit-33 {
          font-size: 24px;
        }

        .tit-34 {
          font-size: 25px;
        }

        .tit-35 {
          font-size: 26px;
        }

        .tit-36 {
          font-size: 27px;
        }

        .tit-37 {
          font-size: 28px;
        }

        .tit-38 {
          font-size: 29px;
        }

        .tit-39 {
          font-size: 30px;
        }

        .tit-40 {
          font-size: 31px;
        }

        .tit-41 {
          font-size: 32px;
        }

        .tit-42 {
          font-size: 33px;
        }

        .tit-43 {
          font-size: 34px;
        }

        .tit-44 {
          font-size: 35px;
        }

        .tit-45 {
          font-size: 36px;
        }

        .tit-46 {
          font-size: 37px;
        }

        .tit-47 {
          font-size: 38px;
        }

        .tit-48 {
          font-size: 39px;
        }

        .tit-49 {
          font-size: 40px;
        }

        .tit-50 {
          font-size: 38px;
        }

        .tit-51 {
          font-size: 39px;
        }

        .tit-52 {
          font-size: 40px;
        }

        .tit-53 {
          font-size: 41px;
        }

        .tit-54 {
          font-size: 42px;
        }

        .tit-55 {
          font-size: 43px;
        }

        .tit-56 {
          font-size: 44px;
        }

        .tit-57 {
          font-size: 45px;
        }

        .tit-58 {
          font-size: 46px;
        }

        .tit-59 {
          font-size: 47px;
        }

        .tit-60 {
          font-size: 48px;
        }

        .tit-61 {
          font-size: 49px;
        }

        .tit-62 {
          font-size: 50px;
        }

        .tit-63 {
          font-size: 51px;
        }

        .tit-64 {
          font-size: 52px;
        }

        .tit-65 {
          font-size: 53px;
        }

        .tit-66 {
          font-size: 54px;
        }

        .tit-67 {
          font-size: 55px;
        }

        .tit-68 {
          font-size: 56px;
        }

        .tit-69 {
          font-size: 57px;
        }

        .tit-70 {
          font-size: 58px;
        }

        .tit-71 {
          font-size: 51px;
        }

        .tit-72 {
          font-size: 52px;
        }

        .tit-73 {
          font-size: 53px;
        }

        .tit-74 {
          font-size: 54px;
        }

        .tit-75 {
          font-size: 55px;
        }

        .tit-76 {
          font-size: 56px;
        }

        .tit-77 {
          font-size: 57px;
        }

        .tit-78 {
          font-size: 58px;
        }

        .tit-79 {
          font-size: 59px;
        }

        .tit-80 {
          font-size: 60px;
        }
      }
      @media (max-width: 1024px) {
        .tit-24 {
          font-size: 16px;
        }

        .tit-25 {
          font-size: 17px;
        }

        .tit-26 {
          font-size: 18px;
        }

        .tit-27 {
          font-size: 19px;
        }

        .tit-28 {
          font-size: 20px;
        }

        .tit-29 {
          font-size: 21px;
        }

        .tit-30 {
          font-size: 22px;
        }

        .tit-31 {
          font-size: 23px;
        }

        .tit-32 {
          font-size: 24px;
        }

        .tit-33 {
          font-size: 21px;
        }

        .tit-34 {
          font-size: 22px;
        }

        .tit-35 {
          font-size: 23px;
        }

        .tit-36 {
          font-size: 24px;
        }

        .tit-37 {
          font-size: 25px;
        }

        .tit-38 {
          font-size: 26px;
        }

        .tit-39 {
          font-size: 27px;
        }

        .tit-40 {
          font-size: 28px;
        }

        .tit-41 {
          font-size: 29px;
        }

        .tit-42 {
          font-size: 30px;
        }

        .tit-43 {
          font-size: 31px;
        }

        .tit-44 {
          font-size: 32px;
        }

        .tit-45 {
          font-size: 33px;
        }

        .tit-46 {
          font-size: 34px;
        }

        .tit-47 {
          font-size: 35px;
        }

        .tit-48 {
          font-size: 36px;
        }

        .tit-49 {
          font-size: 37px;
        }

        .tit-50 {
          font-size: 34px;
        }

        .tit-51 {
          font-size: 35px;
        }

        .tit-52 {
          font-size: 36px;
        }

        .tit-53 {
          font-size: 37px;
        }

        .tit-54 {
          font-size: 38px;
        }

        .tit-55 {
          font-size: 39px;
        }

        .tit-56 {
          font-size: 40px;
        }

        .tit-57 {
          font-size: 41px;
        }

        .tit-58 {
          font-size: 42px;
        }

        .tit-59 {
          font-size: 43px;
        }

        .tit-60 {
          font-size: 44px;
        }

        .tit-61 {
          font-size: 45px;
        }

        .tit-62 {
          font-size: 46px;
        }

        .tit-63 {
          font-size: 47px;
        }

        .tit-64 {
          font-size: 48px;
        }

        .tit-65 {
          font-size: 49px;
        }

        .tit-66 {
          font-size: 50px;
        }

        .tit-67 {
          font-size: 51px;
        }

        .tit-68 {
          font-size: 52px;
        }

        .tit-69 {
          font-size: 53px;
        }

        .tit-70 {
          font-size: 54px;
        }

        .tit-71 {
          font-size: 47px;
        }

        .tit-72 {
          font-size: 48px;
        }

        .tit-73 {
          font-size: 49px;
        }

        .tit-74 {
          font-size: 50px;
        }

        .tit-75 {
          font-size: 51px;
        }

        .tit-76 {
          font-size: 52px;
        }

        .tit-77 {
          font-size: 53px;
        }

        .tit-78 {
          font-size: 54px;
        }

        .tit-79 {
          font-size: 55px;
        }

        .tit-80 {
          font-size: 56px;
        }
      }
      @media (max-width: 768px) {
        .tit-16 {
          font-size: 12px;
        }

        .tit-18 {
          font-size: 14px;
        }

        .tit-20 {
          font-size: 16px;
        }

        .tit-33 {
          font-size: 20px;
        }

        .tit-34 {
          font-size: 21px;
        }

        .tit-35 {
          font-size: 22px;
        }

        .tit-36 {
          font-size: 23px;
        }

        .tit-37 {
          font-size: 24px;
        }

        .tit-38 {
          font-size: 25px;
        }

        .tit-39 {
          font-size: 26px;
        }

        .tit-40 {
          font-size: 24px;
        }

        .tit-41 {
          font-size: 25px;
        }

        .tit-42 {
          font-size: 26px;
        }

        .tit-43 {
          font-size: 27px;
        }

        .tit-44 {
          font-size: 28px;
        }

        .tit-45 {
          font-size: 29px;
        }

        .tit-46 {
          font-size: 30px;
        }

        .tit-47 {
          font-size: 31px;
        }

        .tit-48 {
          font-size: 32px;
        }

        .tit-49 {
          font-size: 33px;
        }

        .tit-50 {
          font-size: 28px;
        }

        .tit-51 {
          font-size: 29px;
        }

        .tit-52 {
          font-size: 30px;
        }

        .tit-53 {
          font-size: 31px;
        }

        .tit-54 {
          font-size: 32px;
        }

        .tit-55 {
          font-size: 33px;
        }

        .tit-56 {
          font-size: 34px;
        }

        .tit-57 {
          font-size: 35px;
        }

        .tit-58 {
          font-size: 36px;
        }

        .tit-59 {
          font-size: 37px;
        }

        .tit-60 {
          font-size: 36px;
        }

        .tit-61 {
          font-size: 37px;
        }

        .tit-62 {
          font-size: 38px;
        }

        .tit-63 {
          font-size: 39px;
        }

        .tit-64 {
          font-size: 40px;
        }

        .tit-65 {
          font-size: 41px;
        }

        .tit-66 {
          font-size: 42px;
        }

        .tit-67 {
          font-size: 43px;
        }

        .tit-68 {
          font-size: 44px;
        }

        .tit-69 {
          font-size: 45px;
        }

        .tit-70 {
          font-size: 46px;
        }

        .tit-70 {
          font-size: 42px;
        }

        .tit-71 {
          font-size: 43px;
        }

        .tit-72 {
          font-size: 44px;
        }

        .tit-73 {
          font-size: 45px;
        }

        .tit-74 {
          font-size: 46px;
        }

        .tit-75 {
          font-size: 47px;
        }

        .tit-76 {
          font-size: 48px;
        }

        .tit-77 {
          font-size: 49px;
        }

        .tit-78 {
          font-size: 50px;
        }

        .tit-79 {
          font-size: 51px;
        }

        .tit-80 {
          font-size: 52px;
        }
      }
      /*正文字号*/
      .conbox-14 {
        font-size: 14 px;
        line-height: 1.8;
      }

      .conbox-15 {
        font-size: 15 px;
        line-height: 1.8;
      }

      .conbox-16 {
        font-size: 16 px;
        line-height: 1.8;
      }

      .conbox-17 {
        font-size: 17 px;
        line-height: 1.8;
      }

      .conbox-18 {
        font-size: 18 px;
        line-height: 1.8;
      }

      .conbox-19 {
        font-size: 19 px;
        line-height: 1.8;
      }

      .conbox-20 {
        font-size: 20 px;
        line-height: 1.8;
      }

      .conbox-21 {
        font-size: 21 px;
        line-height: 1.8;
      }

      .conbox-22 {
        font-size: 22 px;
        line-height: 1.8;
      }

      .conbox-23 {
        font-size: 23 px;
        line-height: 1.8;
      }

      .conbox-24 {
        font-size: 24 px;
        line-height: 1.8;
      }

      @media (max-width: 1481px) {
        .conbox-18 {
          font-size: 16px;
        }

        .conbox-20 {
          font-size: 18px;
        }

        .conbox-24 {
          font-size: 20px;
        }
      }
      @media (max-width: 1281px) {
        .conbox-14 {
          font-size: 13px;
        }

        .conbox-16 {
          font-size: 14px;
        }

        .conbox-18 {
          font-size: 15px;
        }

        .conbox-20 {
          font-size: 15px;
        }

        .conbox-24 {
          font-size: 16px;
        }
      }
      /*弹性盒样式*/
      .f-no {
        display: flex;
        flex-flow: row wrap;
      }

      .f-no-b-center {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
      }

      .f-no-b-start {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
      }

      .f-no-b-stretch {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: stretch;
      }

      .f-no-c-center {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
      }

      .f-no-c-start {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-start;
      }

      .f-no-c-stretch {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: stretch;
      }

      .f-no-s-center {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
      }

      .f-no-s-end {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: flex-end;
      }

      .f-no-s-stretch {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: stretch;
      }

      .f-no-s-start {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: flex-start;
      }

      .f-no-end-start {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
      }

      .f-no-col {
        display: flex;
        flex-flow: column wrap;
      }

      .f-no-col-b-center {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: center;
      }

      .f-no-col-c-center {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
      }

      .f-no-col-s-center {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: center;
      }

      .f-no-col-s-end {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: flex-end;
      }

      .f-no-col-c-start {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: flex-start;
      }

      .f-no-col-b-start {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: flex-start;
      }

      .f-no-col-end-start {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-end;
        align-items: flex-start;
      }

      /*响应隐藏样式*/
      .pc-block {
        display: block;
      }

      .pc-block-768 {
        display: block;
      }

      .pc-block-767 {
        display: block;
      }

      .m-block {
        display: none;
      }

      .m-block-767 {
        display: none;
      }

      .m-block-768 {
        display: none;
      }

      @media (max-width: 1024px) {
        .pc-block {
          display: none;
        }

        .m-block {
          display: block;
        }
      }
      @media (max-width: 768px) {
        .pc-block-768 {
          display: none;
        }

        .m-block-768 {
          display: block;
        }
      }
      @media (max-width: 767px) {
        .pc-block-767 {
          display: none;
        }

        .m-block-767 {
          display: block;
        }
      }
      /*常用样式类名*/
      .poa-middle {
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
      }

      .tran-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .text-hide {
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .img-cover {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
      }

      .pointer {
        cursor: pointer;
      }

      .bgtop {
        background-position: top;
      }

      .containbg {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }

      .text-left {
        text-align: left;
      }

      .text-right {
        text-align: right;
      }

      .text-center {
        text-align: center;
      }

      .text-justif {
        text-align: justify;
      }

      .text-nowrap {
        white-space: nowrap;
      }

      .text-l {
        text-transform: lowercase;
      }

      .text-u {
        text-transform: uppercase;
      }

      .text-c {
        text-transform: capitalize;
      }

      .text-bold {
        font-weight: bold;
      }

      .centerh {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
      }

      .centerv {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }

      .centerblock {
        margin-left: auto;
        margin-right: auto;
      }

      .shadow1 {
        box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
      }

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

      .fullw {
        width: 100%;
      }

      .fullh {
        height: 100%;
      }

      .fullvh {
        height: 100vh;
      }

      .top {
        top: 0;
      }

      .btm {
        bottom: 0;
      }

      .lt {
        left: 0;
      }

      .rt {
        right: 0;
      }

      .block {
        display: block;
      }

      .inlineblock {
        display: inline-block;
      }

      .notrans {
        -webkit-transition-duration: 0s !important;
        -o-transition-duration: 0s !important;
        transition-duration: 0s !important;
      }

      .no-hover {
        pointer-events: none !important;
        cursor: default;
      }

      .trans3d0 {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }

      .round {
        border-radius: 50%;
      }

      .mt0 {
        margin-top: 0;
      }

      .mb0 {
        margin-bottom: 0;
      }

      .in-block {
        display: inline-block;
        *display: inline;
        *zoom: 1;
      }

      /*网站主体区域宽度样式*/
      .w100 {
        width: 100%;
      }

      .w1720 {
        max-width: 1720px;
        width: 88%;
        margin: 0 auto;
      }

      .w1680 {
        max-width: 1680px;
        width: 88%;
        margin: 0 auto;
      }

      .w1640 {
        max-width: 1640px;
        width: 88%;
        margin: 0 auto;
      }

      .w1620 {
        max-width: 1620px;
        width: 88%;
        margin: 0 auto;
      }

      .w1580 {
        max-width: 1580px;
        width: 88%;
        margin: 0 auto;
      }

      .w1520 {
        max-width: 1520px;
        width: 88%;
        margin: 0 auto;
      }

      .w1420 {
        max-width: 1420px;
        width: 88%;
        margin: 0 auto;
      }

      .w1350 {
        width: 1350px;
        margin: 0 auto;
      }
      @media (max-width: 1480px) {
        .w1350 {
          width: 88%;
        }
      }

      .w1300 {
        width: 1300px;
        margin: 0 auto;
      }
      @media (max-width: 1350px) {
        .w1300 {
          width: 88%;
        }
      }

      .w1220 {
        width: 1220px;
        margin: 0 auto;
      }
      @media (max-width: 1300px) {
        .w1220 {
          width: 88%;
        }
      }

      .w1080 {
        width: 1080px;
        margin: 0 auto;
      }
      @media (max-width: 1100px) {
        .w1080 {
          width: 88%;
        }
      }

      .w1070 {
        width: 1070px;
        margin: 0 auto;
      }
      @media (max-width: 1100px) {
        .w1070 {
          width: 88%;
        }
      }

      /*分页样式*/
      .wpage {
        text-align: center;
      }

      .page {
        padding: 1rem 0 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
        text-align: center;
        clear: both;
        display: inline-block;
      }

      .page a {
        text-decoration: none;
        color: #666;
        width: 58px;
        height: 58px;
        line-height: 58px;
        border-radius: 50%;
        margin: 0 2px;
        /*background:#f0efef;*/
        display: block;
        float: left;
        transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
      }

      .page a.active {
        /*background:#da3830;*/
        color: #d6000f;
        transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
      }

      .page span.laypage_curr {
        width: 58px;
        height: 58px;
        line-height: 58px;
        margin: 0 2px;
        display: inline-block;
        background: #da3830;
        color: #fff;
        transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
      }

      .page a:hover {
        text-decoration: none;
        color: #da3830;
        /*background:#da3830;*/
        transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
      }

      .wpage .prevbtn {
        background: #e6e6e6;
      }

      .wpage .prevbtn:hover {
        background: #d6000f;
        color: #fff;
      }

      .wpage .nextbtn {
        background: #e6e6e6;
      }

      .wpage .nextbtn:hover {
        background: #d6000f;
        color: #fff;
      }

      /*分页样式end*/
      @media (max-width: 767px) {
        .wrap {
          padding: 30px;
        }

        .page a {
          width: 32px;
          height: 32px;
          line-height: 32px;
          font-size: 12px;
        }
      }
      .wrap-sm {
        padding: 30px;
      }

      @media (max-width: 767px) {
        .wrap-sm {
          padding: 15px;
        }
      }
      .wrap-xs {
        padding: 20px;
      }

      @media (max-width: 767px) {
        .wrap-xs {
          padding: 10px;
        }
      }
      .p-v-xs {
        padding-top: 20px;
        padding-bottom: 20px;
      }

      @media (max-width: 767px) {
        .p-v-xs {
          padding-top: 10px;
          padding-bottom: 10px;
        }
      }
      .p-v-sm {
        padding-top: 30px;
        padding-bottom: 30px;
      }

      @media (max-width: 767px) {
        .p-v-sm {
          padding-top: 20px;
          padding-bottom: 20px;
        }
      }
      .p-v-md {
        padding-top: 60px;
        padding-bottom: 60px;
      }

      @media (max-width: 959px) {
        .p-v-md {
          padding-top: 40px;
          padding-bottom: 40px;
        }
      }
      @media (max-width: 767px) {
        .p-v-md {
          padding-top: 30px;
          padding-bottom: 30px;
        }
      }
      .p-v-lg {
        padding-top: 100px;
        padding-bottom: 100px;
      }

      @media (max-width: 959px) {
        .p-v-lg {
          padding-top: 70px;
          padding-bottom: 70px;
        }
      }
      @media (max-width: 767px) {
        .p-v-lg {
          padding-top: 50px;
          padding-bottom: 50px;
        }
      }
      .p-h-sm {
        padding-left: 30px;
        padding-right: 30px;
      }

      @media (max-width: 767px) {
        .p-h-sm {
          padding-left: 20px;
          padding-right: 20px;
        }
      }
      .pt0 {
        padding-top: 0;
      }

      .pb0 {
        padding-bottom: 0;
      }

      .m-v-lg {
        margin-top: 100px;
        margin-bottom: 100px;
      }

      @media (max-width: 959px) {
        .m-v-lg {
          margin-top: 70px;
          margin-bottom: 70px;
        }
      }
      @media (max-width: 767px) {
        .m-v-lg {
          margin-top: 50px;
          margin-bottom: 50px;
        }
      }
      .m-b-xxs {
        margin-bottom: 5px;
      }

      .m-b-xs {
        margin-bottom: 10px;
      }

      .m-b-sm {
        margin-bottom: 20px;
      }

      @media (max-width: 767px) {
        .m-b-sm {
          margin-bottom: 15px;
        }
      }
      .m-b-md {
        margin-bottom: 30px;
      }

      @media (max-width: 767px) {
        .m-b-md {
          margin-bottom: 20px;
        }
      }
      .m-b-lg {
        margin-bottom: 60px;
      }

      @media (max-width: 767px) {
        .m-b-lg {
          margin-bottom: 40px;
        }
      }
      .m-b-xl {
        margin-bottom: 100px;
      }

      @media (max-width: 959px) {
        .m-b-xl {
          margin-bottom: 70px;
        }
      }
      @media (max-width: 767px) {
        .m-b-xl {
          margin-bottom: 50px;
        }
      }
      .m-t-xxs {
        margin-top: 5px;
      }

      .m-t-xs {
        margin-top: 10px;
      }

      .m-t-sm {
        margin-top: 20px;
      }

      @media (max-width: 767px) {
        .m-t-sm {
          margin-top: 15px;
        }
      }
      .m-t-md {
        margin-top: 30px;
      }

      @media (max-width: 767px) {
        .m-t-md {
          margin-top: 20px;
        }
      }
      .m-t-lg {
        margin-top: 60px;
      }

      @media (max-width: 767px) {
        .m-t-lg {
          margin-top: 40px;
        }
      }
      .m-r-xxs {
        margin-right: 5px;
      }

      .m-r-xs {
        margin-right: 10px;
      }

      .m-r-sm {
        margin-right: 20px;
      }

      @media (max-width: 767px) {
        .m-r-sm {
          margin-right: 10px;
        }
      }
      .m-l-xxs {
        margin-left: 5px;
      }

      .m-l-xs {
        margin-left: 10px;
      }

      .m-l-sm {
        margin-left: 20px;
      }

      @media (max-width: 767px) {
        .m-l-sm {
          margin-left: 10px;
        }
      }
      @media (max-width: 767px) and (orientation: portrait) {
        .phone-v-fullw {
          width: 100%;
        }

        .phone-v-p0 {
          padding: 0;
        }
      }
      /*常用css3动画样式*/
      .trans {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
      }

      .trans2 {
        -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      }

      .trans-md {
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
      }

      .trans-md2 {
        -webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
        -o-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
        transition: all 0.8s cubic-bezier(1, 0, 0, 1);
      }

      /*loadering动画样式2*/
      .anim-loader {
        animation:
          loader 1829ms linear infinite,
          loader_dash 2156ms ease-in-out infinite;
      }

      .anim-fade-out {
        -webkit-animation: fade_out 0.5s ease forwards;
        animation: fade_out 0.5s ease forwards;
      }

      /*模块加载的loading-2*/
      .ajax-loader {
        background: rgba(0, 0, 0, 0.2);
        visibility: hidden;
        opacity: 0;
        z-index: 1036;
      }

      .tt-ajax-loader .ajax-loader {
        visibility: visible;
        opacity: 1;
      }

      .tt-ajax-loader .ajax-loader .loader-icon .line {
        -webkit-animation:
          loader 1829ms linear infinite,
          loader_dash 2156ms ease-in-out infinite;
        animation:
          loader 1829ms linear infinite,
          loader_dash 2156ms ease-in-out infinite;
      }

      /*end*/
      /*入场动画样式*/
      .anim_emt {
        visibility: hidden;
      }

      .anim_emt.visb {
        visibility: inherit;
      }

      .anim_emt.start {
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
      }

      .anim_emt.start.scale_up {
        -webkit-animation-name: mk_scale;
        animation-name: mk_scale;
      }

      .anim_emt.start.fade_in {
        -webkit-animation-name: mk_fade;
        animation-name: mk_fade;
      }

      .anim_emt.start.r_to_l {
        -webkit-animation-name: mk_right_to_left;
        animation-name: mk_right_to_left;
      }

      .anim_emt.start.l_to_r {
        -webkit-animation-name: mk_left_to_right;
        animation-name: mk_left_to_right;
      }

      .anim_emt.start.t_to_b {
        -webkit-animation-name: mk_top_to_bottom;
        animation-name: mk_top_to_bottom;
      }

      .anim_emt.start.b_to_t {
        -webkit-animation-name: mk_bottom_to_top;
        animation-name: mk_bottom_to_top;
      }
      .anim_emt.start.b_to_t2 {
        -webkit-animation-name: mk_bottom_to_top2;
        animation-name: mk_bottom_to_top2;
      }
      .slide_anim {
        visibility: hidden;
      }

      .slide_anim.start {
        visibility: visible;
      }

      /*.slide_anim.b_to_t.start {
  -webkit-animation: mk_bottom_to_top .6s;
  animation: mk_bottom_to_top 0.6s;
}*/

      .anim_emt.palx_img.start {
        overflow: hidden;
        -webkit-animation-name: tt_palx_wrap;
        animation-name: tt_palx_wrap;
      }

      .anim_emt.palx_img.start .img-wrap {
        -webkit-animation: tt_palx_img 0.6s;
        animation: tt_palx_img 0.6s;
      }

      @keyframes tt_palx_wrap {
        0% {
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
          opacity: 0;
        }
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
        }
      }
      @keyframes tt_palx_img {
        0% {
          -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
        }
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
        }
      }
      @keyframes loader {
        to {
          -webkit-transform: rotate3d(0, 0, 1, 360deg);
          transform: rotate3d(0, 0, 1, 360deg);
        }
      }
      @keyframes loader_dash {
        from {
          stroke-dasharray: 0 150;
          stroke-dashoffset: 0;
        }
        to {
          stroke-dasharray: 100 150;
          stroke-dashoffset: -140;
        }
      }
      @keyframes line_w100 {
        to {
          left: 100%;
        }
      }
      @keyframes rotate_360 {
        to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      @keyframes fade_out {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      @keyframes fade_in {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }
      @keyframes fade_out_in {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0;
        }
      }
      @keyframes mk_scale {
        0% {
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1;
        }
      }
      @keyframes mk_fade {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }
      @keyframes mk_left_to_right {
        0% {
          -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
          opacity: 0;
        }
        100% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
        }
      }
      @keyframes mk_right_to_left {
        0% {
          -webkit-transform: translateX(30px);
          transform: translateX(30px);
          opacity: 0;
        }
        100% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
        }
      }
      @keyframes mk_bottom_to_top2 {
        0% {
          -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
          opacity: 0;
        }
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
        }
      }
      @keyframes mk_bottom_to_top {
        0% {
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
          opacity: 0;
        }
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
        }
      }
      @keyframes mk_top_to_bottom {
        0% {
          -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
          opacity: 0;
        }
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
        }
      }
      @keyframes mk_spt {
        0% {
          -webkit-transform: translateY(10%);
          transform: translateY(10%);
          opacity: 0;
        }
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
        }
      }
      .js-m {
        opacity: 0;
        transform: translate(0, 30px);
        transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
      }

      .js-m.animate {
        opacity: 1;
        transform: translate(0, 0);
      }

      .js-m-2-1 {
        opacity: 0;
        transform: translate(0, 30px);
        transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
      }

      .js-m-2-1.animate {
        opacity: 1;
        transform: translate(0, 0);
      }

      .a-del1 {
        animation-delay: 0.1s;
      }

      .a-del2 {
        animation-delay: 0.2s;
      }

      .a-del3 {
        animation-delay: 0.3s;
      }

      .a-del4 {
        animation-delay: 0.4s;
      }

      .a-del5 {
        animation-delay: 0.5s;
      }

      .a-del6 {
        animation-delay: 0.6s;
      }

      .a-del7 {
        animation-delay: 0.7s;
      }

      .a-del8 {
        animation-delay: 0.8s;
      }

      .a-del9 {
        animation-delay: 0.9s;
      }

      .a-del10 {
        animation-delay: 1s;
      }

      .a-dur1 {
        animation-duration: 0.3s;
      }

      .a-dur2 {
        animation-duration: 0.4s;
      }

      .a-dur3 {
        animation-duration: 0.5s;
      }

      .a-dur4 {
        animation-duration: 0.6s;
      }

      .a-dur5 {
        animation-duration: 0.7s;
      }

      .a-dur6 {
        animation-duration: 0.8s;
      }

      .a-dur7 {
        animation-duration: 0.9s;
      }

      .a-dur8 {
        animation-duration: 1s;
      }

      .a-dur9 {
        animation-duration: 1.1s;
      }

      .a-dur10 {
        animation-duration: 1.2s;
      }

      .a-dur11 {
        animation-duration: 1.3s;
      }

      .a-dur12 {
        animation-duration: 1.4s;
      }

      .a-dur13 {
        animation-duration: 1.5s;
      }

      .a-dur14 {
        animation-duration: 1.6s;
      }

      .a-dur15 {
        animation-duration: 1.7s;
      }

      .a-dur16 {
        animation-duration: 1.8s;
      }

      .a-dur17 {
        animation-duration: 1.9s;
      }

      .a-dur18 {
        animation-duration: 2s;
      }

      .t-del1 {
        transition-delay: 0.1s;
      }

      .t-del2 {
        transition-delay: 0.2s;
      }

      .t-del3 {
        transition-delay: 0.3s;
      }

      .t-del4 {
        transition-delay: 0.4s;
      }

      .t-del5 {
        transition-delay: 0.5s;
      }

      .t-del6 {
        transition-delay: 0.6s;
      }

      .t-del7 {
        transition-delay: 0.7s;
      }

      .t-del8 {
        transition-delay: 0.8s;
      }

      .t-del9 {
        transition-delay: 0.9s;
      }

      .t-del10 {
        transition-delay: 1s;
      }

      /*ie10以下显示*/
      .browsers {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff
          url("#bocstatic/web/css/../../img/iebgimg.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        z-index: 99;
      }

      .line-1 {
        line-height: 1.1;
      }

      .line-2 {
        line-height: 1.2;
      }

      .line-3 {
        line-height: 1.3;
      }

      .line-4 {
        line-height: 1.4;
      }

      .line-5 {
        line-height: 1.5;
      }

      .line-6 {
        line-height: 1.6;
      }

      .line-7 {
        line-height: 1.7;
      }

      .line-8 {
        line-height: 1.8;
      }

      .line-9 {
        line-height: 1.9;
      }

      .line-10 {
        line-height: 2;
      }

      .line-11 {
        line-height: 2.1;
      }

      .line-12 {
        line-height: 2.2;
      }

      /*毛玻璃*/
      .some-class-zxx {
        background-color: #fff;
      }

      @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .some-class-zxx {
          background: rgba(255, 255, 255, 0.75);
          -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
        }
      }
      /*文字引用*/
      /*@include font-face($font-family:'ad', $file-path:"../fonts/BEBAS", $weight: normal, $style: normal);
@include simple-text($borderColorFocus:#000);
@include simple-textarea($borderColorFocus:#52a8ec, $width:500px, $height:80px)
@include simple-btn($formbtn:false, $bgColor: $primary, $textColor:$white);
/*@include triangle(left, 10px, #000 )*/
      /*@include triangle($direction, $size, $borderColor )*/
      /*.conbox-16{
  color:nth($infoColor,1);
  background:nth($infoColor,2);
  border:1px solid nth($infoColor,3);
}*/
      /*@include placeholder(#999);*/
      /*margin-right: pe(16px);*/
      /*@extend .in-block;*/
      /*初始样式结束*/
      /*首页加载loading*/
      body.loading {
        overflow: hidden;
      }

      /*首页加载loading-end*/
      .col1 {
        color: #d6000f;
      }

      .morebtn1:hover {
        color: #fff;
        background: #b40404 !important;
      }

      @media (max-width: 767px) {
        .morebtn1 {
          font-size: 14px;
        }
      }
      .poa-l-r,
      .n-banner .bg,
      .support-list5 .bg,
      .support-list10 .bg,
      .support-list12 .bg,
      .product-list5 .bg,
      .pv-list1 .bg,
      .career-list1 .bg,
      .join-list4 .bg {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
      }

      .n-banner {
        position: relative;
        z-index: 1;
        height: 19.75rem;
      }
      .n-banner .bg {
        position: absolute;
      }
      .n-banner .tit2 {
        z-index: 3;
        letter-spacing: 4px;
        margin-left: -4px;
      }
      .n-banner .icon {
        width: 4.5rem;
        height: 4.5rem;
        z-index: 1;
      }
      .n-banner .tit4 {
        margin-top: 0.85rem;
      }
      .n-banner .text {
        position: relative;
        z-index: 2;
      }

      @media (max-width: 767px) {
        .n-banner {
          height: 13rem;
        }

        .n-banner .tit2 {
          font-size: 28px;
        }

        .n-banner .tit4 {
          font-size: 28px;
          margin-top: 0.35rem;
        }

        .n-banner .bg {
          background-position: 65% center;
        }
      }
      .n-navbox {
        position: absolute;
        width: 100%;
        height: 50px;
        left: 0;
        bottom: 0;
        z-index: 1;
      }
      .n-navbox:before {
        content: "";
        position: absolute;
        background: rgba(23, 23, 23, 0.6);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
      }
      .n-navbox .nbox {
        position: relative;
        z-index: 3;
        overflow: hidden;
      }
      .navbox-cursor {
        cursor: ew-resize;
      }
      .n-navbox .li {
        margin: 0 1.8rem;
        height: 50px;
        line-height: 50px;
        color: #fff;
        opacity: 0.4;
        transition: all 0.5s ease-in-out;
        position: relative;
        width: auto;
      }
      .n-navbox .nbox.active .swiper-wrapper {
        justify-content: center;
        cursor: initial;
      }
      .n-navbox .nbox .swiper-slide {
        width: auto;
      }
      .n-navbox .li:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        z-index: 6;
        left: 0;
        bottom: 0;
        opacity: 0;
      }
      .n-navbox .subbox {
        position: absolute;
        width: 100%;
        height: 50px;
        background: #eee;
        left: 0;
        top: 50px;
        text-transform: none;
      }
      .n-navbox .li:hover,
      .n-navbox .li.cur {
        opacity: 1;
      }
      .n-navbox .li.cur:before {
        opacity: 1;
      }
      .n-navbox .subbox {
        display: none;
      }
      .n-navbox .subbox a {
        color: #000;
        position: relative;
        height: 50px;
        line-height: 50px;
        margin: 0 0.75rem;
        transition: all 0.4s;
      }
      .n-navbox .subbox a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #d6000f;
        z-index: 6;
        left: 0;
        bottom: 0;
        opacity: 0;
      }
      .n-navbox .subbox a:hover,
      .n-navbox .subbox a.cur {
        color: #d6000f;
        /*font-weight:bold;*/
      }
      .n-navbox .subbox a.cur:before {
        opacity: 1;
      }

      @media (max-width: 768px) {
        /*.n-navbox {
    display: none;
  }*/
        .n-navbox .li {
          margin: 0 0.8rem;
        }
        .n-navbox .nbox .button-prev {
          left: -1% !important;
        }
        .n-navbox .nbox .button-next {
          right: -1% !important;
        }

        .n-navbox .nbox.active .swiper-wrapper {
          justify-content: flex-start;
        }
      }
      .support-list1 {
        padding: 2.9rem 0 1rem;
        background: #f6f6f6;
        position: relative;
        z-index: 3;
      }
      .support-list1 .formbox {
        margin-top: 2rem;
      }
      .support-list1 .tit3 {
        margin-bottom: 0.4rem;
      }
      .support-list1 .selectbox {
        width: calc(33.3% - 34px);
        position: relative;
        z-index: 3;
        margin-right: 25px;
      }
      .support-list1 .selectbox span {
        margin-right: 10px;
      }
      .support-list1 .selectbox .icon {
        width: 12px;
        height: 12px;
        fill: #333;
      }
      .support-list1 .selectbox .sp1 {
        width: 100%;
        height: 52px;
        line-height: 52px;
        padding: 0 0.5rem;
        opacity: 0.6;
        transition: all 0.3s;
      }
      .support-list1 .selectbox .selecttop {
        width: 100%;
        background: #fff;
      }
      .support-list1 .selectbox .selectitem {
        position: absolute;
        left: 0;
        top: 52px;
        width: 100%;
        background: #e6e6e6;
        max-height: 200px;
        overflow-y: auto;
        display: none;
      }
      .support-list1 .selectbox .item {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
      }
      .support-list1 .selectbox .item:hover {
        color: #fff;
        background: #d6000f;
      }
      .support-list1 .selectbox:hover .selecttop {
        color: #fff;
      }
      .support-list1 .selectbox:hover .selecttop .sp1 {
        opacity: 1;
      }
      .support-list1 .warpselectbox {
        margin-bottom: 1.25rem;
      }
      .support-list1 .warpselectbox:nth-child(2) {
        position: relative;
        z-index: 5;
      }

      .support-list2 {
        background: #fff;
        padding: 2.25rem 0 2.5rem;
      }
      .support-list2 .list-top {
        background: #f6f6f6;
        height: 2.25rem;
        line-height: 2.25rem;
        padding: 0 1.35rem;
        line-height: 1.2;
      }
      .support-list2 .list-top .sp {
        padding-right: 3%;
      }
      .support-list2 .list-top .sp1 {
        width: 19%;
      }
      .support-list2 .list-top .sp2 {
        width: 16%;
      }
      .support-list2 .list-top .sp3 {
        width: 15%;
      }
      .support-list2 .list-top .sp4 {
        width: 18%;
      }
      .support-list2 .list-top .sp5 {
        width: 13%;
      }
      .support-list2 .item-li {
        line-height: 1.4;
        padding: 0.85rem 1.35rem;
        border-bottom: 1px solid #e6e6e6;
      }
      .support-list2 .item-li .sp {
        padding-right: 2%;
      }
      .support-list2 .item-li .sp1 {
        width: 19%;
      }
      .support-list2 .item-li .sp2 {
        width: 16%;
      }
      .support-list2 .item-li .sp3 {
        width: 15%;
      }
      .support-list2 .item-li .sp4 {
        width: 18%;
      }
      .support-list2 .item-li .sp5 {
        width: 13%;
      }
      .support-list2 .item-li .sp6 {
        width: 18%;
      }
      .support-list2 .item-li .sp6 .botton {
        width: 48%;
        height: 40px;
        background: #f0f0f0;
        border-radius: 40px;
        transition: all 0.4s ease-in-out;
      }
      .support-list2 .item-li .sp6 .botton:hover {
        background: #d6000f;
        color: #fff;
      }
      .support-list2 .more {
        width: 150px;
        height: 40px;
        line-height: 40px;
        background: #d6000f;
        border-radius: 5px;
        margin: 1.25rem auto 0;
        display: block;
        transition: all 0.4s ease-in-out;
      }

      @media (max-width: 1024px) {
        .support-list2 .item-li .sp6 .botton {
          width: 100%;
          margin: 0.2rem 0;
        }

        .support-list1 {
          padding-top: 2rem;
        }

        .support-list1 .formbox {
          margin-top: 1.25rem;
        }
      }
      @media (max-width: 768px) {
        .support-list2 .list-top .sp5,
        .support-list2 .list-top .sp4,
        .support-list2 .list-top .sp3,
        .support-list2 .list-top .sp2 {
          display: none;
        }

        .support-list2 .item-li .sp5,
        .support-list2 .item-li .sp4,
        .support-list2 .item-li .sp3,
        .support-list2 .item-li .sp2 {
          display: none;
        }

        .support-list2 .item-li .sp1,
        .support-list2 .list-top .sp1 {
          width: 70%;
        }

        .support-list2 .item-li .sp6 {
          margin-left: 10%;
        }
      }
      @media (max-width: 767px) {
        .support-list1 .selectbox {
          width: 100%;
          margin-bottom: 0.35rem;
          margin-right: 0;
        }

        .support-list1 .warpselectbox {
          margin-bottom: 0.75rem;
          position: relative;
          z-index: 3;
        }

        .support-list1 .selectbox:nth-child(1) {
          z-index: 8;
        }

        .support-list1 .selectbox:nth-child(2) {
          z-index: 7;
        }

        .support-list1 .selectbox:nth-child(3) {
          z-index: 6;
        }

        .support-list2 .list-top {
          height: 2.25rem;
          line-height: 1.2;
          padding: 0 6%;
        }

        .support-list2 .item-li {
          padding: 0.75rem 6%;
        }

        .support-list2 .item-li .sp6 {
          width: 100%;
          margin-top: 0.55rem;
          margin-left: 0;
          padding-right: 0;
        }

        .support-list2 .item-li .sp6 .botton {
          width: 48%;
          height: 35px;
        }

        .support-list2 .more {
          width: 130px;
          height: 35px;
          line-height: 35px;
        }

        .support-list2 {
          padding: 1.75rem 0;
        }
      }
      .support-list3 {
        padding: 2.85rem 0 2.25rem;
        position: relative;
        z-index: 2;
      }
      .support-list3 .form {
        width: 750px;
        max-width: 90%;
        margin: 2rem auto 1.25rem;
      }
      .support-list3 .inputbox {
        width: 68%;
      }
      .support-list3 .inputbox .input {
        height: 18px;
        -webkit-transition:
          border linear 0.2s,
          box-shadow linear 0.2s;
        transition:
          border linear 0.2s,
          box-shadow linear 0.2s;
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        width: 100%;
        background: #e6e6e6;
        border: 1px solid #cccccc;
        height: 1.75rem;
        padding: 0 1.75rem 0 0.75rem;
      }
      .support-list3 .inputbox .input:focus {
        border-color: rgba(0, 0, 0, 0.8);
        -webkit-box-shadow:
          inset 0 1px 3px rgba(0, 0, 0, 0.1),
          0 0 8px rgba(0, 0, 0, 0.6);
        box-shadow:
          inset 0 1px 3px rgba(0, 0, 0, 0.1),
          0 0 8px rgba(0, 0, 0, 0.6);
      }
      .support-list3 .inputbox .input2 {
        border: none;
        background: #d6000f
          url(https://en.hopewind.com/bocstatic/web/download/search.png)
          no-repeat center center;
        width: 1.75rem;
        height: 1.75rem;
        position: absolute;
        right: 0;
        top: 0;
        background-size: 0.6rem auto;
      }
      .support-list3 .input3 {
        width: 24.6%;
        height: 1.75rem;
        background: #d6000f;
        transition: all 0.3s ease-in-out;
        line-height: 1.2;
        text-align: center;
      }
      .support-list3 .ul {
        background: #e6e6e6;
        padding: 0.75rem;
        margin-bottom: 1rem;
        min-height: 4rem;
      }
      .support-list3 .ul .li {
        /*width: 20%;*/
        width: 25%;
        border-right: 1px solid #ccc;
      }
      .support-list3 .ul .li:last-child {
        border-right: none;
      }
      .support-list3 .ul .tit4 {
        margin-bottom: 0.5rem;
      }

      @media (max-width: 768px) {
        .support-list3 {
          padding: 2rem 0;
        }

        .support-list3 .form {
          margin-top: 1rem;
        }
      }
      @media (max-width: 767px) {
        .support-list3 .inputbox {
          width: 100%;
          margin-bottom: 0.6rem;
        }

        .support-list3 .input3 {
          width: 100%;
        }

        .support-list3 .ul .li {
          width: 100%;
          border-bottom: 1px solid #ccc;
          border-right: none;
          padding: 5% 0;
        }

        .support-list3 .ul .tit4 {
          margin-bottom: 0.3rem;
        }

        .support-list3 .ul .li:last-child {
          border-bottom: none;
        }

        .support-list3 .contentbox .tit2 {
          font-size: 28px;
          line-height: 1.2;
        }
      }
      .support-list4 {
        background: #fff;
        padding: 4.5rem 0 2.5rem;
      }
      .support-list4 .tabul {
        margin-top: 1.5rem;
        border-bottom: 1px solid #eee;
      }
      .support-list4 .tabul .li {
        padding-bottom: 0.5rem;
        margin: 0 2rem;
        position: relative;
        color: #1a1a1a;
        transition: all 0.4s ease-in-out;
      }
      .support-list4 .tabul .li:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 100%;
        background: #d6000f;
        z-index: 2;
        opacity: 0;
        transition: all 0.4s ease-in-out;
      }
      .support-list4 .tabul .li:hover,
      .support-list4 .tabul .li.cur {
        color: #d6000f;
      }
      .support-list4 .tabul .li.cur:before {
        opacity: 1;
      }
      .support-list4 .warpbox {
        margin-top: 2.5rem;
      }
      .support-list4 .warpbox .item {
        margin-bottom: 1rem;
      }
      .support-list4 .warpbox .tit3 {
        color: #1a1a1a;
        padding-bottom: 28px;
        border-bottom: 1px solid #e6e6e6;
        padding-right: 0.75rem;
      }
      .support-list4 .warpbox .tit {
        width: 90%;
      }
      .support-list4 .warpbox .icon {
        width: 30px;
        height: 30px;
        transition: all 0.3s ease-in-out;
      }
      .support-list4 .warpbox .textbox {
        background: #f5f5f5;
        padding: 1rem 1.5rem 2rem;
        display: none;
      }
      .support-list4 .warpbox .tit3.cur .icon {
        transform: rotate(-45deg);
      }
      .support-list4 .warpbox .item:last-child {
        margin-bottom: 0;
      }
      .support-list4 .morebtn {
        margin-top: 2.7rem;
      }
      .support-list4 .morebtn img {
        margin-bottom: 0.35rem;
      }

      @media (max-width: 1024px) {
        .support-list4 {
          padding: 2rem 0;
        }

        .support-list4 .morebtn {
          margin-top: 1.5rem;
        }
      }
      @media (max-width: 767px) {
        .support-list4 .tabul .li {
          margin: 0 0.5rem;
          width: 40%;
          text-align: center;
        }

        .support-list4 .tabul {
          margin-top: 1rem;
        }

        .support-list4 .warpbox {
          margin-top: 1rem;
        }

        .support-list4 .warpbox .tit {
          width: 85%;
        }

        .support-list4 .warpbox .textbox {
          padding: 1rem 6%;
        }

        .support-list4 .warpbox .item {
          margin-bottom: 0.7rem;
        }

        .support-list4 .warpbox .tit3 {
          padding-bottom: 0.7rem;
        }
      }
      .support-list5 {
        padding: 6.5rem 0 4.25rem;
        position: relative;
      }
      .support-list5 .bg {
        position: absolute;
      }
      .support-list5 .formbox {
        width: 920px;
        max-width: 90%;
        margin-left: 3.5rem;
      }
      .support-list5 .tit2 {
        margin-bottom: 0.4rem;
      }
      .support-list5 .inputbox {
        width: 48%;
        margin-bottom: 0.55rem;
        position: relative;
        z-index: 2;
      }
      .support-list5 .inputbox .icon {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translate3d(0, -50%, 0);
      }
      .support-list5 .input1 {
        height: 18px;
        -webkit-transition:
          border linear 0.2s,
          box-shadow linear 0.2s;
        transition:
          border linear 0.2s,
          box-shadow linear 0.2s;
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 60px;
        padding: 0 1.5rem 0 0.5rem;
        background: rgba(255, 255, 255, 0.46);
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-shadow: none;
      }
      .support-list5 .input1:focus {
        border-color: rgba(255, 255, 255, 0.8);
        -webkit-box-shadow:
          inset 0 1px 3px rgba(0, 0, 0, 0.1),
          0 0 8px rgba(255, 255, 255, 0.6);
        box-shadow:
          inset 0 1px 3px rgba(0, 0, 0, 0.1),
          0 0 8px rgba(255, 255, 255, 0.6);
      }
      .support-list5 .input1::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #333;
      }
      .support-list5 .input1:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #333;
      }
      .support-list5 .input1::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #333;
      }
      .support-list5 .input1:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #333;
      }
      .support-list5 .input1 {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
      .support-list5 .inputbox2 {
        width: 100%;
      }
      .support-list5 .inputbox2 .icon {
        position: absolute;
        right: 0.5rem;
        top: 0.75rem;
      }
      .support-list5 .input2 {
        height: 18px;
        -webkit-transition:
          border linear 0.2s,
          box-shadow linear 0.2s;
        transition:
          border linear 0.2s,
          box-shadow linear 0.2s;
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 180px;
        padding: 0.5rem 1.5rem 0 0.5rem;
        background: rgba(255, 255, 255, 0.46);
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-shadow: none;
      }
      .support-list5 .input2:focus {
        border-color: rgba(255, 255, 255, 0.8);
        -webkit-box-shadow:
          inset 0 1px 3px rgba(0, 0, 0, 0.1),
          0 0 8px rgba(255, 255, 255, 0.6);
        box-shadow:
          inset 0 1px 3px rgba(0, 0, 0, 0.1),
          0 0 8px rgba(255, 255, 255, 0.6);
      }
      .support-list5 .input2::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #333;
      }
      .support-list5 .input2:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #333;
      }
      .support-list5 .input2::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #333;
      }
      .support-list5 .input2:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #333;
      }
      .support-list5 .inputbox3 .input1 {
        padding-right: 160px;
      }
      .support-list5 .inputbox3 .captcha {
        width: 140px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
      }
      .support-list5 .inputbox4 .input3 {
        background: #d6000f
          url("#bocstatic/web/css/../img/supporticon6.png")
          no-repeat calc(50% + 20px) 50%;
        padding-right: 60px;
        width: 100%;
        height: 60px;
      }

      .support-list6 {
        background: #f6f6f6;
        padding: 2rem 6.25% 3rem;
        overflow: hidden;
      }
      .support-list6 .leftbox {
        width: 27%;
        padding-top: 11.5rem;
        position: relative;
      }
      .support-list6 .leftbox img {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: -1rem;
      }
      .support-list6 .leftbox .tit2 {
        position: relative;
        z-index: 3;
        white-space: nowrap;
      }
      .support-list6 .rightbox {
        width: 68%;
      }
      .support-list6 .rightbox .img1 {
        width: 48%;
      }
      .support-list6 .rightbox .img2 {
        width: 49%;
      }
      .support-list6 .rightbox .text {
        width: 48%;
      }

      @media (max-width: 1280px) {
        .support-list6 .leftbox {
          padding-top: 10rem;
        }
      }
      @media (max-width: 1024px) {
        .support-list6 .leftbox img {
          width: 30%;
        }

        .support-list6 .leftbox {
          width: 100%;
          padding-top: 4rem;
          margin-bottom: 2rem;
        }

        .support-list6 .rightbox {
          width: 100%;
        }
      }
      @media (max-width: 767px) {
        .support-list6 {
          padding-bottom: 2rem;
        }

        .support-list6 .leftbox img {
          width: 78%;
        }

        .support-list6 .leftbox {
          margin-bottom: 1rem;
        }

        .support-list6 .leftbox .tit2 {
          word-break: break-all;
          width: 100%;
          white-space: normal;
        }

        .support-list6 .rightbox .img1 {
          width: 100%;
          margin-bottom: 1rem;
        }

        .support-list6 .rightbox .img2 {
          width: 100%;
        }

        .support-list6 .rightbox .text {
          margin-top: 1rem;
          width: 100%;
        }
      }
      .support-list7 {
        padding: 3rem 6.25% 2rem;
      }
      .support-list7 .text-container {
        margin-top: 1.5rem;
        padding: 30px 5px 1.9rem;
      }
      .support-list7 .text-container .swiper-wrapper {
        align-items: stretch;
      }
      .support-list7 .text-container .swiper-slide {
        height: auto;
        transition: transform 0.3s ease;
        border-radius: 5px;
        overflow: hidden;
      }
      .support-list7 .text-container .text-pagination span {
        background: #999999;
        opacity: 0.5;
      }
      .support-list7
        .text-container
        .text-pagination
        span.swiper-pagination-bullet-active {
        background: #d6000f;
        opacity: 1;
      }
      .support-list7 .p {
        /*transition: transform .3s ease;*/
      }
      .support-list7 .text {
        width: 100%;
        height: 100%;
        border: 1px solid rgba(177, 177, 177, 0.26);
        border-radius: 6px;
        padding: 2.25rem 0.5rem 0.7rem;
      }
      .support-list7 .num {
        position: absolute;
        right: 15px;
        top: 15px;
        opacity: 0.5;
        transition: transform 0.3s ease;
      }
      .support-list7 .img {
        margin-bottom: 0.5rem;
        display: inline-block;
      }
      .support-list7 .img img {
        transition: all 0.3s ease;
      }
      .support-list7 .img .img2 {
        opacity: 0;
      }
      .support-list7 .swiper-slide:hover {
        background: #d6000f;
        transform: translate3d(0, -16px, 0);
      }
      .support-list7 .swiper-slide:hover .text {
        border: 1px solid #d6000f;
      }
      .support-list7 .swiper-slide:hover .num,
      .support-list7 .swiper-slide:hover .p {
        color: #fff;
        opacity: 1;
      }
      .support-list7 .swiper-slide:hover .img .img1 {
        opacity: 0;
      }
      .support-list7 .swiper-slide:hover .img .img2 {
        opacity: 1;
      }

      @media (max-width: 768px) {
        .support-list7 {
          padding: 2rem 6%;
        }

        .support-list7 .text-container {
          margin-top: 0;
          padding: 30px 5px 1.9rem;
        }
      }
      @media (max-width: 767px) {
        .support-list7 .text-container .text-pagination span {
          width: 6px;
          height: 6px;
        }
      }
      .support-list8 {
        position: relative;
        z-index: 1;
        padding: 0 2rem 3rem;
      }
      .support-list8 .leftbox {
        width: 58%;
      }
      .support-list8 .rightbox {
        width: 40%;
        margin-top: 4rem;
      }
      .support-list8 .warptabul {
        margin-top: 1.7rem;
        position: relative;
        z-index: 2;
      }
      .support-list8 .warptabul .swiper-button-prev {
        left: -30px;
        background: none !important;
        width: 25px;
        height: 25px;
        margin-top: -19px;
      }
      .support-list8 .warptabul .swiper-button-prev .icon {
        width: 25px;
        height: 25px;
        fill: #000;
      }
      .support-list8 .warptabul .swiper-button-next {
        right: -30px;
        background: none !important;
        width: 25px;
        height: 25px;
        margin-top: -19px;
      }
      .support-list8 .warptabul .swiper-button-next .icon {
        width: 25px;
        height: 25px;
        fill: #000;
      }
      .support-list8 .warptabul .tabul-container {
        position: relative;
        border-bottom: 1px solid #dcdcdc;
      }
      .support-list8 .warptabul .swiper-slide {
        padding-bottom: 0.5rem;
        width: auto;
        position: relative;
        transition: color 0.5s;
      }
      .support-list8 .warptabul .swiper-slide:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: 0;
        background: #e50b0e;
        opacity: 0;
        transition: color 0.5s;
      }
      .support-list8 .warptabul .swiper-slide.cur {
        color: #e50b0e;
      }
      .support-list8 .warptabul .swiper-slide.cur:before {
        opacity: 1;
      }
      .support-list8 .maptext {
        margin-top: 1rem;
      }
      .support-list8 .maptext .item {
        margin-bottom: 1rem;
        padding-left: 30px;
        position: relative;
      }
      .support-list8 .maptext .item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 6px;
        width: 11px;
        height: 11px;
        border: 3px solid #d6000f;
        border-radius: 50%;
      }

      @media (max-width: 768px) {
        .support-list8 .leftbox {
          width: 100%;
        }

        .support-list8 .rightbox {
          width: 100%;
          margin-top: 1rem;
        }

        .support-list8 .maptext .item:before {
          top: 4px;
          width: 6px;
          height: 6px;
        }
      }
      @media (max-width: 767px) {
        .support-list8 .rightbox .tit2 {
          text-align: center;
        }

        .support-list8 .warptabul {
          margin-top: 0.8rem;
        }

        .support-list8 {
          padding: 0 1.4rem 2rem;
        }
      }
      .support-list9 {
        background: #f5f5f5;
        padding: 3.25rem 0 2.5rem;
      }
      .support-list9 .ul {
        width: 1480px;
        max-width: 90%;
        margin: 2rem auto 0;
        position: relative;
      }
      .support-list9 .ul:before {
        content: "";
        position: absolute;
        width: calc(100% - 16.66%);
        height: 1px;
        top: 50%;
        background: #d8d8d8;
        z-index: 1;
      }
      /*.support-list9 .line2{
  position: absolute;
  width: 0;
  height: 1px;
  top: 50%;
  width: 1480px;
  max-width: 90%;
  left:calc(50vw - 740px);
  background: #d6000f;
  z-index:2;

}*/

      .support-list9 .item {
        /*width: 20%;*/
        width: 16.66%;
        position: relative;
        z-index: 3;
      }
      .support-list9 .item .tit3 {
        height: 54px;
        line-height: 27px;
        margin-bottom: calc(25px + 0.35rem);
      }
      .support-list9 .item:nth-child(even) {
        margin-top: 140px;
      }
      .support-list9 .item:nth-child(even) .su {
        margin-bottom: calc(25px + 0.35rem);
      }
      .support-list9 .item:nth-child(even) .su:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 25px;
        background: #d8d8d8;
        bottom: -25px;
        top: auto;
        left: 50%;
      }
      .support-list9 .item:nth-child(even) .tit3 {
        margin-bottom: 0;
      }
      .support-list9 .item:nth-child(even) .img {
        margin-top: 0.25rem;
        margin-bottom: 0;
      }
      /*.support-list9 .item:last-child {
  margin-left: -20%;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
}*/
      .support-list9 .item:last-child .tit3 {
        padding-right: 10px;
      }
      .support-list9 .item:last-child .img {
        margin-right: 10px;
      }
      .support-list9 .tit3 {
        padding-left: 10px;
        transition: all 0.4s;
      }
      .support-list9 .img {
        margin-bottom: 0.25rem;
        display: inline-block;
        margin-left: 10px;
      }
      .support-list9 .img img {
        transition: all 0.4s;
      }
      .support-list9 .img2 {
        opacity: 0;
      }
      .support-list9 .su {
        width: 48px;
        height: 48px;
        background: #f6f6f6;
        border: 1px solid #d8d8d8;
        border-radius: 50%;
        position: relative;
        transition: all 0.4s;
      }
      .support-list9 .su:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 25px;
        background: #d8d8d8;
        top: -25px;
        left: 50%;
        transition: all 0.4s;
      }
      .support-list9 .item.cur .img .img1 {
        opacity: 0;
      }
      .support-list9 .item.cur .img .img2 {
        opacity: 1;
      }
      .support-list9 .item.cur .tit3 {
        color: #d6000f;
      }
      .support-list9 .item.cur .su {
        background: #d6000f;
        color: #fff;
      }
      .support-list9 .item.cur .su:before {
        background: #d6000f;
      }

      @media (max-width: 768px) {
        .support-list9 .warpul {
          overflow-x: auto;
          width: 90%;
          margin: 0 auto;
        }

        .support-list9 .ul {
          min-width: 1000px;
          padding-bottom: 0.5rem;
        }

        .support-list9 {
          padding-top: 2rem;
        }
      }
      .support-list10 {
        padding: 3.5rem 0;
      }
      .support-list10 .bg {
        position: absolute;
      }
      .support-list10 .tit2 {
        margin-bottom: 0.3rem;
      }
      .support-list10 .tit3 {
        margin-bottom: 1.5rem;
      }
      .support-list10 .contentbox {
        position: relative;
        z-index: 2;
        margin-left: 3.5rem;
        width: 20rem;
        max-width: 90%;
      }
      .support-list10 .itembox {
        align-items: flex-start;
      }
      .support-list10 .item {
        padding: 0 0.9rem;
        height: 45px;
        line-height: 45px;
        border-radius: 45px;
        background: #f2f2f2;
        margin-bottom: 0.3rem;
        display: inline-flex;
        transition: all 0.5s;
      }
      .support-list10 .item:hover {
        color: #fff;
        background: #d6000f;
      }

      @media (max-width: 767px) {
        .support-list10 {
          padding: 2rem 0;
        }

        .support-list10 .contentbox {
          margin-left: 6%;
          width: 20rem;
          max-width: 90%;
        }

        .support-list10 .tit3 {
          margin-bottom: 1rem;
        }

        .support-list10 .item {
          height: 35px;
          line-height: 35px;
          border-radius: 35px;
        }
      }
      .support-list11 {
        padding: 2.5rem 8% 3rem;
        background: #f6f6f6;
        position: relative;
        /*height: 100vh;*/
        height: 100vh;
      }
      .support-list11 .tit2 {
        width: 100%;
        margin-bottom: 2.8rem;
      }
      .support-list11 .leftbox {
        max-width: calc(100% - 13rem);
        margin-top: 15vh;
      }
      .support-list11 .leftbox .area-box {
        margin: 0 auto -0.55rem;
        width: 88px;
        height: 88px;
      }
      .support-list11 .leftbox .area-box .pulse {
        position: absolute;
        height: 66px;
        width: 66px;
        border: 2px solid #ce1627;
        border-radius: 48px;
        box-shadow:
          0 0 4px #ce1627,
          0 0 10px #ce1627 inset;
        opacity: 0.12;
        filter: alpha(opacity=0);
        animation: warn 2s ease-out both;
        animation-iteration-count: infinite;
        background: 0 0;
      }
      .support-list11 .leftbox .area-box .pulse {
        background: #ce1627;
        height: 88px;
        width: 88px;
        box-shadow:
          0 0 12px #ce1627,
          0 0 20px #ce1627 inset;
      }
      .support-list11 .leftbox .area-box .delay-01 {
        animation-delay: 0;
      }
      .support-list11 .leftbox .area-box .delay-02 {
        animation-delay: 0.4s;
      }
      .support-list11 .leftbox .area-box .delay-03 {
        animation-delay: 0.8s;
      }
      @keyframes warn {
        0% {
          transform: scale(0);
          opacity: 1;
        }
        100% {
          transform: scale(1);
          opacity: 0;
        }
      }
      .support-list11 .leftbox .dian {
        position: absolute;
        cursor: pointer;
        z-index: 2;
      }
      .support-list11 .leftbox .dian:hover p {
        color: #000;
      }
      .support-list11 .leftbox .dian p {
        text-align: center;
      }
      .support-list11 .leftbox .dian1 {
        left: 8%;
        top: 20%;
      }
      .support-list11 .leftbox .dian2 {
        left: 7%;
        top: 46%;
        /*display:none;*/
      }
      .support-list11 .leftbox .dian3 {
        left: 30%;
        top: 24%;
      }
      .support-list11 .leftbox .dian4 {
        left: 38%;
        top: 66%;
        display: none;
      }
      .support-list11 .leftbox .dian5 {
        left: 66%;
        top: 18%;
        display: none;
      }
      .support-list11 .leftbox .dian6 {
        left: 82%;
        top: 63%;
      }
      .support-list11 .rightbox {
        width: 12rem;
        opacity: 0;
        transform: translate3d(50px, 0, 0);
      }
      .support-list11 .rightbox .item {
        padding: 0.85rem 1rem;
        background: #fff;
        border-radius: 0.5rem;
        box-shadow: 3px 2px 59px 0px rgba(34, 34, 34, 0.17);
        margin-bottom: 0.4rem;
      }
      .support-list11 .rightbox .tit3 {
        margin-bottom: 0.55rem;
      }
      .support-list11 .rightbox .li {
        padding-left: 38px;
        min-height: 30px;
        margin-bottom: 0.5rem;
      }
      .support-list11 .rightbox .li1 {
        background: url("#bocstatic/web/css/../img/support-list11icon1.png")
          no-repeat left 6px;
      }
      .support-list11 .rightbox .li2 {
        background: url("#bocstatic/web/css/../img/support-list11icon2.png")
          no-repeat left 6px;
      }
      .support-list11 .rightbox .li3 {
        background: url("#bocstatic/web/css/../img/support-list11icon3.png")
          no-repeat left 6px;
      }
      
      
   
       
      @media (min-width: 2000px) {
        .support-list11 {
          padding: 21vh 8% 3rem;
        }
      }
      @media (max-width: 1280px) {
        .support-list11 {
          height: auto;
        }

        .support-list11 .leftbox {
          width: 100%;
          margin-bottom: 1rem;
          max-width: 100%;
        }

        .support-list11 .rightbox {
          width: 100%;

          opacity: 1;
          transform: translate3d(0, 0, 0);
        }

        .support-list11 .rightbox .item {
          width: 31.5%;
          margin-right: 2.75%;
          margin-bottom: 0.8rem;
          word-break: break-all;
        }

        .support-list11 .rightbox .item:nth-child(3n) {
          margin-right: 0;
        }

        .support-list11 .rightbox .itemlist {
          width: 100%;
          display: flex;
          flex-flow: row wrap;
          align-items: stretch;
        }
      }

      @media (max-width: 768px) {
        .support-list11 .rightbox .item {
          width: 48%;
          margin-right: 4%;
          margin-bottom: 0.8rem;
          word-break: break-all;
        }

        .support-list11 .rightbox .item:nth-child(3n) {
          margin-right: 4%;
        }

        .support-list11 .rightbox .item:nth-child(2n) {
          margin-right: 0;
        }
      }
      @media (max-width: 767px) {
        .support-list11 {
          padding: 2rem 6%;
        }

        .support-list11 .leftbox .area-box {
          width: 1.5rem;
          height: 1.5rem;
        }

        .support-list11 .leftbox .area-box .pulse {
          width: 1.5rem;
          height: 1.5rem;
        }

        .support-list11 .leftbox .dian p {
          width: 70px;
          line-height: 1.2;
          font-size: 12px;
        }

        .support-list11 .leftbox .dian4 {
          left: 32%;
          top: 66%;
        }

        .support-list11 .leftbox .dian2 {
          left: 1%;
        }

        .support-list11 .leftbox .dian6 {
          left: 77%;
          top: 60%;
        }

        .support-list11 .rightbox .li {
          margin-bottom: 0.3rem;
          padding-left: 32px;
        }

        .support-list11 .rightbox .item {
          width: 100%;
          margin-right: 0 !important;
          margin-bottom: 0.4rem;
          padding-bottom: 0.4rem;
        }

        .support-list11 .tit2 {
          margin-bottom: 1rem;
        }
      }
      .support-list12 {
        padding: 4.5rem 0;
      }
      .support-list12 .bg {
        position: absolute;
      }
      .support-list12 .contentbox {
        position: relative;
        z-index: 2;
        margin-left: 4rem;
        width: 650px;
        max-width: 90%;
      }
      .support-list12 .tit2 {
        margin-bottom: 1.5rem;
      }
      .support-list12 .sp {
        margin-bottom: 0.25rem;
      }
      .support-list12 .item {
        margin-bottom: 1rem;
      }

      @media (max-width: 768px) {
        .support-list12 .contentbox {
          margin-left: 6%;
        }

        .support-list12 {
          padding: 2.5rem 0;
        }
      }
      @media (max-width: 767px) {
        .support-list12 {
          padding: 0 0 2rem;
        }

        .support-list12 .tit2 {
          margin-bottom: 1rem;
        }

        .support-list12 .item {
          margin-bottom: 0.7rem;
        }

        .support-list12 .bg {
          position: relative;
          background-position: 85% top;
          height: 13rem;
        }

        .support-list12 .contentbox {
          margin-top: -1.5rem;
        }
      }
      .product-list1 {
        padding: 3.25rem 0 3rem;
      }
      .product-list1 .ul {
        margin-top: 1.85rem;
      }
      .product-list1 .ul .li {
        width: 25%;
        margin-bottom: 1.7rem;
        padding: 0 2%;
        transform: translate3d(0, 0, 0);
        transition: all 0.4s ease-in-out;
      }
      .product-list1 .ul .img {
        width: 100%;
        height: 6.5rem;
      }
      .product-list1 .ul .img img {
        max-width: 90%;
        max-height: 90%;
      }
      .product-list1 .ul .p {
        transition: all 0.4s ease-in-out;
      }
      .product-list1 .ul .li:hover {
        transform: translate3d(0, -20px, 0);
      }
      .product-list1 .ul .li:hover .p {
        color: #d6000f;
      }
      .product-list1 .morebtn {
        margin-top: 2rem;
      }
      .product-list1 .morebtn img {
        margin-bottom: 0.35rem;
      }

      @media (max-width: 1024px) {
        .product-list1 {
          padding: 2rem 0;
        }

        .product-list1 .ul .li {
          margin-bottom: 1rem;
        }
      }
      @media (max-width: 768px) {
        .product-list1 .ul .li {
          width: 50%;
        }
      }
      @media (max-width: 767px) {
        .product-list1 .ul {
          margin-top: 1rem;
        }

        .product-list1 .ul .img {
          height: 4rem;
        }

        .product-list1 .morebtn {
          margin-top: 1rem;
        }
      }
      .product-list2 {
        padding: 3rem 0;
        background: #f8f8f8;
      }
      .product-list2 .img {
        width: 54.9%;
      }
      .product-list2 .textbox {
        width: 39%;
      }

      @media (max-width: 768px) {
        .product-list2 {
          padding: 2rem 0;
        }
      }
      @media (max-width: 767px) {
        .product-list2 .img {
          width: 100%;
        }

        .product-list2 .textbox {
          width: 100%;
          margin-top: 0.8rem;
        }
      }
      .product-list3 {
        padding: 3.25rem 0 1.5rem;
        border-bottom: 1px solid #e4e4e4;
      }
      .product-list3 .pro-container {
        padding-top: 20px;
        padding-bottom: 1.5rem;
      }
      .product-list3 .pro-container .swiper-pagination span {
        background: #999;
        opacity: 0.5;
      }
      .product-list3
        .pro-container
        .swiper-pagination
        span.swiper-pagination-bullet-active {
        opacity: 1;
        background: #d6000f;
      }
      .product-list3 .li {
        width: 100%;
        padding: 0 2%;
        transform: translate3d(0, 0, 0);
        transition: all 0.4s ease-in-out;
      }
      .product-list3 .img {
        width: 100%;
        height: 6.5rem;
      }
      .product-list3 .img img {
        max-width: 90%;
        max-height: 90%;
      }
      .product-list3 .p {
        transition: all 0.4s ease-in-out;
      }
      .product-list3 .li:hover {
        transform: translate3d(0, -20px, 0);
      }
      .product-list3 .li:hover .p {
        color: #d6000f;
      }

      @media (max-width: 768px) {
        .product-list3 {
          padding: 2rem 0;
        }

        .product-list3 .img {
          height: 4rem;
        }
      }
      @media (max-width: 767px) {
        .product-list3 .pro-container .swiper-pagination span {
          width: 6px;
          height: 6px;
        }
      }
      .product-list4 {
        padding: 3.25rem 0 3rem;
      }
      .product-list4 .ul {
        margin-top: 1.85rem;
      }
      .product-list4 .li {
        background: #f5f5f5;
        border-radius: 0.5rem;
        padding: 1.35rem 1.25rem;
        width: 31.5%;
        margin-right: 2.75%;
      }
      .product-list4 .icon {
        height: 1.35rem;
        margin-bottom: 0.65rem;
      }
      .product-list4 .tit3 {
        margin-bottom: 0.45rem;
      }
      .product-list4 .li:nth-child(3n) {
        margin-right: 0;
      }
      .product-list4 .itembox {
        width: 100%;
      }
      .product-list4 .itembox .item {
        margin-bottom: 0.2rem;
        padding-left: 22px;
        position: relative;
        width: 100%;
      }
      .product-list4 .itembox .item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 9px;
        width: 8px;
        height: 8px;
        border: 2px solid #d6000f;
        border-radius: 50%;
      }

      @media (max-width: 768px) {
        .product-list4 {
          padding: 2rem 0;
        }

        .product-list4 .ul {
          margin-top: 1rem;
        }

        .product-list4 .li {
          width: 100%;
          margin-bottom: 0.65rem;
        }
      }
      @media (max-width: 767px) {
        .product-list4 .icon {
          height: 1rem;
        }

        .product-list4 .itembox .item:before {
          width: 6px;
          height: 6px;
          top: 7px;
        }

        .product-list4 .li {
          padding: 1rem;
        }
      }
      .product-list5 {
        padding: 4.25rem 0 1rem;
        z-index: 1;
      }
      .product-list5 .bg {
        position: absolute;
        z-index: 1;
      }
      .product-list5 .contentbox {
        position: relative;
        z-index: 2;
      }
      .product-list5 .leftbox {
        width: 48%;
        padding: 0 5%;
      }
      .product-list5 .tit2 {
        margin-bottom: 1rem;
      }
      .product-list5 .textbox {
        width: 45%;
      }
      .product-list5 .imgbox-container {
        padding-bottom: 1.2rem;
      }
      .product-list5 .imgbox-container .swiper-pagination span {
        background: #999;
        opacity: 0.5;
      }
      .product-list5
        .imgbox-container
        .swiper-pagination
        span.swiper-pagination-bullet-active {
        opacity: 1;
        background: #d6000f;
      }

      @media (max-width: 767px) {
        .product-list5 {
          padding-bottom: 2rem;
        }

        .product-list5 .leftbox {
          width: 100%;
          margin-bottom: 1rem;
        }

        .product-list5 .textbox {
          width: 100%;
        }

        .product-list5 .tit2 {
          margin-bottom: 0.65rem;
        }
      }
      .product-list6 {
        position: relative;
        padding: 3.25rem 0 0;
        z-index: 1;
      }
      .product-list6 .contentbox {
        position: relative;
        z-index: 2;
      }
      .product-list6 .ul {
        margin-top: 2rem;
      }
      .product-list6 .li {
        width: 27%;
        margin-right: 9.5%;
        margin-bottom: 2.85rem;
      }
      .product-list6 .li:nth-child(3n) {
        margin-right: 0;
      }
      .product-list6 .tit3 {
        margin-bottom: 0.2rem;
        padding-left: 25px;
        position: relative;
        width: 100%;
      }
      .product-list6 .tit3:before {
        content: "";
        position: absolute;
        left: 0;
        top: 9px;
        width: 9px;
        height: 9px;
        border: 2px solid #d6000f;
        border-radius: 50%;
      }

      @media (max-width: 767px) {
        .product-list6 {
          padding-top: 2rem;
          padding-bottom: 1rem;
        }

        .product-list6 .li {
          width: 100%;
          margin-bottom: 0.9rem;
          margin-right: 0;
        }

        .product-list6 .tit3:before {
          top: 5px;
          width: 6px;
          height: 6px;
        }

        .product-list6 .ul {
          margin-top: 1rem;
        }
      }
      .product-list7 {
        padding: 2.7rem 0 3.5rem;
        background: #f4f4f4;
      }
      .product-list7 .contentbox {
        position: relative;
        z-index: 1;
      }
      .product-list7 .imgbox {
        margin-top: 1.7rem;
        overflow-x: auto;
      }
      .product-list7 .imgbox table {
        width: 100%;
        min-width: 900px;
      }
      .product-list7 .imgbox table td {
        padding: 0.35rem;
        border: 1px solid rgb(221, 221, 221) !important;
        text-align: center !important;
        /*text-align: initial !important;*/
      }
      .product-list7 .imgbox table tr {
        background: #fff !important;
      }
      .product-list7 .imgbox table .firstRow {
        background: #d6000f !important;
      }

      .product-list7 .imgbox img {
        display: inline-block;
      }

      @media (max-width: 767px) {
        .product-list7 {
          padding: 2rem 0;
        }

        .product-list7 .imgbox {
          margin-top: 1rem;
        }
      }
      .product-list8 {
        padding: 3.25rem 0 3rem;
        background: #fff;
        position: relative;
        z-index: 1;
      }
      .product-list8 .tab-container {
        width: 1180px;
        max-width: 90%;
        margin: 1.7rem auto 0;
        padding-bottom: 1.25rem;
      }
      .product-list8 .tab-container .swiper-slide {
        width: auto;
        margin-right: 22%;
      }
      .product-list8 .tab-container .swiper-pagination span {
        background: #999;
        opacity: 0.5;
      }
      .product-list8
        .tab-container
        .swiper-pagination
        span.swiper-pagination-bullet-active {
        opacity: 1;
        background: #d6000f;
      }
      .product-list8 .text {
        width: 220px;
        height: 220px;
        border: 1px solid rgba(92, 92, 92, 0.2);
        border-radius: 50%;
      }
      .product-list8 .text .img img {
        transition: all 0.5s ease-in-out;
      }
      .product-list8 .text .img .img1 {
        opacity: 1;
      }
      .product-list8 .text .img .img2 {
        opacity: 0;
      }
      .product-list8 .text .p {
        margin-top: 0.3rem;
        transition: all 0.5s ease-in-out;
      }
      .product-list8 .text:hover {
        background: #d6000f;
        border-radius: 50%;
        border: 1px solid #d6000f;
      }
      .product-list8 .text:hover .img .img1 {
        opacity: 1;
        filter: grayscale(100%) brightness(10);
        opacity: 0.95;
      }
      /*.product-list8 .text:hover .img .img2 {
  opacity: 1;
}*/
      .product-list8 .text:hover .p {
        color: #fff;
      }

      @media (max-width: 1024px) {
        .product-list8 .tab-container .swiper-slide {
          margin: 0 8.5%;
        }

        .product-list8 .text {
          width: 5.5rem;
          height: 5.5rem;
        }
      }
      @media (max-width: 768px) {
        .product-list8 .tab-container .swiper-slide {
          width: 50%;
          margin: 0;
        }

        .product-list8 .text {
          margin: 0 auto;
        }

        .product-list8 {
          padding: 2rem 0;
        }
      }
      .pv-list1 {
        padding: 3.75rem 0 3.25rem;
      }
      .pv-list1 .bg {
        position: absolute;
      }
      .pv-list1 .textbox {
        width: 650px;
        max-width: 90%;
        margin-left: 4rem;
        background: rgba(255, 255, 255, 0.9);
        padding: 2rem 1.75rem 2.5rem;
        position: relative;
        z-index: 3;
      }
      .pv-list1 .tit2 {
        margin-bottom: 0.7rem;
      }

      @media (max-width: 768px) {
        .pv-list1 {
          padding: 2rem 0 3rem;
        }

        .pv-list1 .textbox {
          margin-left: 6%;
        }
      }
      @media (max-width: 767px) {
        .pv-list1 .textbox {
          padding: 1.5rem 1rem 2rem;
        }
      }
      .pv-list2 {
        padding: 3rem 0 4.75rem;
        background: #f6f6f6;
      }
      .pv-list2 .ulbox {
        margin-top: 4.7rem;
        align-items: stretch;
      }
      .pv-list2 .ulbox .li {
        width: 25%;
        padding: 0 3%;
        position: relative;
      }
      .pv-list2 .ulbox .li:before {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 75px;
        top: 50%;
        margin-top: -32.5px;
        background: #cccccc;
        opacity: 0.5;
      }
      .pv-list2 .ulbox .li:last-child:before {
        display: none;
      }
      .pv-list2 .ulbox .icon {
        width: 1.5rem;
      }
      .pv-list2 .ulbox .tit3 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
      }

      @media (max-width: 1024px) {
        .pv-list2 .ulbox {
          margin-top: 2rem;
        }
      }
      @media (max-width: 768px) {
        .pv-list2 {
          padding: 2rem 0 3rem;
        }
      }
      @media (max-width: 767px) {
        .pv-list2 {
          padding: 2rem 0 1.5rem;
        }

        .pv-list2 .ulbox .li {
          width: 100%;
          padding-bottom: 0.85rem;
          margin-bottom: 0.85rem;
          border-bottom: 1px solid #d1d1d1;
        }

        .pv-list2 .ulbox .li:before {
          display: none;
        }

        .pv-list2 .ulbox .li:last-child {
          border: none;
        }

        .pv-list2 .ulbox {
          margin-top: 1rem;
        }
      }
      .pv-list3 {
        padding: 2.7rem 0 1.5rem;
        background: #fff;
      }
      .pv-list3 .tit2 {
        line-height: 1.2;
      }
      .pv-list3 .img {
        margin-top: 2rem;
      }
      .pv-list3 .imgbox3-container {
        padding-bottom: 1rem;
      }
      .pv-list3 .swiper-pagination span.swiper-pagination-bullet-active {
        background: #d6000f;
      }

      @media (max-width: 767px) {
        .pv-list3 {
          padding: 2rem 0 1.5rem;
        }

        .pv-list3 .img {
          margin-top: 1rem;
        }
      }
      .pv-list4 {
        padding: 2.7rem 0 1.5rem;
        background: #f6f6f6;
        position: relative;
        z-index: 1;
      }
      .pv-list4 .pv4-container {
        margin-top: 1.25rem;
        padding-bottom: 2.5rem;
      }
      .pv-list4 .pv4-container .swiper-pagination span {
        background: transparent;
        width: 11px;
        height: 11px;
        border: 2px solid #cccccc;
        margin: 0 6px;
        border-radius: 50%;
        opacity: 1;
      }
      .pv-list4
        .pv4-container
        .swiper-pagination
        span.swiper-pagination-bullet-active {
        border: 2px solid #d6000f;
      }
      .pv-list4 .textbox {
        width: 100%;
        background: #fff;
        padding: 2rem 1.5rem 1.5rem;
        box-shadow: 2px 55px 57px 0px rgba(2, 2, 2, 0.08);
      }
      .pv-list4 .img {
        width: 42%;
      }
      .pv-list4 .text {
        width: 55%;
      }
      .pv-list4 .text .tit4 {
        color: #595959;
      }
      .pv-list4 .item {
        margin-bottom: 0.75rem;
        word-break: break-all;
      }
      .pv-list4 .tit3 {
        margin-bottom: 0.2rem;
      }
      .pv-list4 .tit4 {
        margin-bottom: 0.1rem;
      }
      .pv-list4 .more {
        margin-top: 0.55rem;
        width: 150px;
        height: 40px;
        background: #d6000f;
        border-radius: 5px;
        line-height: 1;
        transition: all 0.5s ease-in-out;
      }

      @media (max-width: 767px) {
        .pv-list4 {
          padding: 1.75rem 0 0;
          overflow: hidden;
        }

        .pv-list4 .img {
          width: 100%;
        }

        .pv-list4 .text {
          width: 100%;
          margin-top: 0.55rem;
        }

        .pv-list4 .more {
          width: 120px;
          height: 35px;
        }

        .pv-list4 .textbox {
          padding: 1rem 8% 1.5rem;
        }

        .pv-list4 .pv4-container {
          margin-top: 1rem;
        }

        .pv-list4 .pv4-container .swiper-pagination span {
          width: 9px;
          height: 9px;
        }

        .pv-list4 .pv4-container .swiper-pagination {
          bottom: 0.9rem !important;
        }
      }
      .pv-list5 {
        background: #fff;
        padding: 2.75rem 0 3.8rem;
        position: relative;
        z-index: 1;
      }
      .pv-list5 .img {
        width: 17.75rem;
        position: absolute;
        left: 50%;
        top: 2.25rem;
        margin-left: -8.875rem;
        z-index: 1;
      }
      .pv-list5 .contentbox {
        position: relative;
        z-index: 3;
      }
      .pv-list5 .ul {
        margin-top: 2rem;
      }
      .pv-list5 .pro-container {
        margin-top: 2.25rem;
        padding-bottom: 2rem;
      }
      .pv-list5 .pro-container .swiper-pagination span {
        background: transparent;
        width: 11px;
        height: 11px;
        border: 2px solid #cccccc;
        margin: 0 6px;
        border-radius: 50%;
        opacity: 1;
      }
      .pv-list5
        .pro-container
        .swiper-pagination
        span.swiper-pagination-bullet-active {
        border: 2px solid #d6000f;
      }
      .pv-list5 .pro-container .text {
        margin-top: 0.55rem;
      }
      .pv-list5 .pro-container .tit3 {
        color: #212121;
        transition: all 0.5s ease-in-out;
      }
      .pv-list5 .pro-container .tit4 {
        color: #808080;
        margin-top: 0.15rem;
      }
      .pv-list5 .pro-container .li .imgbox img {
        transition: all 0.5s ease-in-out;
      }
      .pv-list5 .pro-container .li:hover .imgbox img {
        transform: scale3d(1.1, 1.1, 1);
      }
      .pv-list5 .pro-container .li:hover .tit3 {
        color: #d6000f;
      }

      @media (max-width: 768px) {
        .pv-list5 {
          padding: 2rem 0;
        }

        .pv-list5 .pro-container {
          margin-top: 1rem;
        }
      }
      @media (max-width: 767px) {
        .pv-list5 .pro-container .swiper-pagination span {
          width: 8px;
          height: 8px;
        }
      }

      .headertop {
        padding-top: 80px;
        position: relative;
        z-index: 1;
      }
      .headertop:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 80px;
        left: 0;
        top: 0;
        background: #000;
      }

      @media (max-width: 767px) {
        .headertop {
          padding-top: 60px;
        }
        .headertop:before {
          height: 60px;
        }
      }
      .warp-header4 {
      /* position: fixed;
        width: 100%;
        left: 10%;
        top:36px;*/
        height: 80px;
        z-index: 9;
        transition: height 0.4s;
        padding-left: 3rem;
        padding-right: 1rem;
        box-sizing: border-box;
      }
      .warp-header4:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(5px);
        z-index: -1;
        opacity: 0;
        transition: all 0.4s;
      }

      .header4 {
          display: flex;
        height: 80px;
        transition: all 0.5s;
        width: 100%;
        min-width: 0;
      }
     
      .header4 .leftbox {
        padding-right: 0.5rem;/*margin-top: -0.7rem;*/
        flex: 1 1 auto;
        min-width: 0;
      }
      .header4 .leftbox .nav {
        width: 100%;
        min-width: 0;
        flex-wrap: nowrap;
      }
      .header4 .leftbox .li {
        height: 80px;
        line-height: 80px;
        margin: 0 0.6rem;
        transition: all 0.4s;margin: 0 0.2rem;
        flex: 0 0 auto;
        white-space: nowrap;
      }
      .header4 .leftbox .li > a {
        position: relative;
        line-height: 80px;
        display: block;
        white-space: nowrap;
      }
      .header4 .leftbox .li > a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #d6000f;
        left: 0;
    
        z-index: 2;
        opacity: 0;
        transform: scale(0.4, 1);
        transition: all 0.4s; top:80px;
      }
      .header4 .leftbox .li:hover > a:before {
        opacity: 1;
        transform: scale(1, 1);
      }
      .header4 .leftbox .li a {
        transition: all 0.4s;
      }
      .header4 .leftbox .li:hover > a {
        color: #fff;
      }
      .header4 .leftbox .sub-list {
        position: absolute;
        width: 180px;
        left: 0;
        top: 80px;
        padding: 15px;
        opacity: 0;
        transform: translate(0, -10px);
        transition: all 0.4s;
        visibility: hidden;
      }
      .header4 .leftbox .sub-list:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(2px);
        border-radius: 5px;
        z-index: 1;
      }
      .header4 .leftbox .sub-list .nli {
        display: block;
        padding: 10px 0;
        line-height: 1.2;
        color: #fff;
        width: 100%;
        position: relative;
        z-index: 3;
        text-transform: capitalize;
      }
      .header4 .leftbox .sub-list .nli:hover {
        color: #d6000f;
      }
      .header4 .leftbox .sub-list .nli:hover:before {
        opacity: 1;
        transform: scale(1, 1);
      }
      .header4 .leftbox .li:nth-child(2) .sub-list {
        width: 320px;
        padding: 18px 22px;
      }
      .header4 .leftbox .li:nth-child(2) .sub-list .nli {
        white-space: normal;
        line-height: 1.5;
        padding: 11px 0;
      }
      .header4 .leftbox .li:hover .sub-list {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
      }
      .header4 .leftbox .li:hover .subbox {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
        transition: all 0.5s ease-in-out;
      }
      .header4 .leftbox .li:hover .prosub {
        transform: none;
      }
      .header4 .rightbox {
        position: relative;
        flex: 0 0 auto;
        margin-left: auto;
      }
      .header4 .rightbox .searchbtn {
        width: 3rem;
        height: 80px;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        cursor: pointer;
      }
      .header4 .rightbox .searchbtn .icon {
        width: 18px;
        height: 18px;
        fill: #fff;
      }

      .header4 h1 {
        height: 40px;
      }
      .header4 h1 a {
        display: block;
      }
      .header4 h1 img {
        width: auto;
        height: 40px;
      }
      .header4 h1 .logo {
        opacity: 1;
        height: 40px;
      }
      .header4 h1 .img2 {
        opacity: 0;
        visibility: hidden;
      }
      .header4 .svgsub {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 80px;
        padding: 32px 0 40px;
        opacity: 0;
        visibility: hidden;
      }
      .header4 .svgsub > .f-no {
        position: relative;
        z-index: 3;
        width: min(1600px, calc(100vw - 120px));
        margin: 0 auto;
        justify-content: center;
        align-items: flex-start;
      }
      .header4 .svgsub:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(1px);
        z-index: 1;
      }
      .header4 .svgsub .item {
        position: relative;
        z-index: 3;
        padding: 0 22px;
        width: 25%;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        box-sizing: border-box;
      }
      .header4 .svgsub .item .icon {
        width: 1rem;
        height: 1rem;
        margin-bottom: 0.45rem;
        width: 50px;
        height: 50px;
        margin-bottom: 30px;
      }
      .header4 .svgsub .item .icon img {
        max-height: 100%;
      }
      .header4 .svgsub .item .tit3 {
      /*  margin-bottom: 0.5rem;*/
        transition: all 0.5s;
      /*  min-height: 72px;*/
      margin-bottom: 15px;
      }
      .header4 .svgsub .item .tit4 {
        display: block;
        transition: all 0.5s;
        line-height: 1.4;
        padding: 4px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .header4 .svgsub .item a {
        display: block;
      }
      .header4 .svgsub .item .tit4:hover,
      .header4 .svgsub .item .tit3:hover {
        color: #d6000f;
      }
      .header4 .svgsub .item:last-child {
        border-right: none;
      }
      .header4 .prosub {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 80px;
        transform: none;
        padding: 42px 0 48px;
        opacity: 0;
        visibility: hidden;
      }
      .header4 .prosub:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(1px);
        z-index: 1;
      }
      .header4 .prosub .subleftbox {
        width: 220px;
        flex: 0 0 220px;
        padding: 4px 28px 4px 0;
      }
      .header4 .prosub .subleftbox .h1tit {
       /* margin-bottom: 18px;
        line-height: 1.2;*/
      }
       .header4 .prosub .subleftbox .htit {
       /* margin-bottom: 18px;
        line-height: 1.2;*/
        margin-bottom: 15px;
      }
      .header4 .prosub .subleftbox a {
        display: block;
        transition: all 0.5s;
        margin-bottom: 0;
        min-height: 30px;
        line-height: 1.45;
        padding: 5px 0;
      }
      .header4 .prosub .subleftbox .h3tit {
        opacity: 1;
        position: relative;
        transition: all 0.5s;
      }
      .header4 .prosub .subleftbox .h3tit:before {
        content: "";
        position: absolute;
        left: -20px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        top: 3px;
        border: 2px solid #d6000f;
        opacity: 0;
        transition: all 0.5s;
      }
      .header4 .prosub .subleftbox a:hover {
        color: #fff;
        opacity: 1;
      }
      /*.header4 .prosub .subleftbox .h3tit:hover,
      .header4 .prosub .subleftbox .h3tit.cur {
        color: #d6000f;
      }*/
      .header4 .prosub .subleftbox .h3tit:hover:before,
      .header4 .prosub .subleftbox .h3tit.cur:before {
        opacity: 1;
      }
      .header4 .prosub .contentbox {
        position: relative;
        z-index: 3;
        width: min(1440px, calc(100vw - 120px));
        max-height: calc(100vh - 80px - 90px);
        margin: 0 auto;
        align-items: flex-start;
        overflow-y: auto;
      }
      .header4 .prosub .subrightbox {
        width: calc(100% - 220px - 48px);
        align-items: stretch;
      }
      .header4 .prosub .subrightbox .li2 {
        padding: 0.5rem 0.5rem 0.8rem;
        background: #fff;
        display: block;
        width: 24%;
        position: relative;
      }
      .header4 .prosub .subrightbox .img {
        width: 100%;
        /*height: 7.5rem;*/
        overflow: hidden;
      }
      .header4 .prosub .subrightbox .img img {
        max-width: 100%;
        max-height: 90%;
        transition: all 0.5s;
      }
      .header4 .prosub .subrightbox .text {
        padding-top: 0.5rem;
      }
      .header4 .prosub .subrightbox .tit3 {
        margin-bottom: 0.2rem;
        transition: all 0.5s;
      }
      .header4 .prosub .subrightbox .tit4 {
        color: #808080;
      }
      .header4 .prosub .subrightbox .more {
        width: 36px;
        height: 36px;
        border: 1px solid #d6000f;
        border-radius: 50%;
        margin: 0.5rem auto 0;
      }
      .header4 .prosub .subrightbox .more img {
        width: 7px;
      }
      .header4 .prosub .subrightbox .tip {
        width: 50px;
        position: absolute;
        z-index: 3;
        right: 0.5rem;
        top: 0.5rem;
      }
      .header4 .prosub .subrightbox .li2 {
        margin-right: 1.33%;
      }
      .header4 .prosub .subrightbox .li2:nth-child(4n) {
        margin-right: 0;
      }
      .header4 .prosub .subrightbox .li2:hover .img img {
        transform: scale3d(1.1, 1.1, 1);
      }
      .header4 .prosub .subrightbox .li2:hover .tit3 {
        color: #d6000f;
      }

      .header4 {
        /*background:#fff;*/
        transition: height 0.4s;
      }
      .header4.nyba .leftbox .li > a {
        color:#333;
      }
      .header4 .rightbox .langbox .spicon {
        height: 18px;
      }
      .header4 .rightbox .langbox .icon {
        width: 18px;
        height: auto;
        fill: #fff;
      }
      .header4 .rightbox .searchbtn .icon {
        fill: #fff;
      }
      .header4 h1 img {
        transition: all 0.4s;
      }
      .header4 h1 .img1 {
        opacity: 0;
        visibility: hidden;
      }
      .header4 h1 .img2 {
        opacity: 1;
        visibility: visible;
      }

      .warp-header4.active {
        height: 80px;
      }
      .warp-header4.active .header4 {
        height: 80px;
      }
      .warp-header4.active .leftbox .li {
        height: 80px;
        line-height: 80px;
      }
      .warp-header4.active .leftbox .li > a.col-fff{
          color:#333333;
      }
      /*.warp-header4.active:before {
  opacity: 1;
}*/
      .warp-header4.active .header4 .leftbox .sub-list {
        top: 80px;
      }
      .header4 h1 .img1 {
        opacity: 1;
        visibility: visible;
      }
      .warp-header4 .logo .img2 {
        opacity: 0;
      }
      /*.warp-header4.active .logo .img1{
  opacity:0;
}
.warp-header4.active .logo .img2{
  opacity:1;
}*/

      @media (max-width: 1380px) {
        .warp-header4 {
          padding-left: 1.5rem;
          padding-right: 0.75rem;
        }
        .header4 .leftbox .li {
          margin: 0 0.5rem;
        }
        .header4 .leftbox .li {
          margin: 0 10px;
        }
        .header4 .leftbox{
         /* margin-top: -36px;*/
        }
      }
      @media (max-width: 1480px) {
        .warp-header4 {
          padding-left: 1.2rem;
        }
        .header4 .leftbox .li {
          margin: 0 0.25rem;
        }
        .header4 .leftbox .li > a {
          font-size: 15px;
        }
        .header4 .prosub .contentbox {
          width: min(1380px, calc(100vw - 90px));
        }
        .header4 .prosub .subleftbox {
          width: 210px;
          flex: 0 0 210px;
        }
        .header4 .prosub .subrightbox {
          width: calc(100% - 210px - 42px);
        }
        .header4 .svgsub > .f-no {
          width: min(1380px, calc(100vw - 90px));
        }
      }
      @media (max-width: 1366px) {
        .warp-header4 {
          padding-left: 1rem;
          padding-right: 0.5rem;
        }
        .header4 .leftbox .li {
          margin: 0 0.12rem;
        }
        .header4 .leftbox .li > a {
          font-size: 14px;
        }
        .header4 .leftbox .sub-list {
          width: 220px;
        }
        .header4 .leftbox .li:nth-child(2) .sub-list {
          width: 280px;
        }
        .header4 .prosub {
          padding: 34px 0 40px;
        }
        .header4 .prosub .contentbox {
          width: calc(100vw - 60px);
          max-height: calc(100vh - 80px - 70px);
        }
        .header4 .prosub .subleftbox {
          width: 188px;
          flex: 0 0 188px;
          padding-right: 18px;
        }
        .header4 .prosub .subleftbox a {
          min-height: 28px;
          padding: 4px 0;
          line-height: 1.35;
        }
        .header4 .prosub .subrightbox {
          width: calc(100% - 188px - 36px);
        }
        .header4 .svgsub {
          padding: 28px 0 34px;
        }
        .header4 .svgsub > .f-no {
          width: calc(100vw - 60px);
        }
        .header4 .svgsub .item {
          padding: 0 14px;
        }
        .header4 .svgsub .item .tit3 {
          min-height: 60px;
        }
        .header4 .svgsub .item .tit4 {
          white-space: nowrap;
        }
      }
      @media (max-width: 1280px) {
        .warp-header4 {
          padding-left: 0.75rem;
          padding-right: 0.5rem;
        }
        .header4,
        .warp-header4,
        .warp-header4.active,
        .warp-header4.active .header4,
        .warp-header4.active .leftbox .li {
          height: 76px;
        }
        .header4 .leftbox .li > a {
          line-height: 76px;
        }
        .header4 .leftbox .li > a:before,
        .warp-header4.active .leftbox .li > a:before {
          top: 76px;
        }
        .header4 .leftbox .li {
          margin: 0 0.08rem;
          height: 76px;
          line-height: 76px;
        }
        .header4 .rightbox .searchbtn {
          width: 2.5rem;
          height: 76px;
        }
        .header4 .leftbox .sub-list {
          top: 76px;
          width: 210px;
          padding: 12px;
        }
        .header4 .leftbox .li:nth-child(2) .sub-list {
          width: 260px;
          padding: 12px 16px;
        }
        .header4 .leftbox .sub-list .nli {
          padding: 8px 0;
        }
        .header4 .svgsub,
        .header4 .prosub {
          top: 76px;
        }
        .header4 .svgsub {
          padding: 24px 0 30px;
        }
        .header4 .svgsub > .f-no {
          width: calc(100vw - 48px);
        }
        .header4 .svgsub .item {
          padding: 0 12px;
        }
        .header4 .svgsub .item .icon {
          width: 44px;
          height: 44px;
          margin-bottom: 20px;
        }
        .header4 .svgsub .item .tit3 {
          min-height: 54px;
        }
        .header4 .prosub {
          padding: 28px 0 32px;
        }
        .header4 .prosub .contentbox {
          width: calc(100vw - 48px);
          max-height: calc(100vh - 76px - 64px);
        }
        .header4 .prosub .subleftbox {
          width: 172px;
          flex: 0 0 172px;
          padding-right: 14px;
        }
        .header4 .prosub .subleftbox a {
          min-height: 26px;
          padding: 3px 0;
        }
        .header4 .prosub .subrightbox {
          width: calc(100% - 172px - 28px);
        }
      }
      
     .tp_l{
         float:left;
         width:36%;
    
     }
     .tp_l01{
         margin-bottom: 20px;
     }
     .tp_l01 img{
         width:100%;
     }
     .tp_r{
         float: right;
         width: 60%;

     }
     .Privacy_Policy .box_ .content3{
         clear: both;
         overflow: hidden;
     }
     
     .tp_r01{
         font-size: 30px;
         line-height: 40px;
         font-weight: bold;
     }
     .tp_r02{
         margin-top: 25px;
         font-size: 22px;
         font-weight: bold;
         line-height: 40px;
     }
        .tp_r03{
            font-size: 22px;
         line-height:40px; margin-top: 25px;
     }
     
     .zgs_bt {
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
}
.zgs_nr {
    font-size: 18px;
    margin-top: 30px;
}
.zgs_nr a{
  padding-right: 15px;
  color: #666;
} 
.zgs_nr a:hover{

font-weight: bold;
}   
         @media (max-width: 600px) {
            .tp_l{
         float:none;
         width:100%;
    
     }

     .tp_r{
         float: none;
         width:100%;
      
      
     }
      .tp_r01{
         font-size: 30px;
         line-height: 40px;
         font-weight: bold;   margin-top: 30px;
     }
        .tp_r03{
            font-size:18px;
         line-height:36px; margin-top: 15px;
     }
      }
    @media (max-width:1920px) {
.warp-header4{padding-left:200px;}
        
    }
        @media (max-width:1760px) {
.warp-header4{padding-left:160px;}
        
    }
            @media (max-width:1660px) {
.warp-header4{padding-left:80px;}
        
    }
                @media (max-width:1496px) {
.warp-header4{padding-left:0px;}
        
    }