#header  .ui.container ,
    #footer  .ui.container {
    max-width: 1550px;
  } 
  .wpulike.wpulike-default {
    display: none;
  }
  .prodet-page .wpulike.wpulike-default,
  .newdet-page .wpulike.wpulike-default {
    display: inline-block;
  }
  .post-views-box {
    position: relative;
    margin-left: 20px;
  }
  .post-views-box .wp_ulike_btn.wp_ulike_put_image:after {
    background-image: url(../images/fw.png) !important;
    -webkit-filter: none;
    filter: none;
  }
  .wpulike {
    z-index: 10;
  }
  .wpulike.post-views-box {
    z-index: 5;
  }
  /*@media screen and (max-width: 1024px) {
    .inner-banner {
      margin-top: 120px;
    }
  }*/
  .baseTit {
    font-size: 48px;
    font-weight: 600;
  }
  .baseTit span {
    color: var(--index-main-color);
  }
  @-webkit-keyframes guang {
    0% {
      -moz-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1;
    }
    100% {
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
    }
  }
  @-moz-keyframes guang {
    0% {
      -moz-transform: scale(0);
      transform: scale(0);
      opacity: 1;
    }
    100% {
      -moz-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
    }
  }
  @keyframes guang {
    0% {
      -moz-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1;
    }
    100% {
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
    }
  }
  @-webkit-keyframes guang2 {
    0% {
      -moz-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1;
    }
    100% {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0;
    }
  }
  @-moz-keyframes guang2 {
    0% {
      -moz-transform: scale(0);
      transform: scale(0);
      opacity: 1;
    }
    100% {
      -moz-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0;
    }
  }
  @keyframes guang2 {
    0% {
      -moz-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1;
    }
    100% {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0;
    }
  }
  .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .Scale-img {
    zoom: 1;
    overflow: hidden;
  }
  .Scale-img img,
  .Scale-img span {
    opacity: 1;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -moz-transition: opacity 0.6s, transform 0.6s, -moz-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s;
  }
  .Scale-img:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    top: 0px;
    left: 0px;
  }
  .effict {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
  .imgbox {
    overflow: hidden;
    position: relative;
  }
  .imgbox span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .imgbox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .imgbox.auto img {
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
  }
  @media (max-width: 1550px) {
    .ui.container {
        width: 1440px;
      }
      .baseTit {
        font-size: 40px;
      }
  }
  @media (max-width: 1440px) {
    .ui.container {
      width: 1230px;
    }
    .TitHead .text {
        margin-left: 5%;
      }
}
@media (max-width: 1230px) {
    .ui.container {
      width: 1024px;
    }
    .baseTit {
        font-size: 34px;
      }
      .font-18 {
        font-size: 16px;
      }
      .font-20 {
        font-size: 18px;
      }
}
@media (max-width: 1024px) {
    .ui.container {
      width: 768px;
      max-width: 768px;
    }
    .baseTit {
        font-size: 24px;
      }
      .TitHead .baseTit {
        float: none;
      }
      .TitHead .text {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
      }
      .TitHead .moreBtn {
        float: none;
      }
}
@media (max-width: 768px) {
    .ui.container {
      width: 700px;
    }
}
@media (max-width: 700px) {
    .ui.container {
      width: 100%;
    }
    .font-20 {
        font-size: 16px;
      }
      .font-18 {
        font-size: 14px;
      }
}
/*.inner-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    border-bottom: 7px solid var(--index-main-color);
    position: relative;
  }
  .inner-banner .content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .inner-banner .content .box {
    max-width: 840px;
    margin: auto;
    position: relative;
  }
  .inner-banner .content .box .title {
    position: absolute;
    z-index: 1;
    left: 25px;
    top: -20px;
    height: 35px;
    line-height: 35px;
    padding: 0 18px;
    border-radius: 10px;
    color: #FFFFFF;
    background-color: var(--index-main-color);
  }
  .inner-banner .content .box .search {
    border-radius: 10px;
    height: 72px;
    position: relative;
    background-image: -webkit-gradient(linear, left top, right top, from(#1e2020), to(transparent));
    background-image: -webkit-linear-gradient(left, #1e2020, transparent);
    background-image: -moz-linear-gradient(left, #1e2020, transparent);
    background-image: linear-gradient(to right, #1e2020, transparent);
  }
  .inner-banner .content .box .search::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    border-radius: inherit;
    border: 1px solid var(--index-main-color);
    pointer-events: none;
  }
  .inner-banner .content .box .search form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .inner-banner .content .box .search form input {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    border: 0;
    background: transparent;
    color: #FFF;
    font-size: 18px;
    height: 72px;
    padding: 0 25px;
  }
  .inner-banner .content .box .search form input::-webkit-input-placeholder {
    color: white;
  }
  .inner-banner .content .box .search form input:-moz-placeholder {
    color: white;
  }
  .inner-banner .content .box .search form input::-moz-placeholder {
    color: white;
  }
  .inner-banner .content .box .search form input:-ms-input-placeholder {
    color: white;
  }
  .inner-banner .content .box .search form input::placeholder {
    color: white;
  }
  .inner-banner .content .box .search form button {
    width: 54px;
    height: 54px;
    border-radius: 10px;
    color: #fff;
    background: var(--index-main-color);
    margin-right: 10px;
    border: 0;
  }
  .inner-banner .content .box p {
    color: #FFFFFF;
    padding: 0 25px;
    opacity: .37;
    margin-top: 10px;
  }
  .inner-banner .name {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15%;
    text-align: center;
  }
  .inner-banner .name .box {
    display: inline-block;
  }
  .inner-banner .name .box .Tit {
    padding-right: 68px;
    color: #FFFFFF;
  }
  .inner-banner .name .box .godown {
    margin-top: 14px;
    font-size: 24px;
    float: right;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    color: #FFFFFF;
    background-color: var(--index-main-color);
    cursor: pointer;
  }*/
  /*.inner-banner .mbx {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5%;
    font-weight: 400;
    color: #FFFFFF;
  }
  .inner-banner .mbx span {
    color: var(--index-main-color);
  }*/
  /*@media (max-width: 1550px) {
    .inner-banner .name .box .godown {
      margin-top: 8px;
    }
  }
  @media (max-width: 1230px) {
    .inner-banner .name .box .godown {
      margin-top: 3px;
    }
  }
  @media (max-width: 1024px) {
    .inner-banner {
      height: 400px;
    }
    .inner-banner .content {
      display: none;
    }
    .inner-banner .name {
      bottom: 50%;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%);
    }
    .inner-banner .name .box .godown {
      display: none;
    }
    .inner-banner .name .box .Tit {
      padding-right: 0;
    }
  }
  @media (max-width: 700px) {
    .inner-banner {
      height: 300px;
    }
  }*/
  .about-page .about-1 {
    margin-top: 48px;
  }
  .about-page .about-1 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .about-page .about-1 .box .left {
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #FFFFFF;
    background-color: var(--index-main-color);
    padding: 30px 30px 30px 40px;
    border-radius: 10px;
  }
  .about-page .about-1 .box .left .text {
    margin-left: 0;
    margin-right: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .about-page .about-1 .box .left .born {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    margin-right: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 30px;
    line-height: 1;
    font-weight: 200;
  }
  .about-page .about-1 .box .left .born span {
    display: block;
    font-size: 60px;
    font-weight: 600;
  }
  .about-page .about-1 .box .right {
    margin-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #242625 url(../images/about-1-bg.png) no-repeat center right 15%;
    padding: 30px 30px 30px 40px;
    border-radius: 10px;
  }
  .about-page .about-1 .box .right a.download {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    border-radius: 10px;
    color: #FFFFFF;
    background-color: var(--index-main-color);
    padding: 0 35px;
  }
  .about-page .about-1 .box .right a.download img {
    vertical-align: middle;
  }
  .about-page .about-1 .box .right a.download span {
    padding-left: 15px;
    display: inline-block;
    vertical-align: top;
  }
  .about-2 {
    padding: 90px 0 110px;
  }
  .about-2 .play {
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    cursor: hand;
  }
  .about-2 .play::before,
  .about-2 .play::after {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.35);
    -webkit-animation: ks 2s linear infinite;
    -moz-animation: ks 2s linear infinite;
    animation: ks 2s linear infinite;
    z-index: -1;
  }
  .about-2 .play::after {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
  }
  .about-2 .left .img > img {
    border-radius: 10px;
  }
  .about-2 .right {
    padding-left: 4%;
  }
  .about-2 .right .Tit {
    font-size: 30px;
    color: var(--index-main-color);
    font-weight: 600;
    margin-bottom: 20px;
  }
  .about-2 .right .text {
    line-height: 1.7;
      max-height: 370px;
      padding-right: 20px;
      margin-bottom: 30px;
      overflow: auto;
  }
  .about-page .about-3 {
    padding: 100px 0;
    background: url(../images/about-3-bg.jpg) no-repeat center;
    background-size: cover;
  }
  .about-page .about-3 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px;
  }
  .about-page .about-3 li {
    width: 33.33%;
    padding: 20px;
  }
  .about-page .about-3 li .box {
    background-color: #FFFFFF;
    height: 100%;
    border-radius: 10px;
    line-height: 1.6;
    padding: 8%;
  }
  .about-page .about-3 li .box .Tit {
    font-size: 30px;
    font-weight: 600;
    color: var(--index-main-color);
  }
  .about-page .about-4 {
    padding-top: 100px;
  }
  .about-page .about-4 .list {
    padding-right: 20%;
    position: relative;
  }
  .about-page .about-4 .list::before {
    content: attr(data-text);
    font-size: 200px;
    font-weight: 600;
    opacity: .07;
    text-transform: uppercase;
    position: absolute;
    left: 100%;
    top: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
  }
  .about-page .about-4 li:not(:last-child) .box .right {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .about-page .about-4 li:not(:last-child) .box .right .text {
    line-height: 1.5;
    min-height: 7.5em;
    margin-bottom: 30px;
  }
  .about-page .about-4 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .about-page .about-4 .box .year {
    font-size: 30px;
    font-weight: 500;
    margin-top: -10px;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
  }
  .about-page .about-4 .box .left {
    width: 200px;
    text-align: right;
  }
  .about-page .about-4 .box .right {
    width: 71%;
    padding-left: 90px;
    position: relative;
    border-left: 2px solid transparent;
  }
  .about-page .about-4 .box .dot {
    position: absolute;
    left: -10px;
    top: 0;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
  }
  .about-page .about-4 .box .dot i {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid var(--index-main-color);
    background-color: #FFFFFF;
  }
  .about-page .about-4 .box .dot::before,
  .about-page .about-4 .box .dot::after {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: var(--index-main-color);
    opacity: 0;
    z-index: -1;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
  }
  .about-page .about-4 .box .dot::after {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
  .about-page .about-4 .box:hover .left .year {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
  .about-page .about-4 .box:hover .dot {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
  .about-page .about-4 .box:hover .dot::before,
  .about-page .about-4 .box:hover .dot::after {
    opacity: .4;
  }
  .about-page .about-4 .box:hover .dot::after {
    opacity: .1;
  }
  .about-page .about-5 {
    padding: 100px 0;
  }
  .about-page .about-5 .list {
    margin-top: 50px;
    position: relative;
  }
  .about-page .about-5 .list ul {
    margin: 0 -40px;
  }
  .about-page .about-5 .list li {
    padding: 0 40px;
  }
  .about-page .about-5 .list span.arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .44;
    cursor: pointer;
  }
  .about-page .about-5 .list span.arrow:hover {
    opacity: 1;
  }
  .about-page .about-5 .list span.arrow.arrow_l {
    left: -60px;
  }
  .about-page .about-5 .list span.arrow.arrow_r {
    right: -60px;
  }
  .about-page .about-6 {
    background: url(../images/about-6-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 100px 0 110px;
  }
  .about-page .about-6 .Tit {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .about-page .about-6 .Tit span {
    color: var(--index-main-color);
  }
  .about-page .about-6 .btn {
    display: inline-block;
    vertical-align: top;
    height: 60px;
    line-height: 58px;
    border-radius: 7px;
    padding: 0 25px;
    min-width: 215px;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .about-page .about-6 .btn-black-transparent {
    border: 1px solid #373737;
    color: #373737;
    background-color: initial;
    margin-right: 45px;
  }
  .about-page .about-6 .btn-black-transparent:hover {
    color: #fff;
    background-color: #373737;
  }
  .about-page .about-6 .btn-orange {
    background-color: var(--index-main-color);
    color: #fff;
    border: 1px solid var(--index-main-color);
  }
  .about-page .about-6 .btn-orange span {
    border-bottom: 1px solid currentColor;
  }
  .about-page .about-6 .btn-orange:hover {
    background-color: initial;
    color: var(--index-main-color);
    border: 1px solid var(--index-main-color);
  }
  .about-page .about-7 {
    padding: 100px 0;
  }
  .about-page .about-7 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .about-page .about-7 .box .we-cover-heading {
    width: 400px;
    position: relative;
  }
  .about-page .about-7 .box .we-cover-heading::before {
    position: absolute;
    background-color: var(--index-main-color);
    z-index: -1;
    content: "";
    right: -40px;
    top: 0;
    height: 100%;
    width: 8px;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
  }
  .about-page .about-7 .box .we-cover-heading h2 {
    line-height: 1.3;
    font-style: italic;
  }
  .about-page .about-7 .box .we-cover-content {
    width: 55%;
  }
  .about-page .about-7 .box .we-cover-content h3 {
    font-weight: 500;
  }
  @-webkit-keyframes ks {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
    }
    10% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
    80% {
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      opacity: .3;
    }
    to {
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
    }
  }
  @-moz-keyframes ks {
    from {
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: 0;
    }
    10% {
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
    80% {
      -moz-transform: scale(1.5);
      transform: scale(1.5);
      opacity: .3;
    }
    to {
      -moz-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
    }
  }
  @keyframes ks {
    from {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: 0;
    }
    10% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
    80% {
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      transform: scale(1.5);
      opacity: .3;
    }
    to {
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
    }
  }
  @media (max-width: 1550px) {
    .about-page .about-4 .list::before {
      font-size: 180px;
    }
    .about-page .about-1 .box .left .text {
      font-size: 20px;
    }
  }
  @media (max-width: 1440px) {
    .about-page .about-4 .list::before {
      font-size: 150px;
    }
    .about-page .about-1 .box .left .text {
      font-size: 18px;
    }
    .about-page .about-1 .box .left .born {
      font-size: 24px;
    }
    .about-page .about-1 .box .left .born span {
      font-size: 48px;
    }
    .about-page .about-3 li .box .Tit {
      font-size: 24px;
    }
    .about-page .about-5 .list ul {
      margin: 0 -20px;
    }
    .about-page .about-5 .list li {
      padding: 0 20px;
    }
    .about-page .about-6 .Tit br {
      display: none;
    }
    .about-page .about-5 .list span.arrow.arrow_l {
      left: -30px;
    }
    .about-page .about-5 .list span.arrow.arrow_r {
      right: -30px;
    }
  }
  @media (max-width: 1230px) {
    .about-page .about-1 .box .left .text br {
      display: none;
    }
    .about-page .about-1 .box .left {
      padding: 20px;
    }
    .about-page .about-1 .box .right {
      padding: 20px;
    }
    .about-page .about-4 .list {
      padding-right: 15%;
    }
    .about-page .about-4 .list::before {
      font-size: 100px;
    }
    .about-page .about-4 .box .right {
      width: 65%;
      padding-left: 70px;
    }
    .about-page .about-7 .box .we-cover-heading {
      width: 300px;
    }
  }
  @media (max-width: 1024px) {
    .about-page .about-1 .box {
      display: block;
    }
    .about-page .about-1 .box .left {
      margin-right: 0;
      margin-bottom: 20px;
    }
    .about-page .about-1 .box .left {
      display: block;
    }
    .about-page .about-1 .box .left .born span {
      display: inline-block;
    }
    .about-page .about-1 .box .left .text {
      margin-top: 20px;
    }
    .about-page .about-1 .box .right {
      margin-left: 0;
    }
    .about-2 {
      padding: 60px 0;
    }
    .about-2 .left {
      width: 100%;
    }
    .about-2 .right {
      width: 100%;
      padding: 0;
      margin-top: 40px;
    }
    .about-page .about-3 {
      padding: 60px 0;
    }
    .about-page .about-3 ul {
      margin: -15px;
    }
    .about-page .about-3 li {
      width: 50%;
      padding: 15px;
    }
    .about-page .about-3 li .box {
      padding: 15px;
    }
    .about-page .about-4 {
      padding-top: 60px;
    }
    .about-page .about-4 .box .left {
      display: none;
    }
    .about-page .about-4 .box .right {
      width: 100%;
      padding-left: 30px;
    }
    .about-page .about-4 .box .right .year {
      display: block;
    }
    .about-page .about-4 .list::before {
      display: none;
    }
    .about-page .about-4 .list {
      padding-right: 0;
    }
    .about-page .about-4 .box:hover .dot {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
    .about-page .about-4 li:not(:last-child) .box .right .text {
      min-height: auto;
    }
    .about-page .about-5 {
      padding: 60px 0;
    }
    .about-page .about-5 .list ul {
      margin: 0 -10px;
    }
    .about-page .about-5 .list li {
      padding: 0 10px;
    }
    .about-page .about-5 .list span.arrow {
      display: none;
    }
    .about-page .about-6 {
      padding: 60px 0;
    }
    .about-page .about-6 .Tit {
      font-size: 24px;
    }
    .about-page .about-7 {
      padding: 60px 0;
    }
    .about-page .about-7 .box {
      display: block;
    }
    .about-page .about-7 .box .we-cover-heading::before {
      display: none;
    }
    .about-page .about-7 .box .we-cover-heading {
      width: 100%;
      margin-bottom: 30px;
    }
    .about-page .about-7 .box .we-cover-content {
      width: 100%;
    }
  }
  @media (max-width: 700px) {
    .about-page .about-3 li {
      width: 100%;
    }
    .about-page .about-3 li .box .Tit {
      font-size: 20px;
    }
    .about-page .about-6 .btn {
      display: block;
    }
    .about-page .about-6 .btn-black-transparent {
      margin-right: 0;
      margin-bottom: 20px;
    }
    .about-page .about-6 .btn {
      height: 50px;
      line-height: 48px;
    }
  }
  .solution-page .solution-1 {
    padding: 80px 0 90px;
  }
  .solution-page .solution-1 .desc {
    max-width: 1000px;
    margin: auto;
  }
  .solution-page .solution-1 .box {
    margin-top: 60px;
  }
  .solution-page .solution-1 .box .left {
    width: 50%;
    vertical-align: middle;
  }
  .solution-page .solution-1 .box .left img {
    border-radius: 10px;
  }
  .solution-page .solution-1 .box .right {
    width: 50%;
    vertical-align: middle;
    padding-left: 5%;
  }
  .solution-page .solution-1 .box .right .Tit {
    font-size: 36px;
    font-weight: 600;
  }
  .solution-page .solution-1 .box .right .text {
    line-height: 2;
    margin-top: 20px;
  }
  .solution-page .solution-2 {
    background-color: #f6f6f6;
    padding: 70px 0;
  }
  .solution-page .solution-2 .list {
    margin-top: 50px;
  }
  .solution-page .solution-2 .list ul {
    margin: -40px;
  }
  .solution-page .solution-2 .list li {
    padding: 40px;
    width: 50%;
  }
  .solution-page .solution-2 .list li .img {
    margin-bottom: 40px;
  }
  .solution-page .solution-2 .list li .img img {
    border-radius: 10px;
  }
  .solution-page .solution-3 {
    padding: 100px 0 60px;
  }
  .solution-page .solution-3 .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .solution-page .solution-3 .list li + li {
    margin-top: 90px;
  }
  .solution-page .solution-3 .list li .left {
    width: 50%;
  }
  .solution-page .solution-3 .list li .left img {
    border-radius: 10px;
  }
  .solution-page .solution-3 .list li .right {
    width: 50%;
    padding-left: 5%;
  }
  .solution-page .solution-3 .list li .right .Tit {
    font-size: 36px;
    font-weight: 600;
  }
  .solution-page .solution-3 .list li .right .text {
    margin-top: 30px;
  }
  .solution-page .solution-3 .list li:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .solution-page .solution-3 .list li:nth-child(odd) .right {
    padding-left: 0;
    padding-right: 5%;
  }
  @media (max-width: 1440px) {
    .solution-page .solution-1 .box .right .Tit {
      font-size: 30px;
    }
    .solution-page .solution-3 .list li .right .Tit {
      font-size: 30px;
    }
  }
  @media (max-width: 1230px) {
    .solution-page .solution-1 .box .right .Tit {
      font-size: 24px;
    }
    .solution-page .solution-3 .list li .right .Tit {
      font-size: 24px;
    }
  }
  @media (max-width: 1024px) {
    .solution-page .solution-1 {
      padding: 60px 0;
    }
    .solution-page .solution-1 .box .right .Tit {
      font-size: 20px;
    }
    .solution-page .solution-1 .box {
      margin-top: 40px;
    }
    .solution-page .solution-1 .box .left {
      width: 100%;
    }
    .solution-page .solution-1 .box .right {
      width: 100%;
      padding-left: 0;
      margin-top: 40px;
    }
    .solution-page .solution-2 {
      padding: 60px 0;
    }
    .solution-page .solution-2 .list ul {
      margin: -30px -15px;
    }
    .solution-page .solution-2 .list li {
      padding: 30px 15px;
      width: 100%;
    }
    .solution-page .solution-3 {
      padding: 60px 0;
    }
    .solution-page .solution-3 .list li {
      display: block;
    }
    .solution-page .solution-3 .list li .left {
      width: 100%;
    }
    .solution-page .solution-3 .list li .right {
      width: 100%;
      padding: 0!important;
      margin-top: 40px;
    }
    .solution-page .solution-3 .list li .right .Tit {
      font-size: 20px;
    }
    .solution-page .solution-3 .list li + li {
      margin-top: 60px;
    }
  }
  .research-page .research-1 {
    padding-top: 80px;
  }
  .research-page .research-1 .box {
    margin-top: 60px;
  }
  .research-page .research-1 .box .left {
    width: 50%;
    vertical-align: middle;
  }
  .research-page .research-1 .box .left img {
    border-radius: 10px;
  }
  .research-page .research-1 .box .right {
    width: 50%;
    vertical-align: middle;
    padding-left: 5%;
  }
  .research-page .research-1 .box .right .Tit {
    font-size: 30px;
    font-weight: 600;
  }
  .research-page .research-2 {
    background-image: url(../images/our-services-bg.jpg);
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    padding: 100px 0;
  }
  .research-page .research-3 {
    background-color: #f3f3f3;
    padding: 80px 0 100px;
  }
  .research-page .research-3 .list {
    margin-top: 50px;
  }
  .research-page .research-3 .list ul {
    margin-right: -25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px;
  }
  .research-page .research-3 .list li {
    width: 33.33%;
    padding: 20px;
  }
  .research-page .research-3 .list .box {
    height: 100%;
    border-radius: 7px;
    background-color: #FFFFFF;
    padding: 50px 40px;
  }
  .research-page .research-3 .list .box .icon {
    float: left;
    height: 65px;
    line-height: 65px;
    font-size: 0;
  }
  .research-page .research-3 .list .box .icon img {
    vertical-align: middle;
  }
  .research-page .research-3 .list .box .name {
    padding-left: 90px;
    font-size: 30px;
    font-weight: 600;
    margin-top: 5px;
  }
  .research-page .research-3 .list .box .text {
    margin-top: 25px;
    line-height: 1.7;
  }
  .research-page .research-4 {
    padding: 100px 0;
  }
  .research-page .research-4 .box .left {
    width: 50%;
  }
  .research-page .research-4 .box .left img {
    border-radius: 10px;
  }
  .research-page .research-4 .box .right {
    width: 50%;
    padding-left: 5%;
  }
  .research-page .research-4 .box .right .Tit {
    font-size: 30px;
    font-weight: 600;
  }
  .research-page .research-4 .box .right .text {
    margin-top: 20px;
    line-height: 1.8;
  }
  .why-chooseus {
    display: none;
  }
  .home-infographics-main {
    max-width: 45%;
    margin: 90px auto 50px;
  }
  .home-infographics-img {
    padding: 90px;
    background-image: url(../images/infographic-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
  }
  .home-infographics-img img {
    display: block;
    width: 100%;
  }
  .infographics-item {
    width: 420px;
  }
  .infographics-item h4 {
    font-size: 20px;
    font-weight: 500;
  }
  .infographics-item.infographics-item-02,
  .infographics-item.infographics-item-03,
  .infographics-item.infographics-item-04 {
    text-align: left;
  }
  .infographics-item.infographics-item-06,
  .infographics-item.infographics-item-07,
  .infographics-item.infographics-item-08 {
    text-align: right;
  }
  .infographics-item.infographics-item-01 {
    top: -60px;
  }
  .infographics-item.infographics-item-02,
  .infographics-item.infographics-item-08 {
    top: 15%;
  }
  .infographics-item.infographics-item-03,
  .infographics-item.infographics-item-07 {
    top: 46%;
  }
  .infographics-item.infographics-item-04,
  .infographics-item.infographics-item-06 {
    top: 75%;
  }
  .infographics-item.infographics-item-05 {
    top: 102%;
  }
  .infographics-item.infographics-item-01,
  .infographics-item.infographics-item-05 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .infographics-item.infographics-item-02,
  .infographics-item.infographics-item-04 {
    left: 95%;
  }
  .infographics-item.infographics-item-03 {
    left: 103%;
  }
  .infographics-item.infographics-item-06,
  .infographics-item.infographics-item-08 {
    right: 95%;
  }
  .infographics-item.infographics-item-07 {
    right: 103%;
  }
  @media (max-width: 1550px) {
    .research-page .research-3 .list .box .name {
      font-size: 24px;
      margin-top: 10px;
    }
  }
  @media (max-width: 1440px) {
    .infographics-item {
      width: 320px;
    }
    .infographics-item h4 br {
      display: none;
    }
  }
  @media (max-width: 1230px) {
    .research-page .research-1 .box .right .Tit {
      font-size: 24px;
    }
    .research-page .research-3 .list .box .name {
      padding-left: 80px;
      font-size: 20px;
      margin-top: 15px;
    }
    .research-page .research-3 .list .box .text {
      margin-top: 15px;
    }
    .research-page .research-3 .list .box {
      padding: 25px;
    }
    .research-page .research-3 .list ul {
      margin: -10px;
    }
    .research-page .research-3 .list li {
      padding: 10px;
    }
  }
  @media (max-width: 1024px) {
    .research-page .research-1 {
      padding-top: 60px;
    }
    .research-page .research-1 .box .left {
      width: 100%;
    }
    .research-page .research-1 .box .right {
      width: 100%;
      padding-left: 0;
      margin-top: 30px;
    }
    .research-page .research-1 .box .right .Tit {
      font-size: 20px;
    }
    .infographics-item h4 {
      font-size: 16px;
    }
    .infographics-item {
      width: 200px;
    }
    .research-page .research-2 {
      padding: 60px 0;
    }
    .research-page .research-3 {
      padding: 60px 0;
    }
    .research-page .research-3 .list li {
      width: 50%;
    }
    .research-page .research-4 {
      padding: 60px 0;
    }
    .research-page .research-4 .box .left {
      width: 100%;
    }
    .research-page .research-4 .box .right {
      width: 100%;
      padding-left: 0;
      margin-top: 40px;
    }
  }
  @media (max-width: 768px) {
    .home-infographics-main {
      display: none;
    }
    .why-chooseus {
      display: block;
      margin-top: 25px;
    }
    .why-chooseus ul {
      text-align: left;
    }
    .why-chooseus ul li {
      font-size: 16px;
      line-height: 26px;
    }
  }
  @media (max-width: 700px) {
    .research-page .research-3 .list li {
      width: 100%;
    }
  }
  .baseTit2 {
    font-size: 48px;
    font-weight: 600;
  }
  .baseTit2 img {
    float: left;
    margin-top: 10px;
  }
  .baseTit2 span {
    display: block;
    padding-left: 90px;
  }
  .manufacture-1 {
    padding-top: 90px;
  }
  .manufacture-1 .box .left {
    width: 50%;
    vertical-align: middle;
  }
  .manufacture-1 .box .left .tags span {
    margin: 0 45px;
    display: inline-block;
    padding-left: 35px;
    position: relative;
  }
  .manufacture-1 .box .left .tags span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  .manufacture-1 .box .left .tags span.red::before {
    background-color: #e52f2c;
  }
  .manufacture-1 .box .left .tags span.blue::before {
    background-color: #4e7fba;
  }
  .manufacture-1 .box .right {
    width: 50%;
    vertical-align: middle;
    padding-left: 5%;
  }
  .manufacture-1 .box .right .text {
    margin-top: 30px;
  }
  @media (max-width: 1550px) {
    .baseTit2 {
      font-size: 40px;
    }
    .manufacture-1 .box .left .tags span {
      margin: 0 25px;
    }
  }
  @media (max-width: 1440px) {
    .manufacture-1 .box .left .tags span {
      font-size: 20px;
    }
    .manufacture-1 .box .left .tags span::before {
      top: 10px;
    }
  }
  @media (max-width: 1230px) {
    .baseTit2 {
      font-size: 34px;
    }
  }
  @media (max-width: 1024px) {
    .baseTit2 {
      font-size: 24px;
    }
    .baseTit2 img {
      margin-top: 0;
    }
    .manufacture-1 {
      padding-top: 60px;
    }
    .manufacture-1 .box .left {
      width: 100%;
    }
    .manufacture-1 .box .right {
      width: 100%;
      padding-left: 0;
      margin-top: 40px;
    }
  }
  .quality-2 {
    padding: 90px 0 10px;
  }
  .quality-2 .list ul {
    margin: -15px;
  }
  .quality-2 .list li {
    padding: 15px;
  }
  .quality-2 .list .img {
    overflow: hidden;
  }
  .quality-2 .list .img .name {
    padding: 10px;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  .quality-2 .list .img:hover .name {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .quality-2 .arrows span.arrow {
    display: inline-block;
    width: 43px;
    height: 43px;
    line-height: 41px;
    text-align: center;
    color: #c7c7c7;
    font-size: 16px;
    border: 1px solid currentcolor;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    cursor: pointer;
  }
  .quality-2 .arrows span.arrow:hover {
    color: #FFFFFF;
    background-color: #e52923;
    border-color: #e52923;
  }
  .quality-3 {
    padding: 70px 0;
  }
  .quality-3 .left .content {
    position: relative;
    padding: 100px 80px 140px;
  }
  .quality-3 .left .content::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: -160px;
    background-color: #f6f6f6;
  }
  .quality-3 .left .arrows {
    margin-top: 40px;
    margin-right: 80px;
  }
  .quality-3 .left .arrows span.arrow {
    display: inline-block;
    width: 43px;
    height: 43px;
    line-height: 41px;
    text-align: center;
    color: #c7c7c7;
    font-size: 16px;
    border: 1px solid currentcolor;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    cursor: pointer;
  }
  .quality-3 .left .arrows span.arrow:hover {
    color: #FFFFFF;
    background-color: #e52923;
    border-color: #e52923;
  }
  .quality-3 .right {
    margin-top: 100px;
  }
  @media (max-width: 1470px) {
    .quality-3 .left .content {
      padding: 60px;
    }
    .quality-3 .right {
      margin-top: 60px;
    }
  }
  @media (max-width: 1024px) {
    .quality-3 .left {
      width: 100%!important;
    }
    .quality-3 .left .arrows {
      display: none;
    }
    .quality-3 .right {
      width: 100%!important;
      margin-top: 0;
    }
    .quality-3 .left .content::before {
      right: 0;
    }
    .quality-3 .left .content {
      padding: 30px;
    }
    .quality-page .honor-1 .Tit {
      margin-bottom: 40px;
    }
    .quality-page .honor-1 .Tit p.fr {
      width: 100%;
      margin-top: 30px;
    }
  }
  .manufacture-2 {
    padding: 100px 0;
    background-color: #f6f6f6;
  }
  .manufacture-2 .left .images {
    position: relative;
    margin-right: 66px;
  }
  .manufacture-2 .left .images .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f6f6f6;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
  }
  .manufacture-2 .left .images .img img {
    opacity: .3;
  }
  .manufacture-2 .left .images .img.img_2 {
    left: 33px;
    top: 33px;
    z-index: 2;
  }
  .manufacture-2 .left .images .img.img_2 img {
    opacity: .6;
  }
  .manufacture-2 .left .images .img.img_1 {
    left: 66px;
    top: 66px;
    z-index: 3;
  }
  .manufacture-2 .left .images .img.img_1 img {
    opacity: 1;
  }
  .manufacture-2 .right {
    margin-top: 40px;
  }
  .manufacture-2 .right ul {
    margin-top: 60px;
  }
  .manufacture-2 .right li {
    cursor: pointer;
    padding-bottom: 20px;
  }
  .manufacture-2 .right li:not(:last-child) {
    margin-bottom: 40px;
    border-bottom: 1px solid #c7c7c7;
  }
  .manufacture-2 .right li .name {
    margin: 20px 0;
    font-weight: bold;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
  }
  .manufacture-2 .right li .text {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #c7c7c7;
    display: none;
  }
  .manufacture-2 .right li .text p {
    line-height: 1.5;
    min-height: 4.5em;
  }
  .manufacture-2 .right li.active .name {
    color: var(--color1);
  }
  @media (max-width: 1550px) {
    .manufacture-2 .right li .name {
      font-size: 24px;
    }
  }
  @media (max-width: 1240px) {
    .manufacture-2 .left {
      padding: 0;
    }
    .manufacture-2 .right {
      margin-top: 0;
    }
    .manufacture-2 .right ul {
      margin-top: 40px;
    }
  }
  @media (max-width: 1024px) {
    .manufacture-2 {
      padding: 60px 0;
    }
    .manufacture-2 .left {
      display: none;
    }
    .manufacture-2 .right {
      width: 100%!important;
      padding: 0;
    }
    .manufacture-2 .right li .name {
      font-size: 20px;
    }
  }
  @media (max-width: 768px) {
    .manufacture-2 .right li .name {
      margin: 10px 0;
    }
    .manufacture-2 .right li {
      padding-bottom: 10px;
    }
    .manufacture-2 .right li:not(:last-child) {
      margin-bottom: 20px;
    }
  }
  
  
  
  .t_1 {
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s;
  }
  
  .img_bg {
      -o-background-size: contain;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .img_sca {
      overflow: hidden;
      display: block;
  }
  
  .img_sca:hover .img_bg {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
  }
  
  
  
  /* 联系 */
  .contact-page .init-1 {
    padding-top: 80px;
  }
  .contact-page .init-1 .tips_title {
    font-weight: bold;
  }
  .contact-page .init-1 form {
    margin-top: 10px;
  }
  .contact-page .init-1 form input,
  .contact-page .init-1 form textarea {
    width: 100%;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    padding: 12px 12px 12px 56px;
    margin-top: 30px;
    border-radius: 4px;
    background-image: url(../images/contact_1.png);
    -o-background-size: 25px 25px;
    background-size: 25px 25px;
    background-position: 20px 10px;
  }
  .contact-page .init-1 form .mail {
    background-image: url(../images/contact_2.png);
    -o-background-size: 22px 18px;
    background-size: 22px 18px;
    background-position: 20px 17px;
    margin-left: 64px;
  }
  .contact-page .init-1 form .phone {
    background-image: url(../images/contact_3.png);
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: 20px 14px;
  }
  .contact-page .init-1 form .content {
    background-image: url(../images/contact_4.png);
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: 20px 16px;
  }
  .contact-page .init-1 form .name,
  .contact-page .init-1 form .mail {
    width: -webkit-calc(18%);
    width: -moz-calc(18%);
    width: calc(50% - 32px);
  }
  .contact-page .init-1 form .submit_btn {
    margin-top: 30px;
    padding: 12px 56px;
    background-color: var(--index-main-color);
    border: 1px solid var(--index-main-color);
    text-align: center;
    border-radius: 4px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
  }
  .contact-page .init-1 form .submit_btn:hover {
    background-color: #fff;
    color: var(--index-main-color);
  }
  .contact-page .init-2 {
    padding: 80px 0 0;
  }
  .contact-page .init-2 .container .left {
    vertical-align: middle;
    width: -webkit-calc(-440%);
    width: -moz-calc(-440%);
    width: calc(100% - 640px);
  }
  .contact-page .init-2 .container .left #mapContainer {
    width: 100%;
    height: 480px;
    display: block;
  }
  .contact-page .init-2 .container .right {
    vertical-align: middle;
    width: 640px;
    padding-left: 60px;
  }
  .contact-page .init-2 .container .right .tips_title {
    font-weight: bold;
  }
  .contact-page .init-2 .container .right .list {
    margin-top: 30px;
  }
  .contact-page .init-2 .container .right .list .tips {
    font-weight: bold;
  }
  .contact-page .init-2 .container .right .list .des {
    color: #2b2b2b;
  }
  @media (max-width: 1000px) {
    .contact-page .init-1 .tips_title {
      text-align: center;
    }
    .contact-page .init-2 .container .left {
      width: 100%;
    }
    .contact-page .init-1 form .submit_btn {
      text-align: center;
    }
    .contact-page .init-2 .container .right {
      width: 100%;
      margin-top: 40px;
      padding: 0;
      text-align: center;
    }
  }
  @media (max-width: 700px) {
    .contact-page .init-1 form .name,
    .contact-page .init-1 form .mail {
      width: 100%;
      margin-left: 0;
    }
  }
  
  
  /* faq */
  .faq-page {
    padding: 80px 0;
  }
  .faq-page .container .tips_title {
    font-weight: bold;
    padding-left: 40px;
    padding-right: 25px;
    display: inline-block;
    position: relative;
    line-height: 1;
    z-index: 2;
  }
  .faq-page .container .tips_title::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    bottom: 0;
    left: 0;
    background-color: var(--index-main-color)0f;
    z-index: -1;
  }
  .faq-page .container .content {
    margin-top: 60px;
  }
  .faq-page .container .content ul {
    border-top: 1px solid #e5e8ec;
    border-left: 1px solid #e5e8ec;
    border-right: 1px solid #e5e8ec;
  }
  .faq-page .container .content ul li {
    border-bottom: 1px solid #e5e8ec;
    position: relative;
    cursor: pointer;
  }
  .faq-page .container .content ul li > i {
    position: absolute;
    top: 24px;
    right: 24px;
    line-height: 1;
    font-size: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--index-main-color);
  }
  .faq-page .container .content ul li .title {
    font-weight: 500;
    position: relative;
    padding: 20px 40px;
    font-size: 26px;
  }
  .faq-page .container .content ul li .des {
    display: none;
    padding: 20px 60px;
  }
  .faq-page .container .content ul li.active .title {
    background-color: var(--index-main-color);
    color: #fff;
  }
  .faq-page .container .content ul li.active > i {
    color: #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  @media (max-width: 1000px) {
    .faq-page {
      text-align: center;
    }
    .faq-page .container .tips_title {
      padding-left: 20px;
      padding-right: 20px;
    }
    .faq-page .container .content ul {
      text-align: left;
    }
    .faq-page .container .content {
      text-align: left;
    }
  }
  @media (max-width: 500px) {
    .faq-page .container .content {
      margin-top: 30px;
    }
    .faq-page .container .content ul li .title {
      padding: 20px 30px 20px 16px;
    }
    .faq-page .container .content ul li > i {
      font-size: 20px;
      width: 20px;
      height: 20px;
      right: 2px;
      top: 28px;
    }
    .faq-page .container .content ul li .des {
      padding: 20px 16px;
    }
  }
  
  
  
  /* 新闻 */
  .news-page {
    padding: 80px 0;
  }
  .news-page .tips_title {
    font-weight: bold;
    padding-left: 60px;
    padding-right: 25px;
    display: inline-block;
    position: relative;
    line-height: 1;
    z-index: 2;
  }
  .news-page .tips_title::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    bottom: 0;
    left: 0;
    background-color: var(--index-main-color)0f;
    z-index: -1;
  }
  .news-page .content {
    margin-top: 50px;
  }
  .news-page .content ul > p{
    font-size: 16px;
    letter-spacing: 0;
    margin: 20px;
  }
  .news-page .content ul{
    display: flex;
    flex-wrap: wrap;
  }
  .news-page .content ul li {
    position: relative;
  }
  .news-page .content ul li .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f2f4f6;
  }
  .news-page .content ul li .box {
    position: relative;
    z-index: 1;
    border: 2px solid #eceef1;
    height: 100%;
    padding: 40px 50px;
        /*border-radius: 4px;*/
    background-color: #fff;
    transition: .5s ease;
  }
  .news-page .content ul li .box .title {
    display: block;
    font-weight: 500;
  }
  .news-page .content ul li .box .title:hover {
    color: var(--index-main-color);
  }
  .news-page .content ul li .box .des {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 20px;
  }
  .news-page .content ul li .box .des:hover {
    color: var(--index-main-color);
  }
  .news-page .content ul li .box .info_c {
    margin-top: 30px;
  }
  .news-page .content ul li .box .info_c .cat_name {
    width: auto;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    background-color: var(--index-main-color);
    border-radius: 15px;
    padding: 4px 22px;
  }
  .news-page .content ul li .box .info_c .time {
    color: rgba(33, 33, 33, 0.7);
    margin-left: 30px;
    width: auto;
    font-size: 16px;
    vertical-align: middle;
  }
  .news-page .content ul li:hover {
    z-index: 2;
  }
  .news-page .content ul li:hover .box {
    -webkit-transform: translate(10px, -10px);
    -moz-transform: translate(10px, -10px);
    -ms-transform: translate(10px, -10px);
    -o-transform: translate(10px, -10px);
    transform: translate(10px, -10px);
  }
  .newdet-page .init-1 .container .title {
    font-weight: bold;
  }
  .newdet-page .init-1 .container .time {
    color: #9e9e9e;
    margin-top: 30px;
  }
  .newdet-page .init-1 .container .content {
    margin-top: 20px;
    border-top: 1px solid #f2f2f2;
    font-size: 18px;
    line-height: 1.8;
    border-bottom: 1px solid #f2f2f2;
    color: #767676;
    padding: 30px 0;
  }
  .newdet-page .init-1 .container .content p{
    text-align: left !important;
  }
  .newdet-page .init-1 .container .content .video{
    width: 1000px;
    max-width: 100%;
    margin: 20px auto 0;
  }
  .newdet-page .init-1 .container .content .video video{
    width: 100%;
    display: block;
  }
  .newdet-page .init-1 .container .bottom_cont {
    margin-top: 40px;
  }
  .newdet-page .init-1 .container .bottom_cont .left {
    width: -webkit-calc(-60%);
    width: -moz-calc(-60%);
    width: calc(100% - 160px);
    padding-right: 20px;
  }
  .newdet-page .init-1 .container .bottom_cont .right {
    width: 160px;
  }
  .newdet-page .init-1 .container .bottom_cont .right .share_name {
    color: #767676;
  }
  .newdet-page .init-1 .container .bottom_cont .right .list_cont a {
    display: inline-block;
    margin-top: 10px;
    width: 28px;
    height: 28px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background-color: #3b5999;
    font-size: 16px;
    border-radius: 50%;
    margin-right: 12px;
  }
  .newdet-page .init-1 .container .bottom_cont .right .list_cont a i {
    position: relative;
    z-index: 2;
  }
  .newdet-page .init-1 .container .bottom_cont .right .list_cont a::before {
    background-color: #245e3e;
  }
  .newdet-page .init-1 .container .bottom_cont .right .list_cont a.list2 {
    background-color: #00aced;
  }
  .newdet-page .init-1 .container .bottom_cont .right .list_cont a.list3 {
    background-color: #cb2027;
  }
  .newdet-page .init-1 .container .bottom_cont .right .list_cont a.list4 {
    background-color: #cc2366;
  }
  .newdet-page .init-1 .container .bottom_cont .right .list_cont a:last-child {
    margin-right: 0;
  }
  @media (max-width: 1000px) {
    .news-page {
      text-align: center;
    }
    .news-page .tips_title {
      padding-left: 20px;
      padding-right: 20px;
    }
    .news-page .content .grid-box li {
      width: 100%;
      margin-top: 20px;
      text-align: center;
    }
    .newdet-page .init-1 .container .bottom_cont {
      margin-top: 20px;
    }
    .newdet-page .init-1 .container .bottom_cont .left {
      width: 100%;
      padding: 0;
    }
    .newdet-page .init-1 .container .bottom_cont .right {
      display: none;
    }
    .m-link {
      text-align: left;
    }
  }
  @media (max-width: 500px) {
    .news-page .content ul li .box {
      padding: 20px 16px;
    }
    .news-page .content ul li .box .info_c .time {
      width: 100%;
      margin: 16px 0 0;
    }
    .news-page .content ul li .box .title {
      font-size: 20px;
    }
    .newdet-page .init-1 .container .bottom_cont {
      margin-top: 0;
    }
    .newdet-page .init-1 .container .time {
      margin-top: 16px;
    }
  }
  
  
  
  
  .pro_public .init-contact form {
    margin-top: 10px;
  }
  .pro_public .init-contact form input,
  .pro_public .init-contact form textarea {
    width: 100%;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    padding: 12px 12px 12px 56px;
    margin-top: 30px;
    border-radius: 4px;
    background-image: url(../images/contact_1.png);
    -o-background-size: 25px 25px;
    background-size: 25px 25px;
    background-position: 20px 10px;
  }
  .pro_public .init-contact form .mail {
    background-image: url(../images/contact_2.png);
    -o-background-size: 22px 18px;
    background-size: 22px 18px;
    background-position: 20px 14px;
    margin-left: 64px;
  }
  .pro_public .init-contact form .phone {
    background-image: url(../images/contact_3.png);
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: 20px 14px;
  }
  .pro_public .init-contact form .content {
    background-image: url(../images/contact_4.png);
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: 20px 14px;
  }
  .pro_public .init-contact form .name,
  .pro_public .init-contact form .mail {
    width: -webkit-calc(18%);
    width: -moz-calc(18%);
    width: calc(50% - 32px);
  }
  .pro_public .init-contact form .submit_btn {
    margin-top: 30px;
    padding: 9px 56px;
    background-color: var(--index-main-color);
    border: 1px solid var(--index-main-color);
    font-size: 20px;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    cursor: pointer;
  }
  .pro_public .init-contact form .submit_btn:hover {
    background-color: #fff;
    color: var(--index-main-color);
  }
  .pro_public .init-honor .container .title_c .tips {
    vertical-align: middle;
    width: -webkit-calc(-28%);
    width: -moz-calc(-28%);
    width: calc(100% - 128px);
  }
  .pro_public .init-honor .container .title_c .s_page {
    width: auto;
    vertical-align: middle;
  }
  .pro_public .init-honor .container .title_c .s_page .btn {
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #a1a1a1;
    text-align: center;
    line-height: 36px;
    font-size: 30px;
    color: #a1a1a1;
  }
  .pro_public .init-honor .container .title_c .s_page .btn i {
    margin-left: -2px;
  }
  .pro_public .init-honor .container .title_c .s_page .btn:hover {
    background-color: var(--index-main-color);
    border-color: var(--index-main-color);
    color: #fff;
  }
  .pro_public .init-honor .container .title_c .s_page .next {
    margin-left: 40px;
  }
  .pro_public .init-honor .container .title_c .s_page .next i {
    margin-left: 2px;
  }
  .pro_public .init-honor .container .content {
    margin-top: 50px;
  }
  .pro_public .init-honor .container .content ul {
    margin: 0 -40px;
  }
  .pro_public .init-honor .container .content ul li {
    padding: 0 40px;
  }
  .pro_public .init-honor .container .content ul li a {
    display: block;
  }
  .pro_public .init-news .container .title_c .tips {
    vertical-align: middle;
    width: -webkit-calc(-28%);
    width: -moz-calc(-28%);
    width: calc(100% - 128px);
  }
  .pro_public .init-news .container .title_c .s_page {
    width: auto;
    vertical-align: middle;
  }
  .pro_public .init-news .container .title_c .s_page .btn {
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #a1a1a1;
    text-align: center;
    line-height: 36px;
    font-size: 30px;
    color: #a1a1a1;
  }
  .pro_public .init-news .container .title_c .s_page .btn i {
    margin-left: -2px;
  }
  .pro_public .init-news .container .title_c .s_page .btn:hover {
    background-color: var(--index-main-color);
    border-color: var(--index-main-color);
    color: #fff;
  }
  .pro_public .init-news .container .title_c .s_page .next {
    margin-left: 40px;
  }
  .pro_public .init-news .container .title_c .s_page .next i {
    margin-left: 2px;
  }
  .pro_public .init-news .container .content {
    margin-top: 50px;
  }
  .pro_public .init-news .container .content .slick {
    margin: 0 -35px;
  }
  .pro_public .init-news .container .content .slick li {
    padding: 0 35px;
  }
  .pro_public .init-news .container .content .slick li .box {
    border: 1px solid #dfdfdf;
    border-top-left-radius: 34px;
    border-bottom-right-radius: 34px;
    padding: 40px 30px;
    height: 360px;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
  .pro_public .init-news .container .content .slick li .box .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0;
    background: var(--index-main-color) !important;
  }
  .pro_public .init-news .container .content .slick li .box .cat_name {
    color: var(--index-main-color);
    font-size: 18px;
  }
  .pro_public .init-news .container .content .slick li .box .title {
    display: block;
    margin-top: 20px;
    font-weight: bold;
    overflow:hidden;
    text-overflow:ellipsis; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .pro_public .init-news .container .content .slick li .box .des {
    margin-top: 20px;
        color: rgb(51 51 51 / 81%);
        font-size: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .pro_public .init-news .container .content .slick li .box .time {
    margin-top: 20px;
  }
  
  .pro_public .init-news .container .content .slick li .box:hover .shadow {
    opacity: 1;
  }
  .pro_public .init-news .container .content .slick li .box:hover .cat_name,
  .pro_public .init-news .container .content .slick li .box:hover .title,
  .pro_public .init-news .container .content .slick li .box:hover .des,
  .pro_public .init-news .container .content .slick li .box:hover .time {
    color: #fff;
  }
  .pro_public .init-industry .text {
    margin-top: 50px;
  }
  
  
  .pro_public .init-related {
    background-color: #f7f7f7;
  }
  .pro_public .init-related .container .tips {
    text-align: center;
  }
  .pro_public .init-related .container .content {
    margin-top: 40px;
  }
  .pro_public .init-related .container .content .slick .slick-list {
    margin: 0 -25px;
  }
  .pro_public .init-related .container .content .slick li {
    padding: 0 25px;
  }
  .pro_public .init-related .container .content .slick li .box .img {
    background-color: #fff;
    display: block;
    padding: 10px;
  }
  .pro_public .init-related .container .content .slick li .box .text {
    display: block;
    font-size: 24px;
    margin-top: 20px;
  }
  .pro_public .init-related .container .content .slick li .box .text:hover {
    color: var(--index-main-color);
  }
  
  .prodet-page .init-1 .container .left {
    vertical-align: middle;
    padding: 0 140px 0 110px;
    position: relative;
  }
  .prodet-page .init-1 .container .left .btn {
    position: absolute;
    top: 38%;
    right: 40px;
    width: 26px;
    color: #a5a5a5;
    font-size: 60px;
    cursor: pointer;
    font-weight: bold;
    z-index: 2;
  }
  .prodet-page .init-1 .container .left .btn:hover {
    color: var(--index-main-color);
  }
  .prodet-page .init-1 .container .left .prev {
    left: 0;
  }
  .prodet-page .init-1 .container .left .slick li .box {
    position: relative;
  }
  .prodet-page .init-1 .container .left .slick li .box .img {
    display: block;
  }
  .prodet-page .init-1 .container .left .slick li .box .img img {
    width: 100%;
  }
  .prodet-page .init-1 .container .left .slick li .box .play {
    width: 80px;
    height: 80px;
    position: absolute;
    line-height: 80px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
  }
  .prodet-page .init-1 .container .left .slick li .box .play .ling {
    -webkit-animation: ks 3s linear infinite;
    -moz-animation: ks 3s linear infinite;
    -o-animation: ks 3s linear infinite;
    animation: ks 3s linear infinite;
  }
  .prodet-page .init-1 .container .left .slick li .box .play .ling:first-child {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  .prodet-page .init-1 .container .left .slick li .box .play .ling {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 50%;
  }
  .prodet-page .init-1 .container .left .slick li .box .play .cont {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 30px;
    background-color: var(--index-main-color);
    border: 1px solid var(--index-main-color);
    text-align: center;
    border-radius: 50%;
  }
  .prodet-page .init-1 .container .left .slick li .box .play .cont i {
    margin-left: 4px;
  }
  .prodet-page .init-1 .container .left .slick li .box .play:hover .cont {
    color: var(--index-main-color);
    background-color: #fff;
  }
  .prodet-page .init-1 .container .right {
    vertical-align: middle;
    padding-left: 30px;
  }
  .prodet-page .init-1 .container .right .cat_name {
    color: var(--index-main-color);
    display: inline-block;
    border-bottom: 1px solid var(--index-main-color);
    line-height: 1;
  }
  .prodet-page .init-1 .container .right .title {
    margin-top: 20px;
    font-weight: bold;
  }
  .prodet-page .init-1 .container .right .des {
    color: #393939;
    line-height: 1.8;
    margin-top: 30px;
  }
  .prodet-page .init-1 .container .right .more_c {
    margin-top: 10px;
  }
  .prodet-page .init-1 .container .right .more_c .more {
    margin: 30px 30px 0 0;
    display: inline-block;
    margin-top: 40px;
    padding: 14px 33px;
    border-radius: 4px;
    border: 1px solid #7d7d7d;
  }
  .prodet-page .init-1 .container .right .more_c .more span,
  .prodet-page .init-1 .container .right .more_c .more img {
    vertical-align: middle;
    font-size: 18px;
  }
  .prodet-page .init-1 .container .right .more_c .more img {
    margin-left: 20px;
    width: 20px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
  }
  .prodet-page .init-1 .container .right .more_c .more:hover {
    background-color: var(--index-main-color);
    color: #fff;
    border-color: var(--index-main-color);
  }
  .prodet-page .init-1 .container .right .more_c .more:hover img {
    -webkit-filter: grayscale(0) brightness(6);
    filter: grayscale(0) brightness(6);
  }
  .prodet-page .init-2 {
    margin-top: 80px;
  }
  .prodet-page .init-2 .container .title_list {
    border-bottom: 1px solid var(--index-main-color);
  }
  .prodet-page .init-2 .container .title_list .list {
    font-weight: bold;
    background-color: var(--index-main-color);
    border: 1px solid var(--index-main-color);
    color: #fff;
    padding: 10px 50px;
    width: auto;
    margin-right: 40px;
    cursor: pointer;
  }
  .prodet-page .init-2 .container .title_list .list.active {
    background-color: #fff;
    color: var(--index-main-color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .prodet-page .init-2 .container .content_list {
    padding-top: 50px;
  }
  .prodet-page .init-2 .container .content_list .list {
    font-size: 18px;
    line-height: 1.8;
    display: none;
  }
  .prodet-page .init-2 .container .content_list .list table{
    border: none;
    width: 100% !important;
  }
  .prodet-page .init-2 .container .content_list .list table tr {
    background-color: #fff;
  }
  .prodet-page .init-2 .container .content_list .list table tr td {
    border: 1px solid #3b3b3b;
    padding: 10px;
    min-width: 120px;
  }
  
  
  @media (max-width: 1000px) {
    .pro_public .tips {
      text-align: center;
      width: 100%;
    }
  
    .pro_public .init-honor .container .title_c .tips,
    .pro_public .init-news .container .title_c .tips {
      width: 100%;
    }
    .pro_public .init-honor .container .title_c .s_page,
    .pro_public .init-news .container .title_c .s_page {
      width: 100%;
      margin-top: 20px;
      text-align: center;
    }
    .pro_public .init-honor .container .content ul {
      margin: 0 -15px;
    }
    .pro_public .init-honor .container .content ul li {
      padding: 0 15px;
    }
    .pro_public .init-news .container .content .slick {
      margin: 0 -15px;
    }
    .pro_public .init-news .container .content .slick li {
      padding: 0 15px;
    }
    .pro_public .init-contact form {
      text-align: center;
    }
    .pro_public .init-industry {
      display: none;
    }
    .pro_public .init-news {
      padding-bottom: 40px;
    }
    .pro_public .init-news .container .content .slick li .box {
      text-align: center;
    }
    .pro_public .init-related .container .content .slick li .box .text {
      text-align: center;
    }
    .prodet-page .init-1 .container .left {
      width: 100%;
    }
    .prodet-page .init-1 .container .right {
      width: 100%;
      margin-top: 40px;
      text-align: center;
      padding-left: 0;
    }
    .prodet-page .init-2 .container .title_list .list {
      margin-right: 10px;
    }
    .prodet-page .init-2 .container .title_list .list p {
      font-size: 20px;
    }
  }
  @media (max-width: 500px) {
    .pro_public .init-contact form {
      margin-top: 0;
    }
    .pro_public .init-contact form .name,
    .pro_public .init-contact form .mail {
      width: 100%;
      margin-left: 0;
    }
    .pro_public .init-contact form .submit_btn {
      width: 100%;
    }
    .pro_public .init-honor .container .title_c .s_page .next {
      margin-left: 20px;
    }
    .pro_public .init-honor .container .content {
      margin-top: 30px;
    }
    .pro_public .init-news .container .title_c .s_page .next {
      margin-left: 20px;
    }
    .pro_public .init-news .container .content {
      margin-top: 30px;
    }
    .pro_public .init-related .container .content {
      margin-top: 20px;
    }
    .pro_public .init-related .container .content .slick li .box .img {
      padding: 16px;
    }
    .prodet-page .init-1 .container .left {
      padding: 0 40px;
    }
    .prodet-page .init-1 .container .left .next {
      right: 0;
    }
    .prodet-page .init-1 .container .right .more_c .more {
      margin-top: 10px;
      margin-right: 10px;
      padding: 6px 16px;
      border-radius: 4px;
    }
    .prodet-page .init-2 {
      margin-top: 40px;
    }
    .prodet-page .init-2 .container .title_list {
      border: none;
    }
    .prodet-page .init-2 .container .title_list .list {
      padding: 6px 12px;
      width: 100%;
      text-align: center;
      margin: 10px 0 0 0;
    }
    .prodet-page .init-2 .container .title_list .list p {
      font-size: 18px;
    }
    .prodet-page .init-2 .container .content_list {
      padding-top: 30px;
    }
  }
  
  
  
  
  /* 画廊 */
  .m-page {
    margin-top: 60px;
    text-align: center;
  }
  .m-page a,
  .m-page span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 2px;
    line-height: 40px;
  }
  .m-page a::before,
  .m-page span::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #000;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .m-page a.current,
  .m-page span.current {
    background-color: var(--index-main-color);
    color: #fff;
  }
  .m-page a.current::before,
  .m-page span.current::before {
    opacity: 0;
  }
  .m-page a:hover {
    background-color: var(--index-main-color);
    color: #fff;
  }
  .m-page a:hover::before {
    opacity: 0;
  }
  .m-link {
    margin-top: 16px;
  }
  .m-link a {
    display: block;
    color: #767676;
    margin-top: 6px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .m-link a:hover {
    color: var(--index-main-color);
  }
  .honor-page .container .tips_title {
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
  }
  .honor-page .container .content {
    margin-top: 50px;
  }
  .honor-page .container .content ul {
    margin: 0 -50px;
  }
  .honor-page .container .content ul li {
    margin-top: 40px;
    padding: 0 50px;
    text-align: center;
  }
  .honor-page .container .content ul li .box a {
    display: block;
  }
  .honor-page .container .content ul li .box .text {
    margin-top: 30px;
    font-weight: 400;
    word-break: break-word;
  }
  @media (max-width: 1000px) {
    .aft03 dl dd{
      width: 100%!important;
    }
    .honor-page .container .content ul {
      margin: 0 -10px;
    }
    .honor-page .container .content ul li {
      padding: 0 10px;
    }
    .honor-page .container .content ul li .box .text {
      margin-top: 10px;
    }
  }
  @media (max-width: 500px) {
    .m-page {
      margin-top: 40px;
    }
    .honor-page .container .content {
      margin-top: 0;
    }
  }
  
  
  
  
  /* 产品列表 */
  
  .inner-page .sideLeft {
    width: 30%;
    padding-right: 47px;
    position: sticky;
    /*top: 120px;*/
  }
  .inner-page .sideLeft .box {
  
  }
  .inner-page .sideLeft .box h3 {
    display: block;
    padding: 0px 25px 25px 0px;
    font-size: 30px;
    font-weight: 600;
    color: #000;
  }
  .inner-page .sideLeft .box .list ul li {
    margin-top: 6px;
    padding: 10px 20px;
    border-radius: 4px;
    border-left: 4px solid var(--index-main-color);
    font-size: 18px;
    line-height: 32px;
    color: black;
    font-weight: 400;
    background: #F5F5F5;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    position: relative;
  }
  .inner-page .sideLeft .box .list ul li i{
    display: flex;
    justify-content: center;
    align-content: center;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: point;
  }
  .inner-page .sideLeft .box .list ul li img {
      max-width: 80px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 30px;
  }
  .inner-page .sideLeft .box .list ul li:hover,
  .inner-page .sideLeft .box .list ul li.active {
    background: var(--index-main-color);
    color: white;
  }
  .inner-page .sideLeft .box .list ul li.active ul{
    display: block;
  }
  .inner-page .sideLeft .box .list ul li ul{
    margin-top: 20px;
  
  }
  .inner-page .sideLeft .box .list ul li ul li{
    font-size: 18px;
    background: #f5f5f5!important;
    color: #000!important;
  }
  .inner-page .sideLeft .box .list ul li ul li.active{
    color: #A7D78E;
    background: #fff;
  }
  .inner-page .sideLeft .img {
      display: none;
      margin-top: 40px;
      padding: 60px 5%;
      text-align: center;
      color: #fff;
      background-size: 100%;
      background-repeat: no-repeat;
  }
  .inner-page .sideLeft .img h4 {
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
  }
  .inner-page .sideLeft .img p {
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin: 25px 0 45px;
  }
  .inner-page .sideLeft .img a.more {
    line-height: 2;
    height: 36px;
    padding: 0 32px;
    border: 1px solid white;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    display: inline-block;
    color: #fff;
  }
  .inner-page .sideLeft .img a.more:hover {
    background: #A7D78E;
    color: white;
  }
  .inner-page .sideRight {
    width: 70%;
  }
  .inner-page .sideRight .fenlei {
    color: var(--index-main-color);
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  .inner-page .sideRight .content {
    line-height: 1.8;
      font-size: 18px;
      color: black;
      font-weight: 400;
  }
  
  .product-page {
    padding: 80px 0;
    background: #fbfbfb;
  }
  .product-page .productList {
    margin-bottom: 60px;
  }
  .product-page .productList ul {
    /*margin: 0px -15px;*/
  }
  .product-page .productList ul li {
    padding: 0px 15px;
  }
  .product-page .productList ul li a.more {
  line-height: 2;
      height: 45px;
      padding: 0px 20px;
      border-radius: 4px;
      background: #A7D78E;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      display: inline-block;
      -webkit-transition: .5s;
      -moz-transition: .5s;
      transition: .5s;
  }
  .product-page .productList ul li a.more i {
    margin-left: 22px;
    font-size: 70%;
  }
  .product-page .productList ul li a.more:hover {
    background: #111;
  }
  .productList ul {
    margin: -15px;
  }
  .productList ul li {
    padding: 15px;
  }
  .productList ul li .box2 {
    
    overflow: hidden;
    border-radius: 8px;
    position: relative;
  }
  .productList ul li .box2 h5 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    /*height: 230px;*/
    padding: 7px 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
  }
  .productList ul li .box2 h5 a {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:unset;
  }
  .productList ul li:hover .box2 h5 {
    color: var(--index-main-color);
  }
  .productList ul li .box2 a.img {
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    transition: 0.3s;
    padding: 10px 10px;
  }
  .productList ul li .box2:hover a.img {
    background: #FFFFFF;
  box-shadow: 2px 3px 27px 0px rgba(0,0,0,0.03);
  border-radius: 16px;
  }
  .productList ul li .box2 a.img img {
    width: 100%;
  }
  .productList ul li .box2 a.img .acc1 {
    position: relative;
    z-index: 11;
    transition: 0.3s;
  }
  .productList ul li .box2 a.img .acc2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
  }
  .productList ul li .box2 a.img:hover .acc1 {
    opacity: 0;
    z-index: -2;
  }
  .productList ul li .box2 a.img:hover .acc2 {
    opacity: 1;
    z-index: 19;
  }
  .productList ul li .box2 .text {
  padding-left: 10px;
    font-size: 16px;
    color: #0B0D0F;
    line-height: 30px;
  }
  
  
  
  .productList ul li .box2 a.more {
    line-height: 2;
    height: 40px;
    padding-right: 20px;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 25px;
    background: #2b3e4b;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
  }
  .productList ul li .box2 a.more:hover {
    background: #A7D78E;
  }
  .productList ul li .box2:after {
    content: '';
    width: 100%;
    bottom: -5px;
    right: -20px;
    height: 8px;
    display: block;
    position: absolute;
    border-top-left-radius: 4px;
    background: #A7D78E;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
  }
  .productList ul li .box2:hover:after {
    bottom: 0;
  }
  
  
  
  .product-page .productList ul li a.more {
    display: none;
     
  }
  
  .productList ul li .box2:after{
      display: none;
  }
  .productList ul li .box2{
     transition: all .8s ease;
  }
  .productList ul li .box2 .p-logo {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
  }
  .product-page .productList ul li:hover .p-logo img {
      transform: scale3d(1,1,1);
      transition: all .8s ease;
  }
  .productList ul li .box2 .p-logo img {
      padding-top: 15px;
      padding-left: 15px;
      max-width: 150px;
  }
  
  @media screen and (max-width: 1600px) {
  
    .inner-page .sideLeft .box h3 {
      padding: 30px 15px;
      padding-top: 0;
      font-size: 28px;
      line-height: 1.4;
    }
    
    .inner-page .sideLeft .box .list ul li {
      padding: 5px 20px 5px 10px;
      font-size: 16px;
    }
  
    .inner-page .sideLeft .img p {
      margin: 20px 0 30px;
    }
    .inner-page .sideLeft .img {
      padding: 40px 15px;
    }
    .product-page .productList ul li a.more {
      line-height: 1.4;
      height: 40px;
      padding: 0 20px;
    }
    .product-page .productList ul li {
      padding: 5px;
    }
    .product-page .productList ul {
      margin: -5px;
    }
  
  }
  @media screen and (max-width: 1024px) {
    .inner-page .sideLeft {
      display: none;
    }
  
    .inner-page .sideRight {
      width: 100%;
    }
  
     .productList ul li .box2 h5 {
      font-size: 16px;
      line-height: 30px;
      min-height: 5rem!important;
    }
    .product-page .productList ul li a.more{
      line-height: 2;
      height: 34px;
      padding: 0 15px;
      font-size: 14px;
    }
  }
  @media screen and (max-width: 700px) {
     .product-page .productList .grid-box.three>.column{
      width: 100%;
    }
  
  }
  
  
  
  
  
  
  
  /* 服务 */
  
  @keyframes bounce-up-data-v-7e3caf58
  {
      10% {
          transform: rotate(20deg);
      }
      20% {
          transform: rotate(-10deg);
      }
      30% {
          transform: rotate(5deg);
      }
      40% {
          transform: rotate(-5deg);
      }
      50%, 100% {
          transform: rotate(0deg);
      }
  }
  
  .hu_h3 {font-size: 60px;font-weight: bold;color: #333333;}
  .hu_p {font-size: 18px;color: #666666;line-height: 30px;}
  
  @media screen and (max-width: 1600px){
    .hu_h3 {
      font-size: 36px;
    }
  }
  
  @media only screen and (max-width: 768px){
    .hu_h3 {
      font-size: 26px;
    }
  }
  
  
  /* aft */
  .aft01 {padding: 120px 0 100px; background: url(../images/aft01_bg.jpg);background-size: cover;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-direction: column;}
  .aft01  h4 {    font-size: 30px; color: #333333; margin: 16px 0 28px; font-weight: bold;}
  .aft01 .box {display: flex;    margin-bottom: 60px;}
  .aft01 .box .min {width: 350px;height: 350px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
  .aft01 .box .min:nth-of-type(1) {transition: 0.5s; background-color: rgb(71 110 236);position: relative;z-index: 1;left: 0px;}
  .aft01 .box .min:nth-of-type(2) {transition: 0.5s; background-color: rgb(36 36 36 / 90%); margin-left: -42px;position: relative;right: 0px;}
  .aft01 .box:hover .min:nth-of-type(1){left: 308px;}
  .aft01 .box:hover .min:nth-of-type(2){right: 308px;}
  .aft01 .box .min  h5 {font-size: 20px;font-weight: bold;margin-bottom: 30px;color: #fff;}
  .aft01 .box .min  h6 {font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 50px;text-align: center;}
  .aft01 .box .min  img {width: 42px;}
  .aft01 p {font-size: 20px;color: #333333;font-weight: bold;}
  .aft02 {padding: 100px 0 120px;position: relative;overflow: hidden;}
  .aft02 .bg_fix {position: absolute;top: 0px;left: 0px;width: 100%;height: 690px;}
  .aft02 .bg_fix::after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
  .aft02 .bg_fix img {height: 100%;width: 100%;object-fit: cover;}
  .aft02 .top {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 20px;    z-index: 1; position: relative;}
  
  .aft02 .top  p {font-size: 18px;line-height: 1.8;text-align: center;color: #000;margin-top: 10px; max-width: 1050px;}
  .aft02 .top .line {height: 75px;width: 1px;background-color: #fd2318;margin: 28px 0 ;position: relative;}
  .aft02 .top .line::after {content: "";  width: 7px; height: 7px; background-color: #fd2318; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; animation: 2s linear 0.5s infinite hua2;}
  @keyframes hua2 { from { top: 0%; } to { top: 95%; } }
  .aft02 .top h4 {font-size: 40px;color: #000; font-weight: 500;}
  .aft02 .botF {padding: 0 90px;position: relative;}
  .aft02 .botF .fa {    background-image: none; width: auto; height: auto; margin: 0; padding: 0; font-size: 74px; color: #cbcbcb; outline: none;}
  .aft02 .botF .fa:hover {color: var(--index-main-color);}
  .aft02 .bot {position: relative;overflow: hidden;margin: auto;}
  .aft02 .bot .box {    background-color: #fff; padding: 50px 0; border-radius: 12px; box-shadow: 0px 5px 15px rgb(102 102 102 / 30%); display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .aft02 .bot .box  .icon {border-radius: 50%; position: relative; height: 111px; display: flex;justify-content: center;align-items: center; width: 111px;}
  .aft02 .bot .box:hover  .icon::before {   animation: img01anime 10s 0s linear infinite; }
  .aft02 .bot .box:hover  .icon::after{  animation: img02anime 10s 0s linear infinite;}
  .aft02 .bot .box  .icon::before {   content: ""; position: absolute; width: 120%; height: 120%; border-radius: 50%;  border: 1.6px dashed var(--index-main-color);}
  .aft02 .bot .box  .icon::after{ content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%;  border: 1.6px dashed var(--index-main-color);}
  
  @keyframes img01anime{
      0%{transform: rotate(0deg);}
      100%{transform: rotate(360deg);}
  }
  @keyframes img02anime{
      0%{transform: rotate(0deg);}
      100%{transform: rotate(-360deg);}
  }
  
  .aft02 .bot .box  .icon img {width: 56px;transition: 0s;}
  .aft02 .bot .box h4 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
  }
  .aft02 .bot .box h5 {        width: 239px; font-size: 18px; position: relative; color: #666666; text-align: center; line-height: 26px; height: 52px;}
  .aft02 .bot .box h5::after {content: "";position: absolute;width: 20px;height: 4px;background-color: var(var(--index-main-color));left: 50%;transform: translateX(-50%);bottom: 0px;}
  .aft02 .bot .box p{
    padding:0px 40px;
     font-size: 18px; 
     line-height: 1.8;
      min-height: 13em;
      text-align: center;
    }
  .aft02 .bot .box:hover h5::after {background-color: #fff;}
  .aft02 .bot .box:hover h4,.aft02 .bot .box:hover h5,.aft02 .bot .box:hover p{color: #fff;}
  .aft02 .bot .box:hover  .icon img {filter: grayscale(10) brightness(10);}
  .aft02 .bot .box:hover  .icon,.aft02 .bot .box:hover  .icon::before,.aft02 .bot .box:hover  .icon::after {border-color: #fff;}
  
  .aft02 .bot .box:hover {background-color: var(--index-main-color);}
  
  
  .aft02 .bot  {margin: auto;    padding: 22px 0;} 
  .aft03 {padding-bottom: 160px;position: relative;overflow: hidden;}
  .aft03 .icenter2 {display: flex;justify-content: space-between;align-items:center;}
  .aft03 .icenter2 .le {overflow: hidden;position: relative;width: 40%;    height: 695px;}
  .aft03 .icenter2 .le::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.5); content: ''; -webkit-transition: -webkit-transform .6s; transition: transform .6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0); z-index: 1; }
  .aft03 .icenter2 .le:hover::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 115%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 115%, 0); }
  .aft03 .icenter2 .le img{height: 100%;}
  .aft03 .icenter2 .le:hover img {transform: scale(1.1);}
  .aft03 .icenter2 .ri {width: 50%;}
  .aft03 .icenter2 .ri ul {margin: 20px 0 0px;}
  .aft03 .icenter2 .ri ul li {position: relative;padding-left: 15px;font-size: 18px;color: #666666;line-height: 30px;}
  .aft03 .icenter2 .ri ul li::before {    width: 5px; height: 5px; border-radius: 50%; background-color: #666666; position: absolute; left: 0px; top: 13px; content: "";}
  .aft03 dl{
    display: flex;
    flex-wrap: wrap;
  }
  .aft03 dl dd{
     padding-top: 60px;
       display: flex;
       align-items: center;
       padding-bottom: 20px;
       border-bottom: 1px solid #d5d5d5;
       width: 50%;
  }
  .aft03 dl dd:hover .text h4{
    color: var(--index-main-color);
  }
  .aft03 dl dd .icon {
    width: 86px;
    padding-right: 2.3vw;
    flex-shrink: 0;
  }
  .aft03 dl dd .text {}
  .aft03 dl dd .text h4 {   
     position: relative; 
  padding-bottom: 0px; 
  font-size: 18px; 
  color: #333333; 
  width: fit-content;
   margin-bottom: 10px;
   transition: .3s;
   }
  .aft03 dl dd .text h4 strong {font-size: 22px;font-weight: bold;line-height: 40px;}
  .aft03 dl dd .text h4::after { position: absolute;content: "";left: 0px;bottom: 0px; width: 100%;height: 5px;
  /*background-color:var(--index-main-color);*/
  }
  .aft03 dl dd .text  p {font-size: 20px;color: #666666;}
  .aft04 {background: url(../images/aft04_bg.jpg);background-size: cover;position: relative;overflow: hidden;background-attachment: fixed;padding: 130px 0 180px;}
  .aft04  .icenter2 {position: relative; z-index: 1;}
  .aft04::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(239, 241, 247, 0.65); position: absolute; left: 0; top: 0; }
  .aft04 .hu_h3 {padding-left: 42px;}
  .aft04 dl {margin-top: 50px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2;}
  .aft04 dl dd {width: 48%;padding-left: 42px;padding-bottom: 42px;box-sizing: border-box;display: flex;align-items: center;position: relative;    justify-content: space-between;}
  .aft04 dl dd .bg {position: absolute; width: 127px;left: 0px;bottom: 0px;transition: 0.5s;}
  .aft04 dl dd:hover .bg {left: 30px;bottom: 30px;}
  .aft04 dl dd .le {width: 38.5%;}
  .aft04 dl dd .ri {width: 51%;}
  .aft04 dl dd .ri .name {font-size: 20px;font-weight: bold;color: #333333;width: 156px;height: 43px;border: 1px solid #d3d3d4;display: flex;justify-content: center;align-items: center;    background-color: #fff;}
  .aft04 dl dd:hover .ri .name {background-color: #cd161d;color: #fff;}
  .aft04 dl dd .ri .number{margin-top: 78px;}
  .aft04 dl dd .ri .number .t {display: flex;align-items: center; margin-bottom: 17px; }
  .aft04 dl dd .ri .number .t .icon {width: 65px;    margin-right: 12px;animation: bounce-up-data-v-7e3caf58 1.5s linear infinite;}
  .aft04 dl dd .ri .number .t a {font-size: 40px;font-weight: bold;color: #cd161d;position: relative;}
  .aft04 dl dd .ri .number .t a::after {    content: ""; position: absolute; left: 5px; bottom: -7px; width: 50px; height: 3px; background-color: #cd161d;}
  .aft04 dl dd .ri .number span {font-size: 18px;color: #999999;}
  
  
  @media screen and (max-width:1600px) {
    .aft01 {padding: 100px 0 90px;}
    .aft01 h4 { font-size: 25px; margin: 10px 0 22px; }
    .aft01 .box .min { width: 320px; height: 320px;}
    .aft01 .box:hover .min:nth-of-type(1) { left: 278px; }
    .aft01 .box:hover .min:nth-of-type(2) { right: 278px; }
    .aft01 .box .min h5 { font-size: 17px; margin-bottom: 26px; }
    .aft01 .box .min h6 { font-size: 22px; margin-bottom: 44px; }
    .aft01 .box .min img { width: 32px; }
    .aft01 .box { margin-bottom: 38px; }
    .aft02 .top p { font-size: 16px; line-height: 30px; margin-top: 8px; }
    .aft02 .top { margin-bottom: 30px;}
    .aft02 .top h4 { font-size: 24px; }
    .aft02 .top .line { height: 55px; margin: 20px 0; }
    .aft02 .bot { padding: 22px 0; }
    .aft02 .botF { padding: 0 13px;}
    .aft02 .botF .fa { font-size: 65px; }
    .aft02 .bot .box { padding: 43px 0; box-shadow: 0 0 11px #d8d8d8;}
    .aft02 .bot .box .icon { height: 95px; width: 95px;}
    .aft02 .bot .box .icon img { width: 48px; }
    .aft02 .bot .box h4 { font-size: 26px; margin-bottom: 5px; margin-top: 44px; }
    .aft02 .bot .box h5 { width: 220px; font-size: 15px; line-height: 24px; height: 48px; }
    .aft02 .bot .box h5::after { width: 17px; height: 3px; bottom: -125px; }
    .aft02 .botF .fa-angle-left {left: -18px;}
    .aft02 .botF .fa-angle-right {right: -18px;}
    .aft02 { padding: 115px 0 90px; }
    .aft02 .bg_fix { height: 555px; }
    .aft03 .icenter2 .ri ul li { padding-left: 15px; font-size: 14px; line-height: 24px; }
    .aft03 .icenter2 .ri ul { margin: 16px 0 0px; }
    .aft03 dl dd { padding-top: 34px; padding-bottom: 12px; }
    .aft03 dl dd .icon { 
      width: 74px; 
      /*margin-right: 50px; */
    }
    .aft03 dl dd .text h4 { font-size: 16px; margin-bottom: 8px; }
    .aft03 dl dd .text h4 strong { 
      /*font-size: 58px;*/
      /*word-break: break-all;*/
    }
    .aft03 dl dd .text h4::after { height: 4px;}
    .aft03 dl dd .text p { font-size: 15px; }
    .aft03 .icenter2 .le { height: 529px; }
    .aft04 { padding: 100px 0 155px; }
    .aft04 dl dd { padding-left: 36px; padding-bottom: 36px;}
    .aft04 .hu_h3 { padding-left: 36px; }
    .aft04 dl { margin-top: 38px;}
    .aft04 dl dd .ri .number .t .icon { width: 48px; margin-right: 10px;}
    .aft04 dl dd .ri .number .t a { font-size: 30px; }
    .aft04 dl dd .ri .number .t a::after { width: 41px;}
    .aft04 dl dd .ri .number span { font-size: 16px; }
    .aft04 dl dd .ri .name { font-size: 16px; width: 133px; height: 38px;}
    .aft04 dl dd .bg { width: 115px; }
    .aft04 dl dd .ri .number { margin-top: 70px; }

  }
  
  @media only screen and (max-width:768px){
    .aft01 { padding: 50px 0; }
    .aft01 h4 { font-size: 22px; margin: 10px 0 22px; }
    .aft01 .box .min {        width: 192px; height: 192px; }
    .aft01 .box .min h5 { font-size: 14px; margin-bottom: 20px; }
    .aft01 .box .min h6 {      font-size: 16px; margin-bottom: 34px; height: 40px; display: flex; align-items: center;}
    .aft01 p { font-size: 16px; }
    .aft01 .box .min:nth-of-type(2) { margin-left: -25px; }
    .aft02 .top p { font-size: 16px; line-height: 30px; margin-top: 8px; }
    .aft02 .top .line { height: 42px; margin: 14px 0;position: relative; }
    .aft02 .top h4 { font-size: 22px; }
    .aft02 .bot { width: 110%; }
    .aft02 .top { margin-bottom: 20px; }
    .aft02 .botF { padding: 0 0px; }
    @keyframes hua2 { from { top: 0%; } to { top: 95%; } }
    .aft02 .bot .aft02Swiper { max-width: 100%; }
    .aft02 .bot { width: 100%;padding: 20px; }
    .aft02 .botF .fa-angle-left { left: -8px; }
    .aft02 .botF .fa-angle-right{ right: -8px; }
    .aft02 { padding: 80px 0 40px; }
    .aft02 .bg_fix { height: 483px; }
    .aft03 .icenter2 {flex-flow: wrap;}
    .aft03 .icenter2 .le {width: 100%;height: auto;margin-bottom: 20px;}
    .aft03 .icenter2 .ri {width: 100%;}
    .aft03 dl dd .icon { width: 60px; margin-right: 31px; }
    .aft03 { padding-bottom: 50px; }
    .aft04 {    padding: 50px 0 20px; background-attachment: unset;}
    .aft04 .hu_h3 { padding-left: 0px; }
    .aft04 dl { margin-top: 26px; flex-flow: wrap;}
    .aft04 dl dd {     padding-left: 22px; padding-bottom: 22px; width: fit-content; margin-bottom: 30px; }
    .aft04 dl dd .bg {     width: 72px; bottom: 0px; }
    .aft04 dl dd .le .imgbox {    height: 153px; width: 123px;}
    .aft04 dl dd .ri .name { font-size: 14px; width: 114px; height: 33px; }
    .aft04 dl dd .ri .number { margin-top: 38px; }
    .aft04 dl dd .ri .number .t a { font-size: 24px; }
    .aft04 dl dd .ri .number .t .icon { width: 32px; margin-right: 6px; }
    .aft04 dl dd .ri .number span { font-size: 14px; }
    .aft04 dl dd .ri { width: 60%; margin-left: 8%; }
    .aft01 .box:hover .min:nth-of-type(1) { left: 168px; }
    .aft01 .box:hover .min:nth-of-type(2) { right: 168px; }
  }
  
  
  .inner-page {
    overflow: hidden;
  }

    @media only screen and (max-width:1000px){
      .aft03 .icenter2{
        flex-wrap: wrap;
      }
      .aft03 .icenter2 .le{
        width: 100%;
        height: auto;
      }
      .aft03 .icenter2 .ri{
        width: 100%;
      }
    }