/* Banner CSS 样式文件 */
.sidebanner-rightint2 {
    position: relative;
  }
  
  .sidebanner-rightint2 img {
    width: 100%;
  }
  
  .sidebanner-rightint2 .txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .sidebanner-rightint2 .txt::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
  }
  
  .sidebanner-rightint2 .container {
    position: relative;
    z-index: 1;
  }
  
  .sidebanner-rightint2 h1,
  .sidebanner-rightint2 h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    font-family: var(--font-family-1);
    text-shadow: 2px 2px 4px #666;
  }
  
  .sidebanner-rightint2 p {
    color: #fff;
    font-size: 15px;
    margin: 15px 0 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 2px 2px 4px #666;
  }
  
  .sidebanner-rightint2 p i {
    font-size: 15px;
    color: #fff;
  }
  
  .sidebanner-rightint2 p a {
    color: #fff;
    text-shadow: 2px 2px 4px #666;
    text-decoration: none;
  }
  
  .sidebanner-rightint2 p a:hover {
    text-decoration: none;
  }
  
  @media screen and (max-width: 768px) {
    .sidebanner-rightint2 .txt {
      text-align: center;
    }
  
    .sidebanner-rightint2 h1,
    .sidebanner-rightint2 h2  {
      font-size: 30px;
      line-height: 1;
    }
  
    .sidebanner-rightint2 p {
      margin: 10px 0 0;
    }
  }
  
  @media screen and (max-width: 576px) {
    .sidebanner-rightint2 h1,
    .sidebanner-rightint2 h2  {
      font-size: 26px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .sidebanner-rightint2 h1,
    .sidebanner-rightint2 h2  {
      font-size: 22px;
    }
  }
  


  /* WHO WE ARE Section CSS 样式 */

.arshine-about {
    padding: 75px 0 0;
  }
  .arshine-about h2 {
    font-size: 50px;
    color: var(--color-primary);
    line-height: 1;
    font-family: var(--font-family1);
    text-align: center;
  }
  .arshine-about h2::after {
    content: "";
    background: #fff;
    width: 40px;
    height: 4px;
    margin: 11px auto 0;
    display: block;
  }
  
  .arshine-about .txt {
    margin: 50px 0 0;
    line-height: 24px;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
  }
  .arshine-about .txt p ~ p {
    margin-top: 15px;
  }
  .arshine-about .v {
    width: 44.5%;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    margin: 67px 0 20px 30px;
  }
  .arshine-about .v img {
    width: 100%;
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
  }
  .arshine-about .v .play{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .arshine-about .v:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  
  @media screen and (max-width: 1441px) {
    .arshine-about h2 {
      font-size: 48px;
    }
  }
  
  @media screen and (max-width: 1367px) {
    .arshine-about h2 {
      font-size: 44px;
    }
    .arshine-about {
      padding: 60px 0 0;
    }
  }
  
  @media screen and (max-width: 1281px) {
    .arshine-about h2 {
      font-size: 40px;
    }
  }
  
  @media screen and (max-width: 1171px) {
    .arshine-about h2 {
      font-size: 36px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .arshine-about h2 {
      font-size: 32px;
    }
  }
  
  @media screen and (max-width: 768px) {
    .arshine-about h2 {
      font-size: 28px;
    }
  
    .arshine-about {
      padding: 30px 0 0;
    }
    .arshine-about .txt {
      margin: 20px 0;
    }
    .arshine-about .txt p ~ p {
      margin-top: 10px;
    }
    .arshine-about .v {
      width: 100%;
      float: none;
      margin: 0 0 20px;
    }
  }
  
  @media screen and (max-width: 600px) {
    .arshine-about h2 {
      font-size: 26px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .arshine-about h2 {
      font-size: 24px;
    }
  }



  .sutong-intro {
    padding: 70px 0;
    text-align: center;
    background: #E9E9E9;
  }

  .sutong-intro h5 {
    text-align: left;
    font-family: var(--font-family);
    font-size: 40px;
    color: var(--title-text-color);
    line-height: 1.47;
  }
  
  .sutong-intro h5 strong {
    font-weight: 600;
  }
  
  .sutong-intro .highlighted {
    color: var(--color-second);
  }

  .sutong-intro .more1 {
    margin: 34px 0 0;
    padding: 0 14px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: var(--title-text-color);
    font-weight: 700;
    border: 1px solid #BEBEBE;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  
  .sutong-intro h5 {
    text-align: left;
    font-family: var(--font-family) !important;
    font-size: 40px;
    color: var(--title-text-color);
    line-height: 1.47;
  }
  
  .sutong-intro .more1 {
    color: #000000;
  }
  
  .sutong-intro .more1:hover {
    background: #555653;
    border-color: #555653;
  }
  
  .sutong-intro .highlighted {
    color: #555653;
  }

  .sutong-intro .more1 i {
    margin-left: 16px;
  }

  .sutong-intro .more1:hover {
    background: var(--color-second);
    border-color: var(--color-second);
    color: #fff;
    text-decoration: none;
  }
  @media screen and (max-width: 1280px) {
    .sutong-intro h5 {
      font-size: 36px;
    }
  }

  @media screen and (max-width: 1200px) {
    .sutong-intro h5 {
      font-size: 32px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .sutong-intro h5 {
      font-size: 28px;
    }
  }

  @media screen and (max-width: 768px) {
    .sutong-intro h5 {
      font-size: 24px;
    }
  
    .sutong-intro {
      padding: 35px 0;
    }
  
    .sutong-intro h5 {
      line-height: 1.2;
    }
  
    .sutong-intro .more1 {
      margin: 25px 0 0;
    }
  }
  

  @media screen and (max-width: 576px) {
    .sutong-intro h5 {
      font-size: 20px;
    }
  }
  


/* History Section CSS 样式 */
h4,h3{
    font-family: var(--title-font-family) !important;
}
h4{
    font-size: 16px !important;
}
.bixol-history-block {
    position: relative;
    z-index: 1;
    padding: 50px 0 0px;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block {
      padding: 30px 0;
    }
  }
  
  .bixol-history-block p {
    line-height: 1.5;
  }
  
  .bixol-history-block a {
    text-decoration: none !important;
  }
  
  .bixol-history-block .ab-history-left-img {
    position: absolute;
    bottom: 0;
    left: -20px;
    z-index: -1;
    width: 35%;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-top {
      text-align: center;
    }
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-top .title {
      display: flex;
      justify-content: center;
    }
  }
  
  .bixol-history-block .ab-history-top .title .bixol-subtitle {
    font-size: 18px;
    position: relative;
    color: var(--color-primary);
    display: flex;
    font-weight: 600;
    align-items: flex-end;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-top .title .bixol-subtitle {
      align-items: center;
    }
  }
  
  .bixol-history-block .ab-history-top .title .bixol-subtitle .img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-bottom: 6px;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-top .title .bixol-subtitle .img {
      margin-bottom: 0;
    }
  }
  
  .bixol-history-block .ab-history-top .title .bixol-subtitle .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .bixol-history-block .ab-history-top h3 {
    color: var(--color-primary);
    font-weight: 400;
    font-size: 36px;
    margin-top: 10px;
    line-height: 1;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-top h3 {
      font-size: 24px;
    }
  }
  
  .bixol-history-block .ab-history-top h3 span {
    font-weight: 700;
    line-height: 1;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-top h3 span {
      line-height: 1.4;
    }
  }
  
  .bixol-history-block .ab-history-top h3 span:first-of-type {
    font-weight: 700;
  }
  
  .bixol-history-block .ab-history-top .bf-desc p {
    margin-bottom: 0;
    white-space: pre-line;
  }
  
  @media (max-width: 991px) {
    .bixol-history-block .ab-history-top .bf-desc p {
      margin-top: 15px;
    }
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-top .bf-desc p {
      white-space: normal;
      display: -webkit-box;
      word-break: break-word;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
  }
  
  .bixol-history-block .ab-history-tab {
    margin-top: 95px;
  }
  
  @media (max-width: 991px) {
    .bixol-history-block .ab-history-tab {
      margin-top: 100px;
    }
  }
  
  .bixol-history-block .ab-history-tab .tab-control {
    position: relative;
    text-align: center;
  }
  
  .bixol-history-block .ab-history-tab .tab-control ul {
    display: block;
    width: 75%;
    position: relative;
    text-align: center;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .bixol-history-block .ab-history-tab .tab-control ul li {
    display: inline-block;
  }
  
  .bixol-history-block .ab-history-tab .tab-control ul li a {
    position: relative;
    display: block;
    color: var(--text-color);
    opacity: 0.8;
    font-weight: 700;
    transition: all 0.3s ease-in;
    padding-bottom: 24px;
    cursor: pointer;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-tab .tab-control ul li a {
      font-size: 14px;
    }
  }
  
  .bixol-history-block .ab-history-tab .tab-control ul li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 1px solid transparent;
    width: 15px;
    height: 15px;
    background-color: var(--text-color);
  }
  
  .bixol-history-block .ab-history-tab .tab-control ul li a.active {
    color: var(--color-primary);
  }
  
  .bixol-history-block .ab-history-tab .tab-control ul li a.active::after {
    background-color: var(--color-second);
    border: 2px solid var(--color-primary);
  }
  
  .bixol-history-block .ab-history-tab .tab-control ul li + li {
    margin-left: 48px;
  }
  
  @media (max-width: 768px) {
    .bixol-history-block .ab-history-tab .tab-control ul li + li {
      margin-left: 24px;
    }
  }
  
  @media (max-width: 480px) {
    .bixol-history-block .ab-history-tab .tab-control ul li + li {
      margin-left: 8px;
    }
  }
  
  .bixol-history-block .ab-history-tab .tab-control .tab-devider {
    width: 75%;
    z-index: -1;
    position: relative;
    margin: 0 auto;
  }
  
  @media (max-width: 991px) {
    .bixol-history-block .ab-history-tab .tab-control .tab-devider {
      width: 100%;
    }
    .bixol-history-block .ab-history-tab .tab-control ul {
      width: 100%;
    }
  }
  
  .bixol-history-block .ab-history-tab .tab-control .tab-devider .iconfont {
    position: absolute;
    top: -10px;
    color: var(--color-primary);
    font-weight: 900;
  }
  
  .bixol-history-block .ab-history-tab .tab-control .tab-devider .iconfont::before {
    display: none;
  }
  
  .bixol-history-block .ab-history-tab .tab-control .tab-devider .iconfont-left {
    left: -7px;
  }
  
  .bixol-history-block .ab-history-tab .tab-control .tab-devider .iconfont-right {
    right: -7px;
  }
  
  .bixol-history-block .ab-history-tab .tab-control .tab-devider hr {
    margin: 0;
    border-top: 2px solid var(--text-color);
    opacity: 0.8;
  }
  
  .bixol-history-block .ab-history-tab .tab-content {
    padding: 0 60px;
    text-align: center;
    margin-top: 60px;
    min-height: 142px;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-tab .tab-content {
      padding: 0;
      margin-top: 20px;
    }
  }
  
  .bixol-history-block .ab-history-tab .tab-content .tab-pane {
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease, display 0.5s ease;
  }
  
  .bixol-history-block .ab-history-tab .tab-content .show {
    opacity: 1;
    display: block;
  }
  
  .bixol-history-block .ab-history-tab .tab-content .history-content {
    padding: 0 60px;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-tab .tab-content .history-content {
      padding: 0;
    }
    .bixol-history-block .ab-history-tab .tab-content .history-content p {
      width: 100%;
      white-space: pre-line;
    }
  }
  
  .bixol-history-block .ab-history-tab .tab-content .history-content h4 {
    font-weight: 500 !important;
    margin-bottom: 20px;
    color: var(--color-primary) !important;
    white-space: pre-line;
    
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-tab .tab-content .history-content h4 {
      margin-top: 25px;
    }
  }
  
  .bixol-history-block .ab-history-tab .tab-content .history-content p {
    width: 70%;
    display: inline-block;
  }
  
  @media (max-width: 767px) {
    .bixol-history-block .ab-history-tab .tab-content .history-content p {
      width: 100%;
    }
  }
  

  /* ========== 图片容器样式 ========== */
.seize-video {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .seize-video > div {
    display: block;
    position: relative;
    width: 100%;
  }

  .seize-video img {
    width: 100%;
    height: auto;
    display: block;
  }

  .seize-video .txt {
    display: none;
  }
  

  @media screen and (max-width: 768px) {

    
    .seize-video .txt {
      padding: 15px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .seize-video .txt {
      padding: 10px;
      font-size: 14px;
    }
  }


  
.fs_gallery {
  background: rgba(0,0,0, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.fs_gallery_close {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 30px;
  height: 30px;
  color: #ccc;
  font-size: 52px;
  font-weight: 100;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 102;
}
.fs_gallery_close:before {
  content: "×"
}
.fs_gallery_close:hover {
  color: #fff;
}

.fs_gallery_prev, .fs_gallery_next {
  position: absolute;
  width: 80px;
  color: #ccc;
  font-size: 30px;
  cursor: pointer;
  z-index: 101;
}
.fs_gallery_prev:hover,.fs_gallery_next:hover{
opacity: 1;
}
.fs_gallery_prev {
  left: 0;
  top: 0;
  bottom: 0;
  background: url(pics/arrowsl1a.png) no-repeat center;
}
.fs_gallery_next {
  right: 0;
  top: 0;
  bottom: 0;
  background: url(pics/arrowsr1a.png) no-repeat center;
  opacity: 0.8;
}
.fs_gallery_prev:before {
  content: "";
  position: absolute;
  height: 30px;
  margin-top: -30px;
  top: 50%;
  left: 35px;
}
.fs_gallery_next:before {
  content: "";
  position: absolute;
  height: 30px;
  margin-top: -30px;
  top: 50%;
  left: 35px;
}

.fs_gallery_shuft {
  position: relative;
  width: 9999999px;
}
.fs_gallery_shuft:after {
  clear: both;
  content: "";
  display: block;
}
.fs_gallery_shuft_item {
  float: left;
  position: relative;
  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAABkZGXd3dy0tLUVFRTIyMj09PWJiYlZWViYmJiIiIjAwMGpqanV1dQAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
  background-position: center center;
  background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
  box-shadow: 0 0 8px rgba(0,0,0, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
}

.guanxiang-about-certifications {
padding: 100px 0;
}
.guanxiang-about-certifications .container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.guanxiang-about-certifications .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-flex;
display: flex;
transition-property: transform;
box-sizing: content-box;
}

.guanxiang-about-certifications .swiper-container {
width: 100%;
overflow: hidden;
}

.guanxiang-about-certifications .swiper-slide {
flex-shrink: 0;
position: relative;
transition-property: transform;
}

.guanxiang-about-certifications .swiper-pagination {
text-align: center;
margin-top: 7px;
margin-left: 26px;
vertical-align: top;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}

.guanxiang-about-certifications .swiper-pagination-progressbar {
display: inline-block;
width: 914px;
height: 2px;
background: #cbd2d5;
}

.guanxiang-about-certifications .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--color-primary);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}

.guanxiang-about-certifications .title {
width: 94%;
margin: 0 auto;
margin-top: -10px;
text-align: center;
}
.guanxiang-about-certifications .title h2 {
  font-family: var(--title-font-family);
  }

.guanxiang-about-certifications .title h2,
.guanxiang-about-certifications .title h2 a {
color: #212121;
font-size: 36px;
line-height: 52px;
}

.guanxiang-about-certifications p {
margin-top: 20px;
line-height: 30px;
}

.guanxiang-about-certifications {
position: relative;
overflow: hidden;
width: 100%;
margin-top: 80px;
background-color: #f5f5f5;
background-size: 100% 100%;
}

.guanxiang-about-certifications .swiper-slide {
width: 56%;
box-sizing: border-box;
z-index: 0;
-webkit-transition: transform 1.0s;
-moz-transition: transform 1.0s;
-ms-transition: transform 1.0s;
-o-transition: transform 1.0s;
transition: transform 1.0s;
-webkit-transform: scale(0.6);
transform: scale(0.6);
position: relative;
}

.guanxiang-about-certifications .swiper-slide img {
display: block;
width: 100%;
}

.guanxiang-about-certifications .swiper-slide-active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
z-index: 10;
}

.guanxiang-about-certifications .swiper-slide-prev,
.guanxiang-about-certifications .swiper-slide-next {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
z-index: 5;
}

.guanxiang-about-certifications .swiper-container {
width: 47.2%;
}

.guanxiang-about-certifications .about-certificationstxt {
width: 45%;
margin-top: 100px;
}

.guanxiang-about-certifications .about-certificationstxt .title {
width: 100%;
text-align: left;
}

.guanxiang-about-certifications .about-certificationstxt .title p {
font-size: 16px;
line-height: 32px;
}

.guanxiang-about-certifications .about-btn {
margin-top: 60px;
font-size: 0;
}

.guanxiang-about-certifications .about-btn a {
display: inline-block;
padding: 15px 33px;
margin-right: 6px;
background: var(--color-primary);
border-radius: var(--button-radius);
color: #fff;
font-family: var(--title-font-family);
font-size: 15px;
letter-spacing: 1px;
text-decoration: none;
}

.guanxiang-about-certifications .about-btn a:hover,
.guanxiang-about-certifications .about-btn a:active,
.guanxiang-about-certifications .about-btn a:focus,
.guanxiang-about-certifications .about-btn a:visited {
background: none;
color: var(--color-primary);
border: 1px solid var(--color-primary);
text-decoration: none;
}

.guanxiang-about-certifications .about-btn a img {
margin-top: 6px;
vertical-align: top;
}

.guanxiang-about-certifications .about-btn a:nth-child(1) img {
margin-right: 14px;
}

.guanxiang-about-certifications .about-btn a:nth-child(2) img {
margin-left: 14px;
}


@media screen and (min-width: 1921px) {
.guanxiang-about-certifications  {
  background-size: 100% auto;
}
}

@media screen and (max-width: 1580px) {

.guanxiang-about-certifications  {
  padding: 80px 0;
}

.guanxiang-about-certifications p,
.guanxiang-about-certifications .about-certificationstxt .title p {
  font-size: 15px;
  line-height: 26px;
}
}

@media screen and (max-width: 1400px) {

.guanxiang-about-certifications p {
  line-height: 24px;
}

.guanxiang-about-certifications .title h2,
.guanxiang-about-certifications .title h2 a {
  font-size: 34px;
}
.guanxiang-about-certifications .swiper-slide {
  width: 64%;
}
}

@media screen and (max-width: 1280px) {
.guanxiang-about-certifications {
  padding: 70px 0;
}
.guanxiang-about-certifications .title h2,
.guanxiang-about-certifications .title h2 a {
  font-size: 32px;
  line-height: 42px;
}

.guanxiang-about-certifications .swiper-pagination-progressbar {
  width: 600px;
}
}

@media screen and (max-width: 960px) {
.guanxiang-about-certifications  {
  padding: 50px 0;
}
.guanxiang-about-certifications .swiper-pagination {
  margin-left: 0;
}

.guanxiang-about-certifications .swiper-pagination-progressbar {
  width: 160px;
}

.guanxiang-about-certifications p {
  margin-top: 16px;
  font-size: 15px;
  line-height: 22px;
}

.guanxiang-about-certifications .title {
  width: 100%;
}

.guanxiang-about-certifications .title h2,
.guanxiang-about-certifications .title h2 a {
  font-size: 26px;
  line-height: 30px;
}

.guanxiang-about-certifications h3,
.guanxiang-about-certifications h3 a {
  font-size: 18px;
}

.guanxiang-about-certifications .container {
  position: relative;
}

.guanxiang-about-certifications .about-btn {
  margin: 0;
}

.guanxiang-about-certifications .about-btn a {
  position: absolute;
  top: 25%;
  left: 4px;
  width: 45px;
  height: 45px;
  padding: 0;
  line-height: 55px;
  text-align: center;
  font-size: 0;
  z-index: 2;
}

.guanxiang-about-certifications .about-btn a.about-button-next {
  left: auto;
  right: 4px;
}

.guanxiang-about-certifications .about-btn a img {
  margin: 0;
  vertical-align: middle;
}

.guanxiang-about-certifications .swiper-pagination-progress {
  width: 160px;
}

.guanxiang-about-certifications .swiper-container,
.guanxiang-about-certifications .about-certificationstxt {
  width: 100%;
}

.guanxiang-about-certification .about-certificationstxt {
  margin-top: 60px;
}
.guanxiang-about-certifications p,
.guanxiang-about-certifications .about-certificationstxt .title p {
  line-height: 22px;
}
}


/*我们的工厂样式代码*/


.arshine-pic-list {
  padding: 60px 0;
}
.arshine-pic-list h3 {
  font-size: 50px;
  color: var(--color-primary);
  line-height: 1;
  font-family: var(--font-family1);
  text-align: center;
}
.arshine-pic-list h3::after {
  content: "";
  background: var(--color-primary);
  width: 40px;
  height: 4px;
  margin: 11px auto 0;
  display: block;
}

.arshine-pic-list .list {
  position: relative;
  margin: 50px 0 0;
}
.arshine-pic-list .list .swiper-slide a {
  display: block;
  width: 100%;
}
.arshine-pic-list .list .swiper-slide a img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}

.arshine-pic-list .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 35px;
  font-size: 0;
}
.arshine-pic-list .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 10px;
  background: #e0e0e0;
  border-radius: 50%;
  opacity: 1;
}
.arshine-pic-list .swiper-pagination-bullet-active {
  background: #999;
}


@media screen and (max-width: 1441px) {
  .arshine-pic-list h3{
    font-size: 48px;
  }
}

@media screen and (max-width: 1367px) {
  .arshine-pic-list h3 {
    font-size: 44px;
  }

  .arshine-pic-list {
    padding: 50px 0;
  }
}

@media screen and (max-width: 1281px) {
  .arshine-pic-list h3 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1171px) {
  .arshine-pic-list h3 {
    font-size: 36px;
  }
}

@media screen and (max-width: 992px) {
  .arshine-pic-list h3 {
    font-size: 32px;
  }
}

@media screen and (max-width: 768px) {
  .arshine-pic-list h3 {
    font-size: 28px;
  }

  .arshine-pic-list {
    padding: 30px 0;
  }
  .arshine-pic-list .list {
    margin: 25px 0 0;
  }
  .arshine-pic-list .swiper-pagination {
    margin-top: 25px;
  }
  .arshine-pic-list .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 4px;
  }
}

@media screen and (max-width: 600px) {
  .arshine-pic-list h3 {
    font-size: 26px;
  }
}

@media screen and (max-width: 480px) {
  .arshine-pic-list h3 {
    font-size: 24px;
  }
}