.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .clearfix { *zoom: 1; }
  .clear { clear: both; line-height: 0; height: 0; font-size: 0; }
  .show { display: block !important; }
  .hide { display: none !important; }
  .fl{float: left;}
  .fr{float: right;}
  .pc-height {height: 66px;}
  .commonweb { padding: 0px 15px; }
  .commonwebbox { margin-left: 0px; margin-right: 0px; }
  .commonleft { float: none; }
  .commonright { float: none; }
  .visible-sm, .visible-md, .visible-lg { display: none; }
  .hidden-sm, .hidden-md, .hidden-lg { display: block; }
  .center{/*width: 1740px;*/margin: 0 auto;background: #fff;}
  .center2{width: 1540px;margin: 0 auto;}
  .my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .text-center {
    text-align: center;
  }
  .text-secondary {
    color: #999;
  }
  .padd{padding: 60px 0 100px;display: flow-root;}
  .titt{margin-bottom: 30px;}
  .titt b{color: #0068b1;display: inline-block;margin-bottom: 10px;}
  .titt h2{font-size: 36px;color: #333;line-height: 44px;font-weight: bold;}
  .titt .rec{width: 65px;height: 5px;background: #0068b1;margin-top: 10px!important;margin-bottom: 20px!important;}
  .des,.des p{font-size: 17px;color: #555;line-height: 30px;}
  .des img{max-width: 100%;}
  .f16{font-size: 16px;}
  .f18{font-size: 18px;}
  @media (max-width: 1740px){.center{width: 100%;}.center2{width: 96%;}}
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-xs-12 { width: 100%; }
  .col-xs-11 { width: 91.66666667%; }
  .col-xs-10 { width: 83.33333333%; }
  .col-xs-9 { width: 75%; }
  .col-xs-8 { width: 66.66666667%; }
  .col-xs-7 { width: 58.33333333%; }
  .col-xs-6 { width: 50%; }
  .col-xs-5 { width: 41.66666667%; }
  .col-xs-4 { width: 33.33333333%; }
  .col-xs-3 { width: 25%; }
  .col-xs-2 { width: 16.66666667%; }
  .col-xs-1 { width: 8.33333333%; }
  @media (max-width: 320px) { body { min-width: 320px; } }
  @media (min-width: 768px) { .commonweb { padding: 0px 20px; }
    .commonwebbox { margin-left: -10px; margin-right: -10px; }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .visible-sm { display: block; }
    .hidden-sm { display: none; } }
  @media (min-width: 1024px) { .commonweb { padding: 0px 40px; }
    .commonwebbox { margin-left: -10px; margin-right: -10px; }
    .commonleft { float: left; }
    .commonright { float: right; }
    .visible-md { display: block; }
    .hidden-md { display: none; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; } }
  @media (min-width: 1200px) { html { cursor: default; }
    .commonleft { float: left; }
    .commonright { float: right; }
    .visible-lg { display: block; }
    .hidden-lg { display: none; }
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
    .padd{padding: 60px 0 70px;}
     }
  @media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1540px; padding: 0; } }
  .wfont72 { font-size: 24px; line-height: 34px; }
  .wfont60 { font-size: 22px; }
  .wfont50, .wfont55, .wfont58 { font-size: 20px; }
  .wfont40, .wfont45 { font-size: 18px; }
  .wfont36, .wfont35, .wfont32, .wfont30 { font-size: 18px; }
  .wfont28, .wfont26, .wfont24, .wfont22 { font-size: 16px; }
  .wfont16 { font-size: 14px; }
  .inside-page { padding-top: 20px; }
  .wpt100 { padding-top: 20px; }
  .wpb100 { padding-bottom: 20px; }
  .inside-title { text-align: center; padding-bottom: 10px; }
  .inside-title h2 { font-weight: 500; }
  @media (min-width: 768px) { .wfont72 { font-size: 28px; line-height: 38px; }
    .wfont60 { font-size: 26px; }
    .wfont58, .wfont55, .wfont50 { font-size: 24px; }
    .wfont40, .wfont45 { font-size: 22px; }
    .wfont36, .wfont35, .wfont32, .wfont30 { font-size: 20px; } }
  @media (min-width: 1024px) { .wfont72 { font-size: 34px; line-height: 44px; }
    .wfont60 { font-size: 32px; line-height: 42px; }
    .wfont58, .wfont55, .wfont50 { font-size: 30px; line-height: 40px; }
    .wfont40{font-weight: bold; }
    .wfont40, .wfont45 { font-size: 28px;}
    .iproitem-right .topinfo .wfont45{display: inline-block;}
    .wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 24px; }
    .wfont28, .wfont26, .wfont24, .wfont22 { font-size: 22px; font-weight: bold;}
    .inside-page { padding-top: 40px; }
    .wpt100 { padding-top: 40px; }
    .wpb100 { padding-bottom: 40px; }
    .inside-title { padding-bottom: 22px; }
    .fl { float: left; }
    .fr { float: right; } }
  @media (min-width: 1260px) { .wfont72 { font-size: 44px; line-height: 54px; }
    .wfont60 { font-size: 42px; line-height: 52px; }
    .wfont58, .wfont55, .wfont50 { font-size: 40px; line-height: 50px; }
    .wfont40, .wfont45 { font-size: 32px; line-height: 32px; }
    .wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 30px; }
    .wfont28 { font-size: 28px; }
    .wfont26 { font-size: 26px; }
    .wfont24 { font-size: 24px; }
    .inside-page { padding-top: 50px; }
    .wpt100 { padding-top: 80px; }
    .wpb100 { padding-bottom: 50px; } }
  @media (min-width: 1440px) {
    .wfont72 { font-size: 72px; line-height: 82px; }
    .wfont60 { font-size: 60px; line-height: 70px; }
    .wfont58 { font-size: 46px; line-height: 50px; }
    .wfont55 { font-size: 42px; line-height: 60px; }
    .wfont50 { font-size: 50px; line-height: 60px; }
    .wfont40 { font-size: 40px; line-height: 40px; }
    .wfont45 { font-size: 45px; line-height: 45px; }
    .wfont36 { font-size: 36px; line-height: 36px; }
    .wfont35 { font-size: 35px; line-height: 35px; }
    .wfont32 { font-size: 32px; line-height: 32px; }
    .wfont31 { font-size: 31px; line-height: 31px; }
    .wfont16 { font-size: 16px; }
  }

  .prod-lb {
      display: flex;
      flex-wrap: wrap;
      /*justify-content: flex-end;*/
      width: 100%;
      /*padding-left: 30px;*/
  }

  .prod-lb li {
      width: 33.33%;
      margin-bottom: 40px;
  }

  .prod-lb li:hover .pr-lb-wn .btns {
      display: flex;
  }

  .prod-lb li:nth-of-type(3n+2) {
      /*margin: 0 30px;*/
  }

  .prod-lb li .product-list-warp {
    padding: 0 24px;
  }

  .prod-lb li a {
    display: inline-block;
    height: 400px;
    background: #f5f5f5;
    width: 100%;
  }

  .pr-lb-tu {
      width: 100%;
      height: 220px;
      line-height: 208px;
      text-align: center;
  }

  .pr-lb-tu img {
      vertical-align: middle;
      max-width: 208px;
      max-height: 100%;
      padding-top: 5px
  }

  .pr-lb-wn h1 {
      font-size: 18px;
      color: #333333;
      line-height: 18px;
      text-align: center;
      overflow: hidden;
      /* 溢出隐藏 */
      text-overflow: ellipsis;
      /* 溢出省略号 */
      display: -webkit-box;
      -webkit-line-clamp: 1;
      /* 限制在一个块元素显示的文本的行数 */
      -webkit-box-orient: vertical;
      /* 垂直排列 */
      word-break: break-all;
      /* 内容自动换行 */
      margin: 15px 0 30px;
  }

  .pr-lb-wn p {
      font-size: 14px;
      color: #666666;
      line-height: 30px;
      overflow: hidden;
      /* 溢出隐藏 */
      text-overflow: ellipsis;
      /* 溢出省略号 */
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* 限制在一个块元素显示的文本的行数 */
      -webkit-box-orient: vertical;
      /* 垂直排列 */
      word-break: break-word;
      /* 内容自动换行 基于英文词*/
      padding: 0 15px;
  }

  .btns {
      width: 100%;
      display: flex;
      justify-content: center;
      height: 40px;
      display: none;
      transition: all 1s;
      padding-top: 10px;
  }

  @media screen and (max-width: 550px) {
     .navigationbar {
         display: none;
         position: relative;
         width: 100%;
         top: 0;
     }
     .prod-lb {
      width: 100%;
      padding-left: 0;
     }
     .btns {
         display: flex;
     }
     .prod-lb li {width: 100%;}
     .prod-lb li:nth-of-type(3n+2) {
      margin: 0;
      margin-bottom: 40px;
     }
  }

  .btns .more {
      width: 140px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background-color: #2f353d;
      color: #fefefe;
      border-radius: .1rem;
      font-size: 0.9rem;
  }

  .prowz .hdbg{height: 70px;line-height: 70px;line-height: 70px;}
  .prowz .tab-hd {overflow:hidden; zoom:1;}
  .prowz .tab-hd li{cursor:pointer;float: left;margin-right: 100px;position: relative;color: #333;font-size: 18px;height: 70px;overflow: hidden;font-weight: bold;}
  .prowz .tab-hd li span{position:absolute;bottom:15px;left:0;width:100%;text-align:center; display:block;}
  .prowz .tab-hd li i{display:block;margin:0 auto;text-align:center;z-index:1;height:3px;width:0;overflow: hidden; transition:all ease-in-out 300ms;background: #fff}
  .prowz .tab-hd li:hover i,.prowz .tab-hd li.active i{width:100%;}
  .prowz .tab-bd li{display:none;}
  .prowz .tab-bd li:nth-child(1){display:list-item;}

  .product-detail-warp{background: #f3f3f3;}
  .showpro{background: #f3f3f3;position: relative;}
  .showpro .picpro{width: 100%;text-align: center;}
  .showpro .txt{width: 100%;background: #f3f3f3;}
  .showpro .txt,.showpro .picpro{overflow: auto;}
  .showpro .txt .des{margin-bottom: 50px;padding: 0px 30px;}
  .showpro .picpro .swiper-pagination-bullet{width: 20px;height: 7px;border-radius: 5px;background: #ddd;opacity: 1;}
  .showpro .picpro .swiper-pagination-bullet-active{background: #0068b1!important;}
  .showpro .picpro .swiper-pagination-bullets{bottom: 0px;}
  .showpro .picpro img {max-width: 100%;padding: 15px;}
  .showpro .txt h1{font-size: 26px;color: #333;font-weight: bold;display: block;margin-bottom: 35px;line-height: 40px;padding: 30px 30px 0 30px;}
  .showpro .txt .cc{background: #0068b1;padding: 14px 30px;border-radius: 10px;font-size: 16px;font-weight: bold;color: #fff;display: inline-block;}
  .showpro .txt .cc span{font-weight: normal;font-size: 24px;margin-right: 10px;}
  .showpro .txt .product-tags {margin-bottom: 10px;}
  .showpro .txt .product-tags li{line-height: 25px;color: #0068b1;}
  .showpro .txt .product-tags li .iconfont {padding-right: 5px;}
  .swiper-container {height: auto;}
  .swiper-slide {background: #fff;}

  .drag-tip {
      color: #0068b1;
      background: #f1f1f1;
      padding-left: 5px;
  }
  .nav-placeholder {
      display: none;
      height: 70px;
  }
  .nav-fixed {
      position: fixed;
      top: 66px;
      left: 0;
      width: 100%;
      box-shadow: rgb(0 0 0 / 6%) 0 1px 7px;
      background: #0068b1;
      z-index: 99;
  }
  ul.nav-tabs {
      box-shadow: none;
  }
  @media (max-width: 768px) {
      .nav-fixed {
          top: 66px
      }
  }

  .tab-bd .des{padding: 20px 0;overflow: auto;}
  .tab-bd table{color:#2a333c;min-height: .01%;overflow-x: auto;border:1px solid #e4eaec;background:transparent;border-collapse:collapse;font-size:16px;}
  .tab-bd table tr:nth-of-type(odd){background-color:rgba(243,247,249,.3);}
  .tab-bd table tr td,.tab-bd table tr th{border:1px solid #e4eaec;padding:10px;line-height:1.5;}
  .tab-bd table tr:hover{background:#f3f7f9;}

  @media (max-width: 1200px){
    .showpro .txt{padding: 2%;padding-top: 40px;}
    .showpro .txt h1,.proapp b{font-size: 30px;}
    .showpro .txt, .showpro .picpro{height: 550px;}
  }
  @media (max-width: 1024px){
    .showpro .txt, .showpro .picpro{height: auto;width: 100%;margin-left: 0;margin-right: 0;}
    .showpro .txt h1, .proapp b{font-size: 24px;}
    .showpro .txt .cc{margin: 20px 0 40px;margin-top: 0;}
    .proxgtj li{width: 100%;border: none;padding-top: 0;}
    .relpro dt .imgfd img{height: 300px;}
    .proapp li{width: 50%;}
    .proapp li .imgfd img{height: 330px;}
    .prowz .tab-hd li{width: 33.33%;margin-right: 0;padding: 0 10px;text-align: center;overflow: hidden;}
    .prowz .tab-hd li span{width: 50%;left: 25%;}
    .showpro .txt .des{margin-bottom: 30px;}
  }
  @media (max-width: 960px){
    .proapp li .imgfd img{height: 250px;}
    .proxgtj li{padding-bottom: 30px;}
    .proxgtj li b{font-size: 20px;}
    .relpro dt .imgfd img{height: 230px;}
  }
  @media (max-width: 540px){
    .showpro .txt h1, .proapp b{font-size: 20px;margin-bottom: 15px;}
    .showpro .txt .cc{font-size: 14px;}
    .psloca{height: 50px;line-height: 50px;font-size: 14px;}
    .showpro .txt .cc span{font-size: 16px;}
    .showpro .picpro .swiper-pagination-bullets{bottom: 5px;}
    .prowz .tab-hd li{height: 50px;line-height: 50px;}
    .prowz .tab-hd li span{bottom: 5px;}
    .prowz .tab-hd li,.relpro dt p,.relnew dt a{font-size: 14px;}
    .prowz .hdbg{height: 100px;}
    .prowz .tab-hd li{width: 50%;}
    .relpro dt .imgfd img{height: 130px;}
    .proxgtj li b{font-size: 18px;margin-bottom: 15px;}
    .relnew dt{height: 45px;line-height: 45px;}
    .relnew dt i{font-size: 16px;}
    .proapp li .imgfd img{height: 140px;}
    .proxgtj{padding-bottom: 0;}
  }