/* Shared responsive layer for the legacy PbootCMS theme. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

.header,
.content,
.footer {
  width: min(1000px, calc(100% - 40px));
  max-width: 100%;
  min-width: 0;
}

.head {
  height: auto;
}

.head_topbg {
  width: 100%;
  float: none;
}

.hyy {
  width: min(1000px, calc(100% - 40px));
  max-width: 100%;
  min-width: 0;
}

.head_fx,
.head_fx ul {
  width: auto;
  max-width: 100%;
}

.head .header {
  width: min(1000px, calc(100% - 40px));
  max-width: 100%;
  min-width: 0;
}

.head_logo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 24px;
  height: 175px;
}

.head_logo h1,
.head_logo .span_wz,
.head_logo .search-tel {
  float: none;
}

.head_logo h1 {
  flex: 0 0 auto;
}

.head_logo a img {
  display: block;
  margin-top: 0;
}

.span_wz {
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
  margin: 0;
}

.span_black,
.span_blue {
  float: none;
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: clamp(16px, 2.1vw, 22px);
}

.search-tel {
  flex: 0 0 220px;
  min-width: 0;
  margin-top: 0;
}

.search-tel b {
  font-size: clamp(20px, 2.5vw, 30px);
  white-space: nowrap;
}

.head_nav {
  width: 100%;
  height: auto;
  min-height: 55px;
  float: none;
  line-height: 55px;
  overflow: visible;
}

.head_nav .header {
  width: 100%;
  margin: 0 auto;
}

.head_nav ul {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.head_nav ul li {
  float: none;
  min-width: 0;
}

.head_nav li a {
  padding: 0 clamp(10px, 1.8vw, 24px);
  white-space: nowrap;
}

.fullSlide,
.banner {
  height: clamp(260px, 31.25vw, 600px) !important;
}

.fullSlide .bd,
.fullSlide .bd ul,
.fullSlide .bd li,
.fullSlide .bd li a {
  height: 100% !important;
}

.fullSlide .bd li {
  background-size: cover;
  background-position: center top;
}

.fullSlide .hd ul li {
  width: clamp(36px, 6vw, 100px);
  margin-left: clamp(5px, 1.2vw, 17px);
}

/* The product carousel writes a multi-thousand-pixel inline width and left
   offset. Keep the current product visible and let the product list below
   provide the complete set of links at responsive widths. */
@media (max-width: 1599px) {
  .pro_main {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
  }

  .partner2-slide-hd,
  .partner2-slide-hd .tempWrap {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

.probj {
  height: auto;
  min-height: 0;
}

.probj > .content {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.pro-le,
.probj .pro-ri {
  float: none;
  min-width: 0;
}

.pro-le {
  flex: 0 0 260px;
}

.probj .pro-ri {
  width: auto;
  flex: 1 1 auto;
}

.probj .pro-ri .pro-rtit,
.probj .pro-ri .pro_list,
.probj .pro-ri .pro_list ul {
  width: 100%;
  max-width: 100%;
}

.probj .pro-ri .pro_big {
  width: 100%;
  max-width: 100%;
  padding-left: 35px;
}

.probj .pro-ri .pro_main {
  max-width: 100%;
}

.probj .pro-ri .pro_main > dl {
  max-width: 100%;
}

.pro_list ul li,
.pro_list ul li.li_no {
  max-width: 100%;
}

.projectbj {
  height: auto;
  min-height: 590px;
  padding-bottom: 45px;
}

.projectbj .content {
  min-width: 0;
}

.projectbj .project_le,
.projectbj .project_ri {
  min-width: 0;
  max-width: 100%;
}

.ys {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.ys h2 img,
.witness h2 img,
.about h2 img {
  max-width: 100%;
  height: auto;
}

.ys dl,
.witness dl,
.about dl {
  max-width: 100%;
}

.partner2content {
  width: min(1000px, calc(100% - 40px));
  max-width: 100%;
}

.partner2-slide-hd .tempWrap {
  width: 100% !important;
}

.partner2-slide-hd ul {
  max-width: none;
}

.witness {
  width: 100%;
  max-width: 100%;
}

.witness dl {
  max-width: 100%;
}

.witness dt,
.witness dt img,
.about dt,
.about dt img {
  max-width: 100%;
  height: auto;
}

.about {
  height: auto;
  min-height: 506px;
}

.about .content {
  min-width: 0;
}

.foot {
  height: auto;
  min-height: 280px;
  overflow: visible;
}

.f_nav {
  height: auto;
  min-height: 56px;
  line-height: 1.4;
}

.f_nav .footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
}

.f_nav a {
  display: inline-block;
  padding: 5px 18px;
  line-height: 1.4;
}

.ft_info {
  height: auto;
  min-height: 187px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 30px;
}

.ft_info h2,
.ft_info .ft_contact,
.ft_info .code {
  float: none;
  margin: 0;
}

.ft_info h2 {
  flex: 0 1 264px;
}

.ft_info .ft_contact {
  flex: 1 1 350px;
  min-width: 0;
}

.ft_info .code {
  flex: 0 0 234px;
}

.side-contact {
  max-width: 100vw;
}

.ewm_code {
  max-width: calc(100vw - 70px);
}

.ewm_code img {
  max-width: 100%;
  height: auto;
}

/* Legacy inner layouts used on list, detail and message pages. */
@media (max-width: 760px) {
  .left,
  .leftr,
  .left2,
  .left3,
  .rightl,
  .right,
  .right2,
  .right3,
  .right_main,
  .right2_main,
  .left2_main,
  .n_info_con2,
  .info_b,
  .info_b2,
  .nrcs,
  .age_con_key,
  .news,
  .faq,
  .link p {
    width: 100% !important;
    max-width: 100%;
    float: none;
  }

  .left,
  .leftr,
  .left2,
  .left3,
  .rightl,
  .right,
  .right2,
  .right3 {
    display: block;
    margin-bottom: 24px;
  }

  .comments dl dd,
  .comments dl .huifu {
    width: auto;
    max-width: 100%;
  }

  .n_info_con,
  .n_info_con p,
  .info_key {
    width: 100%;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .info_key {
    height: auto;
    min-height: 30px;
  }
}

@media (max-width: 1199px) {
  .head_logo {
    gap: 16px;
  }

  .search-tel {
    flex-basis: 190px;
  }

  .head_nav li a {
    padding-left: clamp(8px, 1.35vw, 18px);
    padding-right: clamp(8px, 1.35vw, 18px);
  }

  .probj > .content {
    gap: 22px;
  }
}

@media (max-width: 767px) {
  .header,
  .content,
  .footer,
  .head .header,
  .hyy,
  .partner2content {
    width: calc(100% - 32px);
  }

  .head_topbg {
    min-height: 35px;
    height: auto;
  }

  .hyy {
    display: block;
    padding: 8px 0;
    line-height: 1.35;
    text-align: center;
  }

  .hyy > span {
    display: block;
    font-size: 11px;
    white-space: normal;
  }

  .head_fx {
    display: none;
  }

  .head_logo {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    height: auto;
    min-height: 0;
    padding: 16px 0;
  }

  .head_logo h1 {
    grid-column: 1;
    grid-row: 1;
  }

  .head_logo h1 a img {
    width: 116px;
    height: auto;
  }

  .span_wz {
    grid-column: 2;
    grid-row: 1;
    line-height: 1.35;
  }

  .span_black,
  .span_blue {
    font-size: 15px;
    line-height: 1.35;
  }

  .search-tel {
    display: none;
  }

  .head_nav {
    min-height: 0;
    line-height: normal;
  }

  .head_nav ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: normal;
  }

  .head_nav ul li {
    width: 100%;
  }

  .head_nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 7px 8px;
    text-align: center;
    white-space: normal;
    line-height: 1.25;
    font-size: 12px;
  }

  .fullSlide,
  .banner {
    height: clamp(210px, 52vw, 360px) !important;
  }

  .fullSlide .bd li {
    background-size: auto 100%;
    background-position: center top;
  }

  .fullSlide .hd {
    height: 22px;
    line-height: 22px;
  }

  .fullSlide .hd ul li {
    width: 34px;
    height: 5px;
    margin-left: 5px;
  }

  .probj {
    padding: 35px 0 45px;
  }

  .probj > .content {
    display: block;
    width: calc(100% - 32px);
  }

  .pro-le,
  .probj .pro-ri {
    width: 100% !important;
    max-width: 100%;
  }

  .pro-le {
    margin-bottom: 30px;
  }

  .pro-le h2,
  .pro-le .procolumn,
  .pro-le .procolumn h3,
  .pro-le .procolumn ul,
  .pro-le .procolumn ul li.ul_li {
    width: 100%;
    max-width: 100%;
  }

  .pro-le h2 a b,
  .pro-le h2 a i {
    width: 100%;
  }

  .probj .pro-ri .pro-rtit {
    height: auto;
    min-height: 30px;
  }

  .probj .pro-ri .pro_big {
    width: 100% !important;
    height: auto;
    min-height: 0;
    padding: 0 28px;
    margin-top: 16px;
  }

  .probj .pro-ri .pro_big .pro_prev {
    left: 0;
    top: 45%;
  }

  .probj .pro-ri .pro_big .pro_next {
    right: 0;
    top: 45%;
  }

  .probj .pro-ri .pro_main {
    width: 100% !important;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  .probj .pro-ri .pro_main > dl {
    display: none !important;
    float: none;
    width: 100% !important;
    height: auto;
    margin: 0 auto;
  }

  .probj .pro-ri .pro_main > dl:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    gap: 14px;
    align-items: start;
  }

  .probj .pro-ri .pro_main dl dt,
  .probj .pro-ri .pro_main dl dd {
    width: auto !important;
    max-width: 100%;
    height: auto;
    float: none;
    margin: 0;
  }

  .probj .pro-ri .pro_main dl dt img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    object-fit: contain;
  }

  .probj .pro-ri .pro_main dl dd a .tit01,
  .probj .pro-ri .pro_main dl dd a .pro_desc,
  .probj .pro-ri .pro_main dl dd .pro_ck {
    width: 100% !important;
    max-width: 100%;
  }

  .probj .pro-ri .pro_main dl dd a .tit01 {
    height: auto;
    min-height: 44px;
    line-height: 1.35;
    padding: 10px 0;
    font-size: 16px;
  }

  .probj .pro-ri .pro_main dl dd a .pro_desc {
    height: auto;
    min-height: 0;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  .probj .pro-ri .pro_main dl dd .pro_ck {
    height: auto;
    min-height: 30px;
    margin: 18px 0 0;
    line-height: 30px;
  }

  .probj .pro-ri .pro_list {
    width: 100% !important;
    height: auto;
    margin-top: 25px;
  }

  .probj .pro-ri .pro_list ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100% !important;
  }

  .probj .pro-ri .pro_list ul li,
  .probj .pro-ri .pro_list ul li.li_no {
    width: auto !important;
    height: auto;
    min-height: 0;
    margin: 0 !important;
  }

  .probj .pro-ri .pro_list ul li a img {
    width: calc(100% - 16px);
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    margin: 0 8px;
  }

  .probj .pro-ri .pro_list ul li a span {
    width: calc(100% - 16px);
    height: auto;
    min-height: 42px;
    margin: 0 8px;
    padding: 7px 22px 7px 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .projectbj {
    min-height: 0;
    padding: 0 0 40px;
    background-position: center top;
  }

  .projectbj .content {
    width: calc(100% - 32px);
  }

  .projectbj .project_tit {
    margin-top: 35px;
  }

  .projectbj .project_le,
  .projectbj .project_ri {
    width: 100% !important;
    height: auto;
    float: none;
    margin: 0;
  }

  .projectbj .project_le ul,
  .projectbj .project_le ul li {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 48px;
  }

  .projectbj .project_le ul li {
    line-height: 1.35;
    padding: 12px 0;
  }

  .projectbj .project_ri dl,
  .projectbj .project_ri dt,
  .projectbj .project_ri dd {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    float: none;
    margin: 0;
  }

  .projectbj .project_ri dt a img {
    width: 100%;
    height: auto;
  }

  .projectbj .project_ri dd {
    padding: 24px;
  }

  .projectbj .project_ri dd h3,
  .projectbj .project_ri dd p,
  .projectbj .project_ri dd span {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 14px;
  }

  .ys h2 {
    margin: 40px auto 30px;
  }

  .ys h2 img {
    width: 100%;
  }

  .ys dl {
    display: flex;
    flex-direction: column;
    height: auto !important;
    margin-bottom: 42px;
  }

  .ys dt,
  .ys dd,
  .ys01 dt,
  .ys01 dd,
  .ys02 dt,
  .ys02 dd,
  .ys03 dt,
  .ys03 dd,
  .ys04 dt,
  .ys04 dd {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    float: none;
    padding: 0;
  }

  .ys dt {
    order: 0;
  }

  .ys dd {
    order: 1;
    padding: 20px 0 0;
  }

  .ys dt img {
    width: 100% !important;
    height: auto !important;
  }

  .ys dd h3 {
    height: auto;
    min-height: 55px;
    padding: 8px 0 8px 70px;
    margin-bottom: 16px;
    background-size: contain;
    background-position: left top;
  }

  .ys .ys_more {
    width: 100%;
    max-width: 400px;
    margin-left: 0;
  }

  .partner2 {
    height: auto;
    min-height: 300px;
    padding-bottom: 35px;
  }

  .partner2content {
    margin: 55px auto 0;
  }

  .partner2 h2 {
    margin: 35px 0 25px;
  }

  .partner2-slide li {
    width: calc((100vw - 54px) / 2);
    height: auto;
    margin-right: 10px;
  }

  .partner2-slide li img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.95;
    object-fit: cover;
  }

  .partner2-slide-bd .prev {
    left: -8px;
  }

  .partner2-slide-bd .next {
    right: -8px;
  }

  .witness {
    width: 100%;
  }

  .witness h2 {
    margin: 40px 0 25px;
  }

  .witness dl,
  .witness dl.none {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 0 20px;
  }

  .witness dt,
  .witness dt img {
    width: 100%;
    height: auto;
  }

  .witness dd {
    width: 100%;
    height: auto;
    min-height: 150px;
  }

  .about {
    min-height: 0;
    margin: 45px 0;
    padding-bottom: 28px;
  }

  .about h2 {
    margin: 40px 0 25px;
  }

  .about dl,
  .about dt,
  .about dd {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    float: none;
  }

  .about dt img {
    width: 100%;
  }

  .about dd {
    padding-top: 22px;
  }

  .about dd p {
    line-height: 1.7;
    overflow-wrap: anywhere;
  }

  .ft_info {
    display: block;
    padding: 0 0 28px;
  }

  .ft_info h2,
  .ft_info .ft_contact,
  .ft_info .code {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 15px 0;
    border-right: 0;
  }

  .ft_info h2 img {
    max-width: 228px;
    width: 100%;
    height: auto;
  }

  .ft_info .code {
    background-position: left top;
    padding-left: 118px;
  }

  .side-contact li.tel,
  .side-contact li.qq_kf {
    display: none;
  }

  .ewm_code {
    right: 52px;
    top: auto;
    bottom: 70px;
  }
}

/* Responsive rules for the separate 1200px special-page template. */
.w1200 {
  width: min(1200px, calc(100% - 32px));
  max-width: 100%;
}

@media (max-width: 1199px) {
  #banner {
    height: auto !important;
    max-height: none;
  }

  #banner img {
    display: block;
    width: 100%;
    height: auto;
  }

  #what .bottom,
  #fanwei .bottom,
  #fanan .bottom {
    height: auto;
  }

  #what .bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #what .bottom .fl,
  #what .bottom .fr {
    width: 100%;
    float: none;
  }

  #what .swiper-cp,
  #what .swiper-wrapper,
  #what .swiper-slide {
    width: 100% !important;
    max-width: 100%;
    overflow: hidden;
  }

  #what .swiper-wrapper {
    transform: none !important;
  }

  #what .swiper-slide {
    flex: 0 0 100% !important;
  }

  #what .bottom .fl {
    height: auto;
    min-height: 250px;
  }

  #what .bottom .fr span {
    width: 100%;
    float: none;
  }

  #youshi,
  #fenlan,
  #fanwei,
  #pin {
    height: auto;
    min-height: 0;
    padding-bottom: 40px;
    background-size: cover;
  }

  #youshi .bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    height: auto;
  }

  #youshi .bottom .tu {
    position: static;
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
  }

  #youshi .bottom .tu img {
    width: 100%;
    height: auto;
  }

  #youshi .bottom li {
    position: static;
    width: auto;
    min-height: 48px;
    font-size: 12px;
    line-height: 1.45;
  }

  #fenlan .w1200 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #fenlan .fl,
  #fenlan .fr {
    width: 100%;
    float: none;
    padding: 0;
  }

  #fenlan .fr p {
    margin: 0 0 18px;
    font-size: 20px;
  }

  #fenlan .fr a {
    width: 100%;
    float: none;
    margin: 0 0 10px;
  }

  #vs .lanren,
  #vs .lanren .content,
  #vs .lanren .tab {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  #vs .lanren .content {
    aspect-ratio: 1 / .72;
  }

  #vs .lanren .content .ul {
    display: flex;
    width: 300% !important;
    height: 100%;
  }

  #vs .lanren .content .li {
    flex: 0 0 33.3333%;
    width: 33.3333% !important;
    height: auto !important;
  }

  #vs .lanren .content .li img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
  }

  #vs .lanren .tab {
    display: grid;
    grid-template-columns: 1fr;
  }

  #vs .lanren .tab a {
    width: 100%;
    height: auto;
    min-height: 48px;
    padding: 12px 10px;
    line-height: 1.4;
  }

  #fanwei .bottom li,
  #fanwei .bottom li .fl,
  #fanwei .bottom li .fr {
    width: 100%;
    height: auto;
    float: none;
  }

  #fanwei .bottom li {
    display: flex;
    flex-direction: column;
  }

  #fanwei .bottom li .fl img {
    display: block;
    width: 100%;
    height: auto;
  }

  #fanwei .bottom li .fr {
    padding: 22px;
  }

  #fanan .bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  #fanan .bottom li {
    width: auto;
    float: none;
    margin: 0;
  }

  #fanan .bottom li img {
    width: 100%;
    height: auto;
  }

  #fanan .more {
    width: 100%;
    max-width: 500px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 28px auto;
  }

  #fanan .more a {
    width: 100%;
    float: none;
    min-height: 44px;
    line-height: 44px;
  }

  .shili,
  .shili .content,
  .shili .content .ul,
  .shili .tab,
  .shili .tiao,
  .shili .tae {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .shili {
    margin-top: 30px;
  }

  .shili .content .li {
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
  }

  .shili .content .li .zuo,
  .shili .content .li .you {
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
  }

  .shili .content .li .zuo img {
    display: block;
    width: 100%;
    height: auto;
  }

  .shili .content .li .you {
    padding: 22px 0;
  }

  .shili .content .li .you > p {
    padding-top: 0;
  }

  .shili .content .li .you .shuzi {
    position: static;
    font-size: 70px;
    text-align: right;
  }

  .shili .tab {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .shili .tab a {
    width: 100% !important;
    min-height: 44px;
    padding: 8px 10px;
    line-height: 1.4;
  }
}

/* Final coverage for the remaining legacy list, detail and special pages. */
@media (max-width: 1024px) {
  .topadcs {
    width: 100%;
    height: clamp(90px, 20.1vw, 206px) !important;
    min-height: 0;
    background: #163a84;
  }

  .topadcs > a,
  .topadcs > img,
  .topadcs > a > img {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
    margin: 0 !important;
  }

  .topadcs > img,
  .topadcs > a > img {
    position: static !important;
    object-fit: contain;
    object-position: center;
  }

  .plc {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 45px;
    padding: 10px 0;
    overflow-wrap: anywhere;
  }

  .a_nav,
  .a_nav ul {
    width: 100%;
    max-width: 100%;
  }

  .a_nav ul {
    display: flex;
    flex-wrap: wrap;
  }

  .a_nav li {
    width: auto;
    min-width: 160px;
    flex: 1 1 20%;
    float: none;
  }

  .rightl .pro_main,
  .right .right_main,
  .rightl .mainbox,
  .rightl .maincont,
  .rightl #printableview,
  .rightl .prodetailsinfo,
  .rightl .proinfo,
  .rightl .online {
    width: 100%;
    max-width: 100%;
  }

  .proinfo img,
  .a_fz img,
  .news_detail img,
  .right_main img {
    max-width: 100% !important;
    height: auto !important;
  }

  .proinfo table,
  .a_fz table,
  .news_detail table,
  .right_main table {
    width: 100% !important;
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .content > .left,
  .content > .leftr,
  .content > .right,
  .content > .rightl,
  .content > .left2,
  .content > .right2 {
    width: 100% !important;
    max-width: 100%;
    float: none;
    margin: 0 0 28px;
  }

  .content > .right,
  .content > .rightl,
  .content > .left2,
  .content > .right2 {
    overflow: visible;
  }

  .left .pro-le,
  .left .procolumn,
  .left .procolumn h3,
  .left .procolumn ul,
  .left .procolumn ul li.ul_li,
  .leftcontact {
    width: 100% !important;
    max-width: 100%;
  }

  .leftcontact {
    height: auto;
    border-bottom-width: 7px;
  }

  .leftlx_c {
    height: auto;
    padding-bottom: 12px;
  }

  .leftlx_c li {
    margin-bottom: 14px;
  }

  .rightl > .pro_main {
    display: flow-root;
  }

  dl.pd_list_dl,
  dl.pd_list_dl_0 {
    width: 50%;
    padding: 0 8px 24px !important;
    float: left;
  }

  dl.pd_list_dl dt,
  dl.pd_list_dl dt a,
  dl.pd_list_dl dt img,
  dl.pd_list_dl dd,
  dl.pd_list_dl em {
    width: 100%;
    max-width: 100%;
  }

  dl.pd_list_dl dt img {
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
  }

  dl.pd_list_dl dd {
    height: auto;
    min-height: 70px;
    white-space: normal;
  }

  dl.pd_list_dl em {
    display: flex;
  }

  dl.pd_list_dl em a {
    width: 50%;
    min-width: 0;
    float: none;
  }

  .pleft,
  .pright,
  .proviewbox {
    width: 100% !important;
    max-width: 100%;
    float: none;
    margin: 0;
  }

  .pright {
    padding-top: 22px;
  }

  .probigshow,
  .probigshow .jqzoom,
  .probigshow .js_goods_image_url {
    display: block;
    width: min(100%, 520px) !important;
    height: auto !important;
    margin: 0 auto;
  }

  .probigshow .js_goods_image_url {
    aspect-ratio: 1;
    object-fit: contain;
  }

  #probig_preview,
  .jqZoomPup,
  .preload {
    display: none !important;
  }

  .propar h4 {
    text-align: left;
    overflow-wrap: anywhere;
  }

  .pd_hotline span.font_hotline {
    font-size: clamp(18px, 5vw, 24px);
    overflow-wrap: anywhere;
  }

  .fenlei {
    margin-top: 45px;
  }

  .proinfo {
    overflow-x: auto;
    overflow-wrap: anywhere;
    -webkit-overflow-scrolling: touch;
  }

  .online ul,
  .online li,
  .online .li01,
  .online .li02,
  .online .li03,
  .online .li04,
  .online .li06 {
    width: 100%;
    max-width: 100%;
    float: none;
  }

  .online li span {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
  }

  .online input[type="text"],
  .online input[type="email"],
  .online input[type="tel"],
  .online textarea,
  .online .inp001,
  .online .inp002,
  .online .inp003,
  .online .inp004,
  .online .inp007 {
    width: 100% !important;
    max-width: 100%;
  }

  .news_con dl,
  dl.hzpp_dl,
  dl.pj_list_dl {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .head_nav .header {
    width: 100%;
    overflow-x: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .head_nav ul {
    display: flex;
    width: max-content;
    min-width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .head_nav ul li {
    width: auto;
    flex: 0 0 auto;
  }

  .head_nav li a {
    min-height: 46px;
    padding: 8px 13px;
    white-space: nowrap;
    font-size: 13px;
  }

  .fullSlide,
  .banner {
    height: clamp(130px, 31.25vw, 240px) !important;
    background: #102b50;
  }

  .fullSlide .bd li {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .hh3 {
    height: auto;
    min-height: 54px;
  }

  .hh3 b {
    min-width: 0;
    max-width: 100%;
    height: auto;
    padding: 10px 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .hh3 i {
    display: block;
    margin-left: 0;
  }

  .a_nav li {
    min-width: 50%;
    flex-basis: 50%;
  }

  dl.pd_list_dl,
  dl.pd_list_dl_0 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  dl.pd_list_dl dd a.a_f1 {
    display: block;
    min-height: 38px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  dl.pd_list_dl em .iconfont {
    display: none;
  }

  .goodlistfy,
  .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .goodlistfy a,
  .goodlistfy span,
  .pagination a,
  .pagination span {
    margin: 0 !important;
  }

  .info_b2 ul.p_list_ul2,
  .info_b2 ul.p_list_ul2 li,
  ul.p_list_ul2 li {
    width: 100%;
    max-width: 100%;
  }

  .proinfo table {
    min-width: 560px;
  }

  .f_nav a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .side-contact li.ewm,
  .ewm_code {
    display: none !important;
  }
}

/* Procurement/About Us page built with caigou.css. */
@media (max-width: 1199px) {
  .title,
  .content_jiemi,
  .content_xingn,
  .content_biaozhun,
  .content_fangfa,
  .content_zhuyi,
  .content_sq,
  .content_cg,
  .renzhun,
  .text_zhu {
    width: min(1200px, calc(100% - 32px)) !important;
    max-width: 100%;
  }

  .title h1 {
    font-size: clamp(25px, 4.2vw, 40px);
    overflow-wrap: anywhere;
  }

  .title p {
    font-size: clamp(13px, 2vw, 18px);
  }

  .jiemi,
  .xingn,
  .biaozhun,
  .fangfa,
  .zhuyi,
  .shengq,
  .caigou2,
  .zhuzhang {
    height: auto;
    min-height: 0;
    padding: 58px 0;
    background-size: cover;
  }

  .jiemi .content_jiemi {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 42px;
  }

  .jiemi .content_jiemi .jiemitu {
    grid-column: 1 / -1;
    width: min(100%, 828px);
    height: auto;
  }

  .jiemi .content_jiemi .jiemitu img {
    display: block;
    width: 100%;
    height: auto;
  }

  .jiemi .content_jiemi h2,
  .jiemi .content_jiemi h2:nth-of-type(n) {
    position: static;
    width: auto;
    height: auto;
    padding: 14px;
    text-align: center;
    line-height: 1.3;
    background: #f3f5f8;
  }

  .xingn .content_xingn .gexin {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 34px;
  }

  .xingn .content_xingn .gexin_box {
    width: auto;
    height: auto;
    min-width: 0;
    float: none;
    margin: 0;
  }

  .xingn .content_xingn .gexin_box .tu {
    max-width: 220px;
    margin: 0 auto;
  }

  .biaozhun .content_biaozhun {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 18px;
  }

  .biaozhun .content_biaozhun .biao_box {
    display: flex;
    width: auto;
    min-width: 0;
    float: none;
    flex-direction: column;
    align-items: center;
  }

  .biaozhun .content_biaozhun .biao_box img {
    width: 100%;
    height: auto;
  }

  .biaozhun .content_biaozhun .biao_box p {
    height: auto;
    line-height: 1.55;
  }

  .fangfa .content_fangfa {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    height: auto;
    margin-top: 48px;
  }

  .fangfa .content_fangfa .fangfa_zuo {
    width: auto;
    float: none;
  }

  .fangfa .content_fangfa .fangfa_zuo p {
    height: auto;
    min-height: 0;
    margin: 0 0 24px;
    text-align: left;
  }

  .fangfa .content_fangfa .fangfa_mid {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
    background: none;
  }

  .fangfa .content_fangfa .fangfa_mid img,
  .fangfa .content_fangfa .fangfa_mid img:nth-of-type(n) {
    position: static;
    width: 100%;
    height: auto;
  }

  .zhuyi .content_zhuyi {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    height: auto;
  }

  .zhuyi .zhuyi_zuo,
  .zhuyi .zhuyi_mid {
    width: auto;
    height: auto;
    float: none;
    margin: 0;
  }

  .zhuyi .zhuyi_mid {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: center;
  }

  .zhuyi .zhuyi_mid img {
    max-height: 350px;
  }

  .zhuyi .zhuyi_zuo p,
  .zhuyi .zhuyi_zuo p:nth-of-type(n) {
    height: auto;
    margin: 0 0 26px;
    text-align: left;
  }

  .zhuyi .title,
  .zhuyi .content_zhuyi .zhuyi_tu {
    display: none;
  }

  .shengq .content_sq {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    height: auto;
    margin-top: 48px;
    background: none;
  }

  .shengq .content_sq .sq_box,
  .shengq .content_sq .sq_box:nth-of-type(n) {
    position: static;
    width: auto;
    height: auto;
  }

  .shengq .content_sq .sq_box img {
    display: block;
    margin: 0 auto;
  }

  .caigou2 .content_cg {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    height: auto;
    margin-top: 48px;
    background: none;
  }

  .caigou2 .content_cg ul,
  .caigou2 .content_cg .cai_you {
    width: auto;
    float: none;
    padding: 0;
  }

  .caigou2 .content_cg p,
  .caigou2 .content_cg .cai_you p {
    margin-bottom: 26px;
    text-align: left;
  }

  .caigou2 .content_cg p a,
  .caigou2 .content_cg .cai_you p a {
    margin-left: 0;
  }

  .caigou2 .renzhun img {
    max-width: 100%;
    height: auto;
  }

  .zhuzhang .text_zhu p {
    overflow-wrap: anywhere;
  }
}

/* Brand page built with brand.css. */
@media (max-width: 1199px) {
  .section01,
  .section02,
  .section03,
  .section04,
  .section05,
  .section06,
  .section07,
  .section08 {
    height: auto;
    min-height: 0;
    padding: 58px 0;
    background-size: cover;
  }

  .section01 .hongye,
  .section02 .content,
  .section03 .content03,
  .section04 .content04,
  .section05 .content05,
  #prod,
  .section07 .content07 {
    width: min(1200px, calc(100% - 32px)) !important;
    max-width: 100%;
    height: auto;
  }

  .title {
    width: min(1016px, calc(100% - 32px));
  }

  .title .title_big {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    height: auto;
  }

  .title .title_big hr {
    width: min(24vw, 297px);
    float: none;
    margin: 0;
  }

  .title .title_big img {
    max-width: 42%;
    height: auto;
    float: none;
    margin: 0;
  }

  .section01 .hongye {
    margin-top: 36px;
    text-align: center;
  }

  .section01 p {
    width: min(1100px, calc(100% - 32px));
    margin: 34px auto 0;
    line-height: 1.8;
    overflow-wrap: anywhere;
  }

  .section02 .content {
    display: grid;
    grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
    gap: 26px;
  }

  .section02 .content .zuo,
  .section02 .content .zuo .fuwu,
  .section02 .tab_content,
  .section02 .content .you {
    width: 100%;
    max-width: 100%;
  }

  .section02 .content .you {
    position: static;
    height: auto;
    min-height: 360px;
    padding: 45px 28px;
  }

  .section02 .content .you h3 {
    margin-top: 45px;
  }

  .section03 .content03 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    margin-top: 42px;
  }

  .section03 .content03 > img {
    display: none;
  }

  .section03 .content03 .content03_zuo,
  .section03 .content03 .content03_you {
    width: auto;
    float: none;
    margin: 0;
  }

  .section03 .content03 .content03_zuo p,
  .section03 .content03 .content03_you p {
    height: auto;
    min-height: 145px;
    padding: 18px;
    text-align: left;
    background: rgba(255, 255, 255, .86);
  }

  .section03 .content03 h1 {
    grid-column: 1 / -1;
  }

  .section04 .content04 > img {
    display: block;
    width: 100%;
    height: auto;
  }

  .section04 .content04 p {
    line-height: 1.8;
  }

  .section05 .content05 .jiangjiu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    height: auto;
  }

  .section05 .content05 .jiangjiu a {
    width: auto;
    height: 503px;
    float: none;
    margin: 0;
    background-position: center !important;
    background-size: cover !important;
  }

  .section05 .content05 .jiangjiu a .jiangjiu_cp {
    width: 100%;
  }

  #prod {
    display: flex;
    align-items: center;
    margin-top: 48px;
  }

  #kehu_d {
    width: calc(100% - 92px) !important;
    height: auto;
    margin: 0 8px;
    overflow-x: auto;
  }

  #kehu_d > div,
  #kehu_d .kh {
    max-width: none;
  }

  #kehu_l,
  #kehu_r {
    flex: 0 0 38px;
    float: none;
    margin-top: 0;
  }

  .section07 .content07 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    margin-top: 48px;
  }

  .section07 .content07 .content07_zuo,
  .section07 .content07 .content07_you {
    width: auto;
    float: none;
    margin: 0;
  }

  .section07 .content07 .content07_you img {
    margin-top: 0;
  }

  .section07 .content07 .content07_you p,
  .section07 .content07 .content07_you i {
    line-height: 1.65;
    overflow-wrap: anywhere;
  }

  .section08 {
    background-position: center;
  }

  .section08 p {
    width: calc(100% - 32px);
    margin: 0 auto;
    font-size: clamp(18px, 3vw, 25px);
  }

  .section08 p span {
    font-size: clamp(20px, 3.5vw, 30px);
  }
}

@media (max-width: 767px) {
  .jiemi,
  .xingn,
  .biaozhun,
  .fangfa,
  .zhuyi,
  .shengq,
  .caigou2,
  .zhuzhang,
  .section01,
  .section02,
  .section03,
  .section04,
  .section05,
  .section06,
  .section07,
  .section08 {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .jiemi .content_jiemi,
  .xingn .content_xingn .gexin,
  .biaozhun .content_biaozhun,
  .fangfa .content_fangfa,
  .zhuyi .content_zhuyi,
  .shengq .content_sq,
  .caigou2 .content_cg,
  .section02 .content,
  .section03 .content03,
  .section05 .content05 .jiangjiu,
  .section07 .content07 {
    grid-template-columns: 1fr;
  }

  .jiemi .content_jiemi .jiemitu,
  .zhuyi .zhuyi_mid {
    grid-column: 1;
  }

  .xingn .content_xingn .gexin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xingn .content_xingn .gexin_box p {
    font-size: 14px;
  }

  .fangfa .content_fangfa .fangfa_mid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .caigou2 .renzhun p {
    font-size: 18px;
  }

  .zhuzhang .text_zhu p br,
  .section01 p br,
  .section04 .content04 p br,
  .section05 .content05 > p br,
  .section07 .content07 p br,
  .section07 .content07 i br {
    display: none;
  }

  .section02 .content .zuo .fuwu li {
    height: auto;
    min-height: 22px;
    margin-top: 24px;
  }

  .section02 .content .you {
    min-height: 0;
    padding: 28px 18px;
  }

  .section02 .content .you h3 {
    margin-top: 0;
    font-size: 22px;
  }

  .section02 .content .you p br {
    display: none;
  }

  .section03 .content03 .content03_zuo p,
  .section03 .content03 .content03_you p {
    min-height: 0;
    font-size: 24px;
  }

  .section05 .content05 .jiangjiu a {
    height: 430px;
  }

  .section07 .content07 .content07_zuo,
  .section07 .content07 .content07_you {
    width: 100%;
  }

  .section08 p img {
    max-width: 220px;
    margin: 26px 0;
  }
}

/* Corrections found during real 390px browser checks. */
@media (max-width: 1024px) {
  #banner.topadcs {
    width: 100%;
    height: clamp(90px, 20.1vw, 206px) !important;
    min-height: 0;
  }

  #banner.topadcs > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
  }

  .temp_ec_01map {
    width: 100%;
    height: clamp(280px, 68vw, 360px) !important;
    overflow: hidden;
  }

  .temp_ec_01map .mapimg,
  .temp_ec_01map #map {
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
  }

  .temp_ec_01map .mapimg {
    padding: 5px;
  }

  .temp_ec_01dz,
  .temp_ec_01dz dl,
  .temp_ec_01dz dt,
  .temp_ec_01dz dd {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }

  .temp_ec_01dz {
    margin: 24px 0 42px;
    overflow: visible;
  }

  .temp_ec_01dz dl {
    padding: 22px;
  }

  .temp_ec_01dz dt {
    min-height: 52px;
    line-height: 1.45;
    padding: 10px 0;
    overflow-wrap: anywhere;
  }

  .temp_ec_01dz dd {
    min-height: 70px;
    padding: 18px 8px 18px 56px;
    line-height: 1.6;
    overflow: visible;
    overflow-wrap: anywhere;
  }

  .temp_ec_01dz dd span {
    overflow-wrap: anywhere;
  }

  .xingn .content_xingn .gexin_box .tu img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 18px auto 0 !important;
  }

  #kehu_d > div {
    display: flex;
    width: max-content !important;
  }

  #kehu_d .kh {
    flex: 0 0 228px;
  }

  .inf_lc li {
    height: auto;
    min-height: 110px;
    padding: 16px;
    overflow: visible;
  }

  .inf_lc li h4,
  .inf_lc li p,
  .inf_lc li .fr {
    float: none;
  }

  .inf_lc li h4 {
    display: flex;
    align-items: baseline;
    gap: 8px;
    width: 100%;
    padding: 0 0 10px;
    text-align: left;
  }

  .inf_lc li h4 b,
  .inf_lc li h4 span {
    display: inline;
    width: auto;
    height: auto;
    line-height: 1.2;
  }

  .inf_lc li p {
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: visible;
    overflow-wrap: anywhere;
  }

  .inf_lc li p b,
  .inf_lc li p a,
  .proinfo a,
  .news_detail a {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .inf_lc li .fr {
    margin: 14px 0 0;
  }
}

@media (max-width: 767px) {
  .temp_ec_01dz dl {
    padding: 16px;
  }

  .temp_ec_01dz dd {
    padding-left: 52px;
  }

  .temp_ec_01dz dd i {
    padding: 0 5px;
  }

  .plc,
  .plc2 {
    height: auto;
    min-height: 42px;
    padding-left: 0;
    line-height: 1.6;
    white-space: normal;
    background: none;
  }

  .plc *,
  .plc2 * {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .title h1 {
    font-size: 22px;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .title p {
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .jiemi .content_jiemi .jiemitu {
    display: none;
  }

  .temp_ec_01dz dd span {
    display: block;
    margin-top: 4px;
  }

  .temp_ec_01dz dd i {
    display: none;
  }

  .side-contact {
    top: auto !important;
    right: 8px !important;
    bottom: 16px !important;
    width: 40px;
    height: 40px;
    margin: 0;
  }

  .side-contact li.top {
    position: static;
    width: 40px;
    height: 40px;
    line-height: 40px;
    opacity: .82;
  }

  .side-contact li.top i {
    font-size: 24px;
  }
}