:root {
  --mc: #1d458b;
  --ac: #b5a641;
  --black: #292929;
  --gray: #696969;
  --white: #ffffff;
  --light: #dbdbdb; }

html {
  font-size: 20vw; }
  @media screen and (max-width: 320px) {
    html {
      font-size: 64px; } }
  @media screen and (min-width: 540px) {
    html {
      font-size: 108px; } }

@font-face {
  font-family: "din";
  src: url("../fonts/DIN/DINPro-Regular.eot");
  src: url("../fonts/DIN/DINPro-Regular.eot") format("embedded-opentype"), url("../fonts/DIN/DINPro-Regular.woff") format("woff"), url("../fonts/DIN/DINPro-Regular.ttf") format("truetype"), url("../fonts/DIN/DINPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "pht";
  src: url("../fonts/PHT/Alibaba_PuHuiTi_2.0_115_Black_115_Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@media screen and (max-width: 768px) {
  body {
    width: 100vw;
    overflow-x: hidden; }
  .mobile_hide {
    display: none !important; }
  .header_mo {
    width: 100%;
    height: 0.8rem;
    background-color: var(--white);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 88;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.16667rem; }
    .header_mo .logo {
      display: block;
      height: 0.4rem; }
      .header_mo .logo img {
        display: block;
        height: 0.4rem; }
    .header_mo .menu_btn {
      width: 0.53333rem;
      height: 0.53333rem;
      position: relative; }
      .header_mo .menu_btn .line {
        width: 0.33333rem;
        height: 0.02667rem;
        transition: all 0.3s ease-in-out;
        background-color: var(--mc);
        position: absolute;
        left: 50%;
        top: 50%; }
      .header_mo .menu_btn .line1 {
        transform: translateX(-50%) translateY(-6px); }
      .header_mo .menu_btn .line2 {
        transform: translateX(-50%) translateY(0); }
      .header_mo .menu_btn .line3 {
        transform: translateX(-50%) translateY(6px); }
    .header_mo .menu_btn_open .line1 {
      transform: translateX(-50%) translateY(0) rotate(135deg); }
    .header_mo .menu_btn_open .line2 {
      width: 0; }
    .header_mo .menu_btn_open .line3 {
      transform: translateX(-50%) translateY(0) rotate(-135deg); }
  .mSlider-inner {
    background-color: var(--mc) !important; }
  .menu {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 0.33333rem; }
    .menu .fir_item {
      border-bottom: 1px solid var(--gray); }
    .menu .fir_link {
      display: block;
      font-size: 0.21333rem;
      color: var(--white);
      line-height: 0.66667rem; }
    .menu .sec_link {
      padding-left: 0.33333rem;
      display: block;
      font-size: 0.17333rem;
      color: rgba(255, 255, 255, 0.7);
      line-height: 1.75;
      margin-bottom: 0.16667rem;
      position: relative; }
      .menu .sec_link:after {
        content: "";
        width: 0.05333rem;
        height: 0.05333rem;
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
        left: 0.1rem;
        top: 0.13333rem; }
    .menu .lang {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: 0.8rem;
      margin-top: 0.66667rem; }
      .menu .lang .lang_item {
        font-size: 0.2rem;
        color: var(--white);
        margin-right: 0.33333rem; }
  .banner_swiper_slide {
    width: 5rem; }
    .banner_swiper_slide img {
      display: block;
      width: 5rem;
      object-fit: contain; }
  .search {
    width: 100%;
    height: 0.66667rem;
    background-color: var(--mc);
    display: flex;
    justify-content: center;
    align-items: center; }
    .search .search_box {
      flex-shrink: 0;
      width: 4.66667rem;
      height: 0.4rem;
      background-color: var(--white);
      border-radius: 0.26667rem;
      display: flex;
      justify-content: space-between;
      overflow: hidden; }
      .search .search_box .input_box {
        width: 80%;
        display: flex;
        align-items: center; }
        .search .search_box .input_box input {
          width: 100%;
          box-sizing: border-box;
          padding: 0 0.26667rem;
          background-color: transparent;
          border: 0;
          outline: none; }
      .search .search_box .submit_box {
        width: 20%;
        font-size: 0;
        background-image: url("../images/search_icon.png");
        background-size: 0.33333rem 0.33333rem;
        background-repeat: no-repeat;
        background-position: center center;
        border-left: 1px solid var(--light);
        background-color: var(--light); }
  .common_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .common_title_e {
      font-size: 0.46667rem;
      color: var(--mc);
      font-family: "pht"; }
    .common_title_c {
      font-size: 0.26667rem;
      color: var(--black); }
  .index_product_mo {
    margin-top: 0.33333rem; }
    .index_product_mo .index_product_mo_swiper {
      width: 4.66667rem;
      margin: 0.16667rem auto;
      height: 4.66667rem;
      overflow: hidden; }
      .index_product_mo .index_product_mo_swiper_slide {
        overflow: hidden;
        background-image: url("../images/product_bg.jpg");
        background-repeat: repeat-x;
        background-size: 1px 100%;
        border-radius: 0.13333rem; }
        .index_product_mo .index_product_mo_swiper_slide a {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          height: 100%; }
        .index_product_mo .index_product_mo_swiper_slide img {
          display: block;
          width: 3.33333rem;
          height: 3.33333rem;
          margin: 0.33333rem auto 0; }
        .index_product_mo .index_product_mo_swiper_slide .info {
          height: 0.66667rem;
          padding: 0 0.2rem;
          color: var(--white);
          display: flex;
          flex-direction: column;
          align-items: center; }
          .index_product_mo .index_product_mo_swiper_slide .info .title {
            font-size: 0.21333rem;
            line-height: 1.75; }
          .index_product_mo .index_product_mo_swiper_slide .info .title_e {
            font-size: 0.16rem;
            line-height: 1.75; }
    .index_product_mo .more {
      width: 2rem;
      height: 0.53333rem;
      border-radius: 0.26667rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid var(--mc);
      margin: 0.16667rem auto 0;
      font-size: 0.18667rem;
      color: var(--mc); }
  .index_about {
    margin-top: 0.33333rem;
    background-image: url("../images/about_bg.png");
    background-size: auto 3.7rem;
    background-position: center top 0;
    background-repeat: no-repeat;
    padding-top: 0.66667rem; }
    .index_about .title_wrap .title_wrap_l {
      display: none; }
    .index_about .title_wrap .title_wrap_r {
      display: none; }
    .index_about .title_wrap .title_main {
      margin: 0 auto;
      color: var(--white); }
      .index_about .title_wrap .title_main .common_title_e,
      .index_about .title_wrap .title_main .common_title_c {
        color: var(--white); }
    .index_about .info_wrap {
      width: 4.66667rem;
      box-sizing: border-box;
      padding: 0.23333rem;
      background-color: var(--white);
      border-radius: 0.06667rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      margin: 0.33333rem auto 0; }
      .index_about .info_wrap .img_wrap {
        width: 4rem;
        height: 3.17333rem; }
        .index_about .info_wrap .img_wrap img {
          display: block;
          width: 4rem;
          height: 3.17333rem; }
      .index_about .info_wrap .text_wrap {
        width: 100%;
        margin-top: 0.33333rem; }
        .index_about .info_wrap .text_wrap .company_name {
          font-size: 0.21333rem;
          line-height: 1;
          color: var(--black);
          font-weight: bold;
          text-align: center; }
        .index_about .info_wrap .text_wrap .company_vision {
          font-size: 0.16rem;
          line-height: 1.5;
          color: var(--black);
          font-weight: bold;
          margin-top: 0.16667rem;
          text-align: center; }
        .index_about .info_wrap .text_wrap .company_main {
          padding-top: 0.16667rem; }
          .index_about .info_wrap .text_wrap .company_main p {
            font-size: 0.16rem;
            line-height: 1.5;
            color: var(--gray);
            margin-bottom: 0.16rem;
            text-align: justify; }
        .index_about .info_wrap .text_wrap .btns {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 0.2rem; }
          .index_about .info_wrap .text_wrap .btns .btn {
            width: 1.66667rem;
            height: 0.53333rem;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 0.26667rem;
            font-size: 0.2rem;
            cursor: pointer;
            margin: 0 0.13333rem; }
          .index_about .info_wrap .text_wrap .btns .btn1 {
            border: 1px solid var(--ac);
            color: var(--ac); }
          .index_about .info_wrap .text_wrap .btns .btn2 {
            background-color: var(--ac);
            color: var(--white); }
    .index_about .honor {
      background-color: var(--mc);
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 0.2rem;
      padding: 0.4rem 0.2rem 0.2rem; }
      .index_about .honor_item {
        width: calc(100% / 2);
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.33333rem; }
        .index_about .honor_item_icon {
          width: 0.4rem;
          height: 0.4rem; }
          .index_about .honor_item_icon img {
            display: block;
            width: 0.4rem;
            height: 0.4rem; }
        .index_about .honor_item_info {
          margin-top: 0.16667rem; }
          .index_about .honor_item_info_number {
            display: flex;
            justify-content: flex-start;
            align-items: flex-end; }
            .index_about .honor_item_info_number h1 {
              font-size: 0.26667rem;
              color: var(--white);
              line-height: 1; }
            .index_about .honor_item_info_number h2 {
              font-size: 0.26667rem;
              color: var(--white);
              line-height: 1;
              margin-left: 0.1rem; }
          .index_about .honor_item_info_sub {
            font-size: 0.18667rem;
            color: var(--white);
            line-height: 30px;
            margin-left: 0.06667rem; }
  .index_news {
    padding-top: 0.33333rem; }
    .index_news .news_title_btns {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      .index_news .news_title_btns .news_title_btns_item {
        width: 1.66667rem;
        height: 0.53333rem;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0.26667rem;
        font-size: 0.2rem;
        cursor: pointer;
        margin: 0 0.13333rem;
        border: 1px solid var(--ac);
        color: var(--ac); }
    .index_news .news_card_wrap {
      width: 4.66667rem;
      margin: 0.16667rem auto; }
      .index_news .news_card_wrap .news_card {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 0.16667rem;
        position: relative; }
        .index_news .news_card_wrap .news_card .img_wrap {
          width: 1.66667rem;
          border: 1px solid var(--gray);
          margin-right: 0.16667rem; }
          .index_news .news_card_wrap .news_card .img_wrap img {
            display: block;
            width: 1.66667rem;
            height: 1rem;
            object-fit: cover; }
        .index_news .news_card_wrap .news_card .news_title {
          font-size: 0.18667rem;
          line-height: 0.33333rem;
          display: -webkit-box;
          word-break: break-all;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          height: 0.66667rem;
          color: var(--black); }
        .index_news .news_card_wrap .news_card .news_tools {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 2.82rem;
          display: flex;
          justify-content: space-between; }
          .index_news .news_card_wrap .news_card .news_tools .news_tag {
            font-size: 0.14667rem;
            line-height: 0.33333rem;
            padding-left: 0.26667rem;
            background-size: 0.2rem 0.2rem;
            background-repeat: no-repeat;
            background-position: left 0 center;
            background-image: url("../images/tag_icon.png");
            color: #bdbdbd; }
          .index_news .news_card_wrap .news_card .news_tools .news_time {
            font-size: 0.14667rem;
            line-height: 0.33333rem;
            padding-left: 0.26667rem;
            background-size: 0.2rem 0.2rem;
            background-repeat: no-repeat;
            background-position: left 0 center;
            background-image: url("../images/time_icon.png");
            color: #bdbdbd; }
  .footer {
    background-color: #3d414d;
    margin-top: 0.16667rem; }
    .footer .center {
      width: 4.66667rem;
      margin: 0 auto; }
    .footer_top {
      border-bottom: 1px solid #464a56;
      padding-top: 0.33333rem;
      padding-bottom: 0.33333rem; }
      .footer_top_logo {
        display: block;
        width: 1.64rem;
        height: 0.44rem;
        margin: 0 auto; }
        .footer_top_logo img {
          display: block;
          width: 1.64rem;
          height: 0.44rem; }
    .footer_middle {
      padding-top: 0.33333rem;
      border-bottom: 1px solid #464a56; }
      .footer_middle_info_item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 0.16667rem; }
        .footer_middle_info_item_icon {
          display: block;
          width: 0.33333rem;
          height: 0.33333rem; }
        .footer_middle_info_item_title {
          font-size: 0.17333rem;
          line-height: 1;
          color: var(--white);
          margin-left: 0.1rem; }
    .footer_bottom {
      text-align: center;
      color: #d9d9d9;
      padding-top: 0.16667rem;
      padding-bottom: 0.16667rem; }
      .footer_bottom p {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
      .footer_bottom span {
        display: block;
        font-size: 0.14667rem;
        line-height: 0.29333rem; }
  .inner_banner {
    width: 100%;
    height: 3.33333rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
    position: relative; }
    .inner_banner_e {
      font-size: 0.46667rem;
      font-family: "pht";
      color: var(--white); }
    .inner_banner_c {
      font-size: 0.26667rem;
      color: var(--white); }
  .inner_menu_btn {
    width: 100%;
    height: 0.66667rem;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .inner_menu_btn .line {
      display: block;
      width: 0.4rem;
      height: 0.02667rem;
      background-color: var(--white); }
    .inner_menu_btn .line1 {
      margin-bottom: 0.08rem; }
    .inner_menu_btn .line3 {
      margin-top: 0.08rem; }
  .bread {
    box-sizing: border-box;
    width: 100%;
    height: 0.4rem;
    font-size: 0.16rem;
    background-color: #f7f8fa;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.16667rem;
    color: var(--black); }
    .bread a {
      color: var(--black); }
      .bread a:hover {
        color: var(--ac); }
  .im_top {
    display: none; }
  .inner_main_left {
    display: none;
    position: fixed;
    top: 0.8rem;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    overflow-y: scroll; }
    .inner_main_left .cover {
      width: 100%;
      height: 100vh;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3; }
    .inner_main_left .im_bottom {
      padding: 0.33333rem 0.16667rem;
      background-color: var(--mc);
      position: relative;
      z-index: 4; }
      .inner_main_left .im_bottom .im_item {
        display: block; }
        .inner_main_left .im_bottom .im_item .im_link {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 0.2rem;
          height: 0.53333rem;
          line-height: 0.53333rem;
          color: var(--white); }
          .inner_main_left .im_bottom .im_item .im_link .arrow {
            width: 0.33333rem;
            height: 0.33333rem;
            background-image: url("../images/inner_menu_icon2.png");
            background-size: 0.33333rem 0.33333rem;
            background-repeat: no-repeat;
            background-position: center center;
            transform: rotate(-90deg);
            transition: all 0.3s ease-in-out; }
          .inner_main_left .im_bottom .im_item .im_link .rotate {
            transform: rotate(0deg); }
      .inner_main_left .im_bottom .sub_menu {
        display: none; }
        .inner_main_left .im_bottom .sub_menu .sub_link {
          font-size: 0.17333rem;
          display: flex;
          justify-content: flex-start;
          height: 0.53333rem;
          line-height: 0.53333rem;
          padding-left: 0.2rem;
          color: var(--white);
          opacity: 0.7; }
  .single_title {
    height: 0.66667rem;
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .single_title h1 {
      padding: 0 0.16667rem;
      font-size: 0.2rem;
      color: #cc3333;
      line-height: 0.66667rem;
      border-bottom: 4px solid #cc3333; }
  .single_page {
    padding: 0.2rem; }
    .single_page .single_content {
      margin-top: 0.2rem; }
      .single_page .single_content img {
        max-width: 100% !important; }
  .product_page {
    padding: 0.2rem; }
    .product_page .product_list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .product_page .product_list:after {
        content: "";
        width: 2.2rem; }
      .product_page .product_list .product_item {
        width: 2.2rem;
        margin-bottom: 0.2rem; }
        .product_page .product_list .product_item .img_wrap {
          width: 2.2rem;
          height: 1.6rem;
          background-color: #f6f6f6;
          display: flex;
          justify-content: center;
          align-items: center;
          overflow: hidden;
          position: relative; }
          .product_page .product_list .product_item .img_wrap img {
            display: block;
            width: 2.2rem;
            height: 1.6rem;
            object-fit: contain;
            transition: all 0.3s ease-in-out; }
          .product_page .product_list .product_item .img_wrap .cover {
            display: none; }
        .product_page .product_list .product_item .product_title {
          height: 0.66667rem;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .product_page .product_list .product_item .product_title .title_c {
            font-size: 0.2rem;
            color: #5a5a5a;
            transition: all 0.3s ease-in-out; }
          .product_page .product_list .product_item .product_title .title_e {
            font-size: 0.16rem;
            color: #5a5a5a;
            transition: all 0.3s ease-in-out; }
        .product_page .product_list .product_item:hover .cover {
          top: 0; }
  .page_pagination {
    padding: 0.26667rem 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page_pagination a,
    .page_pagination span {
      flex-shrink: 0;
      font-size: 0.16rem;
      height: 0.42667rem;
      padding: 0 0.13333rem;
      background-color: #fff;
      border-radius: 0.06667rem;
      border: 1px solid var(--light);
      color: var(--black);
      margin: 0 0.06667rem;
      display: flex;
      justify-content: center;
      align-items: center; }
    .page_pagination .current {
      background-color: var(--mc);
      border-color: var(--mc);
      color: var(--white); }
  .news_list {
    width: 100%;
    margin-top: 0.16667rem; }
    .news_list .news_item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0.16667rem;
      height: 0.53333rem;
      border-bottom: 1px solid var(--light); }
      .news_list .news_item h1 {
        font-size: 0.18667rem;
        color: var(--black);
        font-weight: normal;
        transition: all 0.3s ease-in-out;
        width: 3.66667rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .news_list .news_item span {
        font-size: 0.16rem;
        color: var(--gray);
        transition: all 0.3s ease-in-out; }
  .contact_page {
    padding: 0.2rem; }
  .contact_info {
    margin-top: 0.16667rem; }
    .contact_info h1,
    .contact_info p {
      font-size: 0.2rem;
      color: #4c4b4b;
      line-height: 0.4rem; }
  .map {
    height: 2.66667rem;
    margin-top: 0.2rem; }
  .product_info {
    width: 100%;
    box-shadow: #ddd 0px 4px 10px 0px;
    margin-bottom: 0.16667rem; }
    .product_info .product_img_wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f6f6f6;
      flex-shrink: 0; }
      .product_info .product_img_wrap img {
        display: block;
        width: 60%;
        object-fit: cover; }
    .product_info .product_info_wrap {
      padding: 0.2rem; }
      .product_info .product_info_wrap_title {
        font-size: 0.26667rem;
        line-height: 1.75;
        color: var(--black); }
      .product_info .product_info_wrap_desc {
        font-size: 0.2rem;
        line-height: 1.5;
        color: var(--gray); }
  .product_content {
    padding-top: 0.16667rem; }
    .product_content img {
      max-width: 100% !important; }
  .news_detail_title {
    font-size: 0.32rem;
    line-height: 1.5;
    color: var(--black);
    text-align: center;
    margin-top: 0.16667rem;
    padding: 0 0.16667rem; }
  .news_detail_info {
    width: 4.66667rem;
    margin: 0.16667rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.13333rem;
    line-height: 3;
    color: var(--gray);
    background-color: #f2f2f2; }
  .news_detail_content {
    margin-top: 0.26667rem;
    padding: 0 0.16667rem; }
    .news_detail_content img {
      max-width: 100% !important; } }

@media screen and (min-width: 768px) {
  body {
    background-color: var(--white); }
  .pc_hide {
    display: none !important; }
  .center {
    width: 100%;
    width: 1320px;
    margin: 0 auto; }
  .top_bar {
    width: 100%;
    background-color: var(--white);
    height: 40px;
    box-sizing: border-box;
    border-bottom: 2px solid #e4e4e4; }
    .top_bar .center {
      height: 38px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .top_bar .center .hello {
        font-size: 14px;
        color: var(--black); }
      .top_bar .center .lang {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: var(--black); }
        .top_bar .center .lang .lang_icon {
          display: block;
          width: 19px;
          height: 19px;
          margin: 0 5px; }
        .top_bar .center .lang .lang_item {
          display: block;
          margin: 0 7px;
          font-size: 14px;
          color: var(--black); }
          .top_bar .center .lang .lang_item:hover {
            color: var(--mc); }
        .top_bar .center .lang .lang_item_active {
          color: var(--mc); }
  .header {
    height: 100px;
    background-color: var(--white); }
    .header .center {
      height: 100px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .header .center .logo {
        display: block; }
        .header .center .logo img {
          display: block;
          width: 178px;
          height: 48px; }
      .header .center .tel {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .header .center .tel .tel_icon {
          display: block;
          width: 50px;
          height: 44px;
          margin-right: 15px; }
        .header .center .tel .tel_info {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start; }
          .header .center .tel .tel_info_t {
            font-size: 18px;
            line-height: 22px;
            color: var(--black); }
          .header .center .tel .tel_info_m {
            font-size: 18px;
            line-height: 22px;
            color: var(--black); }
  .menu {
    width: 100%;
    height: 60px;
    background-color: var(--mc); }
    .menu .center {
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .menu .center .menu_wrap {
        height: 35px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .menu .center .menu_wrap .fir_item {
          width: 160px;
          height: 35px;
          border-radius: calc(35px / 2);
          margin: 0 calc(55px / 2);
          position: relative; }
          .menu .center .menu_wrap .fir_item .fir_link {
            display: block;
            width: 100%;
            height: 35px;
            text-align: center;
            font-size: 14px;
            line-height: 35px;
            color: var(--white);
            position: relative;
            z-index: 20; }
          .menu .center .menu_wrap .fir_item .sec_wrap {
            display: none;
            position: absolute;
            top: 35px;
            left: 0;
            width: 160px;
            z-index: 10;
            padding-top: 6px; }
            .menu .center .menu_wrap .fir_item .sec_wrap .sec_box {
              width: 178px;
              margin: 0;
              background-color: var(--white);
              box-shadow: #ddd 0px 4px 10px 0px;
              border-radius: 6px;
              overflow: hidden; }
              .menu .center .menu_wrap .fir_item .sec_wrap .sec_box .sec_link {
                display: block;
                text-align: left;
                box-sizing: border-box;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 12px;
                line-height: 20px;
                color: var(--black);
                transition: padding 0.3s ease-in-out; }
                .menu .center .menu_wrap .fir_item .sec_wrap .sec_box .sec_link:hover {
                  background-color: var(--ac);
                  color: var(--white);
                  padding-left: 24px;
                  padding-right: 16px; }
          .menu .center .menu_wrap .fir_item:hover {
            background-color: var(--ac); }
            .menu .center .menu_wrap .fir_item:hover .sec_wrap {
              display: none; }
        .menu .center .menu_wrap .active {
          background-color: var(--ac); }
  .banner {
    width: 100%;
    height: 789px;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    .banner_swiper {
      height: 789px; }
      .banner_swiper_slide {
        height: 789px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        overflow: hidden; }
        .banner_swiper_slide img {
          display: block;
          width: 1920px;
          height: 789px;
          object-fit: cover; }
  .search {
    margin-top: -55px;
    position: relative;
    z-index: 10;
    height: 120px; }
    .search .center {
      height: 120px;
      background-color: var(--mc);
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      padding: 0 30px; }
      .search .center .hot {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: var(--white); }
        .search .center .hot .hot_title {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: 16px; }
          .search .center .hot .hot_title_e {
            font-family: "pht"; }
          .search .center .hot .hot_title_c {
            margin-left: 5px; }
        .search .center .hot .hot_keywords {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: 14px; }
          .search .center .hot .hot_keywords a {
            color: var(--white);
            margin: 0 20px;
            opacity: 0.9; }
            .search .center .hot .hot_keywords a:hover {
              opacity: 1;
              text-decoration: underline; }
      .search .center .search_box {
        width: 374px;
        height: 44px;
        background-color: var(--white);
        display: flex;
        justify-content: space-between;
        align-items: cneter;
        border-radius: 5px;
        overflow: hidden; }
        .search .center .search_box .input_box {
          height: 44px;
          width: calc(374px - 44px);
          box-sizing: border-box;
          padding: 0 20px; }
          .search .center .search_box .input_box input {
            display: block;
            width: 100%;
            height: 44px;
            background-color: transparent;
            border: 0;
            outline: none;
            font-size: 14px; }
        .search .center .search_box .submit_box {
          width: 44px;
          height: 44px;
          background-image: url("../images/search_icon.png");
          background-size: 40px 40px;
          background-position: center center;
          background-repeat: no-repeat;
          font-size: 0;
          cursor: pointer; }
          .search .center .search_box .submit_box:hover {
            background-color: #d6d6d6; }
  .index_product {
    margin-top: 100px; }
    .index_product .center {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .index_product .center .product_title_wrap {
        width: 430px; }
        .index_product .center .product_title_wrap .pt_title_e {
          font-size: 50px;
          color: var(--mc);
          font-family: "pht"; }
        .index_product .center .product_title_wrap .pt_title_c {
          font-size: 32px;
          color: var(--black);
          line-height: 1; }
        .index_product .center .product_title_wrap .pt_list {
          width: 360px;
          margin-top: 40px;
          border-top: 1px solid var(--light); }
          .index_product .center .product_title_wrap .pt_list .pt_list_item {
            display: block;
            font-size: 16px;
            line-height: 50px;
            border-bottom: 1px solid var(--light);
            color: var(--gray);
            padding-left: 0;
            box-sizing: border-box;
            transition: padding-left 0.3s ease-in-out; }
            .index_product .center .product_title_wrap .pt_list .pt_list_item:hover {
              padding-left: 10px; }
        .index_product .center .product_title_wrap .pt_more {
          width: 170px;
          height: 40px;
          font-size: 16px;
          color: var(--gray);
          border: 1px solid var(--light);
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 70px;
          cursor: pointer;
          transition: all 0.3s ease-in-out; }
          .index_product .center .product_title_wrap .pt_more:hover {
            background-color: var(--mc);
            color: var(--white);
            border-color: var(--mc); }
  .product_recommend {
    width: 430px;
    height: 400px;
    margin-bottom: 50px;
    background-image: url("../images/product_bg.jpg");
    background-repeat: repeat-x;
    background-size: 1px 100%;
    position: relative; }
    .product_recommend .pr_img_wrap {
      width: 265px;
      height: 265px;
      margin: 25px auto 0;
      transition: all 0.3s ease-in-out; }
      .product_recommend .pr_img_wrap .pr_img {
        display: block;
        width: 265px;
        height: 265px;
        object-fit: contain; }
    .product_recommend .pr_info {
      position: absolute;
      bottom: 18px;
      left: 0;
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
      box-sizing: border-box;
      color: var(--white); }
      .product_recommend .pr_info .pr_title_line {
        display: block;
        font-size: 28px;
        line-height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .product_recommend .pr_info .pr_desc {
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .product_recommend .pr_info .pr_plus {
        display: none; }
    .product_recommend:hover .pr_img_wrap {
      transform: scale(1.1); }
  .big {
    width: 875px;
    height: 530px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 50px;
    background-image: url("../images/product_bg.jpg");
    background-repeat: repeat-x;
    background-size: 1px 100%; }
    .big .pr_img_wrap {
      width: 450px;
      height: 450px;
      margin-right: 30px;
      transition: all 0.3s ease-in-out; }
      .big .pr_img_wrap .pr_img {
        display: block;
        width: 450px;
        height: 450px;
        object-fit: contain; }
    .big .pr_info {
      width: 290px;
      margin-left: 35px; }
      .big .pr_info .pr_title_line .pr_title_c {
        font-size: 28px;
        color: var(--white);
        margin-bottom: 25px; }
      .big .pr_info .pr_title_line .pr_title_e {
        display: none; }
      .big .pr_info .pr_desc {
        font-size: 16px;
        line-height: 22px;
        color: var(--white);
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        line-clamp: 4; }
      .big .pr_info .pr_plus {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin-top: 70px;
        background-color: var(--ac);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease-in-out; }
        .big .pr_info .pr_plus .pr_plus_icon {
          display: block;
          width: 20px;
          height: 20px; }
        .big .pr_info .pr_plus:hover {
          background-color: var(--mc);
          transform: rotate(180deg); }
    .big:hover .pr_img_wrap {
      transform: scale(1.1); }
    .big:hover .pr_plus {
      background-color: var(--mc);
      transform: rotate(180deg); }
  .more_products_wrap {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .more_products_wrap span {
      display: block;
      width: calc((100% - 160px) / 2);
      height: 2px;
      background-color: var(--light); }
    .more_products_wrap .more_products {
      width: 150px;
      height: 40px;
      box-sizing: border-box;
      font-size: 16px;
      color: var(--black);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease-in-out; }
      .more_products_wrap .more_products:hover {
        background-color: var(--mc);
        color: var(--white); }
  .index_about {
    margin-top: 40px;
    background-image: url("../images/about_bg.png");
    background-size: 1920px 555px;
    background-position: center top 0;
    background-repeat: no-repeat;
    padding-top: 100px; }
    .index_about .title_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .index_about .title_wrap .title_wrap_l {
        width: 466px;
        height: 10px;
        background-image: url("../images/about_l.png");
        background-size: 466px 10px;
        background-position: left 0 center;
        background-repeat: no-repeat;
        margin-top: 70px; }
      .index_about .title_wrap .title_wrap_r {
        width: 466px;
        height: 10px;
        background-image: url("../images/about_r.png");
        background-size: 466px 10px;
        background-position: left 0 center;
        background-repeat: no-repeat;
        margin-top: 70px; }
      .index_about .title_wrap .title_main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .index_about .title_wrap .title_main .title_e {
          font-size: 50px;
          font-family: "pht";
          color: var(--white); }
        .index_about .title_wrap .title_main .title_c {
          font-size: 40px;
          color: var(--white); }
    .index_about .info_wrap {
      width: 100%;
      box-sizing: border-box;
      padding: 35px;
      background-color: var(--white);
      border-radius: 5px;
      margin-top: 60px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .index_about .info_wrap .img_wrap {
        width: 600px;
        height: 476px; }
        .index_about .info_wrap .img_wrap img {
          display: block;
          width: 600px;
          height: 476px; }
      .index_about .info_wrap .text_wrap {
        width: 566px;
        margin-right: 30px; }
        .index_about .info_wrap .text_wrap .company_name {
          font-size: 30px;
          line-height: 30px;
          color: var(--black);
          font-weight: bold; }
        .index_about .info_wrap .text_wrap .company_vision {
          font-size: 20px;
          line-height: 28px;
          color: var(--black);
          font-weight: bold;
          margin-top: 10px; }
        .index_about .info_wrap .text_wrap .company_main {
          padding-top: 24px; }
          .index_about .info_wrap .text_wrap .company_main p {
            font-size: 16px;
            line-height: 22px;
            color: var(--gray);
            margin-bottom: 12px;
            text-align: justify; }
        .index_about .info_wrap .text_wrap .btns {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-top: 30px; }
          .index_about .info_wrap .text_wrap .btns .btn {
            width: 146px;
            height: 40px;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 20px;
            font-size: 16px;
            margin-right: 15px;
            transition: all 0.3s ease-in-out;
            cursor: pointer; }
          .index_about .info_wrap .text_wrap .btns .btn1 {
            border: 1px solid var(--ac);
            color: var(--ac); }
            .index_about .info_wrap .text_wrap .btns .btn1:hover {
              background-color: var(--mc);
              border-color: var(--mc);
              color: var(--white); }
          .index_about .info_wrap .text_wrap .btns .btn2 {
            background-color: var(--ac);
            color: var(--white); }
            .index_about .info_wrap .text_wrap .btns .btn2:hover {
              background-color: var(--mc); }
    .index_about .honor {
      height: 187px;
      background-color: var(--mc);
      display: flex;
      justify-content: space-between;
      border-radius: 5px;
      margin-top: 30px; }
      .index_about .honor_item {
        width: calc(100% / 4);
        box-sizing: border-box;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center; }
        .index_about .honor_item_icon {
          width: 50px;
          height: 50px; }
          .index_about .honor_item_icon img {
            display: block;
            width: 50px;
            height: 50px; }
        .index_about .honor_item_info {
          margin-left: 15px; }
          .index_about .honor_item_info_number {
            display: flex;
            justify-content: flex-start;
            align-items: flex-end; }
            .index_about .honor_item_info_number h1 {
              font-size: 60px;
              margin: 0;
              font-family: "din";
              color: var(--white);
              line-height: 1;
              font-weight: bold; }
            .index_about .honor_item_info_number h2 {
              font-size: 20px;
              color: var(--white);
              line-height: 1;
              margin-bottom: 5px;
              margin-left: 5px; }
          .index_about .honor_item_info_sub {
            font-size: 18px;
            color: var(--white);
            line-height: 30px;
            margin-left: 5px; }
  .index_news {
    margin-top: 90px;
    margin-bottom: 100px; }
    .index_news .news_title_e {
      font-size: 50px;
      font-family: "pht";
      color: var(--mc); }
    .index_news .news_title_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .index_news .news_title_wrap .news_title_c {
        font-size: 40px;
        color: var(--black); }
      .index_news .news_title_wrap .news_title_btns {
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .index_news .news_title_wrap .news_title_btns:before {
          content: "";
          position: absolute;
          left: -585px;
          top: 19px;
          width: 585px;
          height: 2px;
          background-color: #efefef; }
        .index_news .news_title_wrap .news_title_btns_item {
          width: 140px;
          height: 40px;
          border: 1px solid var(--light);
          border-radius: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          color: var(--gray);
          margin-left: 15px;
          transition: all 0.3s ease-in-out; }
          .index_news .news_title_wrap .news_title_btns_item:hover {
            background-color: var(--mc);
            color: var(--white);
            border-color: var(--mc); }
    .index_news .news_card_wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 60px; }
      .index_news .news_card_wrap:after {
        content: "";
        width: 430px; }
      .index_news .news_card_wrap .news_card {
        width: 430px;
        overflow: hidden;
        background-color: var(--white);
        transition: all 0.3s ease-in-out; }
        .index_news .news_card_wrap .news_card .img_wrap {
          width: 430px;
          height: 300px;
          overflow: hidden;
          box-sizing: border-box;
          border: 1px solid #d6d6d6; }
          .index_news .news_card_wrap .news_card .img_wrap img {
            display: block;
            width: 430px;
            height: 300px;
            object-fit: cover;
            transition: all 0.3s ease-in-out; }
        .index_news .news_card_wrap .news_card .news_title {
          font-size: 18px;
          line-height: 26px;
          height: calc(26px * 2);
          color: var(--black);
          width: 100%;
          display: -webkit-box;
          word-break: break-all;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          margin: 18px 6px;
          box-sizing: border-box;
          transition: all 0.3s ease-in-out; }
        .index_news .news_card_wrap .news_card .news_tools {
          margin: 0 6px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .index_news .news_card_wrap .news_card .news_tools .news_tag {
            padding-left: 25px;
            background-image: url("../images/tag_icon.png");
            background-size: 17px 14px;
            background-repeat: no-repeat;
            background-position: left 0 center;
            font-size: 14px;
            color: #bdbdbd; }
          .index_news .news_card_wrap .news_card .news_tools .news_time {
            padding-left: 25px;
            background-image: url("../images/time_icon.png");
            background-size: 15px 15px;
            background-repeat: no-repeat;
            background-position: left 0 center;
            font-size: 14px;
            color: #bdbdbd; }
        .index_news .news_card_wrap .news_card .plus {
          width: 60px;
          height: 60px;
          border-radius: 50%;
          border: 1px solid var(--light);
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 30px;
          transition: all 0.3s ease-in-out;
          background-image: url("../images/add_icon2.png");
          background-size: 18px 18px;
          background-position: center center;
          background-repeat: no-repeat; }
          .index_news .news_card_wrap .news_card .plus:hover {
            background-color: var(--mc);
            border-color: var(--mc);
            background-image: url("../images/add_icon3.png"); }
  .footer {
    background-color: #3d414d; }
    .footer_top {
      height: 122px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #464a56; }
      .footer_top_logo {
        display: block;
        width: 164px;
        height: 44px; }
        .footer_top_logo img {
          display: block;
          width: 164px;
          height: 44px; }
      .footer_top_menu {
        display: flex;
        justify-content: flex-start; }
        .footer_top_menu_link {
          font-size: 14px;
          color: var(--white);
          margin-left: 50px; }
    .footer_middle {
      height: 166px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #464a56; }
      .footer_middle_info {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .footer_middle_info_item {
          width: 350px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start; }
          .footer_middle_info_item_icon {
            display: block;
            width: 33px;
            height: 33px; }
          .footer_middle_info_item_title {
            font-size: 14px;
            line-height: 1;
            color: var(--white);
            margin-top: 15px; }
      .footer_middle_qr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .footer_middle_qr_img {
          display: block;
          width: 112px;
          height: 112px; }
        .footer_middle_qr_title {
          font-size: 14px;
          color: var(--white);
          line-height: 2; }
    .footer_bottom {
      height: 68px;
      text-align: center;
      font-size: 14px;
      color: #d9d9d9;
      display: flex;
      justify-content: center;
      align-items: center; }
  .inner_banner {
    width: 100%;
    height: 304px;
    background-size: 1920px 304px;
    background-position: center 0;
    background-repeat: no-repeat; }
  .inner_content {
    width: 100%;
    background-image: url("../images/inner_bg.png");
    background-repeat: repeat-x;
    background-size: 100% 100%;
    background-position: bottom 0 center;
    padding: 20px 0; }
    .inner_content .center {
      background-color: var(--white); }
    .inner_content .bread {
      box-sizing: border-box;
      width: 100%;
      height: 60px;
      background-color: #f7f8fa;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 0 20px;
      color: var(--black); }
      .inner_content .bread a {
        color: var(--black); }
        .inner_content .bread a:hover {
          color: var(--ac); }
    .inner_content .inner_main {
      box-sizing: border-box;
      padding: 20px;
      display: flex;
      justify-content: space-between; }
      .inner_content .inner_main_left {
        width: 275px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #f6f6f6; }
        .inner_content .inner_main_left .block_top {
          padding-bottom: 30px; }
          .inner_content .inner_main_left .block_top .im_top {
            width: 100%;
            height: 145px;
            background-color: var(--mc);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            box-sizing: border-box;
            padding-left: 12px; }
            .inner_content .inner_main_left .block_top .im_top_e {
              font-size: 35px;
              font-family: "pht";
              color: var(--white); }
            .inner_content .inner_main_left .block_top .im_top_c {
              font-size: 24px;
              color: var(--white); }
          .inner_content .inner_main_left .block_top .im_bottom {
            width: 100%;
            background-color: #f6f6f6; }
            .inner_content .inner_main_left .block_top .im_bottom .im_item {
              border-bottom: 1px solid var(--white);
              box-sizing: border-box; }
              .inner_content .inner_main_left .block_top .im_bottom .im_item .im_link {
                padding: 0 20px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 59px;
                font-size: 16px;
                color: var(--gray);
                line-height: 59px; }
                .inner_content .inner_main_left .block_top .im_bottom .im_item .im_link .arrow {
                  width: 20px;
                  height: 20px;
                  background-image: url("../images/inner_menu_icon.png");
                  background-size: 20px 20px;
                  background-repeat: no-repeat;
                  background-position: center center;
                  transform: rotate(-90deg);
                  transition: all 0.3s ease-in-out; }
                .inner_content .inner_main_left .block_top .im_bottom .im_item .im_link .rotate {
                  transform: rotate(0deg); }
                .inner_content .inner_main_left .block_top .im_bottom .im_item .im_link:hover {
                  background-color: #ccdcf0; }
              .inner_content .inner_main_left .block_top .im_bottom .im_item .sub_menu {
                display: none; }
                .inner_content .inner_main_left .block_top .im_bottom .im_item .sub_menu .sub_link {
                  padding-left: 55px;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  height: 59px;
                  font-size: 16px;
                  color: var(--gray);
                  line-height: 59px;
                  position: relative; }
                  .inner_content .inner_main_left .block_top .im_bottom .im_item .sub_menu .sub_link:after {
                    content: "";
                    width: 8px;
                    height: 8px;
                    background-color: #ccdcf0;
                    position: absolute;
                    left: 30px;
                    top: 26px;
                    border-radius: 50%; }
                  .inner_content .inner_main_left .block_top .im_bottom .im_item .sub_menu .sub_link:hover {
                    background-color: #ccdcf0; }
                    .inner_content .inner_main_left .block_top .im_bottom .im_item .sub_menu .sub_link:hover:after {
                      background-color: var(--mc); }
                .inner_content .inner_main_left .block_top .im_bottom .im_item .sub_menu .sub_current {
                  background-color: #ccdcf0 !important; }
                  .inner_content .inner_main_left .block_top .im_bottom .im_item .sub_menu .sub_current:after {
                    background-color: var(--mc) !important; }
            .inner_content .inner_main_left .block_top .im_bottom .current .im_link {
              background-color: #ccdcf0; }
            .inner_content .inner_main_left .block_top .im_bottom .current .sub_menu {
              display: block; }
        .inner_content .inner_main_left .block_bot {
          padding: 0 10px; }
          .inner_content .inner_main_left .block_bot .btn {
            width: 100%;
            height: 47px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            color: var(--gray);
            background-color: var(--white);
            border: 1px solid var(--light);
            cursor: pointer;
            transition: all 0.3s ease-in-out; }
            .inner_content .inner_main_left .block_bot .btn:hover {
              background-color: var(--mc);
              border-color: var(--mc);
              color: var(--white); }
          .inner_content .inner_main_left .block_bot .bull {
            display: block;
            width: 296px;
            height: 206px;
            margin-top: 35px;
            margin-left: -10px; }
      .inner_content .inner_main_right {
        width: 942px;
        margin-right: 22px; }
  .single_title {
    height: 50px;
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .single_title h1 {
      padding: 0 15px;
      font-size: 18px;
      color: #cc3333;
      line-height: 50px;
      border-bottom: 4px solid #cc3333; }
  .single_page .single_content {
    margin-top: 25px;
    color: #696969!important; }
    .single_page .single_content p {
      font-size: 16px !important; }
    .single_page .single_content img {
      max-width: 100% !important; }
  .product_page .product_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .product_page .product_list:after {
      content: "";
      width: 310px; }
    .product_page .product_list .product_item {
      width: 310px;
      margin-bottom: 15px; }
      .product_page .product_list .product_item .img_wrap {
        width: 310px;
        height: 243px;
        background-color: #f6f6f6;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative; }
        .product_page .product_list .product_item .img_wrap img {
          display: block;
          width: 310px;
          height: 243px;
          object-fit: contain;
          transition: all 0.3s ease-in-out; }
        .product_page .product_list .product_item .img_wrap .cover {
          width: 310px;
          height: 243px;
          position: absolute;
          top: 243px;
          left: 0;
          z-index: 2;
          background-color: rgba(29, 69, 139, 0.5);
          transition: all 0.3s ease-in-out; }
          .product_page .product_list .product_item .img_wrap .cover:before {
            content: "";
            width: 40px;
            height: 2px;
            background-color: #fff;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
          .product_page .product_list .product_item .img_wrap .cover:after {
            content: "";
            width: 40px;
            height: 2px;
            background-color: #fff;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) rotate(90deg); }
      .product_page .product_list .product_item .product_title {
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .product_page .product_list .product_item .product_title .title_c {
          font-size: 20px;
          color: #5a5a5a;
          transition: all 0.3s ease-in-out; }
        .product_page .product_list .product_item .product_title .title_e {
          font-size: 14px;
          color: #5a5a5a;
          transition: all 0.3s ease-in-out; }
      .product_page .product_list .product_item:hover .cover {
        top: 0; }
  .page_pagination {
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page_pagination a,
    .page_pagination span {
      font-size: 12px;
      height: 32px;
      padding: 0 15px;
      background-color: #fff;
      border-radius: 5px;
      border: 1px solid var(--light);
      color: var(--black);
      margin: 0 5px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page_pagination a:hover,
      .page_pagination span:hover {
        background-color: var(--mc);
        border-color: var(--mc);
        color: var(--white); }
    .page_pagination .current {
      background-color: var(--mc);
      border-color: var(--mc);
      color: var(--white); }
  .news_list {
    width: 100%;
    margin-top: 18px; }
    .news_list .news_item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 36px;
      padding-right: 10px;
      height: 40px;
      border-bottom: 1px solid var(--light);
      background-image: url("../images/news_list_icon.png");
      background-repeat: no-repeat;
      background-size: 16px 12px;
      background-position: left 10px center;
      transition: all 0.3s ease-in-out; }
      .news_list .news_item h1 {
        font-size: 16px;
        color: var(--black);
        font-weight: normal;
        transition: all 0.3s ease-in-out;
        width: 800px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .news_list .news_item span {
        font-size: 14px;
        color: var(--gray);
        transition: all 0.3s ease-in-out; }
      .news_list .news_item:hover {
        background-color: var(--mc);
        background-image: url("../images/news_list_icon2.png"); }
        .news_list .news_item:hover h1,
        .news_list .news_item:hover span {
          color: var(--white); }
  .contact_info {
    margin-top: 18px; }
    .contact_info h1,
    .contact_info p {
      font-size: 16px;
      color: #4c4b4b;
      line-height: 36px; }
  .map {
    height: 584px;
    margin-top: 30px; }
  .product_info {
    width: 100%;
    min-height: 242px;
    box-shadow: #ddd 0px 4px 10px 0px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px; }
    .product_info .product_img_wrap {
      width: 310px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f6f6f6;
      flex-shrink: 0; }
      .product_info .product_img_wrap img {
        display: block;
        width: 220px;
        object-fit: cover; }
    .product_info .product_info_wrap {
      margin-left: 25px;
      padding-bottom: 30px; }
      .product_info .product_info_wrap_title {
        font-size: 30px;
        line-height: 90px;
        color: #5a5a5a; }
      .product_info .product_info_wrap_desc {
        padding-right: 50px;
        font-size: 16px;
        line-height: 30px;
        color: #535353; }
  .product_content {
    padding-top: 25px; }
    .product_content img {
      max-width: 100% !important; }
  .news_detail_title {
    font-size: 26px;
    line-height: 40px;
    color: var(--black);
    text-align: center; }
  .news_detail_info {
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: var(--gray);
    background-color: #f2f2f2;
    margin-top: 20px; }
  .news_detail_content {
    margin-top: 30px; }
    .news_detail_content p {
    font-size: 16px!important;
    color: #696969!important; }
  .fixed_sidebar {
    width: 32px;
    padding: 16px;
    background-color: var(--white);
    border-radius: 8px;
    position: fixed;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: #ddd 0px 4px 10px 0px; }
    .fixed_sidebar .fixed_sidebar_wrap {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center; }
      .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
        outline: none;
        line-height: 32px;
        color: var(--gray);
        margin-top: 16px;
        position: relative;
        cursor: pointer; }
        .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item i {
          font-size: 18px;
          transition: all 0.2s ease-in-out; }
        .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item:first-of-type {
          margin-top: 0; }
        .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item:hover i {
          color: var(--hoverColor);
          transform: rotate(10deg) scale(1.3); }
        .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item:hover .box {
          display: block; }
        .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item:last-of-type i {
          font-size: 22px; }
        .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item:last-of-type:hover i {
          transform: rotate(0) scale(1.3); }
        .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item .box {
          display: none;
          position: absolute;
          left: -300px;
          top: 50%;
          transform: translateY(-50%);
          width: 216px;
          height: 88px;
          padding: 20px;
          background-color: #fff;
          border-radius: 8px;
          box-shadow: #ddd 0px 4px 10px 0px; }
          .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item .box .fs_title {
            font-size: 16px;
            color: var(--hoverColor);
            font-weight: bold; }
          .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item .box .fs_desc {
            font-size: 12px;
            color: var(--gray); }
          .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item .box .fs_main {
            font-size: 14px;
            color: var(--black);
            font-weight: bold; }
          .fixed_sidebar .fixed_sidebar_wrap .fixed_sidebar_item .box:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 0 10px 17.3px;
            border-color: transparent transparent transparent #ffffff;
            position: absolute;
            right: -10px;
            top: 50%;
            transform: translateY(-50%); }
      .fixed_sidebar .fixed_sidebar_wrap .line {
        width: 100%;
        height: 1px;
        background-color: var(--light);
        margin-top: 16px; }
  .opa0 {
    opacity: 0;
    right: -16px; }
  .opa1 {
    opacity: 1;
    right: 16px; } }

.blank1 {
  width: 100%;
  height: 1px; }

.blank2 {
  width: 100%;
  height: 2px; }

.blank3 {
  width: 100%;
  height: 3px; }

.blank4 {
  width: 100%;
  height: 4px; }

.blank5 {
  width: 100%;
  height: 5px; }

.blank6 {
  width: 100%;
  height: 6px; }

.blank7 {
  width: 100%;
  height: 7px; }

.blank8 {
  width: 100%;
  height: 8px; }

.blank9 {
  width: 100%;
  height: 9px; }

.blank10 {
  width: 100%;
  height: 10px; }

.blank11 {
  width: 100%;
  height: 11px; }

.blank12 {
  width: 100%;
  height: 12px; }

.blank13 {
  width: 100%;
  height: 13px; }

.blank14 {
  width: 100%;
  height: 14px; }

.blank15 {
  width: 100%;
  height: 15px; }

.blank16 {
  width: 100%;
  height: 16px; }

.blank17 {
  width: 100%;
  height: 17px; }

.blank18 {
  width: 100%;
  height: 18px; }

.blank19 {
  width: 100%;
  height: 19px; }

.blank20 {
  width: 100%;
  height: 20px; }

.blank21 {
  width: 100%;
  height: 21px; }

.blank22 {
  width: 100%;
  height: 22px; }

.blank23 {
  width: 100%;
  height: 23px; }

.blank24 {
  width: 100%;
  height: 24px; }

.blank25 {
  width: 100%;
  height: 25px; }

.blank26 {
  width: 100%;
  height: 26px; }

.blank27 {
  width: 100%;
  height: 27px; }

.blank28 {
  width: 100%;
  height: 28px; }

.blank29 {
  width: 100%;
  height: 29px; }

.blank30 {
  width: 100%;
  height: 30px; }

.blank31 {
  width: 100%;
  height: 31px; }

.blank32 {
  width: 100%;
  height: 32px; }

.blank33 {
  width: 100%;
  height: 33px; }

.blank34 {
  width: 100%;
  height: 34px; }

.blank35 {
  width: 100%;
  height: 35px; }

.blank36 {
  width: 100%;
  height: 36px; }

.blank37 {
  width: 100%;
  height: 37px; }

.blank38 {
  width: 100%;
  height: 38px; }

.blank39 {
  width: 100%;
  height: 39px; }

.blank40 {
  width: 100%;
  height: 40px; }

.blank41 {
  width: 100%;
  height: 41px; }

.blank42 {
  width: 100%;
  height: 42px; }

.blank43 {
  width: 100%;
  height: 43px; }

.blank44 {
  width: 100%;
  height: 44px; }

.blank45 {
  width: 100%;
  height: 45px; }

.blank46 {
  width: 100%;
  height: 46px; }

.blank47 {
  width: 100%;
  height: 47px; }

.blank48 {
  width: 100%;
  height: 48px; }

.blank49 {
  width: 100%;
  height: 49px; }

.blank50 {
  width: 100%;
  height: 50px; }

.percent1 {
  width: 1%; }

.percent2 {
  width: 2%; }

.percent3 {
  width: 3%; }

.percent4 {
  width: 4%; }

.percent5 {
  width: 5%; }

.percent6 {
  width: 6%; }

.percent7 {
  width: 7%; }

.percent8 {
  width: 8%; }

.percent9 {
  width: 9%; }

.percent10 {
  width: 10%; }

.percent11 {
  width: 11%; }

.percent12 {
  width: 12%; }

.percent13 {
  width: 13%; }

.percent14 {
  width: 14%; }

.percent15 {
  width: 15%; }

.percent16 {
  width: 16%; }

.percent17 {
  width: 17%; }

.percent18 {
  width: 18%; }

.percent19 {
  width: 19%; }

.percent20 {
  width: 20%; }

.percent21 {
  width: 21%; }

.percent22 {
  width: 22%; }

.percent23 {
  width: 23%; }

.percent24 {
  width: 24%; }

.percent25 {
  width: 25%; }

.percent26 {
  width: 26%; }

.percent27 {
  width: 27%; }

.percent28 {
  width: 28%; }

.percent29 {
  width: 29%; }

.percent30 {
  width: 30%; }

.percent31 {
  width: 31%; }

.percent32 {
  width: 32%; }

.percent33 {
  width: 33%; }

.percent34 {
  width: 34%; }

.percent35 {
  width: 35%; }

.percent36 {
  width: 36%; }

.percent37 {
  width: 37%; }

.percent38 {
  width: 38%; }

.percent39 {
  width: 39%; }

.percent40 {
  width: 40%; }

.percent41 {
  width: 41%; }

.percent42 {
  width: 42%; }

.percent43 {
  width: 43%; }

.percent44 {
  width: 44%; }

.percent45 {
  width: 45%; }

.percent46 {
  width: 46%; }

.percent47 {
  width: 47%; }

.percent48 {
  width: 48%; }

.percent49 {
  width: 49%; }

.percent50 {
  width: 50%; }

.percent51 {
  width: 51%; }

.percent52 {
  width: 52%; }

.percent53 {
  width: 53%; }

.percent54 {
  width: 54%; }

.percent55 {
  width: 55%; }

.percent56 {
  width: 56%; }

.percent57 {
  width: 57%; }

.percent58 {
  width: 58%; }

.percent59 {
  width: 59%; }

.percent60 {
  width: 60%; }

.percent61 {
  width: 61%; }

.percent62 {
  width: 62%; }

.percent63 {
  width: 63%; }

.percent64 {
  width: 64%; }

.percent65 {
  width: 65%; }

.percent66 {
  width: 66%; }

.percent67 {
  width: 67%; }

.percent68 {
  width: 68%; }

.percent69 {
  width: 69%; }

.percent70 {
  width: 70%; }

.percent71 {
  width: 71%; }

.percent72 {
  width: 72%; }

.percent73 {
  width: 73%; }

.percent74 {
  width: 74%; }

.percent75 {
  width: 75%; }

.percent76 {
  width: 76%; }

.percent77 {
  width: 77%; }

.percent78 {
  width: 78%; }

.percent79 {
  width: 79%; }

.percent80 {
  width: 80%; }

.percent81 {
  width: 81%; }

.percent82 {
  width: 82%; }

.percent83 {
  width: 83%; }

.percent84 {
  width: 84%; }

.percent85 {
  width: 85%; }

.percent86 {
  width: 86%; }

.percent87 {
  width: 87%; }

.percent88 {
  width: 88%; }

.percent89 {
  width: 89%; }

.percent90 {
  width: 90%; }

.percent91 {
  width: 91%; }

.percent92 {
  width: 92%; }

.percent93 {
  width: 93%; }

.percent94 {
  width: 94%; }

.percent95 {
  width: 95%; }

.percent96 {
  width: 96%; }

.percent97 {
  width: 97%; }

.percent98 {
  width: 98%; }

.percent99 {
  width: 99%; }

.percent100 {
  width: 100%; }

body,
textarea,
input,
select {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none; }

/*# sourceMappingURL=maps/main.css.map */