@charset "UTF-8";
/*header start*/
.header {
  position: sticky;
  top: 0;
  z-index: 2029;
  background-color: #FFF;
}

.header-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26px 0;
}

.header-box .logo {
  width: 13vw;
}

.header-box .logo img {
  width: 100%;
}

#menuWap,
.btn-nav {
  display: none;
}

#menuPc > ul > li {
  float: left;
  display: inline-block;
  padding: 0 0;
  position: relative;
}

#menuPc > ul > li::after {
  content: '';
  width: 0;
  height: 3px;
  position: absolute;
  left: 20px;
  bottom: 0;
  background: #006487;
  transition: all 0.6s;
}

#menuPc > ul > li:hover::after {
  width: calc(100% - 40px);
}

#menuPc > ul > li dl {
  width: 226px;
  position: absolute;
  left: 20px;
  top: 100%;
  z-index: 999;
  opacity: 0;
  transition: all 0.2s;
  visibility: hidden;
  transform: translateY(-10%);
  transition: all 0.3s ease; 
}

/*#menuPc > ul > li:hover dl {*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*  transform: translateY(0);*/
/*}*/
/*// hover 或 hover-stable 状态下显示*/
#menuPc>ul>li.hover dl,
#menuPc>ul>li.hover-stable dl {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#menuPc > ul > li dl dd {
  border-top: 1px solid #c5c5c5;
}

#menuPc > ul > li dl dd:first-child {
  border-top: none;
}

#menuPc > ul > li dl dd a {
  font-size: 14px;
  color: #183340;
  display: block;
  padding: 10px 10px;
  background: #fff;
  transition: all 0.6s;
}

#menuPc > ul > li dl dd a:hover {
  background: #006487;
  color: #fff;
}

#menuPc > ul > li > a {
  color: #121212;
  line-height: 40px;
  padding: 0 13px;
  display: block;
  text-transform: uppercase;
}

.inner-page #menuPc > ul > li > a {
  color: #183340;
}

#menuPc > ul > li:hover > a,
#menuPc > ul > li.act > a {
  color: #006487;
}

.h-search {
  max-width: 200px;
  position: relative;
  border: 1px solid #D4D4D4;
  border-radius: 50px;
  overflow: hidden;
  margin-right: 20px;
}

.h-search input {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  border: none;
  outline: none;
  background: #fff;
  color: #000;
  height: 40px;
  box-sizing: border-box;
  padding: 0 50px 0 12px;
}

.h-search input::placeholder {
  color: #D4D4D4;
  font-size: 14px;
}

.h-search button {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: transparent;
  border: none;
  color: #D4D4D4;
}

.h-search button .iconfont {
  font-size: 20px;
}

.h-tool {
  display: flex;
  align-items: center;
}

.h-lang {
  display: flex;
  align-items: center;
}

.h-lang .lang-box {
  position: relative;
  z-index: 2;
}

.h-lang .lang-tt {
  display: flex;
  align-items: center;
}

.h-lang .lang-tt small {
  display: block;
  width: 16px;
  height: 8px;
  background: url(../images/arrow.png) no-repeat center center;
  background-size: cover;
}

.h-lang .lang-tt em {
  padding: 0 5px 0 12px;
}

.h-lang:hover .lang-con {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.h-lang .lang-con {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 3px #ccc;
  z-index: 999;
  transition: all 0.5s;
}

.h-lang .lang-con a {
  display: block;
  padding: 5px;
  text-align: center;
  transition: all 0.5s;
}

.h-lang .lang-con a:hover {
  background: #DAB036;
  color: #fff;
}

/*header end*/
/*footer start*/
.footer {
  background-color: #202020;
  color: #F6F6F6;
  padding: 5vw 0 0;
}

.footer .f-copy {
  text-align: center;
  margin: 3.5vw 0 0;
  padding: 20px 0;
  border-top: 1px solid rgba(239, 239, 239, 0.4);
}

.footer a {
  color: #F6F6F6;
}

.footer .f-top {
  border-bottom: 1px solid rgba(239, 239, 239, 0.4);
  margin-bottom: 30px;
  padding-bottom: 22px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.footer .f-top .f-logo {
  margin-bottom: 22px;
}

.footer .f-top .f-left {
  width: 60%;
}

.footer .f-nav h3 {
  margin-bottom: 22px;
  text-transform: capitalize;
}

.footer .f-nav ul {
  display: flex;
  justify-content: space-between;
  gap: 5vw;
}

.footer .f-nav li {
  max-width: 20%;
}

.footer .f-nav dd {
  margin-bottom: 5px;
}

.footer .f-nav dd a:hover {
  color: #FFf;
  text-decoration: underline;
}

.footer .f-nav .f-lx dd {
  padding-left: 24px;
  background-position: 0 6px;
  background-repeat: no-repeat;
  background-size: 16px auto;
}

/*footer end*/
.crumbs-box {
  padding: 12px 0;
  font-size: 14px;
  text-transform: capitalize;
  background: url("/static/images/home.png") no-repeat 0 center;
  background-size: 24px;
  font-size: 18px;
}

.crumbs-box a {
  color: #fff;
  display: inline-block;
  transition: all 0.4s;
}

.crumbs-box a:hover {
  text-decoration: underline;
}

.crumbs-box i {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
}

.crumbs-box span {
  color: #fff;
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
/* 内容区域宽度+40px */
.m-width-content {
  max-width: var(--page-width);
  margin: 0 auto;
}

/*置顶按钮 start*/
.wap-footer{
    display:none;
}
@media screen and (max-width: 1023px) {
    /*foot*/
    .wap-flex{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -moz-box-pack: space-between;
        -webkit--moz-box-pack: space-between;
        box-pack: space-between;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        box-align: center;
        -moz-box-align: center;
        -webkit-box-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .wap-footer {
      background: #1D4D88;
      position: fixed;
      z-index: 9;
      bottom: 0;
      width: 100%;
      display: block;
      box-sizing: border-box;
      padding:0 10px;
    }
    .wap-footer::before {
      content: "";
      display: block;
      height: 13px;
      width: 100%;
      background: url(../images/footbg.png) no-repeat center center;
      -o-background-size: cover;
         background-size: cover;
      position: absolute;
      top:-13px;
      left: 0;
    }
    
    .wap-footer .footlist {
      padding:10px 0 5px;
      width: 37%;
    }
    .wap-footer .footlist li{
        text-align: center;
    }
    .wap-footer .footlist li img {
      width:20px;
      margin: 0 auto 5px;
    }
    .wap-footer .footlist li h4 {
      font-size:12px;
      font-weight:400;
      color: #FFF;
      
    }
    
    .wap-footer .footchat {
      width: 56px;
      height: 56px;
      background: #FFFFFF;
      border-radius: 50%;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      left: 50%;
      top: -4px;
      margin-left:-28px
    }
    .wap-footer .footchat a {
      display: block;
      width: 100%;
      height: 100%;
      background: url(../images/xx.png) no-repeat center;
      -o-background-size: 1.087rem 1rem;
         background-size: 1.087rem 1rem;
      text-align: center;
      font-size: 0;
      animation: imgDa 3s infinite 0.5s linear;
      -webkit-animation: imgDa 3s infinite 0.5s linear;
      -o-animation: imgDa 3s infinite 0.5s linear;
      -moz-animation: imgDa 3s infinite 0.5s linear;
    }
    
    .wap-footer .i-list {
      animation: dianDa 3s infinite 0.5s linear;
      -webkit-animation: dianDa 3s infinite 0.5s linear;
      -o-animation: dianDa 3s infinite 0.5s linear;
      -moz-animation: dianDa 3s infinite 0.5s linear;
      position: absolute;
      top: 42%;
      width: 100%;
    }
    .wap-footer .i-list i {
      display: inline-block;
      width: 0.1493rem;
      height: 0.1493rem;
      background: #fff;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -o-border-radius: 100%;
      margin-right: 0.1067rem;
    }
    .wap-footer .i-list i:last-child {
      margin-right: 0;
    }
    .wap-footer .i-list i:nth-child(1) {
      animation: dianShow1 3s infinite 0.5s linear;
      -webkit-animation: dianShow1 3s infinite 0.5s linear;
      -o-animation: dianShow1 3s infinite 0.5s linear;
      -moz-animation: dianShow1 3s infinite 0.5s linear;
      -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
    }
    .wap-footer .i-list i:nth-child(2) {
      animation: dianShow2 3s infinite 0.5s linear;
      -webkit-animation: dianShow2 3s infinite 0.5s linear;
      -o-animation: dianShow2 3s infinite 0.5s linear;
      -moz-animation: dianShow2 3s infinite 0.5s linear;
      -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
    }
    .wap-footer .i-list i:nth-child(3) {
      animation: dianShow3 3s infinite 0.5s linear;
      -webkit-animation: dianShow3 3s infinite 0.5s linear;
      -o-animation: dianShow3 3s infinite 0.5s linear;
      -moz-animation: dianShow3 3s infinite 0.5s linear;
      -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
    }
    
    @-webkit-keyframes dianShow1 {
      0% {
        opacity: 0.2;
      }
      19% {
        opacity: 0.2;
      }
      20% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    
    @-moz-keyframes dianShow1 {
      0% {
        opacity: 0.2;
      }
      19% {
        opacity: 0.2;
      }
      20% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    
    @-o-keyframes dianShow1 {
      0% {
        opacity: 0.2;
      }
      19% {
        opacity: 0.2;
      }
      20% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    
    @keyframes dianShow1 {
      0% {
        opacity: 0.2;
      }
      19% {
        opacity: 0.2;
      }
      20% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes dianShow2 {
      0% {
        opacity: 0.2;
      }
      39% {
        opacity: 0.2;
      }
      40% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @-moz-keyframes dianShow2 {
      0% {
        opacity: 0.2;
      }
      39% {
        opacity: 0.2;
      }
      40% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @-o-keyframes dianShow2 {
      0% {
        opacity: 0.2;
      }
      39% {
        opacity: 0.2;
      }
      40% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes dianShow2 {
      0% {
        opacity: 0.2;
      }
      39% {
        opacity: 0.2;
      }
      40% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes dianShow3 {
      0% {
        opacity: 0.2;
      }
      59% {
        opacity: 0.2;
      }
      60% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @-moz-keyframes dianShow3 {
      0% {
        opacity: 0.2;
      }
      59% {
        opacity: 0.2;
      }
      60% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @-o-keyframes dianShow3 {
      0% {
        opacity: 0.2;
      }
      59% {
        opacity: 0.2;
      }
      60% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes dianShow3 {
      0% {
        opacity: 0.2;
      }
      59% {
        opacity: 0.2;
      }
      60% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes dianDa {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      50% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      79% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      80% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
      100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
    @-moz-keyframes dianDa {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
             transform: scale(1);
      }
      50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
             transform: scale(1);
      }
      79% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
             transform: scale(1);
      }
      80% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
             transform: scale(1.1);
      }
      100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
             transform: scale(1.1);
      }
    }
    @-o-keyframes dianDa {
      0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
           transform: scale(1);
      }
      50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
           transform: scale(1);
      }
      79% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
           transform: scale(1);
      }
      80% {
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
           transform: scale(1.1);
      }
      100% {
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
           transform: scale(1.1);
      }
    }
    @keyframes dianDa {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
      }
      50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
      }
      79% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
      }
      80% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
             transform: scale(1.1);
      }
      100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
             transform: scale(1.1);
      }
    }
}
#toTop {
  width: 40px;
  height: 40px;
  right: 20px;
  bottom: 20%;
  position: fixed;
  z-index: 999;
  background: #1D4D88;
}

/*置顶按钮 end*/
/*分页 start*/
.page-box {
  padding: 50px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.page-box .nextpostslink {
  background: transparent !important;
}

.page-box .nextpostslink .iconfont {
  color: #1D4D88;
}

.page-box .wp-pagenavi {
  display: flex;
  justify-content: center;
}

.page-box .wp-pagenavi a,
.page-box .wp-pagenavi span {
  display: inline-flex;
  font-size: 14px;
  color: #E3E3E3;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  justify-content: center;
  background: transparent;
}

.page-box .wp-pagenavi a.nextpostslink,
.page-box .wp-pagenavi a.previouspostslink {
  background: #333;
  color: #fff;
}

.page-box .wp-pagenavi .current {
  font-weight: bold;
  color: #fff;
  background-color: #1D4D88;
}

/*分页 end*/
.index-title {
  text-align: center;
  color: #515151;
  position: relative;
}

.index-title .slot-right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.index-title.cw {
  color: #D2D2D2;
}

.index-title.cw h2 {
  color: #fff;
}

.index-title.t-right {
  text-align: right;
}

.index-title.t-right .sub-tt h5 {
  padding-right: 0;
}

.index-title.t-left {
  text-align: left;
}

.index-title.t-left .sub-tt h5 {
  padding-left: 0;
}

.index-title h2 {
  text-transform: uppercase;
  color: #1D4D88;
}

.index-title .sub-tt {
  display: flex;
  align-items: center;
}

.index-title .sub-tt h5 {
  flex-shrink: 0;
  padding: 0 18px;
  max-width: 70%;
}

.index-title .sub-tt span {
  height: 10px;
  width: 100%;
  background-size: auto 9px;
  background-repeat: no-repeat;
}

.index-title .sub-tt .b1 {
  background-image: url("../images/t-b1.png");
  background-position: 100% 50%;
}

.index-title .sub-tt .b2 {
  background-image: url("../images/t-b2.png");
  background-position: 0% 50%;
}

.first-letter {
  color: #DAB036;
}

.index-product-grid .index-title {
  margin: 60px 0 20px;
}

.index-seach-box {
  max-width: 900px;
  border: 1px solid #C8C8C8;
  margin: 0 auto 53px;
  position: relative;
}

.index-seach-box .index-seach-btn {
  position: absolute;
  right: 0;
  height: 100%;
  width: 66px;
  top: 0;
  background-color: #DAB036;
  color: #FFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-seach-box .index-seach-btn .iconfont {
  font-size: 24px;
}

.index-seach-box input {
  border: none;
  outline: none;
  padding: 0 30px;
  width: 100%;
  height: 55px;
  box-sizing: border-box;
}

.index-seach-box input::placeholder {
  color: #515151;
  font-weight: 300;
}
.index-product-cont .index-product-list {
    display: none;
}
.index-product-cont .index-product-list.act{
    display: block;
}
.index-cat-menu {
  margin: 0 0 55px;
}

.index-cat-menu .img-box {
  padding-bottom: 39.65517%;
}

.index-cat-menu ul {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
}

.index-cat-menu .imgshow img {
  width: 100%;
}

.index-cat-menu li {
  width: 20%;
  padding: 0 12px;
  box-sizing: border-box;
}

.index-cat-menu .c-item {
  background-color: #EDEEF0;
  padding: 42px 18px 22px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  height: 100%;
}
.index-cat-menu li.cur .c-item .first-text {
    background-color: #DAB036;
}
.index-cat-menu .c-item:hover .first-text {
  background-color: #DAB036;
}

.index-cat-menu .c-item h3 {
  margin: 0 0 12px;
}

.index-cat-menu .c-item .first-text {
  transition: all 0.4s;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-40%);
  background-color: #1D4D88;
  color: #FFF;
  width: 70px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}

.index-product-list ul {
  margin: 0 -14px;
  display: flex;
  flex-wrap: wrap;
}

.index-product-list .imgshow img {
  width: 100%;
}

.index-product-list li {
  width: 25%;
  padding: 0 14px;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.index-product-list .p-item {
  display: block;
  position: relative;
  /*padding-bottom: 25px;*/
  /*padding-right: 25px;*/
}

.index-product-list .p-item:hover::before {
  background-color: #1D4D88;
}

.index-product-list .p-item:hover:after {
  background-color: #1D4D88;
}

.index-product-list .p-item:hover .text:after {
  background-image: url("../images/arrow-lan.png");
}

/*.index-product-list .p-item::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  height: 90%;*/
/*  background-color: #fff;*/
/*  right: 0;*/
/*  z-index: 1;*/
/*  transition: all 0.4s;*/
/*}*/

/*.index-product-list .p-item:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  height: 30%;*/
/*  background-color: #2D2C2C;*/
/*  right: 0;*/
/*  z-index: 1;*/
/*  transition: all 0.4s;*/
/*}*/

.index-product-list .p-item .p-bg {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  /*padding-left: 25px;*/
}

.index-product-list .p-item h3 {
  font-style: italic;
}

.index-product-list .p-item .text {
  padding: 20px;
  position: relative;
  background-color: #ebeaea;
  transition: all 0.4s;
  display: flex;
  justify-content:space-between;
  align-items: center;
}
.index-product-list .p-item .text .iconfont{
    opacity: 0;
    flex-shrink: 0;
    
}
.index-product-list .p-item:hover .text{
    background-color: #DAB036;
    color: #FFF;
}
.index-product-list .p-item:hover .text .iconfont{
    opacity: 1;
}
/*.index-product-list .p-item .text:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  height: 100%;*/
/*  width: 5vw;*/
/*  background-position: center center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: 100% 100%;*/
/*  background-image: url("../images/arrow-hei.png");*/
/*}*/

.index-product-list .p-item .t-more {
  text-transform: uppercase;
  color: #092D60;
  display: none;
}

.lear-more {
  font-weight: 300;
}

.lear-more.nobor em {
  padding: 0;
  background-color: transparent;
  color: #DAB036;
  text-align: left;
}

.lear-more.nobor em:hover {
  text-decoration: underline;
  background-color: transparent;
}

.lear-more.nobor.c2 em {
  color: #1D4D88;
}

.lear-more:nth-child(1) {
  margin-left: 0;
}

.lear-more em {
  display: inline-block;
  background-color: #DAB036;
  color: #FFF;
  text-transform: uppercase;
  padding: 12px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.4s;
  min-width: 180px;
  text-align: center;
  box-sizing: border-box;
}

.lear-more em:hover {
  background-color: #1D4D88;
}

.lear-more em .iconfont {
  margin-left: 10px;
}

.index-service-grid {
  background-color: #EDEEF0;
  padding-right: calc((100% - var(--page-width))/2);
  position: relative;
  color: #FFF;
  padding-top: 4vw;
  padding-bottom:4vw;
  margin: 6vw 0 0;
}

.index-service-grid .right-fix {
  position: absolute;
  right: 0;
  width: calc((100vw - var(--page-width))/2);
  z-index: 4;
}

.index-service-grid .right-fix dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.index-service-grid .right-fix dl a {
  display: block;
  border-radius: 4px;
  width: 4vw;
  height: 4vw;
  background-color: #1D4D88;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.index-service-grid .right-fix dl a img {
  max-width: 1.8vw;
  max-height: 2vw;
}

.index-service-grid .right-fix dl dd {
  margin: 18px 0;
}

.index-service-grid .right-fix dl dd.cur a, .index-service-grid .right-fix dl dd:hover a {
  background-color: #DAB036;
}

.index-service-grid .lear-more {
  margin-top: 20px;
}

.index-service-grid .img-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 18vw;
}

.index-service-grid .img-bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(22, 22, 22, 0.93);
}

.index-service-grid .img-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-service-grid .service-cont {
  display: flex;
  position: relative;
  z-index: 2;
}

.index-service-grid .index-title {
  margin-bottom: 2.5vwpx;
}

.index-service-grid .service-left {
  width: 62%;
  flex-shrink: 0;
}

.index-service-grid .service-left .serive-swiper {
  margin-left: calc((100vw - var(--page-width))/2);
}

.index-service-grid .service-left .s-left-tt {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.index-service-grid .service-left .s-left-tt .icon {
  margin-right: 1.5vw;
}

.index-service-grid .service-left .s-left-tt .icon img {
  width: 79px;
  height: 79px;
  object-fit: cover;
}

.index-service-grid .service-left .s-left-tt .t-t {
  line-height: 1;
}

.index-service-grid .service-left .s-left-tt .t-t h5 {
  margin-top: 8px;
  color: #DAB036;
}

.index-service-grid .service-left .text-p p {
  margin-bottom: 8px;
}

.index-service-grid .service-right {
  margin-left: 33px;
  width:calc(28% - 33px);
}

.index-service-grid .serivce-page {
  background-color: #DAB036;
  color: #FFF;
  margin: 2vw 0 0;
  border-radius: 0 72px 72px 0;
  padding: 16px 2.5vw 16px 0;
  padding-left: calc((100vw - var(--page-width))/2);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index-service-grid .serivce-page .ser-tel a:hover {
  text-decoration: underline;
}

.index-service-grid .serivce-page a {
  color: #FFF;
}

.index-service-grid .serivce-page .page-btns {
  position: relative;
  display: flex;
  align-items: center;
}

.index-service-grid .serivce-page .page-btns .page-num {
  display: flex;
  align-items: center;
  margin: 0 1vw;
}

.index-service-grid .serivce-page .page-btns .page-num em {
  font-size: 2.5vw;
  font-style: italic;
  padding: 0 0.5vw;
}

.index-service-grid .serivce-page .page-btns .page-num span {
  margin: 0 6px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FFF;
  opacity: 0.6;
}

.index-service-grid .serivce-page .page-btns .page-num span:nth-of-type(1), .index-service-grid .serivce-page .page-btns .page-num span:nth-of-type(4) {
  transform: scale(0.6);
}

.index-service-grid .serivce-page .page-btns .swiper-button-next,
.index-service-grid .serivce-page .page-btns .swiper-button-prev {
  left: 0;
  right: 0;
  position: relative;
  top: 0;
  margin: 0;
  width: 88px;
  height: 34px;
  border-radius: 50px;
  background-color: #FFF;
}

.index-service-grid .serivce-page .page-btns .swiper-button-next:hover,
.index-service-grid .serivce-page .page-btns .swiper-button-prev:hover {
  background-color: #1D4D88;
}

.index-service-grid .serivce-page .page-btns .swiper-button-next:hover .iconfont,
.index-service-grid .serivce-page .page-btns .swiper-button-prev:hover .iconfont {
  color: #FFF;
}

.index-service-grid .serivce-page .page-btns .swiper-button-next .iconfont,
.index-service-grid .serivce-page .page-btns .swiper-button-prev .iconfont {
  font-size: 30px;
  color: #1D4D88;
}

.index-service-grid .serivce-page .page-btns .swiper-button-next:after,
.index-service-grid .serivce-page .page-btns .swiper-button-prev:after {
  display: none;
}

.index-adv-grid .index-title {
  margin: 6vw 0 40px;
}

.adv-list ul {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
}

.adv-list .imgshow img {
  width: 100%;
}

.adv-list li {
  width: 18%;
  padding: 0 12px;
  box-sizing: border-box;
}

.adv-list li {
  transition: all 0.4s;
}

.adv-list li.cur {
  width: 28%;
}

.adv-list li.cur .text {
  opacity: 0;
  visibility: hidden;
}

.adv-list li.cur .h-text {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}

.adv-list .a-item {
  position: relative;
  height: 100%;
  color: #FFF;
  overflow: hidden;
}

.adv-list .a-item .imgshow {
  height: 24vw;
}

.adv-list .a-item .imgshow img {
  height: 100%;
  object-fit: cover;
}

.adv-list .a-item .icon {
  display: inline-block;
  margin: 0 0 8px;
}

.adv-list .a-item .icon img {
  width: 45px;
  height: 45px;
  object-fit: cover;
}

.adv-list .a-item .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  padding: 0 5px 20px;
}

.adv-list .a-item .h-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(218, 176, 54, 0.83);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  padding: 40px;
  text-align: center;
}

.adv-list .a-item .h-text h3 {
  margin: 0 0 20px;
}

.index-about-grid {
  padding: 6vw 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 6vw 0;
}

.index-about-grid .about-cont {
  display: flex;
  color: #FFF;
}

.index-about-grid .about-cont .imgshow {
  width: 46%;
}

.index-about-grid .about-cont .imgshow .img-box {
  padding-bottom: 91.38756%;
}

.index-about-grid .about-cont .text {
  width: 54%;
  padding-left: 5vw;
  box-sizing: border-box;
}

.index-about-grid .about-cont .lear-more {
  margin: 30px 0 0;
}

.about-num-list {
  margin: 20px 0 0;
}

.about-num-list dl {
  display: flex;
  margin: 0 -18px;
}

.about-num-list dl dd {
  box-sizing: border-box;
  width: 33.33%;
  padding: 0 18px;
}

.about-num-list .n-item {
  background-color: #DAB036;
  border-radius: 4px;
  padding: 1vw 1.2vw;
  color: #FFF;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
}

.about-num-list .n-item:hover {
  background-color: #FFF;
  color: #1D4D88;
}

.about-num-list .n-item .n-t {
  display: flex;
  align-items: center;
  line-height: 1;
  margin: 0 0 8px;
}

.about-num-list .n-item .n-t img {
  width: 26px;
  height: 27px;
  object-fit: cover;
  margin-right: 8px;
}
.about-num-list .n-item .n-t img.h-img{
    display: none;
}
.about-num-list .n-item:hover .n-t img.h-img{
    display: inline-block;
}
.about-num-list .n-item:hover .n-t img.d-img{
    display: none;
}
.about-title {
  display: flex;
  align-items: center;
  color: #FFF;
  margin: 22px 0 12px;
}

.about-title span {
  height: 10px;
  width: 100%;
  background-size: auto 9px;
  background-repeat: no-repeat;
}

.about-title h3 {
  flex-shrink: 0;
  margin-right: 16px;
}

.about-title .b2 {
  background-image: url("../images/t-b2.png");
  background-position: 0% 50%;
}

.tabbtns .lear-more {
  margin-left: 12px;
}

.tabbtns .lear-more em {
  background-color: #1D4D88;
}

.tabbtns .lear-more em:hover {
  background-color: #DAB036;
}

.tabbtns .lear-more.cur em {
  background-color: #DAB036;
}
.index-news-grid .tab-item{
    display: none;
}
.index-news-grid .tab-item:nth-of-type(1){
    display: block;
}
.index-news-grid .index-title {
  margin: 0 0 26px;
}

.index-news-grid .news-cont {
  display: flex;
}

.index-news-grid .news-cont .news-left {
  width: 41%;
  background-color: #EDEEF0;
  flex-shrink: 0;
}

.index-news-grid .news-cont .news-left .img-box {
  padding-bottom: 56.97674%;
}

.index-news-grid .news-cont .news-left .imgshow {
  position: relative;
}

.index-news-grid .news-cont .news-left .imgshow .date {
  padding: 8px 25px;
  color: #FFF;
  background-color: #DAB036;
  position: absolute;
  left: 0;
  bottom: 0;
}

.index-news-grid .news-cont .news-left .text {
  padding: 18px;
}

.index-news-grid .news-cont .news-left .text-p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.index-news-grid .news-cont .news-left h3 {
  border-bottom: 1px solid #E1E1E1;
  padding: 0 0 12px;
  margin: 0 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-news-grid .news-cont .news-left .lear-more {
  margin: 16px 0 0;
}

.index-news-list li {
  margin-bottom: 32px;
}

.index-news-list li:nth-last-child(1) {
  margin-bottom: 0;
}

.index-news-list .n-item {
  display: flex;
  color: #121212;
  align-items: center;
  transition: all 0.4s;
}

.index-news-list .n-item:hover {
  color: #DAB036;
}

.index-news-list .n-item h3 {
  margin-bottom: 12px;
}

.index-news-list .n-item p {
  color: #2D2C2C;
}

.index-news-list .n-item .text {
  padding-left: 28px;
}

.index-news-list .date {
  padding: 20px 1.8vw;
  flex-shrink: 0;
  color: #C8C8C8;
  line-height: 1;
  text-align: right;
  border-right: 1px solid #EFEFEF;
}

.index-news-list .date em {
  line-height: 1.5;
  display: block;
}

.index-word-grid {
  background-color: #EDEEF0;
  margin: 5vw 0 0;
  padding: 1px 0 60px;
}

.index-word-grid .index-title {
  margin: 3vw 0 0;
}

.index-word-grid .imgshow {
  position: relative;
}

.index-word-grid .imgshow img {
  width: 100%;
}
@keyframes breathe {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2); /* 扩大到1.5倍 */
        opacity: 1; /* 变得透明 */
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.index-word-grid .imgshow .dot {
  position: absolute;
  z-index: 2;
  /*background-color: #DAB036;*/
  padding: 7px 18px;
  border-radius: 4px 0 0 4px;
  animation: breathe 2.5s infinite; /* 呼吸动画 */
  
}
.index-word-grid .imgshow .dot:hover{
   background-color: #DAB036; 
   cursor: pointer;
}
.index-word-grid .imgshow .dot:hover span{
    opacity: 1;
    visibility: visible;
}
.index-word-grid .imgshow .dot i {
  display: block;
  width: 16px;
  height: 22px;
  background: url("../images/add.png") no-repeat center;
}

.index-word-grid .imgshow .dot span {
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  background-color: #DAB036;
  color: #FFF;
  display: flex;
  align-items: center;
  border-radius: 0 4px 4px 0;
  padding-right: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
}

.index-word-grid .imgshow .dot1 {
  left: 11%;
  top: 26%;
}

.index-word-grid .imgshow .dot2 {
  left: 14%;
  top: 36%;
}

.index-word-grid .imgshow .dot3 {
  left: 31%;
  top: 66%;
}

.index-word-grid .imgshow .dot4 {
  left: 53%;
  top: 36%;
}

.index-word-grid .imgshow .dot5 {
  left: 53%;
  top: 56%;
}

.index-word-grid .imgshow .dot6 {
  left: 68%;
  top: 23%;
}

.index-word-grid .imgshow .dot7 {
  left: 72%;
  top: 43%;
}

.index-word-grid .imgshow .dot8 {
  left: 80%;
  top: 77%;
}

.inner-banner {
  position: relative;
}

.inner-banner .img-box {
  padding-bottom: 16.66667%;
}

.inner-banner .banner-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.4);
}

.inner-banner .banner-text .m-width-content {
  width: 100%;
}

.product-title {
  border-bottom: 4px solid #1D4D88;
  margin: 30px 0 55px;
  position: relative;
  z-index: 22;
}

.product-title .p-cont {
  display: flex;
  align-items: center;
}

.product-title .p-tabitem {
  flex: 1;
  display: flex;
  align-items: center;
  /*justify-content: space-around;*/
  overflow-x: auto;
}

.product-title .p-tabitem a {
  padding: 20px 25px;
  display: block;
  color: #2D2C2C;
  white-space: nowrap;
}
.product-title .p-tabitem a.act{
    color: #1D4D88;
}
.product-title .p-tmenu {
  width: 26%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 14px 36px 14px 12px;
  line-height: 1;
  justify-content: space-between;
  background-color: #1D4D88;
  color: #FFF;
  position: relative;
  z-index: 2;
}

.product-title .p-tmenu .iconfont {
  font-size: 28px;
}

.product-title .p-tmenu:hover .menu-hover-box {
  opacity: 1;
  visibility: visible;
  display: block;
}

.product-title .p-tmenu .menu-hover-box {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  display:none;
}

.product-title .p-tmenu .menu-hover-box dl {
  background: #FFFFFF;
  box-shadow: 0px 10px 10px 1px rgba(0, 0, 0, 0.1);
}

.product-title .p-tmenu .menu-hover-box dd {
  padding: 0 14px;
  /*position: relative;*/
}

.product-title .p-tmenu .menu-hover-box dd:nth-last-child(1) a {
  border-bottom: none;
}

.product-title .p-tmenu .menu-hover-box dd:hover > dl {
  opacity: 1;
  visibility: visible;
}

.product-title .p-tmenu .menu-hover-box dd dl {
  position: absolute;
  left: 100%;
  width: 20vw;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  height: 100%;
}
.product-title .p-tmenu .menu-hover-box .soll-y{
  height: 100%;
  overflow-y: auto;
}
.product-title .p-tmenu .menu-hover-box a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid #ECECEC;
}

.product-title .p-tmenu .menu-hover-box a:hover {
  color: #DAB036;
}

.product-title .p-tmenu .menu-hover-box a:hover .icon {
  border-color: transparent transparent transparent #DAB036;
}

.product-title .p-tmenu .menu-hover-box a .icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #999999;
}

.content-product {
  display: flex;
}

.content-product .content-left {
  width: 28%;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  flex-shrink: 0;
  height: 100%;
}

.content-product .content-right {
  width: 72%;
  flex-shrink: 0;
}

.marleft20 {
  margin-left: 20px;
}

.product-filter .f-tt {
  background-color: #EDEEF0;
  padding: 10px 16px;
  color: #000;
}

.product-filter .filter-block {
  padding: 20px 0;
  margin: 0 16px;
  border-bottom: 1px dotted #D8D8D8;
}

.product-filter .filter-block .filter-item {
  padding: 0 20px;
 
}
.product-filter .filter-block .filter-item h5{
  position: relative;
  padding-right: 30px;
}
.product-filter .filter-block .filter-item .icon-s-down{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product-filter .filter-block .filter-item.showall .item-child {
  display: block;
}

.product-filter .filter-block .filter-item .item-child {
  display: none;
  overflow: hidden;
  transition: height 0.3s ease-out;
}

.product-filter .filter-block .filter-item h5 .iconfont {
  margin-right: 10px;
}

.product-filter .filter-block .filter-item ul {
  margin-top: 8px;
}

.product-filter .filter-block .filter-item h6 {
  margin-bottom: 4px;
  color: #2D2C2C;
  margin-top: 12px;
}

.product-filter .filter-block .filter-item a {
  display: block;
  color: #4C4C4C;
  font-size: 16px;
}

.product-filter .filter-block .filter-item li {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background-color: #F6F6F6;
  margin-bottom: 4px;
}

.product-filter .filter-block .filter-item li.active a {
  color: #DAB036;
}

.product-filter .filter-block .filter-item li.active .icon {
  border-color: #DAB036;
}

.product-filter .filter-block .filter-item li.active .icon:after {
  opacity: 1;
}

.product-filter .filter-block .filter-item li .icon {
  margin-right: 10px;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: 1px solid #B4B4B4;
  border-radius: 2px;
  position: relative;
}

.product-filter .filter-block .filter-item li .icon:after {
  width: 9px;
  height: 7px;
  background: url("../images/dui.png") no-repeat center center;
  background-size: cover;
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  opacity: 0;
}

.active .f-more .f-gengduo {
  display: none;
}

.active .f-more .f-less {
  display: flex;
}

.f-more {
  cursor: pointer;
}

.f-more .f-con {
  display: flex;
  align-items: center;
  color: #1D4D88;
}

.f-more .f-less {
  display: none;
}

.f-more .f-less i {
  position: relative;
  display: inline-block;
  transform: rotate(180deg);
}

.product-catinfo {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 30px;
}

.product-catinfo .info-cont {
  background: linear-gradient(92deg, #1D4D88 0%, rgba(245, 245, 245, 0) 100%);
  padding: 2.5vw;
  color: #FFF;
}

.product-catinfo .info-cont .catinfo-title {
  margin: 0 0 15px;
}
.product-catinfo .info-cont .text{
    height:100px;
    line-height:20px;
    overflow-y: auto;
}
/* 整个滚动条 */
.product-catinfo .info-cont .text::-webkit-scrollbar {
    width: 6px; /* 设置滚动条的宽度 */
}

/* 滚动条的轨道 */
.product-catinfo .info-cont .text::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道背景颜色 */
    border-radius: 10px; /* 圆角 */
}

/* 滚动条的滑块 */
.product-catinfo .info-cont .text::-webkit-scrollbar-thumb {
    background: #888; /* 滑块颜色 */
    border-radius: 3px; /* 圆角 */
}

/* 滑块在悬停时的样式 */
.product-catinfo .info-cont .text::-webkit-scrollbar-thumb:hover {
    background: #555; /* 悬停时的颜色 */
}
.filter-result {
  border-radius: 4px;
  background-color: #1D4D88;
  padding: 20px 24px;
  color: #FFF;
}

.filter-result .result-title {
  position: relative;
  margin: 0 0 10px;
}

.filter-result .result-title .slot-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.filter-result .result-title .reset {
  border-radius: 50px;
  border: 1px solid #FFF;
  color: #FFF;
  padding: 3px 15px;
  line-height: 1;
  transition: all 0.4s;
}

.filter-result .result-title .reset .iconfont {
  margin-right: 15px;
  display: inline-block;
}

.filter-result .result-title .reset:hover {
  color: #DAB036;
  background-color: #FFF;
}

.filter-result .result-list dl {
  display: flex;
  flex-wrap: wrap;
}

.filter-result .result-list dd {
  margin-right: 24px;
  margin-bottom: 5px;
}

.filter-result .result-list dd a {
  display: block;
  background-color: #FFF;
  border-radius: 50px;
  padding: 3px 15px;
  transition: all 0.4s;
  cursor: pointer;
  color: #8A8A8A;
}

.filter-result .result-list dd a:hover {
  color: #DAB036;
  background-color: #FFF;
}

.filter-result .result-list dd a .iconfont {
  margin-right: 15px;
  display: inline-block;
}

.procat-title {
  position: relative;
  border-bottom: 4px solid #1D4D88;
  padding: 16px 0;
  margin: 8px 0 20px;
}

.procat-title .slot-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.procat-title .p-search {
  background-color: #EDEEF0;
  width: 23vw;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.procat-title .p-search button {
  position: absolute;
  border: none;
  background: transparent;
  right: 0;
  top: 0;
  width: 4vw;
  text-align: center;
  height: 100%;
}

.procat-title .p-search button .iconfont {
  font-size: 24px;
  color: #1D4D88;
}

.procat-title .p-search input {
  height: 40px;
  background-color: transparent;
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0 26px;
}

.procat-title .p-search input::placeholder {
  color: #929292;
}

.cat-tbns {
  display: flex;
  margin: 0 0 14px;
}

.cat-tbns a {
  display: inline-block;
  background-color: #DAB036;
  color: #FFF;
  border-radius: 4px;
  padding: 6px 20px;
  min-width: 215px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.all-product-list .procat-list {
  margin-bottom: 20px;
  border-bottom: 1px solid #D8D8D8;
  padding-left: 20px;
}

.all-product-list .procat-list ul {
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}

.all-product-list .procat-list .imgshow img {
  width: 100%;
}

.all-product-list .procat-list li {
  width: 16.66%;
  padding: 0 8px;
  box-sizing: border-box;
}

.all-product-list .procat-list .img-box {
  padding-bottom: 100%;
}

.all-product-list .procat-list:nth-last-of-type(1) {
  border-bottom: none;
}

.all-product-list .procat-list li {
  margin-bottom: 20px;
}

.all-product-list .procat-list .p-item {
  display: block;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  /*padding: 28px 20px 20px;*/
  color: #2D2C2C;
  text-align: center;
  transition: all 0.4s;
  box-sizing: border-box;
    height: 100%;
}

.all-product-list .procat-list .p-item:hover {
  transform: translateY(-2px);
}

.all-product-list .procat-list .p-item .imgshow {
  /*margin-bottom: 28px;*/
  background:#ECECEC;
  border-bottom:1px solid #E5E5E5;
}

.all-product-list .procat-list .p-item h3 {
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  font-size: 14px;
  padding:5px 10px;
}

.related-swiper {
  position: relative;
}

.related-swiper .img-box {
  padding-bottom: 63.63636%;
}

.related-swiper .swiper-slide {
  padding: 10px;
  box-sizing: border-box;
}

.related-swiper .n-item {
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

.related-swiper .text {
  padding: 14px;
  color: #2D2C2C;
}

.related-swiper .text h3 {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 8px;
  margin-bottom: 8px;
  color: #121212;
}

.related-swiper .lear-more {
  margin-top: 12px;
}

.related-swiper .r-page {
  position: relative;
  margin: 35px 0 60px;
  height: 10px;
}

.related-swiper .r-page .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #E4E4E4;
  opacity: 1;
  margin: 0 7px;
}

.related-swiper .r-page .swiper-pagination-bullet-active {
  background-color: #1D4D88;
}

.related-swiper .r-page .swiper-pagination {
  bottom: 0;
}

.message-box {
  background: url("../images/con-bg.png") no-repeat 50% 50%;
  background-size: cover;
  padding: 60px 10%;
  margin: 0 0 6vw;
  position: relative;
}

.message-box.b2 {
  background: url("../images/newsmsg-bg.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 0;
}

.message-box.b2:after {
  background: rgba(246, 246, 246, 0.58);
}

.message-box.b2 .usedComp input,
.message-box.b2 .usedComp textarea {
  border: 1px solid #999999;
}

.message-box.b3 {
  background: none;
}

.message-box.b3:after {
  display: none;
}

.message-box.b3 .xhl-control-label {
  color: #000000;
}

.message-box.b3 .usedComp input,
.message-box.b3 .usedComp textarea {
  border: 1px solid #999999;
}

.message-box .msg-grid {
  position: relative;
  z-index: 4;
}

.message-box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(29, 77, 136, 0.6);
  z-index: 1;
}

.message-box .usedComp {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 12px;
  float: left;
}

.message-box .usedComp:nth-child(2n) {
  margin-right: 0;
}

.message-box .usedComp:nth-child(5),.message-box .usedComp:nth-child(7), .message-box .usedComp:nth-child(8) {
  width: 100%;
  margin-right: 0;
}

.message-box .usedComp:nth-child(8) {
  margin-bottom: 50px;
}

.message-box .usedComp input {
  border-radius: 4px;
  height: 50px;
  background: #FFF;
  border: none;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.message-box .usedComp textarea {
  border-radius: 4px;
  background: #FFF;
  border: none;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  height: 110px;
}

.message-box .xhl-control-label {
  color: #FFF;
  font-size: 14px;
  line-height: 2;
}

.message-box #xhlFormSubmit {
  background-color: #DAB036;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  width: 174px;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  position: relative;
  color: #FFF;
  text-align: center;
  transition: all 0.3s;
  margin: 0px auto 0;
}

.message-box #xhlFormSubmit:hover {
  transform: translateY(-5px);
}

.msg-title {
  text-align: center;
  color: #FFF;
}

.procat-three-list li {
  margin-bottom: 20px;
}

.procat-three-list .p-item {
  display: flex;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 15px 20px;
}

.procat-three-list .p-item:hover .p-right a {
  color: #000000;
}

.procat-three-list .p-item .p-left {
  flex: 1;
  display: flex;
  align-items: center;
  color: #2D2C2C;
}

.procat-three-list .p-item .p-right {
  border-left: 1px solid #D5D5D5;
  padding: 0 20px 0 40px;
  display: flex;
  align-items: center;
  color: #AFAFAF;
}

.procat-three-list .p-item .p-right a {
  color: #AFAFAF;
}

.procat-three-list .p-item .img-box {
  padding-bottom: 100%;
}

.procat-three-list .p-item .imgshow {
  width: 6vw;
  border: 1px solid #E5E5E5;
  height: 6vw;
  box-sizing: border-box;
  padding: 5px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.procat-three-list .p-item .imgshow .img-pic {
  width: 100%;
}

.table-total {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin: 0 0 20px;
}

.table-total p {
  color: #999999;
}

.table-total .t-sort {
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #C7C4C4;
  line-height: 1;
  color: #00012F;
  padding: 8px 20px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  margin-left: 12px;
}

.table-total .t-sort .iconfont {
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 12px;
}

.table-box {
  background-color: #F6F6F6;
  padding: 12px 12px 0;
}

.table-box .t-inline {
  display: flex;
}

.table-box .t-inline > div {
  flex: 1;
  padding: 8px;
  box-sizing: border-box;
}

.table-box .t-inline > div:nth-child(1), .table-box .t-inline > div:nth-child(2) {
  flex: initial;
  width: 12%;
}

.table-box .t-inline .icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #999999 transparent transparent transparent;
  margin-left: 5px;
  display: inline-block;
}

.table-box .t-inline .t-cen {
  text-align: center;
}

.table-box .t-inline .t-item {
  position: relative;
  cursor: pointer;
}

.table-box .t-inline .t-item:hover .menu-child {
  opacity: 1;
  visibility: visible;
}

.table-box .t-inline .menu-child {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #FFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  padding: 5px 14px;
  z-index: 2;
  font-size: 14px;
  min-width: 100%;
  box-sizing: border-box;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.table-box .t-inline .menu-child dd {
  padding: 5px 0;
}

.table-box .t-inline .menu-child a {
  font-weight: 400;
}

.table-box .t-inline .menu-child a:hover {
  color: #1D4D88;
  text-decoration: underline;
}

.table-box .hassort {
  display: flex;
  align-items: center;
}

.table-box .t-header {
  border-bottom: 2px solid #E2E2E2;
}

.table-box .t-body .t-inline {
  border-bottom: 1px solid #E2E2E2;
  position: relative;
}

.table-box .t-body .t-inline:nth-last-of-type(1) {
  border-bottom: none;
}

.table-box .t-body .t-inline:hover .h-table-box {
  opacity: 1;
  visibility: visible;
}
.table-box .t-body > .t-inline:hover > .t-item{
    background: #ccc;
}
.table-box .t-body > .t-inline:hover .t-item:nth-of-type(1){
    color: #1D4D88;
}
.table-box .t-body .t-inline .h-table-box {
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  z-index: 2;
  padding: 0;
  color: #1E2020;
}

.table-box .t-body .t-link {
  border: 1px solid #DAB036;
  border-radius: 50px;
  color: #1E2020;
  line-height: 1;
  padding: 4px 7px;
  display: inline-block;
  transition: all 0.4s;
}

.table-box .t-body .t-link:hover {
  background-color: #DAB036;
  color: #FFF;
}

.table-box .t-body .icon {
  border-color: #DAB036 transparent transparent transparent;
}

.prodis-cont {
  display: flex;
  align-items: center;
}

.prodis-cont .prodis-swiper {
  width: 50%;
  position: relative;
  padding-left: 130px;
  box-sizing: border-box;
}

.prodis-cont .prodis-swiper .img-box {
  padding-bottom: 46.04052%;
}

.prodis-cont .prodis-swiper .right-swiper {
  border: 1px solid #E5E5E5;
  padding: 6.5VW 10px;
  border-radius: 4px;
}

.prodis-cont .prodis-swiper .left-swiper {
  left: 0;
  width: 116px;
  height: 100%;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding-bottom: 45px;
}

.prodis-cont .prodis-swiper .left-swiper .swiper-page {
  height: 30px;
  background-color: #DAB036;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

.prodis-cont .prodis-swiper .left-swiper .swiper-page .icon {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5.5px 0 5.5px;
  border-color: #fff transparent transparent transparent;
}

.prodis-cont .prodis-swiper .left-swiper .swiper-slide {
  box-sizing: border-box;
  border: 1px solid #E5E5E5;
  height: 100%;
  overflow: hidden;
  border-radius: 4PX;
  display: flex;
  align-items: center;
}

.prodis-cont .prodis-swiper .left-swiper .swiper-container {
  height: 100%;
}

.prodis-cont .prodis-swiper .left-swiper .p-item {
  background-color: #FFF;
  width: 100%;
}

.prodis-cont .prodis-swiper .left-swiper .swiper-slide-thumb-active {
  border-color: #1D4D88;
}

.prodis-cont .prodis-text {
  width: 50%;
  box-sizing: border-box;
  padding-left: 3vw;
}

.prodis-cont .prodis-text h4 {
  padding: 12px 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #121212;
}

.prodis-cont .prodis-text .p-subt {
  color: #2A2A2A;
  padding-bottom: 10px;
}

.prodis-cont .prodis-text .p-shares {
  border-bottom: 1px solid #D9D9D9;
  padding: 12px 0;
  display: flex;
  align-items: center;
}

.prodis-cont .prodis-text .p-shares label {
  color: #000000;
  margin-right: 22px;
}

.prodis-cont .prodis-text .p-shares a {
  margin-left: 8px;
}

.prodis-cont .prodis-text .p-text h5 {
  margin: 12px 0;
}

.prodis-cont .prodis-text .p-text p {
  color: #2D2C2C;
}

.prodis-cont .p-btns {
  margin: 2.5vw 0;
}

.prodis-cont .p-btns .more-btn {
  display: flex;
  flex-wrap: wrap;
}

.prodis-cont .p-btns a {
  display: inline-block;
  margin-right:10px;
  margin-bottom:10px;
  background-color: #DAB036;
  color: #FFF;
  border-radius: 4px;
  padding: 12px 24px;
  box-sizing: border-box;
  min-width: 152px;
  text-align: center;
}

.prodis-tabswiper {
  position: relative;
  padding: 0 30px;
  margin: 95px 0 25px;
}

.prodis-tabswiper a {
  display: block;
  background-color: #f6f6f6;
  border-radius: 4px;
  color: #000000;
  padding: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.prodis-tabswiper .swiper-slide.swiper-slide-thumb-active a {
  background-color: #1D4D88;
  color: #FFF;
}

.prodis-tabswiper .swiper-button-next:after,
.prodis-tabswiper .swiper-button-prev:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 10px 5.5px 0;
  border-color: transparent #999 transparent transparent;
}

.prodis-tabswiper .swiper-button-prev {
  left: 0;
}

.prodis-tabswiper .swiper-button-next {
  right: 0;
}

.prodis-tabswiper .swiper-button-next:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 10px;
  border-color: transparent transparent transparent #999;
}

.tabdetail-swiper .detail-table table {
  width: 100%;
  border: 1px solid #D5D5D5;
}

.tabdetail-swiper .detail-table table td {
  padding: 10px 26px;
  color: #888888;
}

.tabdetail-swiper .detail-table table td:nth-child(1) {
  color: #000;
  width: 40%;
}

.tabdetail-swiper .detail-table table tr:nth-child(2n) {
  background-color: #F6F6F6;
}

.prodis-descr-title {
  color: #121212;
  margin: 4.5vw 0 30px;
}
.img-dis-auto img{
    width:100%;
    height:auto;
}
.prodis-descr-title h6 {
  display: inline-block;
  border-bottom: 4px solid #1D4D88;
  padding-bottom: 3px;
}

.prodis-descr-block .text {
  color: #707070;
}

.msgnews-title {
  text-align: center;
  color: #1A1A1A;
  position: relative;
}

.msgnews-title .slot-right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.msgnews-title.cw {
  color: #D2D2D2;
}

.msgnews-title.cw h2 {
  color: #fff;
}

.msgnews-title.t-left {
  text-align: left;
}

.msgnews-title.t-left .sub-tt h5 {
  padding-left: 0;
}

.msgnews-title h3 {
  text-transform: capitalize;
}

.msgnews-title .sub-tt {
  display: flex;
  align-items: center;
}

.msgnews-title .sub-tt h5 {
  flex-shrink: 0;
  padding: 0 18px;
  width: 60%;
  color: #515151;
}

.msgnews-title .sub-tt span {
  height: 10px;
  width: 100%;
  background-size: auto 9px;
  background-repeat: no-repeat;
}

.msgnews-title .sub-tt .b1 {
  background-image: url("../images/t-b1.png");
  background-position: 100% 50%;
}

.msgnews-title .sub-tt .b2 {
  background-image: url("../images/t-b2.png");
  background-position: 0% 50%;
}

.content-inquiry .index-title {
  margin: 5vw 0 32px;
}

.inquiry-catlist {
  margin: 0 0 5vw;
}

.inquiry-catlist .img-box {
  padding-bottom: 55.95745%;
}

.inquiry-catlist ul {
  margin: 0 -7px;
  display: flex;
  flex-wrap: wrap;
}

.inquiry-catlist .imgshow img {
  width: 100%;
}

.inquiry-catlist li {
  width: 33.33%;
  padding: 0 7px;
  box-sizing: border-box;
}

.inquiry-catlist .c-item {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}

.inquiry-catlist .c-item .text {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.42);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFF;
  align-items: center;
}

.inquiry-catlist .c-item .text .t-tbns {
  border: 1px solid #FFF;
  padding: 7px 20px;
  margin: 20px 0 0;
  transition: all 0.4s;
}

.inquiry-catlist .c-item .text .t-tbns:hover {
  background-color: #1D4D88;
  color: #FFF;
  border-color: #1D4D88;
}

.inquiry-catlist .c-item .text .t-tbns .iconfont {
  margin-left: 8px;
}

.selected .selecticon {
  border-color: #DAB036;
}

.selected .selecticon:after {
  opacity: 1;
}

.selecticon {
  margin-right: 10px;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: 1px solid #B4B4B4;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.selecticon:after {
  width: 9px;
  height: 7px;
  background: url("../images/dui.png") no-repeat center center;
  background-size: cover;
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  opacity: 0;
}

.inquiry-table .inquiry-table-header {
  background-color: #EDEEF0;
  border-radius: 4px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.inquiry-table .t-line {
  display: flex;
  align-items: center;
}

.inquiry-table .t-line .t-item {
  width: 30%;
  text-align: center;
}

.inquiry-table .t-line .t-item:nth-child(1) {
  width: 50%;
  text-align: left;
}

.inquiry-table .t-line .t-item:nth-child(3) {
  width: 20%;
}

.inquiry-table .t-item {
  padding: 20px 24px;
}

.inquiry-table .t-select {
  display: flex;
  align-items: center;
}

.inquiry-table .t-select .t-name {
  padding-left: 7vw;
}

.inquiry-table .inquiry-table-body .selecticon {
  margin-right: 4vw;
}

.inquiry-table .inquiry-table-body .t-line {
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  margin-bottom: 20px;
}

.inquiry-table .t-good {
  display: flex;
  align-items: center;
}

.inquiry-table .t-good h3 {
  margin-bottom: 8px;
}

.inquiry-table .t-good .imgshow {
  margin-right: 20px;
  display: flex;
  align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  padding: 5px;
}

.inquiry-table .t-good .imgshow .img-box {
  padding-bottom: 46.60194%;
}

.inquiry-table .t-good .imgshow .img-cen {
  width: 100%;
}

.inquiry-table .t-good p {
  color: #2D2C2C;
}

.inquiry-table .layui-form {
  width: 140px;
  margin: 0 auto;
  box-sizing: border-box;
}

.inquiry-table .layui-form .layui-input-wrap {
  padding: 0 30px;
}

.inquiry-table .layui-input-wrap .layui-input {
  padding: 0;
  text-align: center;
}

.inquiry-table .layui-input-split,
.inquiry-table .layui-input-suffix {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border: none;
}

.inquiry-table .layui-input-wrap .layui-input-number .layui-icon {
  border: none;
  width: 20px;
  position: relative;
  line-height: 1;
}

.inquiry-table .layui-input-wrap .layui-input-number .layui-icon:before {
  font-size: 30px;
  margin-top: 0;
  margin-left: 0;
  transform: translate(-50%, -50%);
  color: #8B8B8B;
}

.inquiry-table .layui-input-wrap .layui-input-number {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}

.inquiry-table .layui-input-wrap .layui-input-number .layui-icon-up:before {
  content: '+';
}

.inquiry-table .layui-input-wrap .layui-input-number .layui-icon-down:before {
  content: '-';
}

.inquiry-table .t-actions a {
  color: #2D2C2C;
  text-transform: capitalize;
}

.inquiry-catr-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  color: #000000;
  padding-left: 24px;
  margin-bottom: 5vw;
}

.inquiry-catr-box .t-select {
  display: flex;
  align-items: center;
}

.inquiry-catr-box .t-select span {
  margin-right: 50px;
}

.inquiry-catr-box .t-select i {
  padding: 0 18px;
  color: #D6D6D6;
}

.inquiry-catr-box .t-btns {
  display: flex;
  align-items: center;
}

.inquiry-catr-box .t-btns .t-total {
  text-transform: capitalize;
}

.inquiry-catr-box .t-btns .t-total em {
  color: #DAB036;
}

.inquiry-catr-box .t-btns .cart-submit {
  margin-left: 20px;
  padding: 20px 24px;
  background-color: #DAB036;
  color: #FFF;
  cursor: pointer;
}

.inquiry-catr-box .t-btns .cart-submit .iconfont {
  font-size: 18px;
  line-height: 1;
}

.hot-prolist {
  margin: 0 0 5vw;
}

.hot-prolist .index-title {
  margin: 5vw 0 30px;
}

.hot-prolist .index-product-list ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

.hot-prolist .index-product-list .imgshow img {
  width: 100%;
}

.hot-prolist .index-product-list li {
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

.hot-prolist .index-product-list .p-item .p-bg {
  padding-left: 18px;
}

.hot-prolist .index-product-list .p-item {
  padding-bottom: 18px;
  padding-right: 18px;
}

.hot-prolist .index-product-list .p-item .t-more {
  font-size: 12px;
}

.hot-prolist .index-product-list .p-item .text {
  padding: 16px 0;
}

.content-news {
  display: flex;
  margin: 6vw 0 3.5vw;
}

.content-news .content-left {
  width: 28%;
  box-sizing: border-box;
  flex-shrink: 0;
  height: 100%;
}

.content-news .content-right {
  flex: 1;
  margin-left: 45px;
}

.news-lef-menu {
  border: 1px solid #E5E5E5;
  border-radius: 0 0 4px 4px;
  margin-bottom: 30px;
}

.news-lef-menu .n-t {
  background-color: #1D4D88;
  color: #FFF;
  padding: 20px 14px;
}

.news-lef-menu ul {
  padding: 0 16px;
}

.news-lef-menu ul a {
  padding: 14px 0;
  border-bottom: 1px dotted #D8D8D8;
  text-transform: capitalize;
  transition: all 0.4s;
  display: flex;
  align-items: center;
}

.news-lef-menu ul a:hover {
  color: #1D4D88;
}

.news-lef-menu ul a .icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #999;
  display: inline-block;
  margin-right: 8px;
  flex-shrink: 0;
}

.news-left-hot {
  border: 1px solid #E5E5E5;
  border-radius: 0 0 4px 4px;
  margin-bottom: 30px;
}

.news-left-hot .n-t {
  background-color: #1D4D88;
  color: #FFF;
  padding: 20px 14px;
}

.news-left-hot .hot-list {
  padding: 0 16px;
}

.news-left-hot li {
  padding: 8px 0 0;
}

.news-left-hot .h-item {
  padding: 4px 0;
  border-bottom: 1px dotted #D8D8D8;
  display: block;
  position: relative;
  padding-left: 23px;
}

.news-left-hot .h-item:hover h4 {
  color: #DAB036;
}

.news-left-hot .h-item h4 {
  color: #2D2C2C;
}

.news-left-hot .h-item .date {
  color: #4C4C4C;
}

.news-left-hot .h-item .icon {
  width: 9px;
  height: 9px;
  background-color: #DAB036;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.left-msg {
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}

.left-msg .msg-contact {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 90px 0 40px;
  display: flex;
  align-content: center;
  flex-direction: column;
  color: #FFF;
  text-align: center;
}

.left-msg .msg-contact h3 {
  margin-bottom: 20px;
}

.left-msg .msg-contact a {
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 4px;
  display: inline-block;
  padding: 12px 36px;
  transition: all 0.4s;
}

.left-msg .msg-contact a:hover {
  background-color: #DAB036;
  color: #FFF;
  border-color: #DAB036;
}

.left-msg .left-share {
  padding: 20px;
}

.left-msg .left-share .share-icon {
  margin: 11px 0 0;
}

.left-msg .left-share .share-icon a {
  display: inline-block;
  margin-right: 4px;
}

.nes-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #EDEEF0;
  border-radius: 4px;
  padding: 16px 40px 16px 30px;
}

.nes-filters p {
  color: #999999;
}

.nes-filters .t-sort {
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #C7C4C4;
  line-height: 1;
  color: #00012F;
  padding: 8px 20px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  margin-left: 12px;
}

.nes-filters .t-sort .iconfont {
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 12px;
}

.nes-filters .slot-right {
  display: flex;
  align-items: center;
}

.nes-filters .p-search {
  background-color: #fff;
  width: 23vw;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.nes-filters .p-search button {
  position: absolute;
  border: none;
  background: transparent;
  right: 0;
  top: 0;
  width: 4vw;
  text-align: center;
  height: 100%;
}

.nes-filters .p-search button .iconfont {
  font-size: 24px;
  color: #1D4D88;
}

.nes-filters .p-search input {
  height: 40px;
  background-color: transparent;
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0 26px;
}

.nes-filters .p-search input::placeholder {
  color: #929292;
}

.inner-news-list li {
  border-bottom: 1px solid #D9D9D9;
  padding-left: 10px;
}

.inner-news-list .n-item {
  display: flex;
  padding: 16px 0;
}

.inner-news-list .n-item:hover h3 {
  color: #DAB036;
}

.inner-news-list .n-item .imgshow {
  width: 12vw;
  flex-shrink: 0;
}

.inner-news-list .n-item .imgshow .img-box {
  padding-bottom: 60.97561%;
}

.inner-news-list .n-item h3 {
  color: #121212;
  transition: all 0.3s;
  text-transform: capitalize;
}

.inner-news-list .n-item p {
  color: #2D2C2C;
  margin: 10px 0;
}

.inner-news-list .n-item .text {
  padding: 0 58px 0 20px;
  border-right: 1px solid #D9D9D9;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inner-news-list .n-item .date {
  padding: 0 20px;
  color: #878787;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-news-detail .n-t {
  color: #121212;
  text-transform: capitalize;
  padding-bottom: 10px;
}

.content-news-detail .sub-tt {
  border-top: 1px solid #D9D9D9;
  color: #DAB036;
  padding: 16px 0;
  display: flex;
  align-items: center;
}

.content-news-detail .sub-tt > div {
  margin-right: 2.5vw;
}

.content-news-detail .sub-tt .iconfont {
  font-weight: bold;
}

.content-news-detail .text img {
  display: block;
  margin-bottom: 32px;
}

.content-news-detail .news-page {
  background-color: #EDEEF0;
  display: flex;
  justify-content: space-between;
  margin: 16px 0 0;
}

.content-news-detail .news-page .p-btns {
  max-width: 45%;
  padding: 0px 36px;
  color: #777777;
  display: flex;
  align-items: center;
  transition: all 0.4s;
}

.content-news-detail .news-page .p-btns:hover {
  color: #1D4D88;
}

.content-news-detail .news-page .p-btns:hover .p-con span {
  color: #1D4D88;
}

.content-news-detail .news-page .p-btns .iconfont {
  font-size: 32px;
  margin: 16px;
}

.content-news-detail .news-page .p-btns.p-next .p-con label {
  text-align: right;
}

.content-news-detail .news-page .p-btns .p-con {
  display: flex;
  flex-direction: column;
}

.content-news-detail .news-page .p-btns .p-con label {
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}

.content-news-detail .news-page .p-btns .p-con span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #AEAEAE;
}

.content-contact .index-title {
  margin: 6vw 0 32px;
}

.contact-list ul {
  margin: 0 -7px;
  display: flex;
  flex-wrap: wrap;
}

.contact-list .imgshow img {
  width: 100%;
}

.contact-list li {
  width: 33.33%;
  padding: 0 7px;
  box-sizing: border-box;
}

.contact-list .img-box {
  padding-bottom: 55.95745%;
}

.contact-list .c-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.contact-list .h-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
}

.contact-list .h-text .lear-more {
  margin: 24px 0 0;
}

.contact-list .h-text .lear-more em {
  border: 1px solid #FFF;
  background-color: transparent;
}

.contact-list .h-text .lear-more:hover em {
  background-color: #DAB036;
  border-color: #DAB036;
}

.contact-list .imghow {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.contact-list .text {
  flex: 1;
  margin-top: 26px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 2vw;
}

.contact-list h3 {
  color: #000000;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
}

.contact-list h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #DAB036 0%, rgba(255, 255, 255, 0) 100%);
}

.contact-list dd {
  color: #2D2C2C;
  display: flex;
  position: relative;
  padding-left: 26px;
}

.contact-list dd .iconfont {
  color: #DAB036;
  margin-right: 5px;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: -3px;
}

.contact-list dd label {
  font-weight: 600;
}

.contact-map iframe {
  width: 100%;
  height: 485px;
}

.about-tabitem {
  border-bottom: 4px solid #1D4D88;
  margin: 0 0 6vw;
}

.about-tabitem.m0 {
  margin-bottom: 0;
}

.about-item-cont {
  display: flex;
  padding: 22px 0 0;
  justify-content: space-between;
}

.about-item-cont a {
  padding: 18px 0;
  position: relative;
  text-align: center;
}

.about-item-cont a.active:after {
  opacity: 1;
}

.about-item-cont a:after {
  opacity: 0;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 9px;
  border-radius: 50px;
  width: 100%;
  background-color: #DAB036;
  margin-bottom: -5px;
}

.about-info {
  display: flex;
  margin-bottom: 40px;
}
.about-info:nth-of-type(2n){
    flex-direction: row-reverse;
}
.about-info:nth-of-type(2n) .text{
    margin-left: 0;
    margin-right: 42px;
}
.about-info:nth-last-of-type(1){
    margin-bottom: 0;
}
.about-info .imgshow {
  width: 49%;
}

.about-info .imgshow .img-box {
  padding-bottom: 78.75%;
}

.about-info .text {
  flex: 1;
  margin-left: 42px;
}

.about-info .text .index-title {
  margin: 0 0 16px;
}

.about-info .text .shouqi {
  display: none;
}

.about-info .text .shouqi .iconfont {
  transform: rotate(-180deg);
  display: inline-block;
}

.about-info .text .text-p {
  color: #2D2C2C;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
}

.about-info .text .text-p.hide-text {
  height: 16vw;
}

.about-info .text .text-p.hide-text:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 155px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.44) 21%, #FFFFFF 100%);
}

.about-adv {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 5vw 0;
  margin: 6vw 0 5vw;
}

.about-adv .index-title {
  margin: 0 0 30px;
}

.about-adv .adv-cont {
  /*margin-left: 35%;*/
  background-color: rgba(0, 0, 0, 0.64);
  padding: 16px 30px 45px;
  color: #FFF;
  position: relative;
}
.about-adv .adv-cont .swiper-button-next,
.about-adv .adv-cont .swiper-button-prev{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFF;
}
.about-adv .adv-cont .swiper-button-next .iconfont,.about-adv .adv-cont .swiper-button-prev .iconfont{
    color: #1D4D88;
}
.about-adv .adv-cont .swiper-button-next:after,
.about-adv .adv-cont .swiper-button-prev:after {
  /*content: '';*/
  /*width: 0;*/
  /*height: 0;*/
  /*border-style: solid;*/
  /*border-width: 5.5px 10px 5.5px 0;*/
  /*border-color: transparent #999 transparent transparent;*/
  display: none;
}

.about-adv .adv-cont .swiper-button-prev {
  left: -50px;
}

.about-adv .adv-cont .swiper-button-next {
  right: -50px;
}

/*.about-adv .adv-cont .swiper-button-next:after {*/
/*  width: 0;*/
/*  height: 0;*/
/*  border-style: solid;*/
/*  border-width: 5.5px 0 5.5px 10px;*/
/*  border-color: transparent transparent transparent #999;*/
/*}*/
.about-adv .adv-swiper {
  position: relative;
  background-color: #1D4D88;
  padding: 30px;
  padding-right: 6vw;
}

.about-adv .adv-swiper .num {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 4.5vw;
  color: #fff;
  opacity: 0.25;
  font-weight: 600;
  line-height: 1;
  transform: translateY(-50%);
  z-index: 2;
}

.about-adv .swiper-pagination {
  text-align: right;
  padding-right: 28px;
  box-sizing: border-box;
}

.about-adv .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

.about-adv .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #DAB036;
}

.honor-swiper {
  position: relative;
}

.honor-swiper .swiper-button-next,
.honor-swiper .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #eee;
  transition: all 0.4s;
  color: #FFF;
}

.honor-swiper .swiper-button-next .iconfont,
.honor-swiper .swiper-button-prev .iconfont {
  font-weight: bold;
  font-size: 20px;
}

.honor-swiper .swiper-button-next:hover,
.honor-swiper .swiper-button-prev:hover {
  background-color: #DAB036;
}

.honor-swiper .swiper-button-next:after,
.honor-swiper .swiper-button-prev:after {
  display: none;
}

.honor-swiper .swiper-button-next {
  right: -100px;
}

.honor-swiper .swiper-button-prev {
  left: -100px;
}

.honor-swiper .swiper-slide {
  width: 323px;
  box-sizing: border-box;
}

.honor-swiper .swiper-slide .img-box {
  padding-bottom: 139.31889%;
}

.honor-swiper .swiper-slide .imgshow {
  padding: 30px 24px;
}

.about-product .index-title {
  margin: 6vw 0 32px;
}

.manu-info {
  color: #2D2C2C;
}

.manu-info dl {
  display: flex;
  justify-content: space-between;
}

.manu-info .index-title {
  margin-bottom: 32px;
}

.manu-info dd {
  width: 49%;
}

.manu-info dd p {
  margin-bottom: 10px;
}

.manu-info dd .img-box {
  padding-bottom: 72.14076%;
}

.manu-info dd .imgshow {
  margin: 38px 0 0;
  position: relative;
  border-radius: 50px 0 50px 0;
  overflow: hidden;
}

.manu-info dd .imgshow .m-name {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #FFF;
  border-radius: 0 50px 0 0;
  z-index: 2;
  font-style: italic;
  padding: 20px 5vw;
}

.manu-info dd.two .imgshow {
  margin: 0 0 38px;
}

.manu-info dd.two .imgshow .img-box {
  padding-bottom: 48.24561%;
}

.manu-info dd.two .imgshow .m-name {
  left: auto;
  right: 0;
  bottom: auto;
  top: 0;
  border-radius: 0 0 0 50px;
}

.manu-swiper .index-title {
  margin: 6vw 0 32px;
}

.manu-swiper .swiper-slide {
  width: 556px;
}

.manu-swiper .swiper-slide .img-box {
  padding-bottom: 70.14388%;
}

.manu-swiper .swiper-page {
  position: relative;
  height: 8px;
  margin: 50px 8vw;
}

.manu-swiper .swiper-page .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #ccc;
  opacity: 1;
  border-radius: 4px;
}

.manu-swiper .swiper-page .swiper-pagination-bullet-active {
  background-color: #DAB036;
  width: 44px;
}

.manu-botgrid {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}

.manu-botgrid h3 {
  color: #000;
  margin-bottom: 40px;
  text-transform: capitalize;
}

.manu-botgrid h3 i {
  padding: 0 20px;
}

.manu-botgrid .text {
  padding: 8vw 0;
  min-height: 40vw;
  padding-left: 35%;
  padding-right: calc((100% - var(--page-width)) / 2);
  box-sizing: border-box;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  color: #2D2C2C;
}

.quality-info {
  background: url("../images/quality-info.png") no-repeat center center;
  padding: 1px 0 6vw;
}

.quality-info .index-title {
  margin: 6vw 0 30px;
}

.quality-info .text {
  color: #2D2C2C;
}

.quality-zhanbi {
  padding: 8vw 0;
  position: relative;
}

.quality-zhanbi .imgshow {
  position: absolute;
  width: 23vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.quality-zhanbi .z-item {
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.06);
  padding: 16px 36px;
}

.quality-zhanbi ul {
  display: flex;
  flex-wrap: wrap;
}

.quality-zhanbi li {
  margin-right: 23vw;
  width: 33%;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
}

.quality-zhanbi li:nth-child(2n) {
  margin-right: 0;
  text-align: left;
}

.quality-centext {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 6vw 0;
  margin: 6vw 0 0;
  position: relative;
}

.quality-centext:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(237, 238, 240, 0.7);
  z-index: 1;
}

.quality-centext .m-width-content {
  position: relative;
  z-index: 2;
}

.quality-centext .t-imglist {
  margin: 18px 0 0;
}

.quality-centext .t-imglist ul {
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}

.quality-centext .t-imglist .imgshow img {
  width: 100%;
}

.quality-centext .t-imglist li {
  width: 25%;
  padding: 0 8px;
  box-sizing: border-box;
}

.quality-centext .t-imglist .img-box {
  padding-bottom: 60.60606%;
}

.quality-centext .t-imglist .t-item {
  background-color: #FFF;
  padding: 10px;
}

.quality-botgrid .index-title {
  margin: 6vw 0 30px;
}

.Inspection-list {
  margin: 0 0 6vw;
}

.Inspection-list ul {
  display: flex;
  margin: 0 -8px;
}

.Inspection-list li {
  padding: 0 4px;
  transition: all 1.6s;
  width: 90px;
}

.Inspection-list li.cur {
  width: 100%;
}

.Inspection-list li.cur .text {
  opacity: 0;
  visibility: hidden;
}

.Inspection-list li.cur .h-text {
  opacity: 1;
  visibility: visible;
  transition-delay: 1.3s;
}

.Inspection-list .i-item {
  position: relative;
  height: 100%;
  color: #FFF;
  overflow: hidden;
  cursor: pointer;
}

.Inspection-list .i-item .imgshow {
  height: 25vw;
}

.Inspection-list .i-item .imgshow img {
  height: 100%;
  object-fit: cover;
}

.Inspection-list .i-item .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0 5px 20px;
  text-align: center;
}

.Inspection-list .i-item .text h3 {
  padding: 30px 0;
  display: inline-block;
  writing-mode: vertical-rl;
}

.Inspection-list .i-item .h-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(47, 47, 47, 0.62) 32%, rgba(95, 95, 95, 0.48) 47%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  padding: 40px;
}

.Inspection-list .i-item .h-text h3 {
  margin: 0 0 12px;
}

.warehouse-info .info-cont {
  margin: 30px 0 0;
  display: flex;
}

.warehouse-info .info-cont .imgshow {
  width: 49%;
}

.warehouse-info .info-cont .imgshow .img-box {
  padding-bottom: 63.03725%;
}

.warehouse-info .info-cont .text {
  flex: 1;
  margin-left: 44px;
}

.warehouse-methods {
  text-align: center;
  margin: 60px 0 30px;
  color: #2D2C2C;
  padding: 0 10%;
}

.warehouse-methods h3 {
  margin-bottom: 8px;
}

.ware-bot-grid {
  margin: 0 0 6vw;
}

.ware-bot-grid ul {
  display: flex;
  margin: 0 -8px;
}

.ware-bot-grid li {
  padding: 0 4px;
  transition: all 1s;
  width: 13vw;
}

.ware-bot-grid li.cur {
  width: 100%;
}

.ware-bot-grid li.cur .text {
  display: block;
}

.ware-bot-grid .i-item {
  position: relative;
  height: 100%;
  color: #FFF;
  overflow: hidden;
  cursor: pointer;
}

.ware-bot-grid .i-item .imgshow {
  height: 25vw;
}

.ware-bot-grid .i-item .imgshow img {
  height: 100%;
  object-fit: cover;
}

.ware-bot-grid .i-item .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(180deg, #000000 0%, rgba(84, 84, 84, 0.63) 100%);
  padding: 20px;
}

.ware-bot-grid .i-item .text h3 {
  padding: 20px 0;
  display: inline-block;
}

.ware-bot-grid .i-item .text-p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.service-sales {
  position: relative;
  padding-left: 15vw;
}

.service-sales:after {
  content: '';
  position: absolute;
  left: 15vw;
  top: 0;
  background: url("../images/service-sales1.png") no-repeat center center;
  z-index: 1;
  width: 17vw;
  height: 17.5vw;
  z-index: 1;
  background-size: cover;
}

.service-sales::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../images/service-sales2.png") no-repeat center center;
  z-index: 1;
  width: 17vw;
  height: 17.5vw;
  z-index: 1;
  background-size: cover;
}

.service-sales .imgshow {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30vw;
  z-index: 30;
}

.service-sales .imgshow .img-box {
  padding-bottom: 63.22034%;
}

.service-sales .text {
  border: 2px solid #1D4D88;
  padding: 5.5vw 6vw 5.5vw 19vw;
  color: #2D2C2C;
  position: relative;
  z-index: 2;
}

.service-sales .text .t-cont {
  position: relative;
  z-index: 4;
}

.service-sales .text:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 17vw;
  height: 17vw;
  background: url("/static/images/ser-sales-img-top.png") no-repeat;
  background-size: cover;
}

.service-sales .text::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 17vw;
  height: 17vw;
  background: url("/static/images/ser-sales-img-bot.png") no-repeat;
  background-size: cover;
}

.service-sales .index-title {
  margin-bottom: 15px;
}

.service-pre .index-title {
  margin: 6vw 0 3.5vw;
}

.service-pre-list ul {
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}

.service-pre-list .imgshow img {
  width: 100%;
}

.service-pre-list li {
  width: 20%;
  padding: 0 8px;
  box-sizing: border-box;
}

.service-pre-list .p-item {
  padding: 4.5vw 26px 2.2vw;
  background: url("/static/images/ser-pre-bg.png") no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  color: #2D2C2C;
  background-size: cover;
  border-bottom: 3px solid #1D4D88;
}

.service-pre-list .p-item .icon {
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  width: 75px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -24px;
}

.service-pre-list .p-item .icon img {
  width: 33px;
  height: 32px;
  object-fit: cover;
}

.service-center-sales {
  color: #2D2C2C;
}

.service-center-sales .sales-top-cont {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 6vw 0 2.5vw;
}

.service-center-sales .sales-top-cont .imgshow {
  width: 48%;
}

.service-center-sales .sales-top-cont .imgshow .img-box {
  padding-bottom: 63.03725%;
}

.service-center-sales .sales-top-cont .text {
  flex: 1;
  margin-right: 2.5vw;
}

.service-center-sales .sales-top-cont .text .index-title {
  margin-bottom: 30px;
}

.service-center-sales .sales-top-cont .text p {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
}

.service-center-sales .sales-top-cont .text p:after {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  left: 0;
  background-color: #1D4D88;
  border-radius: 50%;
  top: 7px;
}

.service-center-sales .sales-bot-list ul {
  margin: 0 -17px;
  display: flex;
  flex-wrap: wrap;
}

.service-center-sales .sales-bot-list .imgshow img {
  width: 100%;
}

.service-center-sales .sales-bot-list li {
  width: 25%;
  padding: 0 17px;
  box-sizing: border-box;
}

.service-center-sales .sales-bot-list .img-box {
  padding-bottom: 54.84848%;
}

.service-center-sales .sales-bot-list .b-item {
  background-color: #F8F8F8;
  padding: 10px;
  box-sizing: border-box;
  height: 100%;
}

.service-center-sales .sales-bot-list .text-p {
  padding: 12px;
}

.servoce-word-map .index-title {
  margin: 6vw 0 20px;
}

.servoce-word-map .text {
  max-width: 970px;
  margin: 0 auto 30px;
  text-align: center;
}

.servoce-word-map .imgshow {
  margin-top: -55px;
}

.servoce-word-map .imgshow img {
  width: 100%;
}

.servoce-word-map .ser-map-num {
  position: relative;
  z-index: 2;
}

.servoce-word-map .ser-map-num ul {
  display: flex;
  justify-content: center;
}

.servoce-word-map .ser-map-num li {
  margin: 0 3vw;
}

.servoce-word-map .ser-map-num .n-item {
  background: #FFFFFF;
  box-shadow: 0px 10px 10px 1px rgba(0, 0, 0, 0.13);
  border-radius: 10px;
  text-align: center;
  color: #515151;
  padding: 20px 16px 12px;
  min-width: 200px;
  box-sizing: border-box;
}

.servoce-word-map .ser-map-num .n-item .n-t {
  color: #1D4D88;
  margin-bottom: 14px;
}

.service-mapbot-list {
  margin: 30px 0 5vw;
}

.service-mapbot-list ul {
  margin: 0 -25px;
  display: flex;
  flex-wrap: wrap;
}

.service-mapbot-list .imgshow img {
  width: 100%;
}

.service-mapbot-list li {
  width: 25%;
  padding: 0 25px;
  box-sizing: border-box;
}

.service-mapbot-list .m-item {
  background-color: #F2F2F2;
  padding: 30px 20px;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
}

.service-mapbot-list .m-item h3 {
  margin: 20px 0 5px;
  text-transform: uppercase;
}

.service-mapbot-list .m-item .icon img {
  width: 78px;
  height: 78px;
  object-fit: cover;
}

.service-mapbot-list li:nth-child(2n) .m-item {
  background: #FFFFFF;
  box-shadow: 0px 6px 43px 1px rgba(0, 0, 0, 0.1);
}

.service-trade ul {
  display: flex;
  flex-wrap: wrap;
}

.service-trade ul li {
  width: 50%;
  box-sizing: border-box;
  border: 1px solid #E9E9E9;
}

.service-trade .t-item {
  color: #2D2C2C;
  position: relative;
  cursor: pointer;
  height: 100%;
}

.service-trade .t-item:hover {
  color: #FFF;
}

.service-trade .t-item:hover .imgshow {
  opacity: 1;
  visibility: visible;
}

.service-trade .t-item:hover .text {
  background-color: rgba(0, 0, 0, 0.3);
  
}

.service-trade .t-item:hover .text h3 {
  color: #FFF;
}

.service-trade .t-item:hover .t-t span {
  color: rgba(225, 225, 225, 0.34);
}

.service-trade .t-item .imgshow {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

.service-trade .t-item .imgshow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-trade .t-item .text {
  position: relative;
  z-index: 2;
  transition: all 0.4s;
  padding: 3.5vw;
  height: 100%;
  box-sizing: border-box;
}

.service-trade .t-item .t-t {
  position: relative;
  line-height: 1;
  margin-bottom: 20px;
}

.service-trade .t-item .t-t span {
  position: absolute;
  right: 0;
  bottom: -0.5vw;
  font-size: 3.2vw;
  font-weight: bold;
  color: #E1E1E1;
}

.service-trade .t-item h3 {
  display: inline-block;
  color: #000;
  position: relative;
  padding-right: 4vw;
  text-transform: uppercase;
}

.service-after .index-title {
  margin: 6vw 0 40px;
}

.after-cont {
  position: relative;
  padding-left: 25vw;
}

.after-cont .img-box {
  padding-bottom: 49.55752%;
}

.after-cont .after-list {
  color: #2D2C2C;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.after-cont .after-list ul {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}

.after-cont .after-list .imgshow img {
  width: 100%;
}

.after-cont .after-list li {
  width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}

.after-cont .a-item {
  background: #FFFFFF;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 5vw 34px 34px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
}

.after-cont .a-item p {
  position: relative;
  padding-left: 25px;
}

.after-cont .a-item p:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #DAB036;
  top: 7px;
  position: absolute;
  left: 0;
}

.after-cont .a-item .icon {
  width: 6.5vw;
  height: 6.5vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}

.after-cont .a-item .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-faq .index-title {
  margin: 6vw 0 40px;
}

.faq-list {
  padding-bottom: 5vh;
}

.faq-list .f-t {
  cursor: pointer;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  padding: 24px 40px;
  justify-content: space-between;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.faq-list .f-t .icon-jianhao {
  display: none;
}

.faq-list .f-t .iconfont {
  font-size: 24px;
  font-weight: 900;
  color: #999;
}

.faq-list .f-t .t-icon {
  width: 35px;
  height: 35px;
  background-position: 50% 50%;
  background-size: 100%;
  background-image: url("../images/faq-icon.png");
  margin-right: 40px;
  flex-shrink: 0;
}

.faq-list .f-t h3 {
  display: flex;
}

.faq-list .f-text {
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.16);
  padding: 32px 10vh;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.faq-list li {
  margin-bottom: 40px;
}

.faq-list .s-show {
  display: none;
}

.faq-list .act .f-t,
.faq-list .cur .f-t {
  background-color: #1D4D88;
  color: #fff;
}

.faq-list .act .f-t .iconfont,
.faq-list .cur .f-t .iconfont {
  color: #FFF;
}

.faq-list .act .f-t .icon-jianhao,
.faq-list .cur .f-t .icon-jianhao {
  display: inline-block;
}

.faq-list .act .f-t .icon-jiahao,
.faq-list .cur .f-t .icon-jiahao {
  display: none;
}

.faq-list .act .f-t .t-icon,
.faq-list .cur .f-t .t-icon {
  background-image: url("../images/faq-icon-h.png");
}

.faq-list .act .s-show {
  display: block;
}

.trans-paking {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  padding: 6vw 0 11vw;
}

.trans-paking .index-title {
  margin: 0 0 40px;
}

.trans-paking-swiper {
  position: relative;
}

.trans-paking-swiper .swiper-page {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2vw;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.trans-paking-swiper .swiper-page .page-num {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  border: 1px solid #FFF;
  position: relative;
  box-sizing: border-box;
}

.trans-paking-swiper .swiper-page .swiper-pagination {
  color: #FFF;
  font-size: 30px;
  font-weight: 500;
  bottom: 50%;
  transform: translateY(50%);
  line-height: 1;
}

.trans-paking-swiper .swiper-page .page-btns {
  margin: 20px 0 0;
  position: relative;
  width: 120px;
  height: 50px;
}

.trans-paking-swiper .swiper-page .page-btns .swiper-button-next {
  right: 0;
}

.trans-paking-swiper .swiper-page .page-btns .swiper-button-prev {
  left: 0;
}

.trans-paking-swiper .swiper-page .page-btns .swiper-button-next,
.trans-paking-swiper .swiper-page .page-btns .swiper-button-prev {
  background-color: #929292;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.trans-paking-swiper .swiper-page .page-btns .swiper-button-next:hover,
.trans-paking-swiper .swiper-page .page-btns .swiper-button-prev:hover {
  background-color: #DAB036;
}

.trans-paking-swiper .swiper-page .page-btns .swiper-button-next .iconfont,
.trans-paking-swiper .swiper-page .page-btns .swiper-button-prev .iconfont {
  color: #FFF;
  font-size: 20px;
}

.trans-paking-swiper .swiper-page .page-btns .swiper-button-next:after,
.trans-paking-swiper .swiper-page .page-btns .swiper-button-prev:after {
  display: none;
}

.trans-paking-swiper .swiper-slide {
  width: 81vw;
}

.trans-paking-swiper .p-item {
  display: flex;
}

.trans-paking-swiper .p-item .imgshow {
  flex: 1;
}

.trans-paking-swiper .p-item .imgshow .img-box {
  padding-bottom: 65.94203%;
}

.trans-paking-swiper .p-item .text {
  margin-left: 11vw;
  width: calc(50% - 5.5vw);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  padding: 50px 40px;
  color: #2D2C2C;
  box-sizing: border-box;
}

.trans-paking-swiper .p-item .text h3 {
  text-transform: uppercase;
  margin-bottom: 30px;
}

.content-service-oem {
  padding-right: calc((100% - var(--page-width))/2);
  padding-top: 10vw;
  margin-bottom: 6vw;
}

.content-service-oem .index-title {
  margin-bottom: 3vw;
}

.content-service-oem .cont-gird {
  background-color: #EDEEF0;
  padding: 40px;
  padding-left: calc((100% - var(--page-width))/2);
  /*position: relative;*/
}
.content-service-oem .oem-cont{
    position: relative;
}
.oem-cont .text {
  padding-left: 35vw;
  background: url("/static/images/oem-line.png") no-repeat 100% 0;
  padding-right: 40px;
  background-size: auto 100%;
}

.oem-cont .text h3 {
  margin-bottom: 12px;
}

.oem-cont .imgshow {
  left: calc((100% - var(--page-width))/2);
  background-color: #FFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.09);
  padding: 26px;
  box-sizing: border-box;
  width: 31vw;
  position: absolute;
  top: 0;
  height: 25vw;
  z-index: 2;
  /*transform: translateY(-50%);*/
}

.oem-cont .imgshow .img-box {
  padding-bottom: 78.93836%;
}

.local-Delivery .index-title {
  margin: 6vw 0 30px;
}

.Delivery-cont {
  display: flex;
}

.Delivery-cont .imgshow {
  width: 46%;
}

.Delivery-cont .imgshow .img-box {
  padding-bottom: 35.89365%;
}

.Delivery-cont .text {
  flex: 1;
  margin-left: 4.4vw;
}

.local-Flexible .index-title {
  margin: 6vw 0 30px;
}

.local-Flexible ul {
  margin: 0 -2vw;
  display: flex;
  flex-wrap: wrap;
}

.local-Flexible .imgshow img {
  width: 100%;
}

.local-Flexible li {
  width: 33.33%;
  padding: 0 2vw;
  box-sizing: border-box;
}

.local-Flexible .f-item {
  background-color: rgba(29, 77, 136, 0.45);
  padding: 30px 20px 5vw;
  color: #FFF;
  position: relative;
}

.local-Flexible .f-item .line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  height: 54px;
  width: 490px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  box-sizing: border-box;
  line-height: 54px;
  background-image: url("/static/images/local-fix-line1.png");
}

.local-Flexible ul {
  margin: 0 60px;
}

.local-Flexible li {
  position: relative;
  z-index: 3;
}

.local-Flexible li:nth-child(2) {
  z-index: 2;
}

.local-Flexible li:nth-child(2) .line {
  background-image: url("/static/images/local-fix-line2.png");
}

.local-Flexible li:nth-child(3) {
  z-index: 1;
}

.local-Flexible li:nth-child(3) .line {
  background-image: url("/static/images/local-fix-line3.png");
}

.local-tech {
  margin: 0 0 6vw;
}

.local-tech .index-title {
  margin: 6vw 0 30px;
}

.local-tech .tech-list ul {
  margin: 0 -22px;
  display: flex;
  flex-wrap: wrap;
}

.local-tech .tech-list .imgshow img {
  width: 100%;
}

.local-tech .tech-list li {
  width: 33.33%;
  padding: 0 22px;
  box-sizing: border-box;
}

.local-tech .t-item {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding: 34px 30px;
  background-image: url("/static/images/tech-listb1.png");
  box-sizing: border-box;
  height: 100%;
}

.local-tech .t-item p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.local-tech .t-item:hover {
  background-image: url("/static/images/tech-listb2.png");
}

.local-tech .t-item h3 {
  margin-bottom: 12px;
}

.content-service-adv {
  padding-bottom: 6vw;
}

.content-service-adv .index-title {
  margin: 6vw 0 50px;
}

.content-service-adv .text {
  padding: 36px 72px;
  background: url("/static/images/content-service-adv.png") no-repeat;
  background-size: cover;
  /*padding-left: 30.5vw;*/
  color: #2D2C2C;
  box-sizing: border-box;
  /*min-height: 23.5vw;*/
}

.content-service-adv .text p {
  margin-bottom: 8px;
}

.content-service-adv .t-btns {
  text-align: right;
  margin-top: 24px;
}

.content-service-adv .adv-cont {
  position: relative;
  display: flex;
  
}

.content-service-adv .adv-cont .imgshow {
  width: 25vw;
  /*position: absolute;*/
  flex-shrink: 0;
  left: 0;
  bottom: 0;
  /*height: 38vw;*/
  overflow: hidden;
}

.content-service-adv .adv-cont .imgshow img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.content-service-down {
  padding: 0 0 6vw;
}

.content-service-down .index-title {
  margin: 6vw 0 24px;
}

.service-downlist ul {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
}

.service-downlist .imgshow img {
  width: 100%;
}

.service-downlist li {
  width: 25%;
  padding: 0 20px;
  box-sizing: border-box;
}

.service-downlist .img-box {
  padding-bottom: 128.48485%;
}

.service-downlist .d-item {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}

.service-downlist .d-item:hover .text .icon {
  border-color: #DAB036;
}

.service-downlist .d-item:hover .text .icon:after {
  background-color: #DAB036;
}

.service-downlist .d-item:hover .text .icon .d-img {
  display: none;
}

.service-downlist .d-item:hover .text .icon .h-img {
  display: inline-block;
}

.service-downlist .d-item .text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  padding: 0 3vw;
  z-index: 2;
}

.service-downlist .d-item .text h3 {
  text-transform: uppercase;
  padding: 3.2vw 0 1vw;
  text-align: center;
  border-bottom: 2px solid #FFF;
}

.service-downlist .d-item .text .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #FFF;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-downlist .d-item .text .icon:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFF;
}

.service-downlist .d-item .text .icon img {
  position: relative;
  z-index: 4;
}

.service-downlist .d-item .text .icon .h-img {
  display: none;
}

.service-downlist .d-item .text .icon .d-img {
  display: inline-block;
}

.wap-menu {
  display: none;
}

.content-contact-media {
  padding-bottom: 6vw;
}

.content-contact-media .index-title {
  margin: 6vw 0 30px;
}

.media-list ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

.media-list .imgshow img {
  width: 100%;
}

.media-list li {
  width: 16.66%;
  padding: 0 10px;
  box-sizing: border-box;
}

.media-list .m-item {
  background-color: #EDEEF0;
  padding: 30px 20px;
  color: #000;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.media-list .m-item:hover .h-text {
  transform: scale(1);
  visibility: visible;
}

.media-list .h-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  text-align: center;
  transition: all 0.4s;
  visibility: hidden;
  transform: scale(0);
}

.media-list .h-text p {
  margin: 20px 0 0;
}

.media-list h3 {
  margin: 16px 0 4px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 50px;
}

.media-list p {
  color: #515151;
}

.media-list .icon img {
  width: 57px;
  height: 50px;
  object-fit: cover;
}


/*newsaddcss*/
.child-box {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  background: rgba(240, 240, 240, 0.98);
  width: 100%;
}

.child-box .child-wrap {
  overflow: hidden;
  display: none;
}

.menu-product {
  display: flex;
}

.menu-product h5 {
  color: #1D4D88;
  margin-bottom: 1vw;
}

.menu-product .m-left {
  width: 40%;
  border-right: 1px solid #ddd;
  padding: 3vw 0;
  position: relative;
}

.menu-product .m-left:after {
  content: '';
  position: absolute;
  right: 0;
  width: 3px;
  height: 40px;
  background-color: #1D4D88;
  top: 30%;
  margin-right: -1px;
}

.menu-product .m-right {
  flex: 1;
  padding: 3vw 0 3vw 2vw;
}
.menu-product .m-right .m-tabitem{
    display: none;
}
.menu-product .m-list{
    display: flex;
    justify-content: space-between;
}
.menu-product .m-list > div{
    width: 49%;
}
.menu-product .m-list ul {
  display: flex;
  flex-wrap: wrap;
}
.menu-product .m-list .mt-item-child ul{
    display: none;
}
.menu-product .m-list ul li {
  width: 100%;
  /*margin-right: 2%;*/
}

.menu-product .m-list ul li:nth-of-type(2n) {
  margin-right: 0;
}

.menu-product .m-list li.act a, .menu-product .m-list li:hover a {
  background-color: #D2D2D2;
}

.menu-product .m-list a {
  color: #1D4D88;
  display: block;
  padding: 12px 24px;
  transition: all 0.5s ease;
}

.menu-product .mimg-list ul {
  display: flex;
  flex-wrap: wrap;
}

.menu-product .mimg-list li {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 12px;
  margin-bottom: 24px;
}

.menu-product .mimg-list .m-item {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: flex;
  align-items: center;
  color: #121212;
  transition: all 0.4s;
  padding: 12px;
}

.menu-product .mimg-list .m-item:hover {
  color: #1D4D88;
}

.menu-product .mimg-list .m-item h6 {
  flex: 1;
}

.menu-product .mimg-list .m-item .imgshow {
  width: 30%;
  margin-right: 12px;
}

.menu-product .mimg-list .m-item .imgshow .img-box {
  padding-bottom: 100%;
}
.about-prodis{
    display: flex;
}
.about-prodis .left-box{
    width: 48%;
    
}
.about-prodis .right-box{
    flex:1;
    margin-left: 20px;
}
.about-prodis .right-box dl{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.about-prodis .right-box dl dd{
    box-sizing: border-box;
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 11px;
    
}
.about-prodis .right-box dl dd .r-item{
    border: 1px solid  transparent;
}
.about-prodis .right-box dl dd.act .r-item{
    border-color: #1D4D88;
}
.about-prodis .img-box{
    padding-bottom: 56%;
}
.about-prodis .right-box .img-box{
    padding-bottom: 53%;
}
.pro-ad-show {
    margin: 30px 0 0;
}
.pro-ad-show .img-box{
    padding-bottom: 25%;
}


.inquiry-form {
    display: flex;
    padding: 12px 0 24px;
    flex-wrap: wrap;
}
.inquiry-form .f-item {
    display: flex;
    margin-right: 12px;
}
.inquiry-form .f-item label {
    line-height: 40px;
    padding-right: 12px;
}
.inquiry-form .f-item input {
    border: 1px solid #ddd;
    height: 40px;
    box-sizing: border-box;
}
@media screen and (max-width: 1660px) {
  .honor-swiper .swiper-button-next {
    right: 0;
  }
  .honor-swiper .swiper-button-prev {
    left: 0;
  }
  .adv-list .a-item .h-text{
      padding: 20px;
  }
  .adv-list .a-item .h-text .t-p{
      font-size: 12px;
  }
}

@media screen and (max-width: 1440px) {
  .ipd-20 {
    padding: 0 20px;
  }
  .index-service-grid {
    padding-left: 20px;
  }
  .crumbs-box{
      font-size: 16px;
  }
}

@media screen and (max-width: 1340px) {
  .crumbs-box{
      font-size: 14px;
  }
  .index-service-grid {
    padding-right: 6vw;
  }
  .index-service-grid .right-fix {
    width: 50px;
  }
  .about-adv .adv-cont{
      margin-left: 40px;
      margin-right: 40px;
  }
  .about-adv .adv-cont .swiper-button-prev {
      left: 0px;
    }
    
    .about-adv .adv-cont .swiper-button-next {
      right: 0px;
    }
}

@media screen and (max-width: 1023px) {
  /* 手机菜单 start */
  html.mm-blocking body {
    overflow: initial;
  }
  #menuPc {
    display: none;
  }
  .mm-opened #menuWap {
    display: block;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: absolute;
    top: 0;
    right: 20px;
    background: transparent;
    border: none;
    padding: 21px 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99999;
    display: block;
    width: 30px;
    float: right;
  }
  .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #1D4D88;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
  }
  .mm-opening .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    -moz-transform: translateY(-10px) rotateZ(-45deg);
    -ms-transform: translateY(-10px) rotateZ(-45deg);
    -o-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  /* 手机菜单 end */
  .h-search {
    display: none;
  }
  .h-tool {
    padding-right: 60px;
  }
  .header-box .logo {
    width: auto;
  }
  .header-box .logo img {
    height: 20px;
  }
  .index-cat-menu li {
    width: 50%;
    margin-bottom: 12px;
  }
  .index-product-list li {
    width: 100%;
    padding: 0;
  }
  .index-product-list .p-item::before,
  .index-product-list .p-item::after,
  .index-product-list .p-item .text:after {
    display: none;
  }
  .index-product-list .p-item {
    padding: 0;
  }
  .index-service-grid .service-right {
    display: none;
  }
  .index-service-grid .service-left {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
  .index-service-grid .right-fix {
    display: none;
  }
  .index-service-grid {
    padding: 0;
    background-color: rgba(0, 0, 0, 0.9);
  }
  .index-service-grid .img-bg {
    display: none;
  }
  .index-service-grid .serivce-page {
    padding: 12px;
    flex-direction: column;
    border-radius: 5px;
  }
  .index-service-grid .serivce-page .page-btns {
    margin-bottom: 12px;
  }
  .index-title .slot-right {
    margin-top: 12px;
    position: initial;
    transform: translateY(0);
  }
  .adv-list li {
    width: 100%;
    height: 30vw;
  }
  .adv-list .a-item .imgshow {
    height: 100%;
  }
  .adv-list li.cur {
    width: 100%;
    height: 50vw;
  }
  .adv-list .a-item .text {
    justify-content: center;
    padding: 0;
  }
  .adv-list .a-item .h-text {
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .adv-list .a-item .h-text h3 {
    margin-bottom: 8px;
  }
  .adv-list .a-item .icon img {
    width: 24px;
    height: 24px;
  }
  .index-about-grid .about-cont {
    display: block;
  }
  .index-about-grid .about-cont .imgshow,
  .index-about-grid .about-cont .text {
    width: 100%;
  }
  .index-about-grid .about-cont .text {
    padding-left: 0;
    margin: 20px 0 0;
  }
  .about-num-list dl dd {
    padding: 0 3px;
  }
  .about-num-list dl {
    margin: 0 -3px;
  }
  .about-num-list .n-item .n-t img {
    width: 13px;
    height: 13px;
  }
  .lear-more em {
    min-width: initial;
    padding: 8px 10px;
    font-size: 12px;
  }
  .tabbtns .lear-more {
    margin-left: 0;
  }
  .index-news-grid .news-cont {
    display: block;
  }
  .index-news-grid .news-cont .news-left {
    width: 100%;
    margin-bottom: 20px;
  }
  .index-word-grid .imgshow .dot span {
    display: none;
  }
  .index-word-grid .imgshow .dot {
    zoom: 0.5;
  }
  .footer .f-top {
    display: block;
  }
  .footer .f-top .f-left {
    width: 100%;
  }
  .footer .f-top .f-right {
    margin: 12px 0 0;
    text-align: center;
  }
  .footer .f-nav li dl {
    display: none;
    padding-top: 14px;
  }
  .footer .f-nav ul {
    display: block;
  }
  .footer .f-nav ul li {
    width: 100%;
    max-width: 100%;
  }
  .footer .f-nav ul li:hover dl {
    display: block;
  }
  .footer .f-nav h3 {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .footer .f-nav dd {
    padding-bottom: 4px;
  }
  .footer .f-copy {
    border: none;
    margin: 0;
  }
  .inner-banner .img-box {
    padding-bottom: 56%;
  }
  .product-title .p-cont {
    display: block;
  }
  .product-title .p-tabitem {
    flex-wrap: wrap;
    padding: 16px 0;
  }
  .product-title .p-tabitem a {
    padding: 0;
    margin: 0 12px 5px 0;
  }
  .product-title .p-tmenu {
    width: 100%;
  }
  .menu-hover-box {
    display: none;
    position: relative !important;
    top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .product-title .p-tmenu .menu-hover-box dd dl {
    display: block;
    width: auto;
    position: relative;
    left: 0;
    opacity: 1 !important;
    visibility: visible !important;
    box-sizing: border-box;
    box-shadow: none;
  }
  .product-title .p-tmenu .menu-hover-box dd {
    padding: 0;
  }
  .product-title .p-tmenu .menu-hover-box dd dd {
    padding-left: 20px;
  }
  .content-product .content-left {
    display: none;
  }
  .content-product .content-right {
    width: 100%;
  }
  .marleft20 {
    margin-left: 0;
  }
  .filter-result .result-list dd {
    margin-right: 10px;
  }
  .all-product-list .procat-list li {
    width: 50%;
  }
  .procat-title .slot-right {
    position: initial;
    transform: translateY(0);
  }
  .procat-title .p-search {
    width: 100%;
    box-sizing: border-box;
    margin: 24px 0 0;
  }
  .procat-title .p-search button {
    width: 50px;
  }
  .content-product {
    display: block;
  }
  .wap-menu {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    justify-content: flex-end;
  }
  .wap-menu .iconfont {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
  }
  .content-product .content-left {
    width: 100%;
  }
  .procat-three-list .p-item {
    display: block;
  }
  .procat-three-list .p-item .p-left,
  .procat-three-list .p-item .p-right {
    width: 100%;
    display: block;
  }
  .procat-three-list .p-item .imgshow {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }
  .procat-three-list .p-item .p-right {
    padding-left: 0;
    border: none;
  }
  .product-table {
    overflow-x: auto;
  }
  .table-box {
    box-sizing: border-box;
    min-width: 800px;
  }
  .table-box .t-body .t-inline .h-table-box {
    position: initial;
    opacity: 1;
    visibility: visible;
    display: none;
  }
  .h-table-box {
    overflow-x: auto;
  }
  .h-table-box .h-table {
    min-width: 600px;
  }
  .inquiry-table-box {
    overflow-x: auto;
  }
  .inquiry-table-box .inquiry-table {
    min-width: 1000px;
  }
  .inquiry-catr-box {
    display: block;
    margin: 30px 0 0;
    padding: 20px;
  }
  .inquiry-catr-box .t-select {
    flex-wrap: wrap;
  }
  .inquiry-catr-box .t-select span {
    margin-right: 20px;
  }
  .inquiry-catr-box .t-btns .cart-submit {
    display: flex;
    align-items: center;
    margin-left: 0;
  }
  .inquiry-catr-box .t-btns .cart-submit .iconfont {
    margin-left: 10px;
  }
  .inquiry-catr-box .t-btns .t-total {
    margin: 12px 0;
  }
  .inquiry-catr-box .t-btns {
    text-align: end;
    flex-direction: column;
    align-items: self-start;
  }
  .hot-prolist .index-product-list .p-item .p-bg {
    padding-left: 0;
  }
  .hot-prolist .index-product-list .p-item {
    padding: 0;
  }
  .hot-prolist .index-product-list li {
    width: 50%;
  }
  .about-item-cont {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .about-item-cont a {
    white-space: nowrap;
    margin-right: 20px;
  }
  .service-sales {
    padding: 0;
    position: initial;
  }
  .service-sales .imgshow {
    position: initial;
    transform: translateY(0);
    width: 100%;
    margin-bottom: 12px;
  }
  .service-sales .text {
    padding: 20px;
  }
  .service-pre-list li {
    width: 50%;
    margin-bottom: 20px;
  }
  .service-pre-list .p-item .icon {
    position: initial;
    transform: translate(0, 0);
    margin: 0 auto 10px;
  }
  .service-pre-list .p-item {
    padding: 20px 12px;
  }
  .service-center-sales .sales-top-cont {
    display: block;
  }
  .service-center-sales .sales-top-cont .imgshow {
    width: 100%;
    margin-bottom: 12px;
  }
  .service-center-sales .sales-top-cont .text {
    margin: 0;
  }
  .service-center-sales .sales-bot-list li {
    width: 50%;
    margin-bottom: 12px;
    padding: 0 5px;
  }
  .service-center-sales .sales-bot-list ul {
    margin: 0 -5px;
  }
  .servoce-word-map .ser-map-num li {
    width: 100%;
    margin-bottom: 12px;
  }
  .servoce-word-map .ser-map-num ul {
    flex-wrap: wrap;
  }
  .servoce-word-map .imgshow {
    margin: 20px 0 0;
  }
  .service-mapbot-list li {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 12px;
  }
  .service-mapbot-list ul {
    margin: 0 -5px;
  }
  .service-mapbot-list .m-item {
    padding: 20px 12px;
  }
  .after-cont .after-list {
    position: initial;
    transform: translateY(0);
    margin-bottom: 20px;
  }
  .after-cont {
    padding-left: 0;
  }
  .after-cont .after-list li {
    width: 100%;
  }
  .faq-list .f-text {
    padding: 20px;
  }
  .faq-list .f-t .t-icon {
    margin-right: 12px;
  }
  .faq-list .f-t {
    padding: 20px;
  }
  .inquiry-catlist li {
    width: 100%;
    margin-bottom: 12px;
  }
  .service-center-sales .sales-bot-list .text-p {
    font-size: 12px;
  }
  .message-box {
    padding: 20px;
  }
  .message-box .usedComp {
    width: 100%;
    margin: 0 0 10px;
  }
  .trans-paking-swiper .p-item {
    display: block;
  }
  .trans-paking-swiper .p-item .text {
    margin: 12px 0 0;
    padding: 2;
    width: 100%;
    padding: 12px;
  }
  .trans-paking-swiper .swiper-page {
    bottom: 0;
  }
  .trans-paking-swiper .swiper-page .page-num {
    display: none;
  }
  .trans-paking-swiper {
    padding-bottom: 80px;
  }
  .content-service-oem .cont-gird {
    padding: 0 20px;
  }
  .oem-cont .imgshow {
    position: initial;
    transform: translateY(0);
    width: 100%;
    height: auto;
  }
  .oem-cont .text {
    padding: 20px;
  }
  .content-service-oem .index-title {
    padding: 0 20px;
  }
  .Delivery-cont {
    display: block;
  }
  .Delivery-cont .imgshow {
    width: 100%;
    margin: 0 0 12px;
  }
  .Delivery-cont .text {
    margin-left: 0;
  }
  .local-Flexible ul {
    margin: 0;
  }
  .local-Flexible li {
    width: 100%;
    margin-bottom: 12px;
  }
  .local-Flexible .f-item .line {
    width: 100%;
    position: initial;
    transform: translateX(0);
    margin: 12px 0 0;
  }
  .local-tech .tech-list li {
    padding: 0 5px;
    width: 100%;
  }
  .local-tech .tech-list ul {
    margin: 0 -5px;
  }
  .content-service-adv .adv-cont .imgshow {
    display: none;
  }
  .content-service-adv .text {
    padding: 24px;
    padding-left: 24px;
  }
  .service-downlist li {
    width: 50%;
    margin-bottom: 12px;
  }
  .about-info {
    display: block;
  }
  .about-info .imgshow {
    width: 100%;
  }
  .about-info .text {
    margin: 12px 0 0;
  }
  .about-info .text .text-p.hide-text {
    height: 30vh;
  }
  .about-adv .adv-cont {
    padding: 24px;
    margin: 0;
  }
  .honor-swiper .swiper-slide {
    width: 60vw;
  }
  .manu-info dd {
    width: 100%;
    margin-bottom: 20px;
  }
  .manu-info dl {
    display: block;
  }
  .quality-zhanbi .imgshow {
    display: none;
  }
  .quality-zhanbi li {
    width: 100%;
    margin: 0 0 12px;
    text-align: left;
  }
  .quality-centext .t-imglist li {
    width: 50%;
    margin: 0 0 12px;
  }
  .Inspection-list ul {
    display: block;
    margin: 0;
  }
  .Inspection-list li {
    width: 100%;
    height: 50px;
  }
  .Inspection-list .i-item .imgshow {
    height: 100%;
  }
  .Inspection-list .i-item .imgshow img {
    width: 100%;
  }
  .Inspection-list li.cur {
    height: 30vh;
  }
  .Inspection-list .i-item .text h3 {
    writing-mode: initial;
    padding: 0;
    line-height: 50px;
  }
  .warehouse-info .info-cont {
    display: block;
  }
  .warehouse-info .info-cont .imgshow {
    width: 100%;
  }
  .warehouse-info .info-cont .text {
    margin: 12px 0 0;
  }
  .warehouse-methods {
    padding: 0;
    margin: 30px 0;
  }
  .ware-bot-grid .i-item .imgshow {
    height: 100%;
  }
  .ware-bot-grid li {
    width: 100%;
    margin-bottom: 12px;
  }
  .ware-bot-grid .i-item .text-p {
    -webkit-line-clamp: 8;
  }
  .ware-bot-grid ul {
    display: block;
  }
  .ware-bot-grid li.cur .imgshow {
    height: 40vh;
  }
  .content-news .content-left {
    display: none;
    width: 100%;
    height: auto;
  }
  .content-news .content-right {
    margin-left: 0;
  }
  .content-news {
    display: block;
  }
  .nes-filters {
    display: block;
    padding: 16px;
  }
  .nes-filters .slot-right {
    width: 100%;
    margin: 12px 0 0;
  }
  .nes-filters .p-search {
    width: 100%;
  }
  .nes-filters .p-search button {
    width: 50px;
  }
  .nes-filters .t-sort {
    flex: 1;
    white-space: nowrap;
  }
  .inner-news-list .n-item {
    display: block;
  }
  .inner-news-list .n-item .text {
    padding: 0;
  }
  .inner-news-list .n-item .imgshow {
    width: 100%;
    margin: 0 0 12px;
  }
  .inner-news-list .n-item .date {
    padding: 10px 0 0;
  }
  .content-news-detail .n-t {
    font-size: 24px;
  }
  .content-news-detail .news-page {
    display: block;
  }
  .content-news-detail .news-page .p-btns {
    padding: 0 16px;
    border-bottom: 5px solid #FFF;
    max-width: 100%;
  }
  .contact-list li {
    width: 100%;
    margin: 0 0 12px;
  }
  .media-list li {
    width: 50%;
    margin-bottom: 12px;
  }
  .inquiry-form .f-item {
        width: 100%;
        margin: 0 0 12px 0;
    }
    .prodis-cont{
        display: block;
    }
    .prodis-cont .prodis-swiper{
        width:100%;
        padding-left:0;
    }
    .prodis-cont .prodis-swiper .left-swiper{
        position: relative;
        padding-top:20px;
        width:100%;
        
    }
    .prodis-cont .prodis-text{
        width:100%;
        padding-left:0;
    }
    .prodis-cont .prodis-swiper .left-swiper .swiper-page{
        display:none;
    }
    .prodis-cont .p-btns a{
        padding:5px 10px;
    }
}