@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

:root {
  --bs-danger: #991D25;
  --bs-danger-rgb: 153, 29, 37;
  --text-y: #C1AA5B;
  --bs-danger-light: #991D25;
  --bs-danger-light-rgb: 153, 29, 37;
  --swiper-theme-color: var(--bs-danger);
  --swiper-navigation-size: 32px; }

.ratio {
  overflow: hidden; }

.link-success-light {
  color: RGBA(var(--bs-danger-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-light-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.text-my-main {
  color: var(--bs-danger); }

.text-my-secondary {
  color: var(--bs-danger-bg-subtle); }

.my-main-bg, .footer .f-list + .f-list {
  background-color: rgba(var(--name-gray), 0.1); }

.my-main-dark-bg {
  background-color: var(--bs-danger); }

.my-secondary-bg {
  background-color: var(--bs-danger-bg-subtle); }

.my-secondary-dark-bg {
  background-color: rgb(var(--name-gold)); }

body, html {
  color: #323333;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
  margin: 0 auto;
  max-width: 100%;
  min-height: 100%; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    color: inherit; }

img {
  max-height: 100%;
  max-width: 100%; }

.bjhs {
  background-color: #F6F6F6; }

.fixed-img {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
  outline: 0; }
  input:focus, textarea:focus {
    outline: 0; }

li, ul, ol, dl, dd, dt, p {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0; }

.tc {
  text-align: center; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

.clear {
  clear: both; }

.imgs {
  line-height: 1;
  overflow: hidden; }
  .imgs img {
    height: auto;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -webkit-transition: .7s;
    transition: .7s;
    vertical-align: middle;
    width: 100%; }
  .imgs:hover img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }

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

.swiper-pagination {
  text-align: center;
  width: 100%;
  z-index: 20; }

.i-dt {
  font-weight: normal;
  overflow: hidden;
  position: relative;
  text-align: center; }
  .i-dt h2 {
    display: inline-block;
    font-weight: 400;
    position: relative;
    vertical-align: middle;
    zoom: 1; }
    .i-dt h2:after {
      background: #BBB;
      content: "";
      height: 1px;
      left: 110%;
      position: absolute;
      top: 50%;
      width: 520px; }
    .i-dt h2:before {
      background: #BBB;
      content: "";
      height: 1px;
      position: absolute;
      right: 110%;
      top: 50%;
      width: 520px; }
  .i-dt h4 {
    color: var(--bs-danger-bg-subtle);
    margin-top: 40px; }
  .i-dt .p2 {
    font-size: 22px;
    font-weight: normal;
    color: var(--text-y);
    line-height: 1;
    padding-top: 30px; }
  .i-dt p {
    line-height: 1.8;
    margin-top: 20px; }
  .i-dt.bs {
    color: #FFF; }
    .i-dt.bs h2:after {
      background: #FFF; }
    .i-dt.bs h2:before {
      background: #FFF; }
  @media screen and (max-width: 576px) {
    .i-dt h2:after, .i-dt h2:before {
      width: 30px; } }

@media screen and (max-width: 576px) {
  .fancybox-slide--iframe {
    padding: 44px 0 !important; } }

.tc-bj {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9998; }

.p, p {
  font-size: initial;
  font-weight: 400; }

.head {
  padding: 12px 0;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%; }
  .head:hover, .head.isNew, .head.this {
    background: var(--bs-danger);
    padding: 0;
    top: 0; }
  .head .wd {
    height: 70px; }
  .head .logo {
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s; }
    .head .logo img {
      height: 56px;
      width: auto; }
  .head .nav {
    height: 100%; }
    .head .nav ul {
      font-size: 0;
      height: 100%; }
      .head .nav ul li {
        display: inline-block;
        font-size: 15px;
        height: 100%;
        line-height: 70px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        zoom: 1; }
        .head .nav ul li > a {
          color: #FFF;
          display: inline-block;
          font-size: 16px;
          padding: 0 1vw;
          position: relative;
          -moz-transition: .5s;
          -webkit-transition: .5s;
          transition: .5s;
          vertical-align: middle;
          zoom: 1; }
          .head .nav ul li > a::after {
            background: currentColor;
            bottom: 1px;
            content: "";
            height: 2px;
            left: 50%;
            position: absolute;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
            width: 0; }
          .head .nav ul li > a::before {
            background: currentColor;
            content: "";
            height: 16px;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            opacity: .35; }
          .head .nav ul li > a:hover {
            opacity: .9; }
        .head .nav ul li:nth-of-type(1) > a:before {
          content: none; }
        .head .nav ul li.this > a:after, .head .nav ul li:hover > a::after {
          transform: translateX(-50%);
          width: 40px; }
        .head .nav ul li .sub-nav {
          background: rgba(0, 0, 0, 0.7);
          border: 1px solid #5D5856;
          display: none;
          left: 50%;
          margin-top: 24px;
          min-width: 168px;
          padding: 0 0;
          position: absolute;
          top: unset;
          transform: translateX(-50%); }
          .head .nav ul li .sub-nav i {
            color: var(--bs-danger-bg-subtle);
            display: block;
            left: 50%;
            line-height: 0;
            position: absolute;
            top: 0;
            transform: translate(-50%, -100%); }
          .head .nav ul li .sub-nav p {
            padding: 0 15px; }
            .head .nav ul li .sub-nav p a {
              align-items: center;
              color: var(--bs-danger-bg-subtle);
              display: flex;
              font-size: 14px;
              justify-content: space-between;
              line-height: 1.75;
              opacity: .7;
              padding: 15px 0;
              position: relative;
              transition: all 0.36s;
              white-space: nowrap; }
              .head .nav ul li .sub-nav p a:after {
                color: inherit;
                content: "";
                font-size: 12px;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                display: inline-block;
                width: 1em;
                height: 1em;
                background-color: currentColor;
                -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z'/%3E%3C/g%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z'/%3E%3C/g%3E%3C/svg%3E");
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%; }
              .head .nav ul li .sub-nav p a:hover {
                opacity: 1; }
            .head .nav ul li .sub-nav p + p a {
              border-top: 1px solid rgba(var(--bs-danger-bg-subtle), 0.35); }

.clear {
  clear: both;
  overflow: hidden; }

.cleargao {
  clear: both;
  height: 100px;
  overflow: hidden;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .cleargao {
      height: 54px; } }
  @media screen and (max-width: 576px) {
    .cleargao {
      height: 15px; } }

.footer {
  color: var(--bs-danger-bg-subtle); }
  .footer a {
    color: inherit; }
    .footer a:hover {
      color: inherit;
      opacity: .8; }
  .footer .f-list {
    padding-bottom: 50px;
    padding-top: 50px; }
    .footer .f-list p {
      font-size: 16px;
      margin-bottom: 12px;
      opacity: .9;
      padding-left: 24px;
      position: relative; }
      .footer .f-list p:before {
        content: " ";
        font-size: 12px;
        left: 0;
        opacity: .9;
        position: absolute;
        text-transform: uppercase;
        top: 5px;
        transform: rotate(90deg);
        transform-origin: top left; }
      .footer .f-list p:after {
        background-color: var(--bs-danger-bg-subtle);
        content: "";
        display: block;
        height: 120px;
        left: 6px;
        margin-right: 10px;
        opacity: .8;
        position: absolute;
        top: 5px;
        width: 1px; }
      .footer .f-list p i {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        width: 22px; }
        .footer .f-list p i svg {
          width: 100%; }
    .footer .f-list.f-goods p:before {
      content: "product"; }
    .footer .f-list.f-menu p:before {
      content: "map"; }
    .footer .f-list.f-service p:before {
      content: "service"; }
    .footer .f-list a {
      display: block;
      font-size: 12px;
      line-height: 2;
      margin-top: 6px;
      opacity: .8;
      padding-left: 56px; }
      .footer .f-list a:hover {
        opacity: 1; }
    .footer .f-list + .f-list {
      padding-left: 100px; }
  .footer .qr-box {
    margin-bottom: 50px;
    margin-top: 50px; }
    .footer .qr-box .qr_code {
      text-align: center;
      width: 120px; }
      .footer .qr-box .qr_code + .qr_code {
        margin-left: 20px; }
      .footer .qr-box .qr_code p {
        margin-top: 8px;
        font-size: 12px; }
  @media screen and (max-width: 768px) {
    .footer .f-list + .f-list {
      background-color: transparent; }
    .footer .qr-box {
      justify-content: center;
      margin-bottom: 3rem;
      margin-top: 0; } }
  @media screen and (max-width: 576px) {
    .footer .f-list {
      font-size: 0;
      padding-bottom: 50px;
      padding-top: 50px; }
      .footer .f-list + .f-list {
        padding-top: 0; }
      .footer .f-list p {
        padding-left: 40px; }
        .footer .f-list p:before {
          transform: rotate(90deg) translateY(-100%); }
        .footer .f-list p:after {
          height: 80px;
          left: 24px; }
      .footer .f-list a {
        display: inline-block;
        padding-left: 72px;
        width: 50%; }
      .footer .f-list + .f-list {
        padding-left: 0; } }

.member {
  color: transparent !important;
  padding-left: 10px; }
  .member:hover {
    color: inherit !important; }
  @media screen and (max-width: 768px) {
    .member {
      display: none; } }

.ratio > * {
  align-items: center;
  display: flex;
  justify-content: center; }
  .ratio > * img {
    max-height: 100%;
    max-width: 100%; }

.copy-box {
  color: var(--bs-danger-bg-subtle); }
  .copy-box p {
    line-height: 1.75; }
  .copy-box span + span {
    padding-left: 20px; }
  @media screen and (max-width: 576px) {
    .copy-box p {
      font-size: 14px; }
    .copy-box span {
      display: block;
      padding-left: 0 !important; }
    .copy-box .copy-logo {
      max-width: 60%; } }

.fd-right {
  width: 46px;
  bottom: 13%;
  right: 1.5rem;
  position: fixed;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 999; }
  .fd-right li {
    padding: 6px;
    text-align: center;
    border-radius: 8px; }
    .fd-right li + li {
      margin-top: 2px; }
    .fd-right li a {
      color: inherit;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .fd-right li i {
      font-size: 18px;
      line-height: 1; }
  @media screen and (max-width: 768px) {
    .fd-right {
      width: 38px;
      right: .7rem; }
      .fd-right li i {
        font-size: 12px; } }

.go-top {
  display: none; }

.mobile-menu {
  height: 60px; }
  .mobile-menu .m-logo img {
    max-height: 40px; }
  .mobile-menu .menu-btn {
    align-items: center;
    background-color: var(--bs-danger);
    color: #FFF;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px; }
  .mobile-menu .phone {
    color: var(--bs-danger); }

#offcanvasWithBackdrop .offcanvas-title img {
  max-height: 50px; }
  @media screen and (max-width: 576px) {
    #offcanvasWithBackdrop .offcanvas-title img {
      max-height: 32px; } }
#offcanvasWithBackdrop .accordion-item button {
  box-shadow: none !important; }
  #offcanvasWithBackdrop .accordion-item button.link-menu:after {
    content: none; }
#offcanvasWithBackdrop .offcanvas-body {
  padding-left: 0;
  padding-right: 0; }
#offcanvasWithBackdrop .accordion-button::after {
  background-size: 16px;
  transform: rotate(-90deg); }
#offcanvasWithBackdrop .accordion-button:not(.collapsed) {
  background-color: #EDF7F8;
  color: var(--bs-danger); }
  #offcanvasWithBackdrop .accordion-button:not(.collapsed)::after {
    transform: rotate(0); }
#offcanvasWithBackdrop .accordion-body a {
  display: block;
  opacity: .8; }
  #offcanvasWithBackdrop .accordion-body a + a {
    margin-top: 10px; }

.iconfont {
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ratio > *, .ratio > * img {
  height: 100% !important;
  object-fit: cover; }

.ny-banner img {
  height: auto;
  width: 100%; }

.menu .swiper-container {
  border-bottom: 1px solid #BBB; }
  .menu .swiper-container .swiper-slide {
    font-size: 16px;
    width: unset; }
    .menu .swiper-container .swiper-slide a {
      line-height: 50px;
      -moz-transition: .5s;
      -ms-transition: .5s;
      -webkit-transition: .5s;
      transition: .5s;
      display: inline-block;
      margin-top: 20px; }
    .menu .swiper-container .swiper-slide:after {
      background: var(--bs-danger);
      bottom: -1px;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      -moz-transition: .5s;
      -ms-transition: .5s;
      -webkit-transition: .5s;
      transition: .5s;
      width: 100%;
      transform: scaleX(0); }
    .menu .swiper-container .swiper-slide:hover:after, .menu .swiper-container .swiper-slide.this:after {
      transform: scaleX(1); }
    .menu .swiper-container .swiper-slide:hover a, .menu .swiper-container .swiper-slide.this a {
      color: var(--bs-danger); }

#goodsDetail-main .menu .swiper-container, #goods-main .menu .swiper-container {
  border: 0; }

.a-page {
  margin-top: 50px; }
  .a-page dd {
    margin-top: 30px; }

.a1-page {
  font-size: 0; }
  .a1-page .a1-left .txt {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    zoom: 1; }
    .a1-page .a1-left .txt h3 {
      color: var(--bs-danger);
      font-size: 36px;
      margin-bottom: 20px; }
    .a1-page .a1-left .txt hr {
      background: var(--bs-danger);
      border: none;
      height: 3px;
      margin-bottom: 20px;
      width: 53px; }
    .a1-page .a1-left .txt p {
      line-height: 1.8;
      margin-bottom: 20px; }
    .a1-page .a1-left .txt h6 {
      color: var(--bs-danger);
      font-weight: 500;
      line-height: 1.2;
      text-transform: Uppercase; }
  .a1-page .a1-right {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    zoom: 1; }
  .a1-page .a1-ul {
    margin-top: 60px; }
    .a1-page .a1-ul:after {
      clear: both;
      content: "";
      display: block;
      overflow: hidden;
      width: 100%; }
    .a1-page .a1-ul li {
      position: relative;
      text-align: center; }
      .a1-page .a1-ul li + li:before {
        background-color: #DDD;
        content: "";
        height: 36%;
        left: 0;
        position: absolute;
        top: 32%;
        width: 1px; }
      .a1-page .a1-ul li h2 {
        color: var(--bs-danger);
        font-size: 39px;
        line-height: 60px;
        margin-bottom: 20px;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s; }
      .a1-page .a1-ul li h5 {
        font-weight: 400;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s; }
      .a1-page .a1-ul li:hover h2 {
        -ms-transform: translate(0, 10px);
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px); }
      .a1-page .a1-ul li:hover h5 {
        -ms-transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px); }
  @media screen and (max-width: 768px) {
    .a1-page .a1-right {
      width: 100%; } }

.culture-content {
  position: relative;
  padding: 120px 0;
  margin: 60px 0;
  background: url("../image/i-about-bj.jpg") fixed var(--bs-danger-bg-subtle);
  background-size: cover; }
  .culture-content .culture-box1 .row {
    border-radius: 24px;
    overflow: hidden; }
    .culture-content .culture-box1 .row .list {
      background: rgba(255, 255, 255, 0.9);
      font-size: 18px;
      position: relative;
      margin: 0; }
      .culture-content .culture-box1 .row .list dl {
        padding: 10%; }
        .culture-content .culture-box1 .row .list dl dt {
          font-size: 30px;
          font-weight: bold;
          color: #000; }
        .culture-content .culture-box1 .row .list dl dd {
          line-height: 2;
          color: #666; }
        .culture-content .culture-box1 .row .list dl div + div {
          margin-top: 20px; }
      .culture-content .culture-box1 .row .list:nth-of-type(1):after {
        content: "";
        width: 2px;
        height: 50%;
        position: absolute;
        right: 0;
        top: 25%;
        background: #FFF; }
  @media screen and (max-width: 768px) {
    .culture-content .culture-box1 .row .list {
      padding: 10% 8%; }
      .culture-content .culture-box1 .row .list:nth-of-type(1):after {
        width: 80%;
        height: 2px;
        right: 10%;
        bottom: 0;
        top: unset; }
      .culture-content .culture-box1 .row .list dl {
        padding: 0; }
        .culture-content .culture-box1 .row .list dl dd {
          font-size: 20px; } }
  @media screen and (max-width: 567px) {
    .culture-content {
      padding: 0; }
      .culture-content .culture-box1 .row .list {
        background-color: transparent; }
        .culture-content .culture-box1 .row .list dl dt {
          font-size: 18px;
          color: #FFF; }
        .culture-content .culture-box1 .row .list dl dd {
          font-size: 14px;
          color: #FFF; } }

.dateLine-title {
  padding: 50px 0 80px;
  text-align: center; }
  .dateLine-title .h1 {
    font-size: 40px;
    margin-bottom: 12px;
    font-weight: bold; }
  .dateLine-title p {
    font-size: 20px;
    line-height: 34px; }
  @media screen and (max-width: 768px) {
    .dateLine-title {
      padding: 6% 0 4%; }
      .dateLine-title .h1 {
        font-size: 4vw; }
      .dateLine-title p {
        font-size: 2vw;
        line-height: 1.75; } }
  @media screen and (max-width: 576px) {
    .dateLine-title .h1 {
      font-size: 20px; }
    .dateLine-title p {
      font-size: 14px; } }

.memorabilia {
  position: relative; }
  .memorabilia .memoList {
    position: relative;
    padding-bottom: 80px; }
    .memorabilia .memoList .i {
      display: block;
      width: 2px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background: #EBEDF0;
      -webkit-transition: height 1s linear 800ms;
      -o-transition: height 1s linear 800ms;
      -moz-transition: height 1s linear 800ms;
      transition: height 1s linear 800ms; }
    .memorabilia .memoList:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 20px;
      height: 18px;
      background-color: #575C66;
      -webkit-border-radius: 9px;
      -moz-border-radius: 9px;
      border-radius: 9px;
      border: solid 4px #EBEDF0;
      z-index: 2; }
    .memorabilia .memoList .item .box {
      position: relative; }
      .memorabilia .memoList .item .box .time {
        font-size: 1.125vw;
        margin-bottom: 0.375vw; }
        .memorabilia .memoList .item .box .time:after {
          content: "";
          position: absolute;
          right: 0;
          -webkit-transform: translateX(50%);
          -moz-transform: translateX(50%);
          -ms-transform: translateX(50%);
          -o-transform: translateX(50%);
          transform: translateX(50%);
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          width: 20px;
          height: 18px;
          background-color: #575C66;
          -webkit-border-radius: 9px;
          -moz-border-radius: 9px;
          border-radius: 9px;
          border: solid 4px #EBEDF0;
          z-index: 2; }
      .memorabilia .memoList .item .box .title {
        max-width: 80%;
        font-size: 1.625vw;
        font-weight: bold; }
      .memorabilia .memoList .item .box .pic {
        margin-top: 1.667vw;
        width: 90%;
        border-radius: 24px;
        overflow: hidden; }
        .memorabilia .memoList .item .box .pic img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .memorabilia .memoList .item:nth-child(2n) {
      margin-bottom: 2vw; }
      .memorabilia .memoList .item:nth-child(2n) .box {
        padding: 10% 0 0 10%; }
        .memorabilia .memoList .item:nth-child(2n) .box .time:after {
          left: 0;
          right: auto;
          -webkit-transform: translate(-50%, 25%);
          -moz-transform: translate(-50%, 25%);
          -ms-transform: translate(-50%, 25%);
          -o-transform: translate(-50%, 25%);
          transform: translate(-50%, 25%); }
  .memorabilia .dateLine-link {
    text-align: center;
    margin-top: 60px;
    font-size: 20px;
    font-weight: bold; }
    .memorabilia .dateLine-link .p1 {
      font-size: 18px;
      margin-bottom: 6px; }
    .memorabilia .dateLine-link .p2 {
      display: inline-block;
      font-size: 26px; }
    .memorabilia .dateLine-link #dateLine_link {
      color: #333; }
      .memorabilia .dateLine-link #dateLine_link i {
        display: inline-flex;
        transform: rotate(180deg);
        width: 38px;
        height: 26px;
        border: 2px solid #333;
        font-size: 14px;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        vertical-align: middle;
        border-radius: 50px; }
  @media screen and (max-width: 567px) {
    .memorabilia .memoList .i {
      left: 0; }
    .memorabilia .memoList .item .box {
      padding-left: 6%; }
      .memorabilia .memoList .item .box .time {
        font-size: 12px; }
        .memorabilia .memoList .item .box .time:after {
          width: 16px;
          height: 12px;
          border-width: 2px;
          left: 0;
          right: auto;
          -webkit-transform: translate(-50%, 25%);
          -moz-transform: translate(-50%, 25%);
          -ms-transform: translate(-50%, 25%);
          -o-transform: translate(-50%, 25%);
          transform: translate(-50%, 25%); }
      .memorabilia .memoList .item .box .title {
        font-size: 16px; }
      .memorabilia .memoList .item .box .pic {
        width: 100%; }
    .memorabilia .memoList .item:nth-child(2n) .box {
      padding: 0 0 0 6%; }
    .memorabilia .memoList .item + .item .box {
      padding-top: 10%; }
    .memorabilia .memoList:after {
      width: 16px;
      height: 12px;
      left: 0;
      border-width: 2px; }
    .memorabilia .dateLine-link {
      margin-top: 0;
      transform: translateY(-12px);
      text-align: left;
      padding-left: 5%;
      line-height: 1;
      font-size: 16px; }
      .memorabilia .dateLine-link .p1 {
        font-size: 12px;
        margin-bottom: 0.375vw;
        font-weight: normal; }
      .memorabilia .dateLine-link .p2 {
        font-size: 16px;
        line-height: 1.5; }
      .memorabilia .dateLine-link #dateLine_link i {
        width: 30px;
        height: 18px;
        margin-left: 5px; } }
  @media screen and (max-width: 768px) {
    .memorabilia .dateLine-title {
      padding: 0 0 8%; }
    .memorabilia .memoList {
      padding-bottom: 5%; } }

.list {
  margin-top: 50px; }

#dpageDetail_body .title-agent h3, #agent_body .title-agent h3 {
  border: 5px solid var(--bs-danger);
  display: block;
  width: max-content;
  padding: 10px 40px;
  margin: 50px auto 30px;
  font-weight: bold;
  font-size: 36px; }
#dpageDetail_body .title-agent .lt1, #agent_body .title-agent .lt1 {
  font-size: 16px;
  text-align: center;
  line-height: 2; }
#dpageDetail_body .agentBox1 .agent1, #agent_body .agentBox1 .agent1 {
  width: 70%;
  margin: 2.5rem auto; }
  #dpageDetail_body .agentBox1 .agent1 img, #agent_body .agentBox1 .agent1 img {
    width: 100%; }
#dpageDetail_body .agentBox2, #agent_body .agentBox2 {
  padding: 3rem 0; }
  #dpageDetail_body .agentBox2 .agent2, #agent_body .agentBox2 .agent2 {
    margin-top: 60px;
    text-align: center; }
    #dpageDetail_body .agentBox2 .agent2-list, #agent_body .agentBox2 .agent2-list {
      position: relative; }
      #dpageDetail_body .agentBox2 .agent2-list + .agent2-list:before, #agent_body .agentBox2 .agent2-list + .agent2-list:before {
        content: "+";
        font-size: 30px;
        font-weight: bolder;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(-50%, -50%); }
      #dpageDetail_body .agentBox2 .agent2-list .ratio, #agent_body .agentBox2 .agent2-list .ratio {
        width: 75%;
        margin: 0 auto; }
      #dpageDetail_body .agentBox2 .agent2-list .list-cont, #agent_body .agentBox2 .agent2-list .list-cont {
        flex-direction: column;
        align-items: center;
        color: #FFF; }
  #dpageDetail_body .agentBox2 .agent2-swiper, #agent_body .agentBox2 .agent2-swiper {
    margin-top: 60px; }
    #dpageDetail_body .agentBox2 .agent2-swiper .swiper-wrapper, #agent_body .agentBox2 .agent2-swiper .swiper-wrapper {
      transition-timing-function: linear !important; }
    #dpageDetail_body .agentBox2 .agent2-swiper .swiper2, #agent_body .agentBox2 .agent2-swiper .swiper2 {
      margin-top: 20px; }
#dpageDetail_body .j2, #agent_body .j2 {
  padding: 3rem 0; }
  #dpageDetail_body .j2-ul .li, #agent_body .j2-ul .li {
    text-align: center;
    border-right: 1px solid #C9C9C9;
    padding-bottom: 50px; }
    #dpageDetail_body .j2-ul .li:nth-child(4n), #agent_body .j2-ul .li:nth-child(4n) {
      border-right: 0; }
    #dpageDetail_body .j2-ul .li:nth-child(n + 5), #agent_body .j2-ul .li:nth-child(n + 5) {
      border-top: 1px solid #C9C9C9;
      padding-top: 50px;
      padding-bottom: 0; }
    #dpageDetail_body .j2-ul .li i, #agent_body .j2-ul .li i {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      font-size: 40px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      transition: .5s;
      vertical-align: middle;
      width: 50px;
      zoom: 1;
      background-color: var(--bs-danger);
      color: #FFF;
      border-radius: 8px;
      overflow: hidden; }
    #dpageDetail_body .j2-ul .li h6, #agent_body .j2-ul .li h6 {
      -moz-transition: .5s;
      -ms-transition: .5s;
      -webkit-transition: .5s;
      transition: .5s;
      margin: 20px 0 0;
      font-size: 22px;
      font-weight: bold; }
#dpageDetail_body #Pages, #agent_body #Pages {
  display: none; }
@media screen and (max-width: 768px) {
  #dpageDetail_body .agentBox2 .agent2-list .ratio, #agent_body .agentBox2 .agent2-list .ratio {
    width: 100%; }
  #dpageDetail_body .agentBox2 .agent2-swiper .swiper-slide, #agent_body .agentBox2 .agent2-swiper .swiper-slide {
    width: 40%; }
  #dpageDetail_body .j2, #agent_body .j2 {
    padding: 0 0 20px; }
    #dpageDetail_body .j2-ul .li:nth-child(n), #agent_body .j2-ul .li:nth-child(n) {
      padding-top: 25px;
      padding-bottom: 25px; }
    #dpageDetail_body .j2-ul .li:nth-child(n + 7), #agent_body .j2-ul .li:nth-child(n + 7) {
      padding-top: 25px;
      padding-bottom: 0; }
    #dpageDetail_body .j2-ul .li:nth-child(n + 3), #agent_body .j2-ul .li:nth-child(n + 3) {
      border-top: 1px solid #C9C9C9; }
    #dpageDetail_body .j2-ul .li:nth-child(1), #dpageDetail_body .j2-ul .li:nth-child(2), #agent_body .j2-ul .li:nth-child(1), #agent_body .j2-ul .li:nth-child(2) {
      padding-top: 0; }
    #dpageDetail_body .j2-ul .li:nth-child(odd), #agent_body .j2-ul .li:nth-child(odd) {
      border-right: 1px solid #C9C9C9; }
    #dpageDetail_body .j2-ul .li:nth-child(even), #agent_body .j2-ul .li:nth-child(even) {
      border-right: 0; }
    #dpageDetail_body .j2-ul .li h6, #agent_body .j2-ul .li h6 {
      font-size: 18px; } }
@media screen and (max-width: 576px) {
  #dpageDetail_body .title-agent h3, #agent_body .title-agent h3 {
    width: 100%;
    line-height: 1.5;
    font-size: 24px;
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
  #dpageDetail_body .title-agent .lt1, #agent_body .title-agent .lt1 {
    font-size: 12px;
    line-height: 1.75; }
  #dpageDetail_body .agentBox1 .agent1, #agent_body .agentBox1 .agent1 {
    width: 100%; }
  #dpageDetail_body .agentBox2, #agent_body .agentBox2 {
    padding: 0; }
    #dpageDetail_body .agentBox2 .agent2, #agent_body .agentBox2 .agent2 {
      margin-top: 25px; }
      #dpageDetail_body .agentBox2 .agent2-list .ratio, #agent_body .agentBox2 .agent2-list .ratio {
        width: 75%; }
        #dpageDetail_body .agentBox2 .agent2-list .ratio:before, #agent_body .agentBox2 .agent2-list .ratio:before {
          content: none; }
        #dpageDetail_body .agentBox2 .agent2-list .ratio > *, #agent_body .agentBox2 .agent2-list .ratio > * {
          position: unset; }
      #dpageDetail_body .agentBox2 .agent2-list + .agent2-list:before, #agent_body .agentBox2 .agent2-list + .agent2-list:before {
        position: unset;
        transform: translate(0); }
    #dpageDetail_body .agentBox2 .agent2-swiper, #agent_body .agentBox2 .agent2-swiper {
      margin-top: 30px; }
      #dpageDetail_body .agentBox2 .agent2-swiper .swiper2, #agent_body .agentBox2 .agent2-swiper .swiper2 {
        margin-top: 15px; }
      #dpageDetail_body .agentBox2 .agent2-swiper .swiper-slide, #agent_body .agentBox2 .agent2-swiper .swiper-slide {
        width: 75%; } }

.level-two {
  padding-bottom: 30px;
  margin-top: 20px; }
  .level-two li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 36px;
    margin-bottom: 10px; }
    .level-two li a {
      font-size: 16px;
      color: #333;
      display: flex;
      align-items: center; }
      .level-two li a i {
        display: inline-flex;
        margin-right: 5px;
        justify-content: center;
        font-size: inherit;
        color: var(--bs-danger-bg-subtle); }
        .level-two li a i::before {
          line-height: initial;
          font-weight: bold;
          color: var(--bs-danger-bg-subtle);
          content: url("data:image/svg+xml;charset=utf8,%3Csvg%20%20width%3D%221em%22%20height%3D%22em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22zi_square%22%20viewBox%3D%220%200%202000%202000%22%3E%3Cpath%20d%3D%22M1604%20200H196q-80%200-136%2056T4%20392v1408q0%2080%2056%20136t136%2056h1408q80%200%20136-56t56-136V392q0-80-56-136t-136-56z%22%20fill%3D%22%23ececec%22%2F%3E%3C%2Fsvg%3E"); }
        .level-two li a i.icon-duigou:before {
          content: url("data:image/svg+xml;charset=utf8,%3Csvg%20%20width%3D%221em%22%20height%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22zi_checksquare%22%20viewBox%3D%220%200%202000%202000%22%3E%3Cpath%20d%3D%22M1604%201992H196q-80%200-136-56T4%201800V392q0-80%2056-136t136-56h1408q80%200%20136%2056t56%20136v1408q0%2080-56%20136t-136%2056zm-576-340l736-736q20-20%2020-46t-20-46l-88-88q-20-20-46-20t-46%2020l-600%20600-280-280q-20-20-46-20t-46%2020l-88%2088q-20%2020-20%2046t20%2046l416%20416q16%2020%2044%2020t44-20z%22%20fill%3D%22%2350A8B3%22%2F%3E%3C%2Fsvg%3E"); }
  @media screen and (max-width: 768px) {
    .level-two {
      padding-bottom: 10px; }
      .level-two li {
        margin-right: 3%; }
        .level-two li a {
          font-size: 14px; } }

.goods-list {
  border: 1px solid #ECECEC;
  overflow: hidden; }
  .goods-list img {
    transition: all .5s; }
  .goods-list:hover img {
    transform: scale(1.05); }
  .goods-list .title {
    line-height: 2;
    text-align: center;
    color: #333;
    font-weight: bold;
    background: #FDFDFD;
    padding: 3%;
    border-top: 1px solid #ECECEC; }
    @media screen and (max-width: 576px) {
      .goods-list .title {
        font-size: 16px; } }

.info-img {
  padding-bottom: 5%; }
  .info-img hr {
    border-top: 10px solid #CECECE;
    margin: 0 0 40px 0; }
  .info-img-text {
    font-size: 24px;
    font-weight: bold;
    transform: translateY(-32%);
    display: flex;
    align-items: center;
    color: #333; }
    .info-img-text i {
      color: #999;
      padding-right: 5px; }
    .info-img-text span {
      display: inline-block;
      padding: 0 2px;
      font-size: 12px;
      color: #FFF;
      background: var(--bs-danger);
      margin-left: 12px; }
  .info-img-illustration {
    margin-top: 15px; }
    .info-img-illustration .swiper-slide {
      text-align: center;
      cursor: pointer;
      border: 2px solid var(--bs-light); }
      .info-img-illustration .swiper-slide.swiper-slide-thumb-active {
        border-color: var(--bs-danger); }
  .info-img .info-td-icon .item > div {
    width: 50%;
    text-align: center; }
  .info-img .box1 {
    width: 100%;
    padding: 3rem 0; }
  .info-img .chageColor .colorTitel {
    white-space: nowrap;
    align-items: center;
    font-size: 30px; }
    .info-img .chageColor .colorTitel:before {
      content: "推荐颜色";
      color: var(--bs-danger);
      padding-right: 3px;
      display: inline-block; }
    .info-img .chageColor .colorTitel:after {
      content: "我们包罗万般喜好，兼容不同生活格调，在面板订制上，我们时刻准备着——为您所想，量身而造";
      font-size: 14px;
      line-height: 1.25;
      white-space: pre-wrap;
      display: inline-block;
      padding-left: 3px; }
  .info-img #goods-thumbs {
    margin-bottom: 3rem; }
  @media screen and (max-width: 1200px) {
    .info-img .sub-box .box {
      height: 100%;
      padding: 10%; }
      .info-img .sub-box .box.box1 {
        display: none; } }
  @media screen and (max-width: 768px) {
    .info-img-text {
      transform: translateY(0);
      margin-top: 10%; } }
  @media screen and (max-width: 576px) {
    .info-img hr {
      margin-bottom: 15px; }
    .info-img .box1 {
      padding: 20px 0; }
    .info-img #goods-thumbs {
      margin-bottom: 20px; }
    .info-img .info-td-icon .item > div {
      width: 100%; }
    .info-img .chageColor .colorTitel {
      font-size: 17px; }
      .info-img .chageColor .colorTitel:after {
        font-size: 12px; } }

.info-page {
  padding-bottom: 5%; }
  .info-page .dpages {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0; }
    .info-page .dpages a {
      display: block;
      font-size: 16px;
      text-align: center;
      line-height: 40px;
      width: 100%;
      border-radius: 50px;
      background-image: linear-gradient(45deg, var(--bs-danger), var(--bs-danger));
      color: var(--bs-danger-bg-subtle);
      box-shadow: var(--bs-danger) 1px 5px 12px; }
      .info-page .dpages a + a {
        margin-left: 15px; }

.info-text {
  padding-top: 100px;
  background: rgba(var(--note-gray), 0.15); }
  .info-text .h2 {
    font-size: 40px;
    font-weight: bold;
    color: #333;
    margin-bottom: 40px; }
    .info-text .h2 i {
      font-size: inherit;
      padding-right: 5px;
      vertical-align: middle; }
    .info-text .h2 .p1 {
      font-size: inherit; }
    .info-text .h2 .p2 {
      font-size: 16px;
      line-height: 2;
      text-transform: uppercase;
      font-weight: lighter; }
  .info-text .pic p {
    margin-bottom: 4%; }
  .info-text .info-text-content {
    font-size: 18px;
    line-height: 2; }
  .info-text .show_kxsb {
    padding: 5%;
    margin-top: -9vw;
    background: #FFF; }
  @media screen and (max-width: 768px) {
    .info-text {
      padding-top: 54px; }
      .info-text .h2 {
        font-size: 20px;
        margin-bottom: 15px; }
        .info-text .h2 .p2 {
          font-size: 12px; } }
  @media screen and (max-width: 576px) {
    .info-text {
      padding-top: 15px; } }

#goodsDetail-main + .cleargao {
  background-color: rgba(var(--note-gray), 0.15); }

#Pages {
  margin-top: 5%;
  font-size: 0;
  text-align: center;
  margin-bottom: 5%; }
  #Pages a {
    display: inline-flex;
    min-width: 40px;
    height: 40px;
    color: #232323;
    background: #EDEDED;
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
    font-size: 12px;
    border-radius: 5px; }
    #Pages a i {
      font-size: inherit; }
    #Pages a.red {
      background: var(--bs-danger);
      color: #FFF;
      font-weight: normal; }
    #Pages a:not(.red):hover {
      color: #232323;
      background: var(--bs-danger-bg-subtle); }
    #Pages a + a {
      margin-left: 5px; }
  #Pages p {
    padding-top: 5px;
    color: #666;
    font-size: 13px; }
  @media screen and (max-width: 576px) {
    #Pages a {
      min-width: 36px;
      height: 36px;
      font-size: 14px; }
    #Pages p {
      font-size: 12px; } }

.contactBox {
  padding-top: 50px; }
  .contactBox .way .h2 {
    margin-bottom: 1rem; }
  .contactBox .way p {
    font-size: 22px;
    line-height: 2;
    color: #666; }
    .contactBox .way p span {
      font-weight: bold;
      color: #000;
      padding-right: 10px; }
  .contactBox .map #map {
    height: 100%; }
  @media screen and (max-width: 768px) {
    .contactBox .map {
      height: 70vw;
      margin-top: 10%; } }
  @media screen and (max-width: 576px) {
    .contactBox {
      padding-top: 0; }
      .contactBox .way p {
        font-size: 14px; } }

.dlist {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  background-color: #FFF; }
  .dlist .text {
    padding: 5%;
    background: #FFF;
    display: block;
    color: #333; }
    .dlist .text .f1 {
      font-size: 24px;
      padding-bottom: 5px;
      font-weight: bold; }
    .dlist .text .f2 {
      font-size: 18px;
      line-height: 1.75;
      color: #666; }

.dlistDetail {
  padding-top: 20px;
  background: #FFF;
  border: none; }
  @media screen and (min-width: 992px) {
    .dlistDetail {
      padding-top: 32px; } }
  .dlistDetail-box {
    max-width: 677px;
    margin: 0 auto; }
    .dlistDetail-box .title {
      font-size: 22px;
      line-height: 1.4;
      margin-bottom: 14px; }
    .dlistDetail-box .time {
      font-size: 15px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0.3);
      padding-bottom: 10px; }
      .dlistDetail-box .time a {
        color: #576B95;
        padding-right: 5px; }
    .dlistDetail-box .content,
    .dlistDetail-box .content p {
      font-size: 15px;
      color: #666;
      line-height: 2;
      text-align: justify; }
    .dlistDetail-box .laiyuan {
      font-size: 12px;
      letter-spacing: 0; }
      .dlistDetail-box .laiyuan:before {
        content: "";
        display: block;
        width: 33%;
        height: 1px;
        background: #EEE;
        margin-top: 20px;
        margin-bottom: 20px; }
    .dlistDetail-box .detail_page {
      margin-top: 90px;
      margin-bottom: 90px; }
      .dlistDetail-box .detail_page a {
        font-size: 16px;
        color: #666;
        line-height: 2;
        overflow: hidden;
        display: flex;
        align-items: center; }
        .dlistDetail-box .detail_page a i {
          font-size: inherit;
          padding-right: 10px; }
      .dlistDetail-box .detail_page p:before, .dlistDetail-box .detail_page p:after {
        content: "";
        width: 1px;
        height: 20px;
        background: #666;
        opacity: 0.3;
        order: 2; }
      .dlistDetail-box .detail_page p:after {
        order: 4; }
      .dlistDetail-box .detail_page .prev {
        order: 1; }
      .dlistDetail-box .detail_page .back {
        color: var(--bs-danger-bg-subtle);
        display: flex;
        order: 3; }
      .dlistDetail-box .detail_page .next {
        order: 5; }
        .dlistDetail-box .detail_page .next i {
          padding-right: 0;
          padding-left: 10px; }

.nothingIcon {
  width: 350px;
  margin: 40px auto 0; }
  .nothingIcon + p {
    font-size: 16px;
    padding-top: 20px; }
  @media screen and (max-width: 768px) {
    .nothingIcon {
      width: 260px; } }
  @media screen and (max-width: 576px) {
    .nothingIcon {
      width: 160px; }
      .nothingIcon + p {
        font-size: 14px; } }

.recruitTable .table > :not(caption) > * > * {
  padding: 1rem 0.5rem; }
.recruitTable .item:after {
  margin-left: unset; }
.recruitTable .jobDesc p {
  line-height: 2; }

#news_body, #newsDetail_body {
  width: 100%;
  padding-top: 70px; }

.crumbs {
  display: flex;
  height: 50px; }
  .crumbs .title {
    color: #666;
    font-size: 16px; }

.new-title {
  height: 70px;
  margin: auto;
  font-size: 30px;
  font-weight: bold;
  padding-top: 30px;
  color: #333; }

.news-one ul li {
  width: 100%;
  background-color: #FFF;
  padding: 18px;
  margin-top: 25px;
  box-sizing: border-box; }
  .news-one ul li .new-img {
    width: 310px; }
  .news-one ul li .new-r {
    width: auto;
    margin-left: 70px; }
    .news-one ul li .new-r h2 {
      color: #333;
      font-size: 18px;
      padding-top: 20px; }
    .news-one ul li .new-r p {
      padding-right: 30px;
      margin-top: 20px;
      font-size: 14px;
      color: #666;
      margin-bottom: 25px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }
    .news-one ul li .new-r span {
      font-size: 14px;
      color: #666;
      font-weight: bold; }
  .news-one ul li:hover .new-r h2 {
    color: var(--bs-danger); }
.news-one .page {
  width: 100%;
  margin-top: 40px;
  background-color: transparent; }
  .news-one .page ul {
    display: flex; }
    .news-one .page ul li {
      background-color: transparent;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0; }
      .news-one .page ul li:hover {
        background-color: var(--sub-color);
        border-radius: 5px;
        color: #FFF; }

.news-two .news-two-one {
  width: 100%;
  height: 50px;
  background-color: var(--bs-danger-bg-subtle);
  display: flex;
  align-items: center;
  margin-top: 25px; }
  .news-two .news-two-one h2 {
    height: 20px;
    color: #222;
    font-size: 18px;
    margin-left: 30px;
    border-left: 2px solid var(--bs-danger);
    padding-left: 20px;
    margin-bottom: 0; }
.news-two .news-two-two {
  width: 100%;
  background-color: #FFF;
  padding-bottom: 50px; }
.news-two ul {
  width: 80%;
  margin: auto; }
  .news-two ul li {
    padding-top: 25px; }
    .news-two ul li h2 {
      font-size: 14px;
      margin-top: 6px;
      color: #666;
      font-weight: unset; }

/*newsDetail ===========*/
.news-one-o {
  background-color: #FFF;
  padding-top: 50px;
  padding-bottom: 50px;
  max-width: 900px; }
  .news-one-o h2 {
    font-size: 28px;
    width: 90%;
    margin: auto;
    border-left: 3px solid var(--sub-color);
    padding-left: 20px;
    box-sizing: border-box; }
  .news-one-o h3 {
    width: 90%;
    margin: auto;
    font-weight: unset;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 50px; }

.news-content {
  width: 90%;
  margin: auto;
  font-size: 15px;
  line-height: 1.78; }
  .news-content > p {
    margin-bottom: 1em; }

.news-one-t {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  max-width: 900px; }
  .news-one-t .news-one-t-n {
    display: flex;
    align-items: center;
    cursor: pointer; }
    .news-one-t .news-one-t-n svg {
      width: 20px;
      margin-right: 6px; }

.news-one-t-o a {
  display: block; }
  .news-one-t-o a + a {
    margin-top: 16px; }

@media (max-width: 992px) {
  #news_body, #newsDetail_body {
    padding-top: 0; }

  .new-title {
    height: auto;
    font-size: 20px;
    padding-top: 0; }

  .news-one ul li {
    margin-top: 15px;
    padding: 12px; }
    .news-one ul li .new-img {
      width: 100%; }
    .news-one ul li .new-r {
      width: 100%;
      margin-left: 0; }
      .news-one ul li .new-r p {
        padding: 0;
        margin: 12px 0;
        line-height: 1.5; }

  .news-one-o {
    padding: 20px 18px; }
    .news-one-o h2 {
      width: 100%;
      font-size: 20px;
      margin: auto;
      border-left: 0;
      padding-left: 0;
      font-weight: bold; }

  .news-content,
  .news-one-o h3 {
    width: 100%;
    margin-bottom: 0; }

  .news-one-t {
    margin-top: 24px; }

  .news-one-t-o {
    width: 100%; }
    .news-one-t-o a {
      font-size: 14px;
      display: block;
      width: 100%;
      padding: 10px 12px;
      background: #FFF;
      border-radius: 3px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .news-one-t-o a + a {
        margin-top: 5px; } }