/* Content-safe sizing for mixed Chinese and English CMS content. */
body,
button,
input,
select,
textarea {
  overflow-wrap: anywhere;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
  width: 100%;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip !important;
  }
}

.banner,
.banner .owl-carousel,
.banner .owl-wrapper-outer,
.container,
.wrapper,
.wrapper > main {
  max-width: 100%;
}

.banner .owl-wrapper-outer {
  overflow-x: hidden !important;
}

.header .container,
.header .logo,
.header .nav,
.header .nav .menu .nLi,
.content .con,
.content .con .article,
.content .con .article .new ul li,
.content .con .article .newb ul li,
.content .con .article .pro ul li,
.article-list > article,
.content .post,
.link .links ul li {
  min-width: 0;
}

.header .nav .menu .nLi > a,
.header .nav .menu .nLi .menu_2 li a,
.content .sidebai .aside1 .sidemenu .nL1 a,
.content .con .crumb p,
.content .con .article .new ul li a h4,
.content .con .article .newb ul li a .newbCon h4,
.content .con .article .pro ul li a p,
.content .con .article .newList .news_detail_title > div,
.article-list > article h2,
.content > h1,
.pager p,
.pre-next > div {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.content .con .article .new ul li a,
.content .con .article .newb ul li a,
.content .con .article .pro ul li a,
.article-list > article,
.feedback_list_box input,
.feedback_list_box textarea {
  max-width: 100%;
}

.content .con .article .newb ul li a .newbCon h4,
.content .con .article .newb ul li a .newbCon p,
.news .newsCon ul li a h4,
.news .newsCon ul li a p {
  height: auto;
  overflow: visible;
}

.news .newsCon ul li,
.content .con .article .new ul li,
.content .con .article .newb ul li,
.content .con .article .pro ul li,
.article-list > article,
.link .links ul li {
  min-height: 0;
}

@media (max-width: 767px) {
  .header {
    left: var(--sp-2);
    top: var(--sp-2);
    transform: none;
    width: calc(100% - var(--sp-4));
  }

  .header .logo,
  .header .nav {
    min-width: 0;
  }

  .content .con .crumb p,
  .content .con .article .new ul li a h4,
  .content .con .article .newb ul li a .newbCon h4,
  .content .con .article .pro ul li a p,
  .article-list > article h2,
  .content > h1 {
    overflow-wrap: anywhere;
  }
}