@charset "UTF-8";
html, body {
  height: 100%;
  position: relative; }

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

@font-face {
  font-family: pangmen-title;
  src: url("pangmen-font-title.otf")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/font/pangmen-font-title.otf*/, url("pangmen-font-title.woff")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/font/pangmen-font-title.woff*/, url("pangmen-font-title.woff2")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/font/pangmen-font-title.woff2*/; }
.f-orange {
  color: #e68527; }

.bg-orange {
  background-color: #e68527; }

.border-orange {
  border-color: #e68527; }

header.navbar.bg-user-07 {
  background-color: #fafafa;
  box-shadow: #7f7e7f 0 0 5px 1px; }
header.navbar .nav-link {
  font-size: .9375rem;
  color: #727272;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  height: 5rem;
  position: relative; }
  header.navbar .nav-link:focus {
    color: #e68527; }
  header.navbar .nav-link.active {
    color: #e68527;
    border-bottom: 4px solid #e68527; }
  header.navbar .nav-link:hover {
    color: #e68527; }
header.navbar #navbarNav .dropdown-menu {
  border-radius: unset;
  margin-top: -1px;
  min-width: 120%;
  left: -10%; }
header.navbar #navbarNav .dropdown-item {
  color: #727272;
  line-height: 1.5;
  font-size: 0.875rem;
  text-align: center; }
  header.navbar #navbarNav .dropdown-item:hover {
    color: #e68527; }

.icon {
  background-image: url("icon-all.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/icon-all.png*/;
  background-repeat: no-repeat;
  background-size: 1000% 1000%; }

.icon-2 {
  background-position: 11.1111111111% 0%; }

.icon-3 {
  background-position: 22.2222222222% 0%; }

.icon-4 {
  background-position: 33.3333333333% 0%; }

.icon-5 {
  background-position: 44.4444444444% 0%; }

.icon-6 {
  background-position: 55.5555555556% 0%; }

.icon-7 {
  background-position: 66.6666666667% 0%; }

.icon-8 {
  background-position: 77.7777777778% 0%; }

.icon-9 {
  background-position: 88.8888888889% 0%; }

.icon-10 {
  background-position: 100% 0%; }

.icon-11 {
  background-position: 0% 11.1111111111%; }

.icon-12 {
  background-position: 11.1111111111% 11.1111111111%; }

.icon-13 {
  background-position: 22.2222222222% 11.1111111111%; }

.icon-14 {
  background-position: 33.3333333333% 11.1111111111%; }

.icon-15 {
  background-position: 44.4444444444% 11.1111111111%; }

.icon-16 {
  background-position: 55.5555555556% 11.1111111111%; }

.icon-17 {
  background-position: 66.6666666667% 11.1111111111%; }

.icon-18 {
  background-position: 77.7777777778% 11.1111111111%; }

.icon-19 {
  background-position: 88.8888888889% 11.1111111111%; }

.icon-20 {
  background-position: 100% 11.1111111111%; }

.icon-21 {
  background-position: 0% 22.2222222222%; }

.icon-22 {
  background-position: 11.1111111111% 22.2222222222%; }

.icon-23 {
  background-position: 22.2222222222% 22.2222222222%; }

.icon-24 {
  background-position: 33.3333333333% 22.2222222222%; }

.icon-25 {
  background-position: 44.4444444444% 22.2222222222%; }

.icon-26 {
  background-position: 55.5555555556% 22.2222222222%; }

.icon-27 {
  background-position: 66.6666666667% 22.2222222222%; }

.icon-28 {
  background-position: 77.7777777778% 22.2222222222%; }

.icon-29 {
  background-position: 88.8888888889% 22.2222222222%; }

.icon-30 {
  background-position: 100% 22.2222222222%; }

.icon-31 {
  background-position: 0% 33.3333333333%; }

.icon-32 {
  background-position: 11.1111111111% 33.3333333333%; }

.icon-33 {
  background-position: 22.2222222222% 33.3333333333%; }

.icon-34 {
  background-position: 33.3333333333% 33.3333333333%; }

.icon-35 {
  background-position: 44.4444444444% 33.3333333333%; }

.icon-36 {
  background-position: 55.5555555556% 33.3333333333%; }

.icon-37 {
  background-position: 66.6666666667% 33.3333333333%; }

.icon-38 {
  background-position: 77.7777777778% 33.3333333333%; }

.icon-39 {
  background-position: 88.8888888889% 33.3333333333%; }

.icon-40 {
  background-position: 100% 33.3333333333%; }

.icon-41 {
  background-position: 0% 44.4444444444%; }

.icon-42 {
  background-position: 11.1111111111% 44.4444444444%; }

.icon-43 {
  background-position: 22.2222222222% 44.4444444444%; }

.icon-44 {
  background-position: 33.3333333333% 44.4444444444%; }

.icon-45 {
  background-position: 44.4444444444% 44.4444444444%; }

.icon-46 {
  background-position: 55.5555555556% 44.4444444444%; }

.icon-47 {
  background-position: 66.6666666667% 44.4444444444%; }

.icon-48 {
  background-position: 77.7777777778% 44.4444444444%; }

.icon-49 {
  background-position: 88.8888888889% 44.4444444444%; }

.icon-50 {
  background-position: 100% 44.4444444444%; }

.icon-51 {
  background-position: 0% 55.5555555556%; }

.icon-52 {
  background-position: 11.1111111111% 55.5555555556%; }

.icon-53 {
  background-position: 22.2222222222% 55.5555555556%; }

.icon-54 {
  background-position: 33.3333333333% 55.5555555556%; }

.icon-55 {
  background-position: 44.4444444444% 55.5555555556%; }

.icon-56 {
  background-position: 55.5555555556% 55.5555555556%; }

.icon-57 {
  background-position: 66.6666666667% 55.5555555556%; }

.icon-58 {
  background-position: 77.7777777778% 55.5555555556%; }

.icon-59 {
  background-position: 88.8888888889% 55.5555555556%; }

.icon-60 {
  background-position: 100% 55.5555555556%; }

.icon-61 {
  background-position: 0% 66.6666666667%; }

.icon-62 {
  background-position: 11.1111111111% 66.6666666667%; }

.icon-63 {
  background-position: 22.2222222222% 66.6666666667%; }

.icon-64 {
  background-position: 33.3333333333% 66.6666666667%; }

.icon-65 {
  background-position: 44.4444444444% 66.6666666667%; }

.icon-66 {
  background-position: 55.5555555556% 66.6666666667%; }

.icon-67 {
  background-position: 66.6666666667% 66.6666666667%; }

.icon-68 {
  background-position: 77.7777777778% 66.6666666667%; }

.icon-69 {
  background-position: 88.8888888889% 66.6666666667%; }

.icon-70 {
  background-position: 100% 66.6666666667%; }

.icon-71 {
  background-position: 0% 77.7777777778%; }

.icon-72 {
  background-position: 11.1111111111% 77.7777777778%; }

.icon-73 {
  background-position: 22.2222222222% 77.7777777778%; }

.icon-74 {
  background-position: 33.3333333333% 77.7777777778%; }

.icon-75 {
  background-position: 44.4444444444% 77.7777777778%; }

.icon-76 {
  background-position: 55.5555555556% 77.7777777778%; }

.icon-77 {
  background-position: 66.6666666667% 77.7777777778%; }

.icon-78 {
  background-position: 77.7777777778% 77.7777777778%; }

.icon-79 {
  background-position: 88.8888888889% 77.7777777778%; }

.icon-80 {
  background-position: 100% 77.7777777778%; }

.icon-81 {
  background-position: 0% 88.8888888889%; }

.icon-82 {
  background-position: 11.1111111111% 88.8888888889%; }

.icon-83 {
  background-position: 22.2222222222% 88.8888888889%; }

.icon-84 {
  background-position: 33.3333333333% 88.8888888889%; }

.icon-85 {
  background-position: 44.4444444444% 88.8888888889%; }

.icon-86 {
  background-position: 55.5555555556% 88.8888888889%; }

.icon-87 {
  background-position: 66.6666666667% 88.8888888889%; }

.icon-88 {
  background-position: 77.7777777778% 88.8888888889%; }

.icon-89 {
  background-position: 88.8888888889% 88.8888888889%; }

.icon-90 {
  background-position: 100% 88.8888888889%; }

.icon-91 {
  background-position: 0% 100%; }

.icon-92 {
  background-position: 11.1111111111% 100%; }

.icon-93 {
  background-position: 22.2222222222% 100%; }

.icon-94 {
  background-position: 33.3333333333% 100%; }

.icon-95 {
  background-position: 44.4444444444% 100%; }

.icon-96 {
  background-position: 55.5555555556% 100%; }

.icon-97 {
  background-position: 66.6666666667% 100%; }

.icon-98 {
  background-position: 77.7777777778% 100%; }

.icon-99 {
  background-position: 88.8888888889% 100%; }

.icon-100 {
  background-position: 100% 100%; }

@keyframes mt-change {
  0% {
    margin-top: 7.5rem; }
  100% {
    margin-top: 4.5rem; } }
@keyframes mt-change2 {
  0% {
    margin: 10.75rem auto 1.25rem auto; }
  100% {
    margin: 1.75rem auto 2.75rem auto; } }
@keyframes pt-change1 {
  0% {
    padding-top: 10rem; }
  100% {
    padding-top: 5rem; } }
@keyframes display-on-off {
  0% {
    display: none; }
  100% {
    display: flex; } }
@keyframes openCircle {
  0% {
    width: 12px;
    height: 12px; }
  100% {
    width: 100%;
    height: 100%; } }
@keyframes top-exchange {
  0% {
    top: 100%; } }
@keyframes bd-exchange {
  0% {
    border-width: 0; } }
@keyframes up_down_wave {
  0% {
    top: -5rem; }
  50% {
    top: 2.5rem; }
  100% {
    top: 0; } }
@keyframes nav_bar_in {
  0% {
    flex-basis: 0;
    -webkit-flex-basis: 0; }
  100% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; } }
@keyframes nav_bar_out {
  0% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; }
  100% {
    flex-basis: 0;
    -webkit-flex-basis: 0; } }
  #index-carousel .swiper-slide a.pic_2, #index-carousel .swiper-slide a.pic_4 {
    top: 56%;
    left: 19.5%; }
  #index-carousel .swiper-slide a.pic_3 {
    top: 48.5%;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    border-color: #fff; }
    #index-carousel .swiper-slide a.pic_3:hover {
      background-color: #fff;
      color: #e68527; }
  #index-carousel .swiper-slide a:hover {
    color: #fff;
    background-color: #e68527; }
#index-carousel .swiper-pagination {
  bottom: 15%; }
  #index-carousel .swiper-pagination .swiper-pagination-bullet {
    width: 2.5rem;
    height: 1rem;
    border-radius: 0;
    background-color: transparent;
    opacity: unset;
    margin: 0 0.5rem;
    border-top: 0.25rem solid #fff;
    outline: unset; }
  #index-carousel .swiper-pagination .swiper-pagination-bullet-active {
    border-color: #e68527; }

.product {
  background-color: #4a4849; }
  .product .mask {
    left: 0;
    bottom: 0;
    background-color: rgba(230, 133, 39, 0.9);
    display: none; }
  .product .icon-product {
    width: 90px;
    height: 90px;
    margin: 7.5rem auto 2rem auto; }
  .product .icon-pre {
    display: block; }
  .product .icon-next {
    display: none; }
  .product > .icon-box {
    background-image: url("product.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/首页产品背景图.png*/;
    background-size: 500% 100%;
    max-width: 20%;
    width: 17rem;
    height: 26.375rem; }
    .product > .icon-box#index-znyx {
      background-position: 25% 100%; }
    .product > .icon-box#index-product_2 {
      background-position: 50% 100%; }
    .product > .icon-box#index-product_3 {
      background-position: 75% 100%; }
    .product > .icon-box#index-znapi {
      background-position: 100% 100%; }
    .product > .icon-box .product-item {
      color: #fff;
      top: 0;
      left: 0;
      background-color: rgba(114, 114, 114, 0.7); }
      .product > .icon-box .product-item .short-line {
        width: 2rem;
        height: 3px;
        margin: 0 auto 1.75rem auto;
        background-color: #fff; }
      .product > .icon-box .product-item .product-name {
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
        padding: 1.25rem 0; }
      .product > .icon-box .product-item .product-info {
        line-height: 1.5em;
        display: none;
        font-size: 1.125rem;
        height: 6em;
        overflow: hidden;
        text-align: center; }
        .product > .icon-box .product-item .product-info .name {
          display: block; }
        .product > .icon-box .product-item .product-info .info {
          font-size: 0.875rem; }
      .product > .icon-box .product-item .product-more {
        width: 6rem;
        font-size: 0.875rem;
        color: #fff;
        border: 1px solid #fff;
        display: none; }
        .product > .icon-box .product-item .product-more:hover {
          background-color: #fff;
          color: #e68527; }
    .product > .icon-box.active .mask {
      display: block;
      animation: bottom-to-top 0.3s; }
@keyframes bottom-to-top {
  0% {
    height: 0%; }
  100% {
    height: 100%; } }
    .product > .icon-box.active .product-item {
      background-color: unset; }
    .product > .icon-box.active .icon-product {
      margin-top: 4.5rem;
      margin-bottom: 0;
      animation: mt-change 1s; }
    .product > .icon-box.active .icon-pre {
      display: none; }
    .product > .icon-box.active .icon-next {
      display: block; }
    .product > .icon-box.active .product-name {
      padding-top: 0; }
    .product > .icon-box.active .short-line {
      display: none; }
    .product > .icon-box.active .product-info {
      display: block; }
    .product > .icon-box.active .product-more {
      display: block; }

.solution-box {
  background-color: #f4f3f3; }

.solution {
  justify-content: center; }
  .solution > .icon-box {
    max-width: 20%;
    width: 17rem;
    height: 30.625rem;
    color: #494748; }
    .solution > .icon-box .solution-detail {
      width: 100%; }
      .solution > .icon-box .solution-detail .icon-solution {
        width: 100px;
        height: 100px;
        margin: 10.75rem auto 1.25rem auto; }
      .solution > .icon-box .solution-detail .icon-pre {
        display: block; }
      .solution > .icon-box .solution-detail .icon-next {
        display: none; }
      .solution > .icon-box .solution-detail .solution-name {
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center; }
      .solution > .icon-box .solution-detail .info-text {
        font-size: 0.875rem;
        padding: 1.5rem 2em;
        display: none; }
      .solution > .icon-box .solution-detail .more {
        display: none;
        font-size: 0.875rem;
        width: 6.75rem;
        padding: 0.5rem;
        margin: 1rem auto 0 auto;
        border: 1px solid #fff;
        color: #fff;
        text-decoration: none;
        text-align: center; }
        .solution > .icon-box .solution-detail .more:hover {
          background-color: #fff;
          color: #e68527; }
    .solution > .icon-box.active {
      color: #fff;
      background-size: 500% 100%;
      background-image: url("case.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/首页解决方案背景.png*/; }
      .solution > .icon-box.active .icon-solution {
        margin: 1.75rem auto 2.75rem auto;
        animation: mt-change2 1s; }
      .solution > .icon-box.active .icon-pre {
        display: none; }
      .solution > .icon-box.active .icon-next {
        display: block; }
      .solution > .icon-box.active .info-text {
        display: block; }
      .solution > .icon-box.active .more {
        display: block; }
      .solution > .icon-box.active#index-zhyq {
        background-position: 25% 100%; }
      .solution > .icon-box.active#index-zhjw {
        background-position: 50% 100%; }
      .solution > .icon-box.active#index-zhjt {
        background-position: 75% 100%; }
      .solution > .icon-box.active#index-sjzl {
        background-position: 100% 100%; }

.middle-part {
  background: url("middle-part.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/middle-part.png*/ no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
  font-size: 1.625rem;
  line-height: 7.5rem; }

.partner {
  padding-bottom: 0; }
  .partner #partner-tab {
    border: none;
    position: relative;
    justify-content: space-between; }
    .partner #partner-tab .nav-item {
      position: relative;
      left: 43.7%;
      margin-left: -3.8125rem; }
      .partner #partner-tab .nav-item:nth-child(2) {
        left: unset;
        right: 44.03%;
        margin-left: unset;
        margin-right: -3.8125rem; }
      .partner #partner-tab .nav-item .nav-link {
        color: #494748;
        text-align: center;
        border: none; }
        .partner #partner-tab .nav-item .nav-link .icon-partner {
          width: 5.625rem;
          height: 5.625rem; }
        .partner #partner-tab .nav-item .nav-link .icon-pre {
          display: block; }
        .partner #partner-tab .nav-item .nav-link .icon-next {
          display: none; }
        .partner #partner-tab .nav-item .nav-link.active {
          background-color: unset; }
          .partner #partner-tab .nav-item .nav-link.active .icon-pre {
            display: none; }
          .partner #partner-tab .nav-item .nav-link.active .icon-next {
            display: block; }
          .partner #partner-tab .nav-item .nav-link.active .text {
            color: #e68527; }
  .partner .tab-content .tab-pane {
    padding: 7.125rem 0 5.25rem 0;
    text-align: center; }
  .partner .tab-content #yinhang {
    background-size: 100% 100%; }
  .partner .tab-content #feiyin {
    background-size: 100% 100%; }

#index-news-list .card {
  border-radius: 0; }
#index-news-list .index-newsl-list a {
  line-height: 2; }
  #index-news-list .index-newsl-list a .link-text {
    padding-right: 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  #index-news-list .index-newsl-list a .link-time {
    min-width: 6em; }
  #index-news-list .index-newsl-list a:hover {
    color: #e68527; }

.bottom-part {
  background: url("bottom-part.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/bottom-part.png*/ no-repeat;
  background-size: 100% 100%; }
  .bottom-part .box {
    color: #fff;
    justify-content: space-between;
    text-align: left;
    height: 10rem;
    align-items: center; }
    .bottom-part .box .tips {
      font-size: 1.625rem; }
    .bottom-part .box .contact-us {
      padding: 0.5rem 1rem;
      border: 2px solid #fff;
      color: #fff; }
      .bottom-part .box .contact-us:hover {
        color: #e68527;
        background-color: #fff;
        text-decoration: none; }
    .bottom-part .box .id-contact {
      display: none; }

.right-bar {
  background-color: #fff;
  bottom: 20%;
  right: 0;
  left: unset;
  font-size: 1rem;
  width: 4rem;
  text-align: center; }
  .right-bar .qr-code {
    font-size: inherit;
    background-color: #e68527;
    color: #fff;
    padding: .5rem;
    border-radius: unset;
    outline: unset; }
  .right-bar a {
    display: block;
    width: 100%;
    padding: 0.625rem; }
    .right-bar a:hover .tip-text {
      display: block; }

#nb_icon_wrap {
  width: 4rem !important;
  height: 4rem !important;
  position: fixed;
  bottom: 20% !important;
  right: 0 !important;
  margin: 0 !important; }
  #nb_icon_wrap ins {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: 100% 100% !important;
    border-radius: 0 !important; }

.tooltip.show {
  opacity: 1; }

.tooltip-inner {
  background-color: white;
  padding: 0; }

a {
  color: #494748; }
  a:hover {
    text-decoration: none; }

.about-subnav {
  border-bottom: 1px solid #b9b8b8; }
  .about-subnav .link {
    color: #494748;
    line-height: 2rem;
    margin: 0 1.25rem; }
    .about-subnav .link.active {
      color: #e68527;
      border-bottom: 2px solid #e68527; }

.text {
  font-size: 1rem;
  padding: 0; }
  .text p {
    color: #494748;
    line-height: 1.875rem;
    text-indent: 2em;
    margin: 0.875em 0; }

@keyframes mt-change {
  0% {
    margin-top: 7.5rem; }
  100% {
    margin-top: 4.5rem; } }
@keyframes mt-change2 {
  0% {
    margin: 10.75rem auto 1.25rem auto; }
  100% {
    margin: 1.75rem auto 2.75rem auto; } }
@keyframes pt-change1 {
  0% {
    padding-top: 10rem; }
  100% {
    padding-top: 5rem; } }
@keyframes display-on-off {
  0% {
    display: none; }
  100% {
    display: flex; } }
@keyframes openCircle {
  0% {
    width: 12px;
    height: 12px; }
  100% {
    width: 100%;
    height: 100%; } }
@keyframes top-exchange {
  0% {
    top: 100%; } }
@keyframes bd-exchange {
  0% {
    border-width: 0; } }
@keyframes up_down_wave {
  0% {
    top: -5rem; }
  50% {
    top: 2.5rem; }
  100% {
    top: 0; } }
@keyframes nav_bar_in {
  0% {
    flex-basis: 0;
    -webkit-flex-basis: 0; }
  100% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; } }
@keyframes nav_bar_out {
  0% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; }
  100% {
    flex-basis: 0;
    -webkit-flex-basis: 0; } }
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #727272;
  border-radius: 10px; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e68527; }

.core-team {
  background-color: #efeeee; }

#team-carousel {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  position: relative; }
  #team-carousel .team-member .member-img {
    max-height: 19rem;
    overflow: hidden; }
    #team-carousel .team-member .member-img img {
      width: 100%;
      height: 100%; }
  #team-carousel .team-member .member-detail {
    padding: 1rem 1.5rem; }
    #team-carousel .team-member .member-detail .member-name {
      text-align: center;
      font-size: 1.5rem;
      font-weight: 600;
      color: #e68527; }
      #team-carousel .team-member .member-detail .member-name .member-title {
        font-size: 1rem;
        font-weight: normal;
        color: #494748;
        padding-left: 1rem; }
    #team-carousel .team-member .member-detail .member-info {
      padding: 1.5rem 0;
      font-size: 0.875rem;
      line-height: 1.5; }
      #team-carousel .team-member .member-detail .member-info ul {
        margin-bottom: 1rem; }
      #team-carousel .team-member .member-detail .member-info li {
        line-height: 2; }

.team-box {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto; }

.branch {
  position: relative; }
  .branch .branch-img {
    width: 100%; }
  .branch .branch-box {
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    .branch .branch-box li {
      position: absolute;
      width: fit-content; }
      .branch .branch-box li .circle {
        width: 40px;
        height: 40px;
        border-radius: 50px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -20px; }
        .branch .branch-box li .circle:before {
          content: "";
          position: absolute;
          width: 12px;
          height: 12px;
          border-radius: 100%;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          background-color: #e68527; }
        .branch .branch-box li .circle:after {
          content: "";
          position: absolute;
          width: 28px;
          height: 28px;
          border-radius: 100%;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          border-radius: 100%; }
        .branch .branch-box li .circle .addr {
          position: absolute;
          left: 100%;
          top: 50%;
          line-height: 1.5em;
          margin-top: -0.75em;
          white-space: nowrap;
          overflow: visible;
          font-size: 0.875rem; }
        .branch .branch-box li .circle:hover {
          border: 1px solid rgba(230, 133, 39, 0.7);
          z-index: 999; }
          .branch .branch-box li .circle:hover:after {
            border: 1px solid #e68527;
            background-color: rgba(230, 133, 39, 0.4);
            animation: openCircle 1.75s ease-out infinite; }
      .branch .branch-box li .info-box {
        display: none; }
    .branch .branch-box .san-francisco {
      left: 15.5%;
      top: 36%; }
    .branch .branch-box .chongqing {
      left: 79.5%;
      top: 40%; }
      .branch .branch-box .chongqing .addr {
        left: 12% !important;
        margin-top: 0.75em !important; }
    .branch .branch-box .singapore {
      left: 78%;
      top: 52%; }
    .branch .branch-box .beijing {
      left: 83%;
      top: 30%; }
    .branch .branch-box .jinan {
      left: 83%;
      top: 34%; }
    .branch .branch-box .hefei {
      left: 82%;
      top: 37.5%; }
      .branch .branch-box .hefei .addr {
        left: -53% !important;
        margin-top: -1.5em !important; }
    .branch .branch-box .shenzhen {
      left: 83%;
      top: 41%; }

.branch-item-box {
  display: flex;
  justify-content: space-around; }
  .branch-item-box li {
    position: relative; }
    .branch-item-box li .circle {
      width: 40px;
      height: 40px;
      border-radius: 50px;
      position: absolute;
      top: -8px;
      left: -40px; }
      .branch-item-box li .circle:before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #e68527; }
      .branch-item-box li .circle:after {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        border-radius: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 100%; }
      .branch-item-box li .circle .addr {
        left: 100%;
        top: 50%;
        line-height: 1.5em;
        margin-top: -0.75em;
        white-space: nowrap;
        overflow: visible;
        font-size: 0.875rem; }
    .branch-item-box li.active .circle {
      border: 1px solid rgba(230, 133, 39, 0.7);
      z-index: 999; }
      .branch-item-box li.active .circle:after {
        border: 1px solid #e68527;
        background-color: rgba(230, 133, 39, 0.4);
        animation: openCircle 1.75s ease-out infinite; }
    .branch-item-box li .info-box {
      margin-top: .5rem;
      font-size: .875rem; }

.development {
  position: relative;
  overflow: hidden; }
  .development .development-box {
    background-color: black;
    width: 100%; }
    .development .development-box .inner-common {
      min-height: 257px; }
    .development .development-box .bg-img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
  .development #swiper-pagination-box {
    position: absolute;
    z-index: 999;
    width: 515px;
    height: 515px;
    top: -300px;
    left: 0;
    right: 0;
    margin: auto; }
    .development #swiper-pagination-box .polygon {
      width: 100%;
      height: auto;
      max-height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  .development #swiper-pagination-develop {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .development #swiper-pagination-develop li {
      background-color: unset;
      text-indent: unset;
      outline: none;
      width: 50px;
      height: 50px; }
      .development #swiper-pagination-develop li .circle {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid rgba(230, 133, 39, 0.7);
        border-radius: 50px;
        position: relative;
        margin: 0 auto;
        text-align: center; }
        .development #swiper-pagination-develop li .circle:before {
          content: "";
          position: absolute;
          width: 12px;
          height: 12px;
          border-radius: 1000px;
          background-color: #e68527;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto; }
        .development #swiper-pagination-develop li .circle:after {
          content: "";
          position: absolute;
          border: 1px solid #e68527;
          border-radius: 1000px;
          background-color: rgba(230, 133, 39, 0.4);
          width: 30px;
          height: 30px;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto; }
      .development #swiper-pagination-develop li .year {
        display: block;
        color: #fff;
        text-indent: inherit;
        text-align: center; }
      .development #swiper-pagination-develop li:nth-child(1) {
        position: absolute;
        top: 310px;
        left: -24px;
        transform: rotate(72deg); }
      .development #swiper-pagination-develop li:nth-child(2) {
        position: absolute;
        top: 439px;
        left: 74px;
        transform: rotate(36deg); }
      .development #swiper-pagination-develop li:nth-child(3) {
        position: absolute;
        top: 488px;
        left: 233px; }
      .development #swiper-pagination-develop li:nth-child(4) {
        position: absolute;
        top: 439px;
        left: 392px;
        transform: rotate(-36deg); }
      .development #swiper-pagination-develop li:nth-child(5) {
        position: absolute;
        top: 310px;
        left: 488px;
        transform: rotate(-72deg); }
      .development #swiper-pagination-develop li:nth-child(6) {
        position: absolute;
        top: 152px;
        left: 488px;
        transform: rotate(-108deg); }
    .development #swiper-pagination-develop .swiper-pagination-bullet {
      opacity: unset; }
    .development #swiper-pagination-develop .swiper-pagination-bullet-active .circle:after {
      animation: openCircle 1.75s ease-out infinite; }
  .development .development-carousel-box .swiper-box {
    max-width: 1180px;
    margin: 0 auto;
    position: relative; }
  .development .development-carousel-box #develop-carousel {
    max-width: 75%;
    margin: 0 auto;
    padding: 0; }
    .development .development-carousel-box #develop-carousel > .swiper-wrapper > .swiper-slide {
      width: 100%;
      height: 100%; }
    .development .development-carousel-box #develop-carousel .year {
      font-size: 3.125rem;
      color: #e68527;
      line-height: 2.5em; }
    .development .development-carousel-box #develop-carousel .short-line {
      width: 3.5rem;
      height: 5px;
      background-color: #e68527;
      margin-bottom: 0.75rem; }
    .development .development-carousel-box #develop-carousel .list {
      color: #fff;
      height: 100%;
      max-height: 31rem;
      min-height: 20rem;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .development .development-carousel-box #develop-carousel .list li {
        display: flex; }
        .development .development-carousel-box #develop-carousel .list li:before {
          content: " ";
          display: block;
          width: 6px;
          height: 6px;
          background-color: #e68527;
          border-radius: 6px;
          vertical-align: middle;
          margin-right: 1em;
          margin-top: .5625rem; }
        .development .development-carousel-box #develop-carousel .list li span {
          display: block;
          margin-top: 0.5em;
          text-indent: 20px; }
  .development .development-carousel-box .content-swiper .swiper-scrollbar {
    width: 2px; }
    .development .development-carousel-box .content-swiper .swiper-scrollbar .swiper-scrollbar-drag {
      background-color: #7f7e7f; }

.honor-box .honor .other {
  margin-left: 8.33333333%; }
  .honor-box .honor .other li {
    flex: 0 0 50%; }

.certification-box {
  background-color: #fafafa; }

.certification .core-certification {
  display: flex;
  flex-wrap: wrap; }
  .certification .core-certification li {
    flex: 0 0 33.333%;
    text-align: center;
    font-size: 0.875rem;
    margin-top: 2.5rem; }
    .certification .core-certification li span {
      margin-top: .75rem;
      display: block; }
.certification .other {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
  margin-left: 3rem; }
  .certification .other li {
    font-size: 0.875rem;
    flex: 0 0 25%;
    height: 3em;
    display: flex; }
    .certification .other li:before {
      content: '';
      display: flex;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #e68527;
      margin: 0.5rem; }

@keyframes mt-change {
  0% {
    margin-top: 7.5rem; }
  100% {
    margin-top: 4.5rem; } }
@keyframes mt-change2 {
  0% {
    margin: 10.75rem auto 1.25rem auto; }
  100% {
    margin: 1.75rem auto 2.75rem auto; } }
@keyframes pt-change1 {
  0% {
    padding-top: 10rem; }
  100% {
    padding-top: 5rem; } }
@keyframes display-on-off {
  0% {
    display: none; }
  100% {
    display: flex; } }
@keyframes openCircle {
  0% {
    width: 12px;
    height: 12px; }
  100% {
    width: 100%;
    height: 100%; } }
@keyframes top-exchange {
  0% {
    top: 100%; } }
@keyframes bd-exchange {
  0% {
    border-width: 0; } }
@keyframes up_down_wave {
  0% {
    top: -5rem; }
  50% {
    top: 2.5rem; }
  100% {
    top: 0; } }
@keyframes nav_bar_in {
  0% {
    flex-basis: 0;
    -webkit-flex-basis: 0; }
  100% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; } }
@keyframes nav_bar_out {
  0% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; }
  100% {
    flex-basis: 0;
    -webkit-flex-basis: 0; } }
.tel-email {
  font-size: 1.125rem;
  text-indent: 2em;
  padding: 1.25rem;
  border-top: 1px solid #e68527;
  border-bottom: 1px solid #e68527; }

.map-box {
  background: url("contact-bg-map.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/about/contact-bg-map.png*/ no-repeat;
  min-height: 600px;
  max-height: 700px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding: 4rem 0; }
  .map-box .map-nav-box {
    flex: 0 0 26%;
    max-width: 26%; }
  .map-box .map {
    flex: 0 0 72%;
    max-width: 72%; }
  .map-box .map-nav-list {
    width: 100%; }
    .map-box .map-nav-list .addr-item {
      width: 70%;
      height: 5rem;
      border-right: 2px solid rgba(255, 255, 255, 0.7); }
      .map-box .map-nav-list .addr-item a {
        display: block;
        width: 100%;
        height: 100%;
        color: rgba(255, 255, 255, 0.9);
        line-height: 5rem;
        vertical-align: middle;
        text-align: center;
        text-indent: 4rem;
        position: relative; }
        .map-box .map-nav-list .addr-item a:hover {
          color: rgba(255, 255, 255, 0.7); }
        .map-box .map-nav-list .addr-item a img {
          position: absolute;
          left: 100%;
          top: 0;
          bottom: 0;
          right: -6rem;
          box-sizing: content-box;
          width: 100%;
          max-width: 60px;
          margin: auto;
          display: none; }
        .map-box .map-nav-list .addr-item a.clicked {
          background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
          border-right: 4px solid #e68527;
          position: relative;
          right: -3px; }
          .map-box .map-nav-list .addr-item a.clicked img {
            display: block;
            border: 6px solid rgba(185, 184, 184, 0.5);
            border-radius: 50%;
            animation: bd-exchange 1s infinite; }
  .map-box .map {
    position: relative; }
    .map-box .map .map-addr {
      width: 100%;
      position: absolute;
      top: 0;
      z-index: 999;
      line-height: 3.25;
      background: rgba(73, 71, 72, 0.7);
      color: rgba(255, 255, 255, 0.9); }
      .map-box .map .map-addr .icon-addr {
        display: inline-block;
        margin: 0 1rem; }
      .map-box .map .map-addr #addr {
        display: inline-block; }
    .map-box .map #map {
      width: 100%;
      height: 100%; }

.BMapLabel {
  display: none !important; }

.news-list .news-box {
  color: #575757;
  height: 12.5rem;
  border-bottom: 1px solid #b9b8b8;
  padding: 1.875rem 0; }
  .news-list .news-box .news-pic {
    max-height: 8.75rem;
    overflow: hidden; }
    .news-list .news-box .news-pic img {
      width: 100%;
      height: auto; }
  .news-list .news-box .new-detail {
    padding-left: 2rem;
    align-self: center; }
    .news-list .news-box .new-detail .type {
      font-size: 0.75rem;
      line-height: inherit;
      padding-bottom: .5rem; }
    .news-list .news-box .new-detail .title {
      font-size: 1.25rem;
      line-height: 1;
      margin-bottom: 1.5rem;
      padding-left: .5rem;
      border-left: 2px solid #e68527; }
    .news-list .news-box .new-detail .intro {
      font-size: 0.875rem; }
  .news-list .news-box .pubdate {
    justify-self: right;
    align-self: center;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap; }
    .news-list .news-box .pubdate div {
      flex: 0 0 100%;
      display: flex;
      justify-content: flex-end; }
    .news-list .news-box .pubdate .pub-day-month {
      font-size: 1.25rem; }
    .news-list .news-box .pubdate .pub-year {
      font-size: 0.875rem; }
    .news-list .news-box .pubdate .news-arrow {
      display: block;
      background: url("news-arrow.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/news-arrow.png*/ no-repeat right;
      width: 2.25rem;
      height: 2.25rem;
      margin: 0.5rem 0; }
      .news-list .news-box .pubdate .news-arrow:hover {
        background: url("news-arrow-hover.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/news-arrow-hover.png*/ no-repeat right; }
.news-list li:last-child .news-box {
  border-bottom: none; }

.page {
  display: flex;
  margin: 2rem 0;
  justify-content: center; }
  .page .page-item {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    vertical-align: middle;
    margin: 0.125rem;
    padding: 0 .5rem; }
    .page .page-item .page-link {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 3px;
      color: #727272; }
    .page .page-item.active .page-link {
      border: none;
      color: #e68527; }

.new-detail-nav {
  margin-top: 80px; }

.news-container {
  max-width: 85rem !important;
  background-color: #fafafa; }

.news-body {
  color: #575757;
  max-width: 64rem;
  margin: 0 auto; }
  .news-body .breadcrumbs-nav {
    border-bottom: 1px solid #e68527;
    margin: 2.5rem 0; }
    .news-body .breadcrumbs-nav li {
      display: inline-flex; }
    .news-body .breadcrumbs-nav a {
      color: #e68527; }
      .news-body .breadcrumbs-nav a:after {
        content: ">";
        display: inline-block;
        color: #494748; }
  .news-body .news-head {
    border-left: 3px solid #e68527;
    margin-bottom: 2rem; }
    .news-body .news-head .news-title {
      font-size: 1.25rem; }
    .news-body .news-head .news-pub span {
      padding-right: 1rem; }
  .news-body .news-main-body {
    margin-bottom: 3rem; }
  .news-body .article-pre-nex span {
    color: #e68527; }
  .news-body .read-more .caption {
    color: #e68527; }
  .news-body .read-more li a {
    line-height: 2;
    text-decoration: underline; }

@keyframes mt-change {
  0% {
    margin-top: 7.5rem; }
  100% {
    margin-top: 4.5rem; } }
@keyframes mt-change2 {
  0% {
    margin: 10.75rem auto 1.25rem auto; }
  100% {
    margin: 1.75rem auto 2.75rem auto; } }
@keyframes pt-change1 {
  0% {
    padding-top: 10rem; }
  100% {
    padding-top: 5rem; } }
@keyframes display-on-off {
  0% {
    display: none; }
  100% {
    display: flex; } }
@keyframes openCircle {
  0% {
    width: 12px;
    height: 12px; }
  100% {
    width: 100%;
    height: 100%; } }
@keyframes top-exchange {
  0% {
    top: 100%; } }
@keyframes bd-exchange {
  0% {
    border-width: 0; } }
@keyframes up_down_wave {
  0% {
    top: -5rem; }
  50% {
    top: 2.5rem; }
  100% {
    top: 0; } }
@keyframes nav_bar_in {
  0% {
    flex-basis: 0;
    -webkit-flex-basis: 0; }
  100% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; } }
@keyframes nav_bar_out {
  0% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; }
  100% {
    flex-basis: 0;
    -webkit-flex-basis: 0; } }
.icon {
  background-image: url("icon-all.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/icon-all.png*/;
  background-repeat: no-repeat;
  background-size: 1000% 1000%; }

.icon-2 {
  background-position: 11.1111111111% 0%; }

.icon-3 {
  background-position: 22.2222222222% 0%; }

.icon-4 {
  background-position: 33.3333333333% 0%; }

.icon-5 {
  background-position: 44.4444444444% 0%; }

.icon-6 {
  background-position: 55.5555555556% 0%; }

.icon-7 {
  background-position: 66.6666666667% 0%; }

.icon-8 {
  background-position: 77.7777777778% 0%; }

.icon-9 {
  background-position: 88.8888888889% 0%; }

.icon-10 {
  background-position: 100% 0%; }

.icon-11 {
  background-position: 0% 11.1111111111%; }

.icon-12 {
  background-position: 11.1111111111% 11.1111111111%; }

.icon-13 {
  background-position: 22.2222222222% 11.1111111111%; }

.icon-14 {
  background-position: 33.3333333333% 11.1111111111%; }

.icon-15 {
  background-position: 44.4444444444% 11.1111111111%; }

.icon-16 {
  background-position: 55.5555555556% 11.1111111111%; }

.icon-17 {
  background-position: 66.6666666667% 11.1111111111%; }

.icon-18 {
  background-position: 77.7777777778% 11.1111111111%; }

.icon-19 {
  background-position: 88.8888888889% 11.1111111111%; }

.icon-20 {
  background-position: 100% 11.1111111111%; }

.icon-21 {
  background-position: 0% 22.2222222222%; }

.icon-22 {
  background-position: 11.1111111111% 22.2222222222%; }

.icon-23 {
  background-position: 22.2222222222% 22.2222222222%; }

.icon-24 {
  background-position: 33.3333333333% 22.2222222222%; }

.icon-25 {
  background-position: 44.4444444444% 22.2222222222%; }

.icon-26 {
  background-position: 55.5555555556% 22.2222222222%; }

.icon-27 {
  background-position: 66.6666666667% 22.2222222222%; }

.icon-28 {
  background-position: 77.7777777778% 22.2222222222%; }

.icon-29 {
  background-position: 88.8888888889% 22.2222222222%; }

.icon-30 {
  background-position: 100% 22.2222222222%; }

.icon-31 {
  background-position: 0% 33.3333333333%; }

.icon-32 {
  background-position: 11.1111111111% 33.3333333333%; }

.icon-33 {
  background-position: 22.2222222222% 33.3333333333%; }

.icon-34 {
  background-position: 33.3333333333% 33.3333333333%; }

.icon-35 {
  background-position: 44.4444444444% 33.3333333333%; }

.icon-36 {
  background-position: 55.5555555556% 33.3333333333%; }

.icon-37 {
  background-position: 66.6666666667% 33.3333333333%; }

.icon-38 {
  background-position: 77.7777777778% 33.3333333333%; }

.icon-39 {
  background-position: 88.8888888889% 33.3333333333%; }

.icon-40 {
  background-position: 100% 33.3333333333%; }

.icon-41 {
  background-position: 0% 44.4444444444%; }

.icon-42 {
  background-position: 11.1111111111% 44.4444444444%; }

.icon-43 {
  background-position: 22.2222222222% 44.4444444444%; }

.icon-44 {
  background-position: 33.3333333333% 44.4444444444%; }

.icon-45 {
  background-position: 44.4444444444% 44.4444444444%; }

.icon-46 {
  background-position: 55.5555555556% 44.4444444444%; }

.icon-47 {
  background-position: 66.6666666667% 44.4444444444%; }

.icon-48 {
  background-position: 77.7777777778% 44.4444444444%; }

.icon-49 {
  background-position: 88.8888888889% 44.4444444444%; }

.icon-50 {
  background-position: 100% 44.4444444444%; }

.icon-51 {
  background-position: 0% 55.5555555556%; }

.icon-52 {
  background-position: 11.1111111111% 55.5555555556%; }

.icon-53 {
  background-position: 22.2222222222% 55.5555555556%; }

.icon-54 {
  background-position: 33.3333333333% 55.5555555556%; }

.icon-55 {
  background-position: 44.4444444444% 55.5555555556%; }

.icon-56 {
  background-position: 55.5555555556% 55.5555555556%; }

.icon-57 {
  background-position: 66.6666666667% 55.5555555556%; }

.icon-58 {
  background-position: 77.7777777778% 55.5555555556%; }

.icon-59 {
  background-position: 88.8888888889% 55.5555555556%; }

.icon-60 {
  background-position: 100% 55.5555555556%; }

.icon-61 {
  background-position: 0% 66.6666666667%; }

.icon-62 {
  background-position: 11.1111111111% 66.6666666667%; }

.icon-63 {
  background-position: 22.2222222222% 66.6666666667%; }

.icon-64 {
  background-position: 33.3333333333% 66.6666666667%; }

.icon-65 {
  background-position: 44.4444444444% 66.6666666667%; }

.icon-66 {
  background-position: 55.5555555556% 66.6666666667%; }

.icon-67 {
  background-position: 66.6666666667% 66.6666666667%; }

.icon-68 {
  background-position: 77.7777777778% 66.6666666667%; }

.icon-69 {
  background-position: 88.8888888889% 66.6666666667%; }

.icon-70 {
  background-position: 100% 66.6666666667%; }

.icon-71 {
  background-position: 0% 77.7777777778%; }

.icon-72 {
  background-position: 11.1111111111% 77.7777777778%; }

.icon-73 {
  background-position: 22.2222222222% 77.7777777778%; }

.icon-74 {
  background-position: 33.3333333333% 77.7777777778%; }

.icon-75 {
  background-position: 44.4444444444% 77.7777777778%; }

.icon-76 {
  background-position: 55.5555555556% 77.7777777778%; }

.icon-77 {
  background-position: 66.6666666667% 77.7777777778%; }

.icon-78 {
  background-position: 77.7777777778% 77.7777777778%; }

.icon-79 {
  background-position: 88.8888888889% 77.7777777778%; }

.icon-80 {
  background-position: 100% 77.7777777778%; }

.icon-81 {
  background-position: 0% 88.8888888889%; }

.icon-82 {
  background-position: 11.1111111111% 88.8888888889%; }

.icon-83 {
  background-position: 22.2222222222% 88.8888888889%; }

.icon-84 {
  background-position: 33.3333333333% 88.8888888889%; }

.icon-85 {
  background-position: 44.4444444444% 88.8888888889%; }

.icon-86 {
  background-position: 55.5555555556% 88.8888888889%; }

.icon-87 {
  background-position: 66.6666666667% 88.8888888889%; }

.icon-88 {
  background-position: 77.7777777778% 88.8888888889%; }

.icon-89 {
  background-position: 88.8888888889% 88.8888888889%; }

.icon-90 {
  background-position: 100% 88.8888888889%; }

.icon-91 {
  background-position: 0% 100%; }

.icon-92 {
  background-position: 11.1111111111% 100%; }

.icon-93 {
  background-position: 22.2222222222% 100%; }

.icon-94 {
  background-position: 33.3333333333% 100%; }

.icon-95 {
  background-position: 44.4444444444% 100%; }

.icon-96 {
  background-position: 55.5555555556% 100%; }

.icon-97 {
  background-position: 66.6666666667% 100%; }

.icon-98 {
  background-position: 77.7777777778% 100%; }

.icon-99 {
  background-position: 88.8888888889% 100%; }

.icon-100 {
  background-position: 100% 100%; }

.academy-bg-box {
  min-height: 915px;
  overflow: hidden; }
  .academy-bg-box .academy-bg-img {
    position: absolute;
    z-index: -2;
    width: 100%; }
    .academy-bg-box .academy-bg-img img {
      width: 100%; }
    .academy-bg-box .academy-bg-img .academy-bg-mask {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      position: absolute;
      top: 0;
      z-index: 998; }
    .academy-bg-box .academy-bg-img .academy-bg-moving {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 71%;
      animation: top-exchange 2s; }
  .academy-bg-box .academy-box {
    margin: 4.792% auto;
    width: 71%;
    background-color: rgba(73, 71, 72, 0.6);
    min-height: 450px; }
    .academy-bg-box .academy-box .academy-intro {
      padding: 5.279% 7.111%;
      color: #fff;
      line-height: 1.875; }
      .academy-bg-box .academy-box .academy-intro p {
        margin-bottom: 1.5rem; }
    .academy-bg-box .academy-box .academy-more {
      display: block;
      padding: 0.5rem 1rem;
      border: 1px solid #e68527;
      color: #e68527;
      width: fit-content;
      margin: 0 auto; }

#joint-lab-box {
  background-color: #efeeee; }
  #joint-lab-box .laboratory-bg {
    position: relative;
    top: 100%; }
  #joint-lab-box .slider-box {
    position: relative;
    top: -100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1350px;
    margin: 0 auto; }
  #joint-lab-box #joint-lab-slider {
    display: flex;
    justify-content: center;
    align-items: center; }
    #joint-lab-box #joint-lab-slider.swiper-container {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto; }
  #joint-lab-box .swiper-button-prev {
    z-index: 999;
    background: url("arrow-left.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-left.png*/ no-repeat;
    width: 49px;
    height: 48px; }
    #joint-lab-box .swiper-button-prev:hover {
      background: url("arrow-left-hover.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-left-hover.png*/ no-repeat; }
  #joint-lab-box .swiper-button-next {
    z-index: 999;
    width: 49px;
    height: 48px;
    background: url("arrow-right.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-right.png*/ no-repeat; }
    #joint-lab-box .swiper-button-next:hover {
      background: url("arrow-right-hover.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-right-hover.png*/ no-repeat; }

@keyframes mt-change {
  0% {
    margin-top: 7.5rem; }
  100% {
    margin-top: 4.5rem; } }
@keyframes mt-change2 {
  0% {
    margin: 10.75rem auto 1.25rem auto; }
  100% {
    margin: 1.75rem auto 2.75rem auto; } }
@keyframes pt-change1 {
  0% {
    padding-top: 10rem; }
  100% {
    padding-top: 5rem; } }
@keyframes display-on-off {
  0% {
    display: none; }
  100% {
    display: flex; } }
@keyframes openCircle {
  0% {
    width: 12px;
    height: 12px; }
  100% {
    width: 100%;
    height: 100%; } }
@keyframes top-exchange {
  0% {
    top: 100%; } }
@keyframes bd-exchange {
  0% {
    border-width: 0; } }
@keyframes up_down_wave {
  0% {
    top: -5rem; }
  50% {
    top: 2.5rem; }
  100% {
    top: 0; } }
@keyframes nav_bar_in {
  0% {
    flex-basis: 0;
    -webkit-flex-basis: 0; }
  100% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; } }
@keyframes nav_bar_out {
  0% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; }
  100% {
    flex-basis: 0;
    -webkit-flex-basis: 0; } }
.core-tech-bgimg {
  max-width: 72.92%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  min-height: 40rem; }
  .core-tech-bgimg .img-fluid {
    position: absolute;
    animation: top-exchange 2s;
    z-index: 999; }
  @media screen and (min-width: 577px) {
    .core-tech-bgimg .img-fluid {
      top: -15%; } }
  @media screen and (min-width: 1367px) {
    .core-tech-bgimg .img-fluid {
      top: -22%; } }
  @media screen and (min-width: 1537px) {
    .core-tech-bgimg .img-fluid {
      top: -40%; } }

.custom-bg-light {
  background-color: #fafafa; }

#coreTech-tab {
  border: none; }
  #coreTech-tab .nav-item .nav-link {
    font-size: 1rem;
    text-align: center;
    background-color: white;
    border: none;
    padding: 1.25rem 0;
    border-radius: inherit; }
    #coreTech-tab .nav-item .nav-link.active, #coreTech-tab .nav-item .nav-link:hover {
      color: #e68527;
      background-color: #fafafa; }
    #coreTech-tab .nav-item .nav-link:hover {
      color: #e68527; }

.tech-box {
  padding-bottom: 6.125rem;
  align-items: center;
  justify-content: space-between; }
  .tech-box .title {
    font-size: 1.5rem;
    color: #e68527;
    margin-bottom: 1rem; }
  .tech-box .text-detail {
    line-height: 1.75; }
  .tech-box .text-center > img {
    margin-top: 4rem;
    margin-bottom: 2rem; }

.inner-top {
  position: relative;
  font-size: 1rem; }

.product-solution-subnav {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3); }
  .product-solution-subnav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.625em 0;
    max-width: 1360px; }
    .product-solution-subnav ul li {
      width: 100%;
      min-width: 5em;
      max-width: 20%;
      height: 4em;
      border-right: 1px solid #fff;
      text-align: center; }
      .product-solution-subnav ul li:last-child {
        border-right: none; }
  .product-solution-subnav .link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1em;
    color: #fff;
    letter-spacing: 2px; }
  .product-solution-subnav .active {
    background: linear-gradient(to right, rgba(230, 133, 39, 0), rgba(230, 133, 39, 0.2), rgba(230, 133, 39, 0)); }
  .product-solution-subnav .active.special {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0)); }

.product-solution-info {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 7.25em;
  max-width: 73.56805%; }
  .product-solution-info .product-solution-info-box {
    height: 100%; }
    .product-solution-info .product-solution-info-box .col-12 {
      display: flex;
      align-items: flex-start;
      height: 100%; }
      .product-solution-info .product-solution-info-box .col-12 .left-box {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
        width: 60%;
        background-size: auto 100%;
        padding-left: 9%;
        margin-right: 2em; }
        .product-solution-info .product-solution-info-box .col-12 .left-box > .sub-title {
          font-family: pangmen-title;
          font-size: 3em;
          transform: scale(0.95, 1.2);
          transform-origin: 0 0;
          color: #e68527;
          letter-spacing: 2px; }
        .product-solution-info .product-solution-info-box .col-12 .left-box > .sub-text {
          font-size: .9375em;
          color: #fff;
          letter-spacing: 1px;
          min-height: 3em;
          max-width: 40em; }
        .product-solution-info .product-solution-info-box .col-12 .left-box > .target-link {
          margin-top: 1em;
          width: fit-content;
          min-width: 20em;
          min-height: 7em; }
          .product-solution-info .product-solution-info-box .col-12 .left-box > .target-link a {
            width: 100%;
            color: #e68527;
            font-size: 0.875em;
            text-align: center;
            display: block;
            border: 1px solid #e68527;
            border-radius: .5em;
            padding: .5rem;
            margin-bottom: 0.75em; }
            .product-solution-info .product-solution-info-box .col-12 .left-box > .target-link a:hover {
              color: #fff;
              background-color: #e68527; }
      .product-solution-info .product-solution-info-box .col-12 .right-box {
        height: 105%;
        display: flex;
        align-items: center;
        position: relative; }
        .product-solution-info .product-solution-info-box .col-12 .right-box img {
          position: relative;
          top: 0;
          animation: up_down_wave 5s;
          max-height: 100%; }
    .product-solution-info .product-solution-info-box.special .col-12 {
      display: flex;
      align-items: center; }
      .product-solution-info .product-solution-info-box.special .col-12 .left-box {
        height: 100%;
        background-repeat: no-repeat;
        padding-left: 9.5%;
        justify-content: center; }
        .product-solution-info .product-solution-info-box.special .col-12 .left-box > .sub-title {
          color: white;
          text-shadow: 2px 0 1px #5d5d5d; }

@media (min-width: 577px) and (max-width: 1366px) {
  .inner-top {
    font-size: .75rem; } }
@media screen and (min-width: 1367px) {
  .inner-top {
    font-size: .875rem; } }
@media screen and (min-width: 1537px) {
  .inner-top {
    font-size: 1rem; } }
.product-solution-box .bg-yellow-lighter {
  background-color: #fafafa; }
.product-solution-box .container {
  max-width: 1364px;
  padding-top: 4.75rem;
  padding-bottom: 4.75rem; }
  .product-solution-box .container .row {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto; }
.product-solution-box .nav-tabs {
  border: none;
  display: flex;
  justify-content: center;
  margin-top: 3rem; }
  .product-solution-box .nav-tabs .nav-item {
    flex: 0 0 25%;
    width: 25%; }
    .product-solution-box .nav-tabs .nav-item a {
      font-size: 1.125rem;
      line-height: 3.75rem;
      text-align: center;
      display: block;
      width: 100%;
      border: 1px solid #494748; }
      .product-solution-box .nav-tabs .nav-item a:hover {
        color: #494748; }
      .product-solution-box .nav-tabs .nav-item a.active {
        background: #e68527;
        border-color: #e68527;
        color: #fff; }
    .product-solution-box .nav-tabs .nav-item:first-child a {
      border-right: unset; }
    .product-solution-box .nav-tabs .nav-item:last-child a {
      border-left: unset; }
.product-solution-box .tab-content {
  margin-top: 2.5rem;
  background-color: #fafafa;
  padding: 1rem; }
  .product-solution-box .tab-content #sjys li, .product-solution-box .tab-content #mxys li {
    padding: 2rem 1rem; }
    .product-solution-box .tab-content #sjys li .title, .product-solution-box .tab-content #mxys li .title {
      margin-bottom: 1.5rem; }
    .product-solution-box .tab-content #sjys li p, .product-solution-box .tab-content #mxys li p {
      font-size: .75rem;
      margin-bottom: .5rem;
      line-height: 1.75;
      position: relative; }
      .product-solution-box .tab-content #sjys li p:before, .product-solution-box .tab-content #mxys li p:before {
        content: '●';
        padding-right: .375rem;
        color: #e68527;
        font-weight: bolder;
        position: absolute;
        top: 0;
        left: -1em; }
.product-solution-box .sub-title {
  font-size: 1.5rem;
  color: #e68527; }
.product-solution-box .text-detail {
  line-height: 1.75;
  padding-top: 1rem;
  font-size: 1.0625rem;
  letter-spacing: 1px; }
.product-solution-box .bg-img {
  text-align: center;
  margin-top: 2.5rem; }
  .product-solution-box .bg-img img {
    max-width: 100%; }
.product-solution-box .icon-advantage {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto; }
.product-solution-box .icon-znfk {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto; }
.product-solution-box #product-advantage li {
  text-align: center;
  padding: 0 1rem;
  margin: 2rem 0; }
  .product-solution-box #product-advantage li .title {
    font-weight: bold;
    line-height: 3; }
  .product-solution-box #product-advantage li .description {
    font-size: .875rem;
    line-height: 2; }
.product-solution-box #api-key {
  display: flex;
  height: 16.875rem;
  margin-top: 4rem; }
  .product-solution-box #api-key li {
    flex: 0 0 25%;
    background-color: #fafafa;
    box-shadow: rgba(6, 0, 1, 0.21) 0 1px 5px 0; }
    .product-solution-box #api-key li .box {
      padding-top: 5rem;
      width: 55%;
      margin: 0 auto; }
      .product-solution-box #api-key li .box > p {
        font-size: .875rem;
        padding-top: 1rem;
        line-height: 2; }
    .product-solution-box #api-key li:hover {
      background-color: #e68527;
      color: #fff; }
.product-solution-box .product-scenes {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between; }
  .product-solution-box .product-scenes li {
    overflow: hidden;
    object-fit: cover; }
    .product-solution-box .product-scenes li .box {
      padding: 6.5rem 0;
      background-image: url("产品场景背景图.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/产品场景背景图.png*/;
      background-size: 500% 100%;
      transition: .3s ease-in-out; }
      .product-solution-box .product-scenes li .box > .icon-scenses {
        display: block;
        width: 90px;
        height: 90px;
        margin: 0 auto; }
      .product-solution-box .product-scenes li .box > .title {
        color: white;
        font-size: 1.0625rem;
        text-align: center;
        font-weight: bold;
        letter-spacing: 2px; }
      .product-solution-box .product-scenes li .box > .description {
        font-size: 0.875rem;
        color: white;
        text-align: center;
        margin-top: 1.25rem; }
    .product-solution-box .product-scenes li:nth-child(2) .box {
      background-position: 25% 0%; }
    .product-solution-box .product-scenes li:nth-child(3) .box {
      background-position: 50% 0%; }
    .product-solution-box .product-scenes li:nth-child(4) .box {
      background-position: 75% 0%; }
    .product-solution-box .product-scenes li:nth-child(5) .box {
      background-position: 100% 0%; }
    .product-solution-box .product-scenes li:hover .box {
      transform: scale(1.05); }
  .product-solution-box .product-scenes.znapi li {
    flex: 0 0 18%; }
  .product-solution-box .product-scenes.pic_2 li {
    flex: 0 0 23%; }
  .product-solution-box .product-scenes.znyx li {
    flex: 0 0 30%; }
.product-solution-box .advantage {
  display: flex;
  justify-content: center;
  padding-top: 4.75rem; }
.product-solution-box .solution-advantage {
  display: block;
  flex-wrap: wrap;
  background-size: 100% auto; }
  .product-solution-box .solution-advantage li {
    text-align: center;
    border: 1rem solid #fff;
    border-radius: 24px;
    background-color: rgba(230, 133, 39, 0.3);
    padding: 1.5em 3em;
    letter-spacing: 2px; }
    .product-solution-box .solution-advantage li > .title {
      font-size: 1.125rem; }
.product-solution-box .width-700 {
  width: 700px;
  max-width: 100%; }
.product-solution-box .width-450 {
  width: 700px;
  max-width: 100%; }
.product-solution-box .flex-box-20 {
  display: flex;
  flex-wrap: wrap;
  background-size: auto auto;
  background-repeat: repeat-x; }
  .product-solution-box .flex-box-20 li {
    flex: 0 0 20%;
    border-width: 0.5rem;
    border-radius: 16px;
    padding: 3em 1em; }
    .product-solution-box .flex-box-20 li > .title {
      font-weight: bold;
      line-height: 9; }
    .product-solution-box .flex-box-20 li > .description {
      font-size: .9375rem; }
.product-solution-box .flex-box-33 {
  display: flex;
  flex-wrap: wrap;
  background-size: 100% auto; }
  .product-solution-box .flex-box-33 li {
    flex: 0 0 33.3333333%;
    border-width: 0.5rem;
    border-radius: 16px;
    padding: 3em 1em; }
    .product-solution-box .flex-box-33 li > .title {
      font-weight: bold;
      line-height: 9; }
    .product-solution-box .flex-box-33 li > .description {
      font-size: .9375rem; }

#inner-carousel-text {
  width: 100%;
  max-width: 46rem;
  color: #fff;
  letter-spacing: 2px;
  position: absolute;
  left: 19.3%;
  top: 52%;
  z-index: 100; }

.pt-md-10 {
  padding-top: 6rem; }

footer .friendly-links {
  font-size: .875rem;
  border-bottom: 1px solid #495461; }
  footer .friendly-links .col-auto {
    line-height: 2;
    color: #a4aeba; }
footer a {
  line-height: 2em; }
  footer a:hover {
    color: #e68527 !important;
    text-decoration: none; }
footer .footer-box .footer-link {
  font-size: 0.875rem;
  color: #a4aeba; }
footer .footer-box .sub-nav .sub-link {
  font-size: 0.75rem;
  color: #88919b; }
  footer .footer-box .sub-nav .sub-link a {
    display: inline-block;
    color: inherit; }
footer .copyright .line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #495461; }
footer .copyright .copyright-detail {
  text-align: center;
  color: #88919b;
  font-size: 0.75rem;
  margin: 0.5rem 0; }
  footer .copyright .copyright-detail span {
    padding: 0 1rem; }

span[id^="cnzz"] {
  display: none; }

.icon {
  background-image: url("icon-all.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/icon-all.png*/;
  background-repeat: no-repeat;
  background-size: 1000% 1000%; }

.icon-2 {
  background-position: 11.1111111111% 0%; }

.icon-3 {
  background-position: 22.2222222222% 0%; }

.icon-4 {
  background-position: 33.3333333333% 0%; }

.icon-5 {
  background-position: 44.4444444444% 0%; }

.icon-6 {
  background-position: 55.5555555556% 0%; }

.icon-7 {
  background-position: 66.6666666667% 0%; }

.icon-8 {
  background-position: 77.7777777778% 0%; }

.icon-9 {
  background-position: 88.8888888889% 0%; }

.icon-10 {
  background-position: 100% 0%; }

.icon-11 {
  background-position: 0% 11.1111111111%; }

.icon-12 {
  background-position: 11.1111111111% 11.1111111111%; }

.icon-13 {
  background-position: 22.2222222222% 11.1111111111%; }

.icon-14 {
  background-position: 33.3333333333% 11.1111111111%; }

.icon-15 {
  background-position: 44.4444444444% 11.1111111111%; }

.icon-16 {
  background-position: 55.5555555556% 11.1111111111%; }

.icon-17 {
  background-position: 66.6666666667% 11.1111111111%; }

.icon-18 {
  background-position: 77.7777777778% 11.1111111111%; }

.icon-19 {
  background-position: 88.8888888889% 11.1111111111%; }

.icon-20 {
  background-position: 100% 11.1111111111%; }

.icon-21 {
  background-position: 0% 22.2222222222%; }

.icon-22 {
  background-position: 11.1111111111% 22.2222222222%; }

.icon-23 {
  background-position: 22.2222222222% 22.2222222222%; }

.icon-24 {
  background-position: 33.3333333333% 22.2222222222%; }

.icon-25 {
  background-position: 44.4444444444% 22.2222222222%; }

.icon-26 {
  background-position: 55.5555555556% 22.2222222222%; }

.icon-27 {
  background-position: 66.6666666667% 22.2222222222%; }

.icon-28 {
  background-position: 77.7777777778% 22.2222222222%; }

.icon-29 {
  background-position: 88.8888888889% 22.2222222222%; }

.icon-30 {
  background-position: 100% 22.2222222222%; }

.icon-31 {
  background-position: 0% 33.3333333333%; }

.icon-32 {
  background-position: 11.1111111111% 33.3333333333%; }

.icon-33 {
  background-position: 22.2222222222% 33.3333333333%; }

.icon-34 {
  background-position: 33.3333333333% 33.3333333333%; }

.icon-35 {
  background-position: 44.4444444444% 33.3333333333%; }

.icon-36 {
  background-position: 55.5555555556% 33.3333333333%; }

.icon-37 {
  background-position: 66.6666666667% 33.3333333333%; }

.icon-38 {
  background-position: 77.7777777778% 33.3333333333%; }

.icon-39 {
  background-position: 88.8888888889% 33.3333333333%; }

.icon-40 {
  background-position: 100% 33.3333333333%; }

.icon-41 {
  background-position: 0% 44.4444444444%; }

.icon-42 {
  background-position: 11.1111111111% 44.4444444444%; }

.icon-43 {
  background-position: 22.2222222222% 44.4444444444%; }

.icon-44 {
  background-position: 33.3333333333% 44.4444444444%; }

.icon-45 {
  background-position: 44.4444444444% 44.4444444444%; }

.icon-46 {
  background-position: 55.5555555556% 44.4444444444%; }

.icon-47 {
  background-position: 66.6666666667% 44.4444444444%; }

.icon-48 {
  background-position: 77.7777777778% 44.4444444444%; }

.icon-49 {
  background-position: 88.8888888889% 44.4444444444%; }

.icon-50 {
  background-position: 100% 44.4444444444%; }

.icon-51 {
  background-position: 0% 55.5555555556%; }

.icon-52 {
  background-position: 11.1111111111% 55.5555555556%; }

.icon-53 {
  background-position: 22.2222222222% 55.5555555556%; }

.icon-54 {
  background-position: 33.3333333333% 55.5555555556%; }

.icon-55 {
  background-position: 44.4444444444% 55.5555555556%; }

.icon-56 {
  background-position: 55.5555555556% 55.5555555556%; }

.icon-57 {
  background-position: 66.6666666667% 55.5555555556%; }

.icon-58 {
  background-position: 77.7777777778% 55.5555555556%; }

.icon-59 {
  background-position: 88.8888888889% 55.5555555556%; }

.icon-60 {
  background-position: 100% 55.5555555556%; }

.icon-61 {
  background-position: 0% 66.6666666667%; }

.icon-62 {
  background-position: 11.1111111111% 66.6666666667%; }

.icon-63 {
  background-position: 22.2222222222% 66.6666666667%; }

.icon-64 {
  background-position: 33.3333333333% 66.6666666667%; }

.icon-65 {
  background-position: 44.4444444444% 66.6666666667%; }

.icon-66 {
  background-position: 55.5555555556% 66.6666666667%; }

.icon-67 {
  background-position: 66.6666666667% 66.6666666667%; }

.icon-68 {
  background-position: 77.7777777778% 66.6666666667%; }

.icon-69 {
  background-position: 88.8888888889% 66.6666666667%; }

.icon-70 {
  background-position: 100% 66.6666666667%; }

.icon-71 {
  background-position: 0% 77.7777777778%; }

.icon-72 {
  background-position: 11.1111111111% 77.7777777778%; }

.icon-73 {
  background-position: 22.2222222222% 77.7777777778%; }

.icon-74 {
  background-position: 33.3333333333% 77.7777777778%; }

.icon-75 {
  background-position: 44.4444444444% 77.7777777778%; }

.icon-76 {
  background-position: 55.5555555556% 77.7777777778%; }

.icon-77 {
  background-position: 66.6666666667% 77.7777777778%; }

.icon-78 {
  background-position: 77.7777777778% 77.7777777778%; }

.icon-79 {
  background-position: 88.8888888889% 77.7777777778%; }

.icon-80 {
  background-position: 100% 77.7777777778%; }

.icon-81 {
  background-position: 0% 88.8888888889%; }

.icon-82 {
  background-position: 11.1111111111% 88.8888888889%; }

.icon-83 {
  background-position: 22.2222222222% 88.8888888889%; }

.icon-84 {
  background-position: 33.3333333333% 88.8888888889%; }

.icon-85 {
  background-position: 44.4444444444% 88.8888888889%; }

.icon-86 {
  background-position: 55.5555555556% 88.8888888889%; }

.icon-87 {
  background-position: 66.6666666667% 88.8888888889%; }

.icon-88 {
  background-position: 77.7777777778% 88.8888888889%; }

.icon-89 {
  background-position: 88.8888888889% 88.8888888889%; }

.icon-90 {
  background-position: 100% 88.8888888889%; }

.icon-91 {
  background-position: 0% 100%; }

.icon-92 {
  background-position: 11.1111111111% 100%; }

.icon-93 {
  background-position: 22.2222222222% 100%; }

.icon-94 {
  background-position: 33.3333333333% 100%; }

.icon-95 {
  background-position: 44.4444444444% 100%; }

.icon-96 {
  background-position: 55.5555555556% 100%; }

.icon-97 {
  background-position: 66.6666666667% 100%; }

.icon-98 {
  background-position: 77.7777777778% 100%; }

.icon-99 {
  background-position: 88.8888888889% 100%; }

.icon-100 {
  background-position: 100% 100%; }

.swiper-button-prev {
  width: 49px;
  height: 48px;
  background: url("arrow-left.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-left.png*/ no-repeat;
  outline: none; }
  .swiper-button-prev:hover {
    background: url("arrow-left-hover.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-left-hover.png*/ no-repeat; }

.swiper-button-next {
  width: 49px;
  height: 48px;
  background: url("arrow-right.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-right.png*/ no-repeat;
  outline: none; }
  .swiper-button-next:hover {
    background: url("arrow-right-hover.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/arrow-right-hover.png*/ no-repeat; }

@keyframes mt-change {
  0% {
    margin-top: 7.5rem; }
  100% {
    margin-top: 4.5rem; } }
@keyframes mt-change2 {
  0% {
    margin: 10.75rem auto 1.25rem auto; }
  100% {
    margin: 1.75rem auto 2.75rem auto; } }
@keyframes pt-change1 {
  0% {
    padding-top: 10rem; }
  100% {
    padding-top: 5rem; } }
@keyframes display-on-off {
  0% {
    display: none; }
  100% {
    display: flex; } }
@keyframes openCircle {
  0% {
    width: 12px;
    height: 12px; }
  100% {
    width: 100%;
    height: 100%; } }
@keyframes top-exchange {
  0% {
    top: 100%; } }
@keyframes bd-exchange {
  0% {
    border-width: 0; } }
@keyframes up_down_wave {
  0% {
    top: -5rem; }
  50% {
    top: 2.5rem; }
  100% {
    top: 0; } }
@keyframes nav_bar_in {
  0% {
    flex-basis: 0;
    -webkit-flex-basis: 0; }
  100% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; } }
@keyframes nav_bar_out {
  0% {
    flex-basis: 72%;
    -webkit-flex-basis: 72%; }
  100% {
    flex-basis: 0;
    -webkit-flex-basis: 0; } }
.common-line {
  width: 3rem;
  border-top: 3px solid #e68527; }

.lh-2x {
  line-height: 2; }

.flex-18 {
  display: flex;
  flex-wrap: wrap; }
  .flex-18 li {
    flex: 0 0 18%; }

.flex-20 {
  display: flex;
  flex-wrap: wrap; }
  .flex-20 li {
    flex: 0 0 20%; }

.flex-23 {
  display: flex;
  flex-wrap: wrap; }
  .flex-23 li {
    flex: 0 0 23%; }

.flex-25 {
  display: flex;
  flex-wrap: wrap; }
  .flex-25 li {
    flex: 0 0 25%; }

.flex-30 {
  display: flex;
  flex-wrap: wrap; }
  .flex-30 li {
    flex: 0 0 30%; }

.flex-33 {
  display: flex;
  flex-wrap: wrap; }
  .flex-33 li {
    flex: 0 0 33.3333333%; }

@media (min-width: 992px) {
  body {
    min-width: 1268px;
    overflow: scroll; } }
@media (max-width: 576px) {
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

  .flex-18, .fle-20, .flex-23, .flex-25, .flex-30, .flex-33 {
    justify-content: space-between; }
    .flex-18 li, .fle-20 li, .flex-23 li, .flex-25 li, .flex-30 li, .flex-33 li {
      flex: 0 0 100%; }

  .m-flex-45 {
    justify-content: space-between; }
    .m-flex-45 li {
      flex: 0 0 45%; }

  .flex-box-20 li, .flex-box-33 li {
    flex: 0 0 100% !important; }

  .navbar {
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start; }
    .navbar.bg-user-07 {
      background-color: unset;
      box-shadow: unset; }
    .navbar.mobile-switch {
      height: 100%; }
    .navbar .navbar-brand {
      position: absolute;
      width: 100%;
      left: 0;
      z-index: -1;
      margin-left: 0 !important;
      padding: 0.75rem 0; }
      .navbar .navbar-brand img {
        max-width: 6.5rem;
        margin-left: 1.5rem; }
      .navbar .navbar-brand.bg-light {
        background-color: #fff; }
        .navbar .navbar-brand.bg-light img:first-child {
          display: block !important; }
        .navbar .navbar-brand.bg-light img:last-child {
          display: none !important; }
    .navbar .navbar-toggler {
      flex: 0 0 28%;
      width: 28%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      border: none;
      border-radius: unset;
      padding: 0;
      outline: unset;
      position: relative; }
      .navbar .navbar-toggler .navbar-toggler-img {
        position: absolute;
        right: 0;
        top: 0;
        width: 1.5rem;
        height: 1.5rem;
        margin: 1rem .75rem;
        display: block;
        background-size: 100% 100%;
        background-image: url("navbar-button-on.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/navbar-button-on.png*/; }
        .navbar .navbar-toggler .navbar-toggler-img.dark {
          background-image: url("navbar-button-dark-on.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/navbar-button-dark-on.png*/; }
      .navbar .navbar-toggler.navbar-on {
        background-color: rgba(73, 71, 72, 0.7); }
        .navbar .navbar-toggler.navbar-on .navbar-toggler-img {
          background-image: url("navbar-button-off.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/icon/navbar-button-off.png*/; }
    .navbar #navbarNav {
      flex: 0 0 72%;
      width: 72%;
      height: 100%;
      background-color: #e68527;
      padding: 0 2.125rem;
      overflow: scroll; }
      .navbar #navbarNav.nav_bar_in {
        animation: nav_bar_in 1s; }
      .navbar #navbarNav.nav_bar_out {
        animation: nav_bar_out 1s; }
      .navbar #navbarNav .nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding: .75rem 1rem; }
        .navbar #navbarNav .nav-item:last-child {
          border: none; }
      .navbar #navbarNav .nav-link {
        height: unset;
        line-height: 2.5;
        padding: 0;
        justify-content: left;
        color: #fff;
        font-weight: bold;
        white-space: nowrap; }
        .navbar #navbarNav .nav-link.active {
          border: none; }
      .navbar #navbarNav .dropdown {
        background-color: inherit; }
        .navbar #navbarNav .dropdown .dropdown-menu {
          background-color: inherit;
          display: block;
          border: none;
          border-radius: unset;
          margin: 0;
          min-width: unset;
          left: 0;
          padding: 0; }
        .navbar #navbarNav .dropdown .dropdown-item {
          line-height: 1.5;
          font-size: 0.9375rem;
          text-align: left;
          color: #fff;
          padding: 0;
          white-space: nowrap; }

  #index-carousel .swiper-slide a {
    left: 0 !important;
    right: 0 !important;
    top: unset !important;
    bottom: 5% !important;
    margin: auto; }

  .common-text {
    padding: 1.5rem 0; }
    .common-text .common-title {
      font-size: 1.25rem; }
    .common-text .common-detail {
      padding: 0 1rem; }

  #mobile-slide {
    width: 100%;
    height: 100%; }
    #mobile-slide .swiper-slide img {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    #mobile-slide .swiper-slide .slide-content {
      width: 80%;
      height: 100%;
      max-width: 550px;
      margin: 0 auto;
      padding-top: 20vh;
      position: relative; }
      #mobile-slide .swiper-slide .slide-content .slide-title {
        font-size: 1.25rem;
        color: #e68527;
        font-weight: bold;
        letter-spacing: 1px;
        padding-bottom: 1.5rem;
        text-align: center; }
        #mobile-slide .swiper-slide .slide-content .slide-title.spacing-2 {
          letter-spacing: 10px; }
        #mobile-slide .swiper-slide .slide-content .slide-title.f875 {
          font-size: .875rem;
          font-weight: normal; }
      #mobile-slide .swiper-slide .slide-content .slide-sub-title {
        font-size: 1.25rem;
        color: #e68527;
        padding-bottom: .5rem; }
      #mobile-slide .swiper-slide .slide-content .slide-detail {
        font-size: .875rem;
        color: #fff;
        min-height: 20vh; }
        #mobile-slide .swiper-slide .slide-content .slide-detail .text-center {
          padding-bottom: 1.5rem; }
      #mobile-slide .swiper-slide .slide-content .slide-button-box {
        width: 100%;
        margin-top: 8vh;
        text-align: center;
        color: #e68527; }
        #mobile-slide .swiper-slide .slide-content .slide-button-box a {
          display: block;
          width: 100%;
          font-size: .875rem;
          line-height: 2.25;
          border: 1px solid #e68527;
          border-radius: 100px;
          color: inherit;
          margin: .5rem 0; }
        #mobile-slide .swiper-slide .slide-content .slide-button-box.white-btn a {
          color: #fff;
          border-color: #fff; }
    #mobile-slide .slide-solution .slide-content .slide-title {
      padding-bottom: 1rem; }
    #mobile-slide .slide-solution .slide-content .slide-detail .text-center {
      color: #fff; }
    #mobile-slide .slide-solution .slide-content .slide-button-box {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      #mobile-slide .slide-solution .slide-content .slide-button-box .slide-button {
        flex: 0 0 45%;
        max-width: 45%;
        padding-left: 2.5%;
        padding-right: 2.5%; }
        #mobile-slide .slide-solution .slide-content .slide-button-box .slide-button a {
          border-color: #fff;
          color: #fff; }

  .bottom-part {
    background: url("bottom-part.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/bottom-part.png*/ no-repeat; }
    .bottom-part .box {
      color: #fff;
      justify-content: center;
      display: flex;
      height: 7rem;
      align-items: center; }
      .bottom-part .box .tips {
        font-size: 0.875rem;
        text-align: center; }
      .bottom-part .box .contact-us {
        padding: 0.25rem 1rem;
        border: 2px solid #fff;
        color: #fff; }
        .bottom-part .box .contact-us:hover {
          color: #e68527;
          background-color: #fff;
          text-decoration: none; }
      .bottom-part .box .id-contact {
        display: none; }

  .inner-top img.vh-100 {
    height: 100vh;
    width: 100%; }

  .product-solution-subnav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05); }
    .product-solution-subnav ul {
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: unset;
      padding: 0; }
      .product-solution-subnav ul li {
        flex-basis: 20%;
        min-width: 3em;
        height: unset;
        border: unset;
        text-align: center; }
        .product-solution-subnav ul li:last-child {
          border-right: none; }
    .product-solution-subnav .link {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      font-size: 0.875rem;
      color: #fff;
      letter-spacing: 0;
      min-height: 4em;
      height: 20vw; }
    .product-solution-subnav .active {
      background: #e68527; }
    .product-solution-subnav .active.special {
      background: #fff;
      color: #e68527; }

  .product-solution-info {
    max-width: 100%;
    padding: 0; }
    .product-solution-info .product-solution-info-box {
      position: absolute;
      margin-top: unset;
      padding-bottom: unset;
      bottom: 0;
      height: 100%;
      width: 100%; }
      .product-solution-info .product-solution-info-box .col-12 {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: column-reverse; }
        .product-solution-info .product-solution-info-box .col-12 .left-box {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          height: auto;
          max-width: 100%;
          width: 73vw;
          margin: 0 auto;
          padding: 0; }
          .product-solution-info .product-solution-info-box .col-12 .left-box .sub-title {
            font-family: inherit;
            font-size: 1.5rem;
            color: #e68527;
            text-align: center;
            font-weight: bold;
            margin-top: 1rem;
            margin-bottom: .5rem; }
          .product-solution-info .product-solution-info-box .col-12 .left-box .sub-text {
            font-size: 0.875rem;
            color: #fff;
            letter-spacing: 1px;
            min-height: 3em;
            bottom: unset;
            padding-left: 1em; }
          .product-solution-info .product-solution-info-box .col-12 .left-box .target-link {
            margin-top: .75rem;
            width: 73vw;
            min-width: unset;
            display: block; }
            .product-solution-info .product-solution-info-box .col-12 .left-box .target-link a {
              width: 100%;
              color: #fff;
              font-size: 0.875rem;
              text-align: center;
              display: block;
              border: 1px solid #fff;
              border-radius: 5em;
              padding: .375rem;
              margin-bottom: 0.5rem;
              font-weight: normal; }
        .product-solution-info .product-solution-info-box .col-12 .right-box {
          display: flex;
          width: 65vw;
          align-items: center;
          max-width: 100%;
          padding: 0;
          margin-top: 17vw;
          margin-left: auto;
          margin-right: auto;
          height: auto; }
      .product-solution-info .product-solution-info-box.special .col-12 {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .product-solution-info .product-solution-info-box.special .col-12 .left-box {
          height: auto; }
          .product-solution-info .product-solution-info-box.special .col-12 .left-box .sub-title {
            color: #fff; }

  .product-solution-box {
    padding-bottom: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0; }
    .product-solution-box .container {
      border-bottom: 1px solid #b9b4b7;
      padding-top: 2rem;
      padding-bottom: 2rem; }
      .product-solution-box .container .row {
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 0.875rem;
        border-bottom: 1px solid #b9b8b8; }
        .product-solution-box .container .row:last-child {
          border-bottom: none; }
      .product-solution-box .container .sub-title {
        font-size: 1rem;
        color: #e68527; }
      .product-solution-box .container .text-detail {
        line-height: 1.75;
        padding-top: 1rem; }
      .product-solution-box .container .bg-img {
        text-align: center;
        margin-top: 2.5rem; }
        .product-solution-box .container .bg-img img {
          max-width: 100%; }
        .product-solution-box .container .bg-img.tab-pane {
          margin-top: 0; }
      .product-solution-box .container .icon-advantage {
        display: flex;
        width: 90px;
        height: 90px;
        margin: 0;
        flex: 0 0 auto; }
      .product-solution-box .container #product-advantage {
        padding: 0; }
        .product-solution-box .container #product-advantage li {
          display: flex;
          text-align: left;
          padding: 0;
          margin: 0; }
          .product-solution-box .container #product-advantage li .box {
            flex-grow: 1; }
          .product-solution-box .container #product-advantage li .title {
            color: #e68527;
            font-weight: bold;
            line-height: 3; }
          .product-solution-box .container #product-advantage li .description {
            font-size: .875rem;
            line-height: 2; }
      .product-solution-box .container .tab-content {
        padding: 0; }
      .product-solution-box .container #sjys ul, .product-solution-box .container #mxys ul {
        padding: 0; }
        .product-solution-box .container #sjys ul li, .product-solution-box .container #mxys ul li {
          display: flex;
          text-align: left;
          padding: 0;
          margin: 0;
          align-items: center; }
          .product-solution-box .container #sjys ul li .icon, .product-solution-box .container #mxys ul li .icon {
            display: flex;
            flex: 0 0 auto; }
          .product-solution-box .container #sjys ul li .box, .product-solution-box .container #mxys ul li .box {
            flex-grow: 1;
            padding-right: 1em; }
          .product-solution-box .container #sjys ul li .title, .product-solution-box .container #mxys ul li .title {
            color: #e68527;
            font-weight: bold;
            line-height: 2;
            text-align: left !important; }
          .product-solution-box .container #sjys ul li p, .product-solution-box .container #mxys ul li p {
            font-size: .875rem;
            margin-bottom: 0; }
      .product-solution-box .container #api-key {
        display: block;
        height: auto;
        margin-top: 2rem; }
        .product-solution-box .container #api-key li {
          height: 10rem; }
          .product-solution-box .container #api-key li .box {
            width: 80%;
            padding-top: 1.5rem; }
          .product-solution-box .container #api-key li:first-child, .product-solution-box .container #api-key li:last-child {
            text-align: center; }
      .product-solution-box .container .product-scenes {
        margin-top: 2.5rem;
        display: flex;
        justify-content: space-between; }
        .product-solution-box .container .product-scenes li {
          overflow: hidden;
          object-fit: cover;
          margin-bottom: 1.5rem; }
          .product-solution-box .container .product-scenes li .box {
            padding: 0 0 1rem 0;
            background-size: 500% 100%;
            transition: .3s ease-in-out; }
            .product-solution-box .container .product-scenes li .box > .icon-scenses {
              display: block;
              width: 90px;
              height: 90px;
              margin: 0 auto; }
            .product-solution-box .container .product-scenes li .box > .title {
              color: white;
              font-size: 1.0625rem;
              text-align: center;
              font-weight: bold;
              letter-spacing: 2px; }
            .product-solution-box .container .product-scenes li .box > .description {
              font-size: 0.875rem;
              color: white;
              text-align: center;
              margin-top: 1.25rem;
              padding: 0 1rem; }
          .product-solution-box .container .product-scenes li:nth-child(2) .box {
            background-position: 25% 0%; }
          .product-solution-box .container .product-scenes li:nth-child(3) .box {
            background-position: 50% 0%; }
          .product-solution-box .container .product-scenes li:nth-child(4) .box {
            background-position: 75% 0%; }
          .product-solution-box .container .product-scenes li:nth-child(5) .box {
            background-position: 100% 0%; }
          .product-solution-box .container .product-scenes li:hover .box {
            transform: scale(1.05); }
        .product-solution-box .container .product-scenes.znapi li {
          flex: 0 0 18%; }
        .product-solution-box .container .product-scenes.pic_2 li {
          flex: 0 0 23%; }
        .product-solution-box .container .product-scenes.znyx li {
          flex: 0 0 30%; }
      .product-solution-box .container .advantage {
        display: block;
        padding-top: 1.5rem; }
      .product-solution-box .container .solution-advantage li {
        padding: 1rem; }
        .product-solution-box .container .solution-advantage li .title {
          line-height: 2; }

  .core-tech-bgimg {
    position: absolute;
    top: 60vh;
    margin: 0 auto;
    min-height: fit-content;
    max-width: 85%;
    left: 0;
    right: 0; }
    .core-tech-bgimg .img-fluid {
      position: unset; }

  .core-tech {
    position: absolute;
    top: 7vh;
    margin: auto;
    left: 0;
    right: 0; }
    .core-tech .common-line {
      margin-top: .5rem; }

  #inner-carousel-text {
    font-size: 0.75rem;
    left: 0;
    right: 0;
    width: 80%;
    padding-right: 0;
    top: 27vh;
    margin: auto; }

  #coreTech-tab {
    border: none; }
    #coreTech-tab .nav-item .nav-link {
      font-size: 1rem;
      text-align: center;
      background-color: white;
      border: none;
      padding: 1.25rem 0;
      border-radius: inherit; }
      #coreTech-tab .nav-item .nav-link.active, #coreTech-tab .nav-item .nav-link:hover {
        color: #e68527;
        background-color: #fafafa; }
      #coreTech-tab .nav-item .nav-link:hover {
        color: #e68527; }

  .tech-box {
    padding-bottom: 3rem;
    align-items: center;
    justify-content: space-between; }
    .tech-box .title {
      font-size: 1rem;
      color: #e68527;
      margin-bottom: 1rem; }
    .tech-box .text-detail {
      line-height: 1.75; }
    .tech-box .text-center > img {
      margin-top: 1rem; }

  .academy {
    background-image: url("academy-bg1.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/mobile/academy-bg1.png*/;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh; }
    .academy #academy {
      padding-top: 4.5rem; }
      .academy #academy .common-line {
        margin-top: 0.5rem; }

  .academy-bg-box {
    min-height: unset;
    overflow: hidden;
    position: relative; }
    .academy-bg-box .academy-box {
      margin: 0 auto;
      width: 80%;
      background-color: inherit;
      min-height: 450px;
      font-size: 0.875rem;
      padding-bottom: 1em; }
      .academy-bg-box .academy-box .academy-intro {
        padding: 0;
        line-height: 1.5; }
        .academy-bg-box .academy-box .academy-intro p {
          margin-bottom: 1em; }
      .academy-bg-box .academy-box .academy-more {
        display: block;
        padding: 0.5rem 1rem;
        border: 1px solid #e68527;
        border-radius: 5rem;
        text-align: center;
        color: #e68527;
        margin: 0 auto;
        width: 80%;
        background-color: inherit; }

  #joint-lab {
    height: 100vh;
    background-image: url("academy-bg2.png")/*tpa=https://www.yucunkeji.com/themes/SocialCredits/static/images/mobile/academy-bg2.png*/;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    #joint-lab .joint-lab {
      padding-top: 1.5rem; }
      #joint-lab .joint-lab .common-line {
        margin-top: 0.5rem; }

  #joint-lab-box {
    background-color: unset; }
    #joint-lab-box .slider-box {
      position: unset;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 1350px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 31vh; }
    #joint-lab-box #joint-lab-slider {
      display: flex;
      justify-content: center;
      align-items: center; }
      #joint-lab-box #joint-lab-slider.swiper-container {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto; }
      #joint-lab-box #joint-lab-slider .swiper-slide {
        width: 80%; }
    #joint-lab-box .swiper-button-prev, #joint-lab-box .swiper-button-next {
      display: none; }

  .about-subnav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border: none;
    font-size: 0.875rem;
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    justify-content: center;
    width: 73vw;
    margin: 0 auto; }
    .about-subnav .link {
      flex: 0 0 25%;
      border: none;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      height: 18.25vw; }
      .about-subnav .link.active {
        border-bottom: none;
        background-color: rgba(230, 133, 39, 0.7);
        color: #fff; }

  .text {
    font-size: 0.875rem;
    padding: 1em;
    max-width: 71rem; }
    .text p {
      color: #494748;
      line-height: 1.875rem;
      text-indent: 2em;
      margin: 0.875em 0; }

  .honor-box .honor .other {
    margin-left: 0; }
    .honor-box .honor .other li {
      flex: 0 0 100%; }

  .certification .core-certification {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .certification .core-certification li {
      flex: 0 0 100%;
      text-align: center;
      font-size: 0.875rem;
      padding: 1em 0;
      margin-top: initial; }
      .certification .core-certification li span {
        margin-top: 0;
        display: inline-block;
        text-align: center;
        min-width: 12em; }
  .certification .other {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    margin-left: 0; }
    .certification .other li {
      font-size: 0.875rem;
      flex: 0 0 100%;
      height: 4em;
      display: flex; }
      .certification .other li:before {
        content: '';
        display: flex;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #e68527;
        margin: 0.5rem; }

  .news-list .news-box {
    color: #575757;
    height: 12.5rem;
    border-bottom: 1px solid #b9b8b8;
    padding: 1.875rem 0; }
    .news-list .news-box .news-pic {
      display: none; }
    .news-list .news-box .new-detail {
      padding-left: 0;
      align-self: center; }
      .news-list .news-box .new-detail .type {
        font-size: 0.75rem;
        line-height: inherit;
        padding-bottom: .5rem; }
      .news-list .news-box .new-detail .title {
        font-size: 1rem;
        line-height: 1;
        margin-bottom: .5rem;
        padding-left: .5rem;
        border-left: 2px solid #e68527; }
      .news-list .news-box .new-detail .intro {
        font-size: 0.75rem; }
    .news-list .news-box .pubdate {
      display: block;
      text-align: right; }
      .news-list .news-box .pubdate div {
        display: inline-block; }
      .news-list .news-box .pubdate .pub-day-month {
        font-size: 0.75rem; }
      .news-list .news-box .pubdate .pub-year {
        font-size: 1rem;
        padding-left: 1em; }
      .news-list .news-box .pubdate .news-arrow {
        display: none; }
  .news-list li:last-child .news-box {
    border-bottom: none; }

  .news-body .article-pre-nex span {
    color: #e68527; }
  .news-body .read-more .caption {
    color: #e68527; }
  .news-body .read-more li a {
    line-height: 1.75;
    text-decoration: underline; }

  .page li {
    display: block;
    line-height: 1.5;
    height: auto;
    vertical-align: middle;
    border: 1px solid #b9b8b8;
    border-radius: 3px;
    margin: 0.125rem;
    padding: 0.25rem;
    font-size: 0.75rem; }

  .tel-email {
    margin-top: 2rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    text-indent: 1em; }

  .map-box {
    justify-content: left; }
    .map-box .map-nav-box {
      flex: 0 0 19%;
      max-width: 19%;
      margin-right: 1%; }
    .map-box .map-nav-list {
      margin: 0; }
      .map-box .map-nav-list .addr-item {
        width: 100%; }
        .map-box .map-nav-list .addr-item a {
          text-indent: 0; }
          .map-box .map-nav-list .addr-item a.clicked img {
            display: none; }
    .map-box .map {
      flex: 0 0 79%;
      max-width: 79%; }
      .map-box .map .map-addr {
        font-size: 0.875rem;
        background: rgba(73, 71, 72, 0.9);
        line-height: 1.5; }
        .map-box .map .map-addr .icon-addr {
          display: none; }
        .map-box .map .map-addr #addr {
          line-height: 1.5;
          padding: 0 .5rem; } }

/*# sourceMappingURL=style.css.map */