#navpc {
  background-color: #ffffff;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 888;
  border-bottom: 1px solid #dadada;
}
#navpc a {
  height: 100%;
  -o-background-size: contain;
     background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#navpc a.log1 {
  width: 9.5vw;
  background-image: url(/uploads/image/2images/log1-b.svg);
}
#navpc a.log2 {
  width: 9.5vw;
  background-image: url(/uploads/image/2images/log2-b.svg);
}
#navpc a.sreach-img {
  width: 1.3vw;
  height: 1.3vw;
  background-image: url(/uploads/image/2iheader/search.svg);
}
#navpc a.login-img {
  width: 1.2vw;
  height: 1.3vw;
  background-image: url(/uploads/image/2iheader/user.svg);
}
#navpc a:hover.sreach-img {
  background-image: url(/uploads/image/2iheader/search-h.svg) !important;
}
#navpc a:hover.login-img {
  background-image: url(/uploads/image/2iheader/user-h.svg) !important;
}
#navpc img {
  display: inline-block;
  vertical-align: middle;
}
#navpc img.log4 {
  width: 17.82vw;
}
#navpc .nav-top {
  width: 100%;
  padding: 0 1.67vw;
  height: 3.39vw;
  line-height: 3.39vw;
  overflow: hidden;
  vertical-align: middle;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
#navpc .nav-top .nav-center {
  color: #000000;
  width: 65%;
  margin: auto;
  text-align: center;
  white-space: nowrap;
}
#navpc .nav-top .nav-center .nav-li {
  display: inline-block;
  cursor: pointer;
  margin: 0 3%;
  vertical-align: middle;
}
#navpc .nav-top .nav-center .nav-li .new-small {
  width: 1.5vw;
  vertical-align: middle;
}
#navpc .nav-top .nav-center .nav-li a {
  display: block;
}
#navpc .nav-top .nav-center .nav-li.active a {
  color: #e60021 !important;
}
#navpc .nav-top .nav-center .nav-li:nth-last-child(1) {
  margin: 0 0 0 2%;
}
#navpc .nav-top .nav-center .nav-li:nth-last-child(2) {
  margin: 0 0 0 0.5%;
}
#navpc .cat-bg {
  background-color: #ffffff;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 999;
  border-top: 4px solid #e60021;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
#navpc .cat-bg .cat-type {
  width: 100% !important;
}
#navpc .cat-bg .cat-type .cat-top {
  vertical-align: middle;
  margin-top: 2.2vw;
  line-height: 3vw;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #dadada;
}
#navpc .cat-bg .cat-type .cat-top div {
  display: inline-block;
  width: 9.4vw;
  cursor: pointer;
  min-width: 110px;
  position: relative;
}
#navpc .cat-bg .cat-type .cat-top div::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -1px;
  left: 50%;
  display: block;
  width: 0;
  height: 3px;
  -webkit-transform: translatex(-50%);
     -moz-transform: translatex(-50%);
      -ms-transform: translatex(-50%);
       -o-transform: translatex(-50%);
          transform: translatex(-50%);
  background: #e60021;
}
#navpc .cat-bg .cat-type .cat-top div.active::after {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#navpc .cat-bg .cat-type .cat-table {
  width: 90%;
  margin: auto;
  padding: 1.5vw 0 40px;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#navpc .cat-bg .cat-type .cat-table .tab {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item {
  width: 18%;
  margin-right: 2.5%;
  margin-bottom: 2%;
  display: none;
  min-height: 1.56rem;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item:nth-child(5n) {
  margin-right: 0;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item a {
  display: block;
  cursor: pointer;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item a:active, #navpc .cat-bg .cat-type .cat-table .tab .cat-item a:hover {
  color: #e50021;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item a img {
  width: 83.5%;
  margin: 0 auto 0.5vw;
  display: block;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item a .p2 {
  padding-left: 8%;
  padding-right: 1%;
  white-space: nowrap;
  overflow: unset;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item a .p2 .p3 {
  position: relative;
  padding-bottom: 3%;
}
#navpc .cat-bg .cat-type .cat-table .tab .cat-item a .p2 .p3.new::after {
  font-size: 0.7vw;
  font-weight: normal;
  content: "new";
  position: absolute;
  top: -5px;
  color: #e60021;
}
#navpc .cat-bg .twonav {
  width: 83.4%;
  margin: auto;
  display: none;
}
#navpc .cat-bg .twonav a {
  display: inline-block;
}
#navpc .cat-bg .twonav .cat-box {
  width: 50%;
  float: left;
}
#navpc .cat-bg .twonav .cat-box .top {
  border-bottom: 1px solid #ededed;
  height: 3.7vw;
  line-height: 3.7vw;
}
#navpc .cat-bg .twonav .cat-box .top .tit {
  color: #e60021;
}
#navpc .cat-bg .twonav .cat-box .top .font {
  color: #c9c9c9;
  padding-left: 0.52vw;
}
#navpc .cat-bg .twonav .cat-box .icon-ul {
  margin: 1.56vw 0 2.34vw;
  color: #000000;
}
#navpc .cat-bg .twonav .cat-box .icon-ul .padding {
  padding-top: 1.56vw;
}
#navpc .cat-bg .twonav .cat-box .icon-ul .icon-type {
  float: left;
  min-width: 33.33%;
  color: #000;
}
#navpc .cat-bg .twonav .cat-box .icon-ul .icon-type img {
  width: 1.3vw;
}
#navpc .cat-bg .twonav .cat-box .icon-ul .icon-type span {
  vertical-align: middle;
  padding-left: 0.52vw;
}
#navpc .cat-bg .twonav .cat-box .icon-ul .icon-type.active a {
  color: #e60021;
  font-weight: bold;
}
#navpc .cat-bg .twonav.cat-science .cat-box {
  width: 87%;
  text-align: center;
}
#navpc .cat-bg .twonav.cat-science .cat-box .li {
  display: inline-block;
  margin: 0 4%;
}
#navpc .cat-bg .twonav.cat-science .cat-box .li:hover {
  color: #e60021;
  font-weight: bold;
}
#navpc .cat-bg .twonav.cat-sell .cat-box:last-of-type .top, #navpc .cat-bg .twonav.cat-sell .cat-box:last-of-type .icon-ul {
  padding-left: 2.6vw;
}
#navpc .cat-bg .twonav.cat-service .cat-box {
  width: 100%;
}
#navpc .cat-bg .twonav.cat-service .cat-box .icon-ul {
  margin-bottom: 1.82vw;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
}
#navpc .cat-bg .twonav.cat-service .cat-box .icon-ul .icon-type {
  min-width: 0;
}
#navpc .cat-bg .twonav.cat-newweb .cat-box {
  width: 100%;
}
#navpc .cat-bg .twonav.cat-newweb .cat-box .icon-ul {
  margin-bottom: 0;
}
#navpc .cat-bg .twonav.cat-newweb .cat-box .icon-ul .icon-type {
  padding-bottom: 1.5vw;
  min-width: 15%;
  position: relative;
  z-index: 5;
  background-color: #fff;
}
#navpc .cat-bg .twonav.cat-newweb .cat-box .icon-ul .icon-type sup {
  color: #e60021;
  font-size: 0.7vw;
}
#navpc .cat-bg .twonav.cat-newweb .cat-box .icon-ul .icon-type.active::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 20%;
  bottom: 0;
  left: 25%;
  background-color: #e60021;
}
#navpc .cat-bg .three-bg {
  position: absolute;
  bottom: -16vw;
  height: 16vw;
  display: none;
  width: 18vw;
}
#navpc .cat-bg .three-box {
  position: absolute;
  width: 9vw;
  color: #000;
  display: none;
  z-index: 4;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
#navpc .cat-bg .three-box .item-li {
  line-height: 2.5vw;
  height: 2.5vw;
  position: relative;
}
#navpc .cat-bg .three-box .item-li a {
  display: block;
}
#navpc .cat-bg .three-box .item-li a:hover {
  color: #e60021;
}
#navpc .cat-bg .three-box .item-li a:hover .arrow-right {
  -webkit-transform: translatey(-50%) rotate(90deg);
     -moz-transform: translatey(-50%) rotate(90deg);
      -ms-transform: translatey(-50%) rotate(90deg);
       -o-transform: translatey(-50%) rotate(90deg);
          transform: translatey(-50%) rotate(90deg);
}
#navpc .cat-bg .three-box .item-li .arrow-right {
  position: absolute;
  width: 0.9vw;
  right: 0.5vw;
  top: 50%;
  -webkit-transform: translatey(-50%);
     -moz-transform: translatey(-50%);
      -ms-transform: translatey(-50%);
       -o-transform: translatey(-50%);
          transform: translatey(-50%);
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#navpc .cat-bg .three-box .four-box {
  position: absolute;
  right: -10vw;
  width: 9vw;
  top: 2.5vw;
  display: none;
  background-color: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
#navpc .cat-bg .three-box .four-box.top1 {
  top: 5vw;
}
#navpc .cat-bg .three-box .four-box.top2 {
  top: 7.5vw;
}
#navpc .cat-bg .three-box .four-box::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -15px;
  top: 0.5vw;
  border: 8px solid;
  border-color: transparent #fff transparent transparent;
}

#navm {
  display: none;
  -webkit-tap-highlight-color: transparent;
}

#cookie-pop {
  min-height: 55px;
  line-height: 55px;
  display: none;
  background-color: #252729;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
#cookie-pop .cookie-msg {
  display: inline-block;
}
#cookie-pop .cookie-msg .rule {
  color: #e60021;
  cursor: pointer;
}
#cookie-pop .cookie-btn {
  background-color: #e60021;
  border-radius: 5px;
  padding: 10px 25px;
  cursor: pointer;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin-left: 5%;
}

@media screen and (min-width: 0\0 ) {
  #navpc img.sreach-img, #navpc img.login-img {
    width: 1.2em;
    height: 1.2em;
  }
  #navpc .cat-bg .twonav .cat-box .icon-ul .icon-type img {
    width: 1.2em;
    height: 1.2em;
  }
}
@media (max-width: 1366px) {
  #navpc .cat-bg .cat-type .cat-table .cat-content a .cat-item .p2 {
    padding-left: 10.4%;
  }
}
@media (max-width: 1024px) {
  #navpc .nav-top .nav-center {
    width: 75%;
  }
  #navpc .nav-top .nav-center .nav-li {
    padding: 0 2.5%;
  }
  #navpc .nav-top .nav-center .nav-li:nth-last-child(1) {
    padding: 0 0 0 1%;
  }
  #navpc .nav-top .nav-center .nav-li:nth-last-child(2) {
    padding: 0 0 0 4%;
  }
  #navpc .cat-bg .cat-type .cat-table {
    width: 95%;
  }
  #navpc .cat-bg .twonav {
    width: 95%;
    margin: auto;
  }
  #cookie-pop {
    line-height: 20px;
  }
  #cookie-pop .cookie-msg {
    width: 80%;
    padding-top: 5px;
    text-align: left;
    padding-left: 3%;
  }
  #cookie-pop .cookie-btn {
    border-radius: 5px;
    float: right;
    margin: 9px 4% 0;
  }
}
@media (max-width: 767px) {
  #navm {
    background-color: #ffffff;
    position: relative;
    z-index: 888;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #dadada;
    display: block;
  }
  #navm a:active, #navm a:hover {
    color: #e50021;
  }
  #navm .nav-top a {
    display: block;
    height: 100%;
    -o-background-size: contain;
       background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #navm .nav-top a.log1 {
    width: 25.9vw;
    background-image: url(/uploads/image/2images/log1-b.svg);
  }
  #navm .nav-top a.log2 {
    width: 25.9vw;
    background-image: url(/uploads/image/2images/log2-b.svg);
  }
  #navm .nav-top img {
    width: 100%;
    display: inline-block;
  }
  #navm .nav-top img.log3 {
    width: 27.2vw;
    margin: 4vw 0;
  }
  #navm .nav-top img.nav-icon {
    width: 3.74vw;
    padding: 2%;
    -moz-box-sizing: content-box;
         box-sizing: content-box;
  }
  #navm .nav-top img.nav-icon.active {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
  }
  #navm .nav-top .top-li {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.4vh;
    padding: 0 3.33%;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #navm .nav-top .top-li .arrow-bottom {
    width: 3.47vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 3.47vw;
    padding: 5%;
    background: url(/uploads/image/2images/arrow-bottom-b.svg) center center no-repeat;
    -o-background-size: 50% 50%;
       background-size: 50% 50%;
  }
  #navm .nav-top .top-li .arrow-bottom.active {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
       -moz-transform: translate(-50%, -50%) rotate(180deg);
        -ms-transform: translate(-50%, -50%) rotate(180deg);
         -o-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  #navm .nav-top .nav-content {
    padding: 0 3.33% 13vh;
    display: none;
    background-color: #fff;
    height: 93.6vh;
    width: 100%;
    overflow-y: scroll;
    border-top: 1px solid #dadada;
  }
  #navm .nav-top .nav-content .li {
    height: 14.7vw;
    line-height: 14.7vw;
    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;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #dadada;
  }
  #navm .nav-top .nav-content .li sup {
    vertical-align: super;
    color: #e60021;
  }
  #navm .nav-top .nav-content .li.active {
    border-bottom: 1px solid #e60021 !important;
  }
  #navm .nav-top .nav-content .li a {
    width: 100%;
  }
  #navm .nav-top .nav-content .nav-item .item-content {
    border-bottom: 1px solid #dadada;
    padding: 0 10.7%;
    display: none;
  }
  #navm .nav-top .nav-content .nav-item .item-content .three-item {
    border-bottom: 1px solid #dadada;
    padding: 0 14%;
    display: none;
  }
  #navm .nav-top .nav-content .nav-item .nav-cat {
    display: none;
  }
  #navm .nav-top .nav-content .nav-item .nav-cat .cat-table {
    padding-bottom: 4%;
    border-bottom: 1px solid #dadada;
  }
  #navm .nav-top .nav-content .nav-item .nav-cat .cat-table a {
    width: 49.3%;
    background: #f3f3f3;
    border: 1px #fff solid;
    height: 16.7vw;
    margin-bottom: 1%;
    text-align: center;
    font-weight: normal;
    line-height: 1.3;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #cookie-pop {
    min-height: 0;
    line-height: 3vw;
    text-align: left;
    font-size: 2.7vw !important;
    display: none;
    background-color: #252729;
    width: 100%;
    color: #ffffff;
  }
  #cookie-pop .cookie-msg {
    width: 78%;
    padding: 10px;
    vertical-align: middle;
    display: inline-block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  }
  #cookie-pop .cookie-msg .rule {
    color: #e60021;
    cursor: pointer;
  }
  #cookie-pop .cookie-btn {
    padding: 3% 6%;
    margin: 0;
    float: none;
    background-color: #e60021;
    border-radius: 5px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  }
  #navpc {
    display: none;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #navm {
    background-color: #ffffff;
    position: relative;
    z-index: 888;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #dadada;
    font-size: 2.4vw;
    display: block;
  }
  #navm .nav-top a {
    display: block;
    height: 100%;
    -o-background-size: contain;
       background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #navm .nav-top a.log1 {
    width: 18vw;
    background-image: url(/uploads/image/2images/log1-b.svg);
  }
  #navm .nav-top a.log2 {
    width: 22vw;
    background-image: url(/uploads/image/2images/log2-b.svg);
  }
  #navm .nav-top img {
    width: 100%;
    display: inline-block;
  }
  #navm .nav-top img.log3 {
    width: 22vw;
    margin: 2.5vw 0;
  }
  #navm .nav-top img.nav-icon {
    width: 2.8vw;
    padding: 2%;
    -moz-box-sizing: content-box;
         box-sizing: content-box;
  }
  #navm .nav-top img.nav-icon.active {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
  }
  #navm .nav-top .top-li {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 5vh;
    padding: 0 3.33%;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #navm .nav-top .top-li .arrow-bottom {
    width: 2.8vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 2.8vw;
    padding: 1.2%;
    background: url(/uploads/image/2images/arrow-bottom-b.svg) center center no-repeat;
    -o-background-size: contain;
       background-size: contain;
  }
  #navm .nav-top .top-li .arrow-bottom.active {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
       -moz-transform: translate(-50%, -50%) rotate(180deg);
        -ms-transform: translate(-50%, -50%) rotate(180deg);
         -o-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  #navm .nav-top .nav-content {
    padding: 0 3.33% 13vh;
    display: none;
    background-color: #fff;
    height: 95vh;
    width: 100%;
    overflow-y: scroll;
    border-top: 1px solid #dadada;
  }
  #navm .nav-top .nav-content .li {
    height: 8vw;
    line-height: 8vw;
    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;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #dadada;
  }
  #navm .nav-top .nav-content .li.active {
    border-bottom: 1px solid #e60021 !important;
  }
  #navm .nav-top .nav-content .li a {
    width: 100%;
  }
  #navm .nav-top .nav-content .nav-item .item-content {
    border-bottom: 1px solid #dadada;
    padding: 0 10.7%;
    display: none;
  }
  #navm .nav-top .nav-content .nav-item .item-content .three-item {
    border-bottom: 1px solid #dadada;
    padding: 0 14%;
    display: none;
  }
  #navm .nav-top .nav-content .nav-item .nav-cat {
    display: none;
  }
  #navm .nav-top .nav-content .nav-item .nav-cat .cat-table {
    padding-bottom: 4%;
    border-bottom: 1px solid #dadada;
  }
  #navm .nav-top .nav-content .nav-item .nav-cat .cat-table a {
    width: 49.3%;
    background: #f3f3f3;
    border: 1px #fff solid;
    height: 8vw;
    margin-bottom: 1%;
    text-align: center;
    font-weight: normal;
    display: inline-block;
    line-height: 8vw;
  }
  #navpc {
    display: none;
  }
}