@charset "utf-8";
/*根元素代码*/
:root {  /*--dominant-color:#3a93bd;*/  --dominant-color: #ee222b;  /*--linear-color:linear-gradient(to right ,#3a93bd 14%,#0079b2);*/  --linear-color: linear-gradient(223deg, rgba(99, 229, 242, 0.2), rgba(58, 174, 239, 0.8));}/*--------------------------------------------------------*/
/*通用*/
.index-padding {  padding:80px 0;}
@media screen and (max-width: 768px) {.index-padding {    padding: 30px 0;  }}
.index-title {  margin-bottom: 20px;}
.index-title .sup {  color:#28292b;  font-size:36px; font-weight:bold; margin-bottom:50px;}
.index-title .title {  font-family: Outfit-SemiBold;  font-size:28px;  color: #ce0c0c;  line-height: 1.1;}
@media screen and (max-width: 1600px) {  .index-title .title {    font-size: 36px;  }}
@media screen and (max-width: 1366px) {  .index-title .title {    font-size: 28px;  }}
@media screen and (max-width: 768px) {  .index-title .title {    font-size:14px;  }}
.index-title .title span {  color: var(--dominant-color);  font-style: italic;}
.index-title .tip {  font-size: 14px;  margin-top: 6px;  color: #666666;}
.index-title .summary {  color: #111;  font-size: 1.5625vw;  line-height: 1.6;  margin: 20px 0;  font-family: Outfit-SemiBold;}
@media screen and (max-width: 768px) {  .index-title .summary {    font-size: 12px;    margin-top: 4px;  }}
.index-title .summary2 {  font-size: 18px;  color: #666666;  margin: 30px 0 40px;  line-height: 1.6;}
@media screen and (max-width: 768px) {  .index-title .summary2 {    font-size: 14px;  }}
.index-title .summary3 {  font-size: 16px;  color: #666666;  margin: 30px 0 40px;  line-height: 1.6;}
@media screen and (max-width: 768px) {  .index-title .summary3 {    font-size: 14px;  }}
.index-title .summary3 a {  color: var(--dominant-color);}

.f-more {font-size: 16px;color:#fff;line-height:1;text-align: center;background:#ce0c0c;border-radius: 24px;transition:all 0.5s;padding:15px;display:flex;align-items:center;justify-content:center;width:120px;}
.f-more::after {content: '';  width:8px; height:8px;background: var(--dominant-color);border-radius: 50%;margin-left:10px;  transition: all 0.5s;}
@media screen and (max-width: 1280px) {  .f-more {    font-size: 14px;  }}
@media screen and (max-width: 1280px) {  .f-more {    font-size: 12px;  }}
.f-more:hover {  background: var(--dominant-color);  color: #fff;}
.f-more:hover::after {  background: #fff;}
.f-more-show {  font-size: 16px;  color: var(--dominant-color);  line-height: 1;  padding: 15px 22px;  display: flex;  align-items: center;  justify-content: center;  width: fit-content;  margin: auto;  cursor: pointer;}/*--------------------------------------------------------*/
/*首页*/
/*轮播*/
.banner {  width: 100%;}
.banner .img {  height: 100%;}
.banner .img img,.banner .img video {  width: 100%;  height: 100%;  object-fit: cover;}
.banner .swiper-banner {  height: 100%;}
.banner .swiper-banner .text {  margin: auto;  position: absolute;  top: 0;  right: 0;  left: 0;  bottom: 0;  color: #fff;  text-align: left;  height: fit-content;}
@media screen and (max-width: 1366px) {  .banner .swiper-banner .text {    flex-direction: column;  }}
@media screen and (max-width: 768px) {  .banner .swiper-banner .text {    top: 20%;    bottom: auto;  }}
.banner .swiper-banner .text .img {  transition: all 1s;  transform: translateY(100px);  opacity: 0;}
.banner .swiper-banner .text .img img {  max-width: 724px;  width: 37.708vw;}
.banner .swiper-banner .text .title {  font-size: 78px;  transition: all 1s;  transform: translateY(100px);  opacity: 0;  width: 100%;  line-height: 1.1;  color: #fff;  font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {  .banner .swiper-banner .text .title {    font-size: 38px;  }}
@media screen and (max-width: 1366px) {  .banner .swiper-banner .text .title {    font-size: 28px;  }}
@media screen and (max-width: 768px) {  .banner .swiper-banner .text .title {    font-size: 24px;  }}
.banner .swiper-banner .text .summary {  margin-top: 20px;  font-size: 28px;  transition: all 1s;  transform: translateY(100px);  opacity: 0;  width: 100%;  margin-bottom: 40px;}
@media screen and (max-width: 1600px) {  .banner .swiper-banner .text .summary {    font-size: 24px;  }}
@media screen and (max-width: 1366px) {  .banner .swiper-banner .text .summary {    font-size: 20px;  }}
@media screen and (max-width: 768px) {  .banner .swiper-banner .text .summary {    font-size: 16px;    margin-top: 10px;    margin-bottom: 10px;  }}
.banner .swiper-banner .text .tip {  transition: all 1s;  transform: translateY(100px);  opacity: 0;}
.banner .swiper-banner .text .banner-more {  transition: all 1s;  transform: translateY(100px);  opacity: 0;  text-align: left;  margin-top: 40px;}
.banner .swiper-banner .swiper-slide-active .img {  transform: translateY(0);  opacity: 1;  transition-delay: 0.3s;}
.banner .swiper-banner .swiper-slide-active .title {  transform: translateY(0);  opacity: 1;  transition-delay: 0.5s;}
.banner .swiper-banner .swiper-slide-active .summary {  transform: translateY(0);  opacity: 1;  transition-delay: 0.7s;}
.banner .swiper-banner .swiper-slide-active .numbers {  transform: translateY(0);  opacity: 1;  transition-delay: 0.7s;}
.banner .swiper-banner .swiper-slide-active .tip {  transform: translateY(0);  opacity: 1;  transition-delay: 0.9s;}
.banner .swiper-banner .swiper-slide-active .banner-more {  transform: translateY(0);  opacity: 1;  transition-delay: 0.9s;}
.banner .swiper-banner .swiper-horizontal > .swiper-pagination-bullets,.banner .swiper-banner .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:30px;width:90%;max-width:1720px;margin:auto;left:0;right:0;}
.banner .swiper-banner .swiper-pagination-bullet {  --swiper-pagination-bullet-inactive-color: #fff;  opacity: 0.5;  --swiper-pagination-bullet-width: 40px;  --swiper-pagination-bullet-height: 4px;  --swiper-pagination-bullet-horizontal-gap: 5px;  position: relative;  border-radius: 4px;}
.banner .swiper-banner .swiper-pagination-bullet::after {  width: 8px;  height: 8px;  border-radius: 50%;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;  background: #fff;  opacity: 0.8;}
.banner .swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {  --swiper-pagination-color: var(--dominant-color);  opacity: 1;}
.banner .swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {  background: var(--dominant-color);}
.banner .swiper-banner .swiper-pager {  display: flex;  position: absolute;  bottom: 10%;  left: 0;  right: 0;  z-index: 1;  width: 90%;  max-width: 1740px;  margin: auto;  align-items: center;  color: #fff;}
.banner .swiper-banner .swiper-pagination-progressbar {  position: initial;  max-width: 700px;  margin: 0 20px;}
@media screen and (max-width: 768px) {  .banner .swiper-banner .swiper-pagination-progressbar {    max-width: 50%;  }}
.banner .swiper-banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #fff;}
.banner .swiper-banner .swiper-pagination-progressbar.swiper-pagination-horizontal {  height: 2px;}
/***************优势*******************************/
.mo_ys{padding-top:30px;padding-bottom:30px;background:#28292b;}
.mo_ys .ys_content{display:grid;grid-template-columns: repeat(4,1fr);gap:45px;overflow: hidden;}
.mo_ys .ys_content .lcbox .imgbox{padding:2px;text-align: center;}
.mo_ys .ys_content .lcbox .imgbox img{border-radius:100%;padding:5px;cursor: pointer;transition: all 1s;background-clip: padding-box;max-width:60px;}
.mo_ys .ys_content .lcbox .imgbox .shado{display: inline-flex;transition: all 1s;border-radius: 100%;padding: 8px; border:1px solid #fff;}
.mo_ys .ys_content .lcbox .imgbox:hover img{transform: rotate(360deg);}
.mo_ys .ys_content .lcbox .imgbox:hover .shado{animation: sploosh 1.5s alternate infinite ease-out;}
.mo_ys .ys_content .lcbox .textbox{text-align:center;}
.mo_ys .ys_content .lcbox h3{font-size:22px;color:#fff;margin-top:15px;margin-bottom:10px; font-weight:bold;}
.mo_ys .ys_content .lcbox p{font-size:16px;color:#fff;max-width: 20vw;overflow-wrap: break-word;}
@media (max-width:768px){
.mo_ys{padding-top:3vw;padding-bottom:3vw;}
.mo_ys .ys_title h3{font-size: 6.3vw;}
.mo_ys .ys_title h4{font-size: 2.6vw;}
.mo_ys .ys_content{margin-top:0px;grid-template-columns: repeat(4,1fr);gap: 15px;}
.mo_ys .ys_content .lcbox h3{font-size: 2.6vw;margin-top: 3.3vw;margin-bottom: 3.8vw;}
.mo_ys .ys_content .lcbox p{font-size: 2vw;max-width: 45vw;}
.mo_ys .ys_content .lcbox .imgbox img{max-width:40px;}
.mo_ys .ys_content .lcbox .imgbox .shado{padding:4px;}
}
/*******************************公司简介********************************/
.index3 .top {  display: flex;  justify-content: space-between;  align-items: center;}
@media screen and (max-width: 768px) {  .index3 .top {    flex-direction: column;  }}
.index3 .top .left {flex-basis:42%; position: relative;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius:10px; background:#fff;}
.index3 .top .left .leftcs{border:5px solid #F00;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius:10px;}
.index3 .top .left .index-title {margin:8%;}
.index3 .top .left .index-title .sup {margin-bottom:50px;}
.index3 .top .right {  flex-basis: 58%;  height: fit-content;  position: relative;  cursor: pointer; border-radius:10px;}
.index3 .top .right .index-title{ margin-bottom:50px;}
.index3 .top .right .index-title .title{ color:#666;}
.index3 .top .right .index-title .sup { margin-bottom:10px; font-size:48px;}
.index3 .top .right img{border-radius:10px;}
.index3 .top .left .bottom { margin-top:0vw;  display: flex;  align-items: baseline;  justify-content: space-between; border-top:1px solid #eee;margin-left:8%;margin-right:8%; margin-bottom:3vw;}
.index3 .top .left .bottom .item {    flex-basis: 50%;    margin-top: 30px;  }
@media screen and (max-width: 768px) {
.index3 .top .right .index-title .sup {font-size:20px;}
.index3 .top .left .index-title .sup {margin-bottom:30px;font-size:20px;}
.index3 .top .left .bottom {    flex-wrap: wrap;  }
}
@media screen and (max-width: 768px) {  .index3 .top .left .bottom .item {    flex-basis: 50%;    margin-bottom: 30px;  }}
.index3 .top .left .bottom .number {  font-size: 3.021vw;  line-height: 1.4;  color: var(--dominant-color);  font-family: Outfit-SemiBold;}
.index3 .top .left .bottom .number span {  font-family: Outfit-SemiBold;}
@media screen and (max-width: 768px) {  .index3 .top .left .bottom .number {    font-size: 24px;  }}
.index3 .top .left .bottom .number sup {  font-size: 1.25vw;  color: var(--dominant-color);  margin-left: 0.521vw;  position: absolute;  margin-top: 30px;}
@media screen and (max-width: 768px) {
.index3 .top .left .bottom .number sup {    font-size: 14px;  }
.index3 .top .left .bottom .number sup {margin-top: 10px;}
}
.index3 .bottom .text {  font-size: 0.833vw;  line-height: 1.1;}
@media screen and (max-width: 768px) {  .index3 .top .left .bottom .text {    font-size: 12px;  }}
.index3 .top .left .top,.index3 .top .left .bottom{flex-wrap: wrap;}
/* 产品中心 */
.grid-box {font-size: 0;[;letter-spacing: -4px;font-size: 12px;]}
.grid-box .column {display: inline-block;font-size: 12px;vertical-align: top;[;letter-spacing: 0;]}
.grid-box .column {width: 100%;}
.pr {position: relative;}
.pa { position: absolute;}
.our-product {padding: 100px 0;}
.our-product .mask {padding:1% 15% 1% 15%;top: 0;bottom: 0;right: 0;width: 45%; background:#eee; margin-top:10px;}
.our-product .mask ul li {text-align: center;padding: 60px;-webkit-transition: 1.5s ease;-moz-transition: 1.5s ease;transition: 1.5s ease;}
.our-product .mask ul li .name {font-size:21px; margin-top:20px;}
.our-product .mask ul .slick-center li {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);}
.our-product .mask span.arrow {left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;}
.our-product .mask span.arrow.arrow_l {top: 0;}
.our-product .mask span.arrow.arrow_r { bottom: 0;}
.our-product .scroll {left: 0;bottom: 0;height: 4px;width: 100%;background-color: #ababab;}
.our-product .scroll em {left: 0;top: 0;height: 100%;width: 0;background-color: black;-webkit-transition: 1.5s ease;-moz-transition: 1.5s ease;transition: 1.5s ease;}
.our-product .baseTit::after {content: attr(data-text);display: block;font-size: 135px;line-height: .6;font-weight: bold;color: #ddd5cc;position: relative;z-index: -1;opacity: .18;}
.our-product a.morePro {min-width: 180px;height: 60px;line-height: 60px;border-radius: 30px;text-align: center;display: inline-block;color: white;background-color: #fe5c00;-webkit-transition: .5s ease;-moz-transition: .5s ease;transition: .5s ease;}
.our-product a.morePro:hover {background-color: black;}
.our-product .list {margin:20px 0;}
.our-product .list .imgs .pro {width: 40%;}
.our-product .list .text {max-width: 40%;margin-top:20px;}
.our-product .list .text .name { font-size: 34px; margin-bottom:20px;}

.i-other {background:#e0e0e0;height:125px;line-height:125px;overflow: hidden; margin-bottom:20px;}
.i-other .logo {width:210px;text-align: center;background:#28292b; padding:30px;height:125px; float:left;}
.i-other .logo img {margin-top:10px;}
.i-other .jies { width:85%;}
.i-other .jies p{ float:left;padding-left:5%; font-size:18px}
.i-other .jies a{ float:right; margin-top:40px;}
.baseTit { font-size:48px; font-weight:bold;}
@media (max-width: 1200px) {
.our-product .baseTit::after {font-size: 100px;}
.i-other {height: auto;line-height: normal;text-align: center;}
.i-other .logo ,.i-other .jies a{display: none;}
.i-other .jies {width: 100%;padding: 0;margin-bottom: 30px;}
}
@media (max-width: 1000px) {
.baseTit { font-size:20px; font-weight:bold;}
.our-product {padding: 60px 0;}
.our-product .baseTit::after {font-size: 70px;}
.our-product .list {margin: 60px 0;}
.our-product .mask {display: none;}
.our-product .list .text {max-width: 100%;}
.our-product .list .text .name {font-size:16px; margin-bottom:5px;}
.our-product a.morePro {min-width: 130px;height: 40px;line-height: 40px;}
.our-product .list .imgs .pro {width: 100%;}
.our-product .list .imgs .car {display: none;}
.our-product .list ul {margin: -15px;}
.our-product .list ul li {padding: 15px;}
.i-other {background:#e0e0e0;height:60px;line-height:60px;}
.i-other .jies {width: 100%;padding: 0;margin-bottom: 30px;}
.i-other .jies p{ float: none;padding-left:0; font-size:14px; text-align:center;}
}
.index1{ background:url(../images/bg.jpg) top center no-repeat;}
.index1 .index1-box {  max-width: 1800px;  margin-top: 40px;  position: relative;}
.index1 .index-title .baseTit { font-size:48px; font-weight:bold;color: #dcdcdc;}
.index1 .index-title .title{color: #dcdcdc; margin-top:20px;}
@media screen and (max-width: 768px) { 
.index1 .index1-box {    margin-top: 20px;  }
.index1 .index-title .baseTit { font-size:20px;}
}
.index1 .swiper {  border-radius: 10px;  overflow: hidden;  width: calc(100% - 200px);  position: initial;}
@media screen and (max-width: 768px) {  .index1 .swiper {    width: 100%;  }}
.index1 .swiper-slide {  border-radius: 10px;  overflow: hidden;  cursor: pointer;  transition: all 0.5s;  height: 520px;}
@media screen and (max-width: 768px) {  .index1 .swiper-slide {    height: 300px;  }}
.index1 .swiper-slide .img {  height: 100%;}
.index1 .swiper-slide.swiperW {  width: 25% !important;}
.index1 .swiper-slide.swiperW.swiperW2 {  width: 50% !important;}
.index1 .swiper-slide::after {  content: '';  width: 100%;  height: 100%;  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));  opacity: 0;  transition: all 0.5s;  position: absolute;  top: 0;  left: 0;}
.index1 .swiper-slide .text {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  padding: 30px;  color: #fff;  z-index: 3;}
.index1 .swiper-slide .text .title {  font-size: 24px;  transition: all 0.5s;}
@media screen and (max-width: 1600px) {  .index1 .swiper-slide .text .title {    font-size: 20px;  }}
.index1 .swiper-slide .text .summary {  margin-top: 10px;  font-size: 16px;  transition: all 0.5s;  opacity: 0;  max-height: 0;}
.index1 .swiper-slide:hover::after {  opacity: 1;}
.index1 .swiper-slide:hover .summary {  opacity: 0.6;  max-height: 100px;}
/*新闻资讯*/
.news .news-box {  display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 40px;  margin-top: 40px;}
.news .index-title .baseTit { font-size:48px; font-weight:bold;color: #000;}
.news .index-title .title{color: #666; margin-top:20px;}
@media screen and (max-width: 1440px) {  .news .news-box {    grid-gap: 20px;  }}
@media screen and (max-width: 768px) {.news .news-box {    grid-template-columns: repeat(1, 1fr);  }
.news .index-title .baseTit { font-size:20px;}
}

.news .news-box .item {  transition: all 0.5s;  position: relative;  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);  border-radius: 10px;  overflow: hidden;  background: #fff;}
.news .news-box .item .img {  position: relative;  border-radius: 10px;  overflow: hidden;}
.news .news-box .item .img .play {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;  width: 44px;  height: 44px;}
.news .news-box .item .imgBox {  padding-bottom: 55%;}
.news .news-box .item .text {  flex: 1;  font-size: 14px;  color: #666;  padding: 40px;}
@media screen and (max-width: 768px) {  
.news .news-box .item:nth-child(2){ display:none;}
.news .news-box .item:nth-child(3){ display:none;}
.news .news-box .item .text {    padding: 20px;  }}
.news .news-box .item .text.text2 {  padding: 20px;  text-align: center;}
.news .news-box .item .text.text2 .title {  margin-top: 0;  font-size: 20px;}
.news .news-box .item .text .time {  display: flex;  align-items: center;  color: var(--dominant-color);}
.news .news-box .item .text .time svg {  width: 20px;  height: 20px;  margin-right: 4px;}
.news .news-box .item .text .title {  font-size: 1.25vw;  color: #222;  transition: all 0.5s;  font-weight: 600;  width: 100%;  margin-top: 10px;}
@media screen and (max-width: 1440px) {  .news .news-box .item .text .title {    font-size: 16px;  }}
.news .news-box .item .text .summary {  font-size: 0.833vw;  color: #666;  margin-top: 1.042vw;  margin-bottom: 40px;  line-height: 1.4;}
@media screen and (max-width: 1440px) {  .news .news-box .item .text .summary {    font-size: 14px;  }}
@media screen and (max-width: 768px) {  .news .news-box .item .text .summary {    margin-bottom: 20px;    margin-top: 10px;  }}
.news .news-box .item .text .detail {  margin-top: 20px;  color: var(--dominant-color);}
.news .news-box .item:hover::after {  height: 100%;  top: 0;}
.news .news-box .item:hover .title {  color: var(--dominant-color);}
/*新闻详情*/
.news-detail {  max-width: 1440px;}
.news-detail .title {  font-size: 2.083vw;  font-family: Outfit-SemiBold;  line-height: 1.1;  text-align: center;  max-width: 1120px;  margin: 0 auto 20px;}
@media screen and (max-width: 1366px) {  .news-detail .title {    font-size: 26px;  }}
@media screen and (max-width: 768px) {  .news-detail .title {    font-size: 20px;  }}
.news-detail .mid {  display: flex;  align-items: center;  justify-content: center;  color: #999;}
.news-detail .mid .item {  display: flex;  align-items: center;  margin: 0 20px;  color: #999;}
.news-detail .mid .item .icon {  width: 24px;  height: 20px;  margin-right: 10px;}
.news-detail .mid .item .icon img {  object-fit: contain;  height: 100%;}
.news-detail .details {  font-size: 18px;  margin-top: 30px;  color: #333333;  line-height: 1.8;  min-height: 300px;  border-top: 1px solid #eee;  border-bottom: 1px solid #eee;  padding: 40px 0;}
.news-detail .details p{  padding: 10px 0;}
@media screen and (max-width: 768px) {  .news-detail .details {    font-size: 14px;  }  .news-detail .details img {    max-width: 100% !important;    height: auto !important;  }}
.news-detail .detail-pager {  margin-top: 2.083vw;  display: flex;  justify-content: space-between;}
.news-detail .detail-pager a {  display: flex;  align-items: center;  justify-content: center;  padding: 15px 22px;  border: 1px solid #eee;  grid-gap: 16px;  border-radius: 25px;  transition: all 0.5s;}
.news-detail .detail-pager a img {  transition: all 0.5s;}
.news-detail .detail-pager a:nth-child(2) img {  transform: rotate(180deg);}
.news-detail .detail-pager a:hover {  background: var(--dominant-color);  border-color: var(--dominant-color);  color: #fff;}
.news-detail .detail-pager a:hover img {  filter: brightness(10);}

/******************生产制造************************/

.js-silder{position: relative;min-width: 320px; min-height:150px;}
.silder-scroll{width: 100%;overflow: hidden;}
.silder-main{position: relative;width: 100%;overflow: hidden;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%;}
.silder-main-img img{width: 100%;display:block; }
.js-silder-ctrl{width: 100%;text-align: center; bottom:0px;}
.silder-ctrl-prev,.silder-ctrl-next{position: absolute;top:0;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体";	font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left:20px;text-align: left;}
.silder-ctrl-next{right:20px;text-align: right;}
.silder-ctrl-prev>span,.silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px;}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
.silder-ctrl-con{display: inline-block;width:10px; height:10px; border-radius:10px; margin: 0 10px;cursor: pointer; margin-top:-50px; position:relative; z-index:999;}
.silder-ctrl-con>span{display: block;line-height: 0;border-radius:10px;text-indent: -9999px;overflow: hidden;padding: 5px 0;cursor: pointer;background-color: #e4e4e4;}
.silder-ctrl-con.active>span{background-color: #ee222b;}
@media (max-width: 768px){
.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: 30px;}
.silder-ctrl-con{width:10px;height: 10px;padding: 0;margin: 0 5px;margin-top:-20px; position:relative; z-index:999;}
.silder-ctrl-con>span{display: block;width: 100%;height: 100%;border-radius: 50%;padding: 0;}
}

.waves {  position: absolute;  top: 0;  left: 0;  display: block;}
.waves .wave {  width: 25px;  height: 25px;  position: absolute;  top: 0;  left: 0;  box-shadow: var(--dominant-color) 0 0 0 10px;  border-radius: 50%;  opacity: 0.1;}
.waves .wave.wave2 {  width: 20px;  height: 20px;  top: 2px;  left: 2px;}
@keyframes warn2 {  0% {    transform: scale(0);  }  50% {    transform: scale(1.1);  }  100% {    transform: scale(0);  }}
@keyframes warn {  0% {    transform: scale(1);    opacity: 0;  }  50% {    transform: scale(1.1);    opacity: 0.5;  }  100% {    transform: scale(1);    opacity: 0;  }}
.goTop {  width: 140px;  height: 140px;  border-radius: 50%;  position: absolute;  transition: all 0.5s;  z-index: 1000;  top: -70px;  left: 0;  right: 0;  margin: auto;}
.goTop:hover .button span {  transform: translateY(-10px);}
@media screen and (max-width: 768px) {  .goTop {    transform: scale(0.5);  }}
.goTop .lazy {  position: absolute;  display: block;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  width: 100%;  height: 100%;  background-size: cover;  -webkit-animation-name: spin;  animation-name: spin;  -webkit-animation-duration: 4s;  animation-duration: 4s;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  -webkit-animation-timing-function: linear;  animation-timing-function: linear;}
.goTop .button {  width: 80px;  height: 80px;  color: var(--dominant-color);  background: #fff;  border-radius: 50%;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;  font-size: 24px;  display: flex;  align-items: center;  justify-content: center;}
.goTop .button span {  transition: all 0.5s;}
.goTop svg {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;  width: calc(100% - 55px);  height: calc(100% - 55px);}
.goTop svg.cm {  transition: none;  opacity: 1;}
.goTop svg .p1 {  animation: circleRotate 4s linear infinite;  transform-origin: 50% 50%;}
.goTop svg circle {  fill: #fff;  stroke: transparent;}
.goTop svg .p2 {  animation: circleRotateReverse 4s linear infinite;}
.goTop.button-div {  display: block;  width: 60px;  height: 60px;  top: 0;  margin-left: 0;  transform-origin: 0;  transform: scale(1);}
.goTop.button-div .button {  width: 30px;  height: 30px;}
.goTop.button-div .button span {  font-size: 14px;  transform: translateY(0) !important;}
/*--------------------------------------------------------*/
/*内页*/
/*内页通用*/
.page-title {  text-align: left;  position: relative;}
.page-title.textC {  text-align: center;}
.page-title.colorW {  color: #fff;}
.page-title .title {  line-height: 2.4;  font-size: 24px;  color: var(--dominant-color);  display: inline-block;  position: relative;}
.page-title .title::after {  content: '';  position: absolute;  width: 100%;  height: 4px;  bottom: 0;  left: 0;  background: var(--dominant-color);  z-index: 2;}
@media screen and (max-width: 1600px) {  .page-title .title {    font-size: 26px;  }}
@media screen and (max-width: 768px) {  .page-title .title {    font-size: 20px;  }}
.page-title .summary {  color: #666;  font-size: 16px;}
@media screen and (max-width: 768px) {  .page-title .summary {    font-size: 12px;  }}
/*内页大图*/
.pageBanner {  transition: all 0.5s;  display: flex;  align-items: center;  justify-content: center;  position: relative;  height: 580px;  color: #fff;}
.pageBanner.pageBanner2 {  height: 650px;}
@media screen and (max-width: 768px) {  .pageBanner.pageBanner2 {    height: 360px;  }}
@media screen and (max-width: 768px) {  .pageBanner {    height: 200px;  }}
.pageBanner .img {  width: 100%;}
.pageBanner .img img {  width: 100%;}
.pageBanner .banner-box {  margin: auto;  position: absolute;  left: 0;  right: 0;}
.pageBanner .banner-box .banner-title {  color: #fff;  font-size: 2.542vw;  display: none;  align-items: center;  font-family: Outfit-SemiBold;}
.pageBanner .banner-box .banner-title.banner-title2 {  font-size: 2.396vw;}
@media screen and (max-width: 768px) {  .pageBanner .banner-box .banner-title.banner-title2 {    font-size: 18px;  }}
.pageBanner .banner-box .banner-summary {  max-width: 1000px;  font-size: 18px;  margin-top: 30px;  opacity: 0.6;  line-height: 1.6;}
@media screen and (max-width: 768px) {  .pageBanner .banner-box .banner-summary {    font-size: 14px;  }}
.pageBanner .banner-box .banner-download {  margin-top: 5%;  font-family: Outfit-SemiBold;  font-size: 20px;  text-decoration: underline;  display: flex;  align-items: center;}
@media screen and (max-width: 768px) {  .pageBanner .banner-box .banner-download {    font-size: 14px;  }}
.pageBanner .banner-box .banner-download span {  color: var(--dominant-color);  margin: 0 10px;}
.pageBanner .banner-box .banner-download img {  margin-left: 20px;}
.pageBanner .swiper {  width: 100%;  height: 100%;}
.pageBanner .swiper .swiper-pagination {  bottom: 30px;  top: auto;  width: 80px;  height: 3px;  text-align: center;  left: 0;  right: 0;  margin: auto;  border-radius: 12px;  overflow: hidden;  --swiper-theme-color: #fff;}
.aboutBanner {  height: 100vh;  position: sticky;  top: 0;}
.aboutBanner .banner-box .banner-title {  text-align: left;}
@media screen and (max-width: 768px) {  .aboutBanner .banner-box .banner-title {    font-size: 24px;  }}
.aboutBanner video {  width: 100%;  height: 100%;  object-fit: cover;}
@keyframes sizing {  0%,  100% {    transform: scale3d(1, 1, 1);  }  50% {    transform: scale3d(1.05, 1.05, 1.05);  }}
/*内页侧边栏*/
/*内页导航*/
.page-menu {  width: 100%;}
.page-menu .top-title {  font-size: 26px;  background: var(--dominant-color);  position: relative;  color: #fff;  padding: 10px 30px;}
.page-menu .top-title .img {  width: 100px;  position: absolute;  right: 0;  bottom: -20px;  z-index: -1;  animation: sizing 1s infinite linear;}
.page-menu .page-phone-click {  display: none;}
@media screen and (max-width: 768px) {  .page-menu .page-phone-click {    display: flex;    justify-content: center;    align-items: center;    height: 40px;    background: var(--dominant-color);    color: #fff;    font-size: 14px;  }}
@media screen and (max-width: 768px) {  .page-menu {    width: 100%;  }}
.page-menu .menu-box {  display: flex;  align-items: center;  flex-direction: column;  overflow: hidden;  height: auto;  margin-bottom: 50px;}
@media screen and (max-width: 768px) {  .page-menu .menu-box {    display: none;    margin-bottom: 0;  }}
@media screen and (max-width: 768px) {  .page-menu {    flex-direction: column;    font-size: 14px;    height: auto;    margin-bottom: 20px;  }}
.page-menu .first-menu {  width: 100%;  position: relative;  background: #fff;  margin-bottom: 10px;}
.page-menu .first-menu.active span {  background: #15808f;}
.page-menu .first-menu.active span .f-title {  color: #fff;}
.page-menu .first-menu.active span i::before,.page-menu .first-menu.active span i::after {  background: #fff;}
.page-menu .first-menu span {  position: relative;  width: 100%;}
.page-menu .first-menu span i {  position: absolute;  top: 0;  bottom: 0;  font-size: 12px;  transition: all 0.5s;  border-radius: 50%;  width: 50px;  height: 100%;  display: flex;  right: 0;  margin: auto;}
@media screen and (max-width: 768px) {}
.page-menu .first-menu span i::before,.page-menu .first-menu span i::after {  content: '';  position: absolute;  background: #000;  margin: auto;  top: 0;  bottom: 0;  left: 0;  right: 0;}
.page-menu .first-menu span i::before {  width: 14px;  height: 2px;}
.page-menu .first-menu span i::after {  height: 14px;  width: 2px;}
.page-menu .first-menu span:hover i::before,.page-menu .first-menu span:hover i::after {  background: #fff;}
.page-menu .first-menu span:hover .f-title {  background: #ed941e;  color: #fff;}
.page-menu .first-menu .f-title {  font-size: 16px;  position: relative;  color: #000;  text-align: left;  justify-content: flex-start;  display: flex;  align-items: center;  padding: 15px 30px;  border: 1px solid #ddd;  line-height: 1.4;  transition: all 0.5s;}
@media screen and (max-width: 1280px) {  .page-menu .first-menu .f-title {    font-size: 14px;  }}
@media screen and (max-width: 768px) {  .page-menu .first-menu .f-title {    padding: 0;    height: 40px;    line-height: 40px;    text-align: center;    justify-content: center;  }}
.page-menu .first-menu .f-title.active,.page-menu .first-menu .f-title:hover {  background: #ed941e;  color: #fff;}
.page-menu .first-menu .f-title.active::after,.page-menu .first-menu .f-title:hover::after {  width: 100%;}
.page-menu .first-menu .s-box {  display: none;}
.page-menu .first-menu .s-box a {  font-size: 16px;  text-align: left;  justify-content: flex-start;  background: #fff;  border: 1px solid #ddd;  width: 100%;  padding: 15px 40px;  display: block;}
.page-menu .first-menu .s-box a::after {  display: none;}
.page-menu .first-menu .s-box a:hover {  background: #ed941e;  color: #fff;}
@media screen and (max-width: 1600px) {  .page-menu .first-menu .s-box a {    font-size: 14px;  }}
@media screen and (max-width: 768px) {  .page-menu .first-menu .s-box a {    font-size: 12px;    height: 40px;    text-align: center;    justify-content: center;    line-height: 40px;    padding: 0;  }}
/*面包屑*/
.location { float:left;align-items: center;  color: #666;flex-wrap: wrap;font-size: 1vw; padding-top:10px;}
.location i {  color: #9e9e9e;}
@media screen and (max-width: 768px) {}
.location span {  margin-left: 4px;}
.location a {  color: #666;font-size: 1vw;  margin: 0 8px;}
.location a i {  color: var(--dominant-color);  margin-right: 4px;}
@media screen and (max-width: 768px) {.location{ display:none;}}
/*分页*/
.pager {  display: flex;  justify-content: center;  align-items: center;  margin-top: 4.167vw;}
.pager a {  width: 48px;  height: 48px; line-height:48px; text-align:center; margin: 0 6px;  border: 1px solid #ddd;  color: #6e6e6e;  transition: all 0.5s;  background: #fff;  border-radius: 50%;}
@media screen and (max-width: 768px) {  .pager a {    width: 30px; line-height:30px;   height: 30px;    font-size: 12px;    margin: 0 4px;  }}
.pager a:hover,.pager a.active {  background: var(--dominant-color);  border-color: var(--dominant-color);  color: #fff;}
/*内页左右结构*/
.page-box {  display: flex;  justify-content: space-between;}
@media screen and (max-width: 768px) {  .page-box {    flex-direction: column;  }}
.page-box .left {  flex-basis: 300px;  position: relative;}
@media screen and (max-width: 1440px) {  .page-box .left {    flex-basis: 200px;  }}
@media screen and (max-width: 768px) {  .page-box .left {    width: 100%;    flex-basis: 100%;  }}
.page-box .right {  flex: 1;  margin-left: 50px;}
@media screen and (max-width: 768px) {  .page-box .right {    margin-left: 0;  }}
@media screen and (max-width: 768px) {  .page-box .right .right-content {    padding: 10px;  }}
.pages {  display: flex;  justify-content: space-between;  flex-direction: column;  margin-bottom: 30px;  border-top: 1px solid #eee;  padding-top: 50px;}
.pages .prev,.pages .next {  flex-basis: 100%;  transition: all 0.5s;  font-size: 20px;  color: var(--dominant-color);  margin-bottom: 20px;  display: inline-block;}
.pages .prev:hover,.pages .next:hover {  text-decoration: underline;}

/*展会*/
.exhibition .exhibition-box {  margin-top: 40px;  overflow: auto;}
.exhibition .exhibition-box .exhibition-form {  min-width: 1000px;  overflow: auto;}
.exhibition .exhibition-box .item-top {  background: var(--dominant-color);  font-size: 1.042vw;  height: 74px;  border-radius: 10px 10px 0 0;  color: #fff;}
@media screen and (max-width: 1600px) {  .exhibition .exhibition-box .item-top {    font-size: 18px;  }}
.exhibition .exhibition-box .item-top .top .add {  pointer-events: none;}
.exhibition .exhibition-box .item,.exhibition .exhibition-box .item-top {  padding: 0 40px;  display: flex;  align-items: center;  justify-content: space-between;}
@media screen and (max-width: 1600px) {  .exhibition .exhibition-box .item,  .exhibition .exhibition-box .item-top {    padding: 0 20px;  }}
.exhibition .exhibition-box .item .top,.exhibition .exhibition-box .item-top .top {  width: 100%;  display: flex;  align-items: center;}
.exhibition .exhibition-box .item .top .left,.exhibition .exhibition-box .item-top .top .left {  flex: 1;  padding-right: 20px;}
.exhibition .exhibition-box .item .top .mid,.exhibition .exhibition-box .item-top .top .mid {  flex-basis: 480px;  padding-right: 120px;}
@media screen and (max-width: 1600px) {  .exhibition .exhibition-box .item .top .mid,  .exhibition .exhibition-box .item-top .top .mid {    flex-basis: 380px;    padding-right: 60px;  }}
@media screen and (max-width: 1366px) {  .exhibition .exhibition-box .item .top .mid,  .exhibition .exhibition-box .item-top .top .mid {    flex-basis: 280px;    padding-right: 30px;  }}
.exhibition .exhibition-box .item .top .right,.exhibition .exhibition-box .item-top .top .right {  flex-basis: 320px;}
@media screen and (max-width: 1600px) {  .exhibition .exhibition-box .item .top .right,  .exhibition .exhibition-box .item-top .top .right {    flex-basis: 280px;  }}
@media screen and (max-width: 1366px) {  .exhibition .exhibition-box .item .top .right,  .exhibition .exhibition-box .item-top .top .right {    flex-basis: 250px;    padding-right: 30px;  }}
.exhibition .exhibition-box .item .top .add,.exhibition .exhibition-box .item-top .top .add {  flex-basis: 38px;}
.exhibition .exhibition-box .item {  display: flex;  flex-direction: column;  border-bottom: 1px solid #eee;}
.exhibition .exhibition-box .item .top {  height: 90px;  display: flex;  align-items: center;  font-size: 16px;}
@media screen and (max-width: 768px) {  .exhibition .exhibition-box .item .top {    font-size: 14px;  }}
.exhibition .exhibition-box .item .top .left {  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img29.png") no-repeat center left / 20px;  padding-left: 30px;  display: flex;  align-items: center;  flex-wrap: wrap;}
.exhibition .exhibition-box .item .top .left img {  margin-left: 20px;}
.exhibition .exhibition-box .item .top .mid {  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img30.png") no-repeat center left / 17px;  padding-left: 30px;}
.exhibition .exhibition-box .item .top .right {  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img31.png") no-repeat center left / 20px;  padding-left: 30px;}
.exhibition .exhibition-box .item .top .add {  width: 38px;  height: 38px;  border: 1px solid var(--dominant-color);  position: relative;  border-radius: 50%;  cursor: pointer;  transition: all 0.5s;}
.exhibition .exhibition-box .item .top .add::before,.exhibition .exhibition-box .item .top .add::after {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;  font-size: 28px;  display: flex;  align-items: center;  justify-content: center;  transform: translateY(-1px);  transition: all 0.5s;}
.exhibition .exhibition-box .item .top .add::before {  content: '+';  color: var(--dominant-color);}
.exhibition .exhibition-box .item .top .add::after {  opacity: 0;  content: '-';  color: #fff;}
.exhibition .exhibition-box .item .top.active .add {  background: var(--dominant-color);}
.exhibition .exhibition-box .item .top.active .add::before {  opacity: 0;}
.exhibition .exhibition-box .item .top.active .add::after {  opacity: 1;}
.exhibition .exhibition-box .item .bottom {  border-top: 2px solid var(--dominant-color);  width: 100%;  display: none;  padding-top: 50px;  padding-bottom: 50px;}
.exhibition .exhibition-box .item .bottom .b-items {  display: flex;}
.exhibition .exhibition-box .item .bottom .b-items .b-item {  flex-basis: 40%;  margin-right: 10%;}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-title {  font-size: 1.5625vw;  border-bottom: 1px solid #eee;  padding-bottom: 20px;}
@media screen and (max-width: 1600px) {  .exhibition .exhibition-box .item .bottom .b-items .b-item .b-title {    font-size: 20px;  }}
@media screen and (max-width: 768px) {  .exhibition .exhibition-box .item .bottom .b-items .b-item .b-title {    font-size: 16px;  }}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li {  display: flex;  align-items: center;  margin-top: 30px;  font-size: 16px;}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li .icon {  flex-basis: 20px;  margin-right: 10px;  display: flex;  align-items: center;  justify-content: center;}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li .text {  flex: 1;}
/*资源*/
.resources .resources-box {  margin-top: 40px;}
.resources .resources-box form {  max-width: 600px;  width: 90%;  margin: auto auto 50px;}
.resources .resources-box form label {  border-radius: 32px;  overflow: hidden;  display: block;  position: relative;}
.resources .resources-box form label input {  height: 64px;  width: 100%;  border: none;  padding-left: 50px;  font-size: 18px;  background: #fbfbfb url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img52.png") no-repeat center left 20px/20px;}
@media screen and (max-width: 1280px) {  .resources .resources-box form label input {    height: 40px;  }}
.resources .resources-box form label button {  width: 120px;  border-radius: 32px;  position: absolute;  right: 0;  top: 0;  height: 64px;  font-size: 20px;  color: #fff;  background: var(--dominant-color);}
@media screen and (max-width: 1280px) {  .resources .resources-box form label button {    font-size: 14px;    height: 40px;  }}
.resources .resources-box .resources01 {  display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 25px;}
@media screen and (max-width: 1280px) {  .resources .resources-box .resources01 {    grid-template-columns: repeat(2, 1fr);    grid-gap: 20px;  }}
@media screen and (max-width: 768px) {  .resources .resources-box .resources01 {    grid-template-columns: repeat(1, 1fr);    grid-gap: 20px;  }}
.resources .resources-box .resources01 .item {  padding: 40px 30px 50px;  border: 1px solid #eee;  border-radius: 10px;  overflow: hidden;  transition: all 0.5s;}
@media screen and (max-width: 1280px) {  .resources .resources-box .resources01 .item {    padding: 20px;  }}
.resources .resources-box .resources01 .item .top {  display: flex;  align-items: center;  justify-content: space-between;}
.resources .resources-box .resources01 .item .top .text .time {  color: #666;  margin-bottom: 10px;}
/*20241126*/
.resources .resources-box .resources01 .item .top .text .title {  font-family: Outfit-SemiBold;  font-size: 22px;  transition: all 0.5s;}
@media screen and (max-width: 1920px) and (min-width: 1025px){.page-menu2 a{	font-size: 1.04vw;}  .resources .resources-box .resources01 .item .top .text .title {    font-size: 1.1vw;  }}
@media screen and (max-width: 1024px){  .resources .resources-box .resources01 .item .top .text .title {    font-size: 16px;  }}
/*@media screen and (max-width: 1600px) {  .resources .resources-box .resources01 .item .top .text .title {    font-size: 16px;  }}*/
.resources .resources-box .resources01 .item .top .text{flex: 1;}
.resources .resources-box .resources01 .item .top .text .title{word-break: break-word;}
.resources .resources-box .resources01 .item .top .icon{flex-shrink: 0;  margin-left: 10px;}
/**/
.resources .resources-box .resources01 .item .top .icon {  width: 29px;  height: 36px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img74.png") no-repeat center / contain;  filter: brightness(0);  opacity: 0.3;  transition: all 0.5s;}
.resources .resources-box .resources01 .item .bottom {  border-top: 1px solid #eee;  margin-top: 20px;  padding-top: 20px;}
.resources .resources-box .resources01 .item .bottom a {  font-size: 16px;  padding-right: 30px;  margin-right: 30px;  display: inline-block;  color: var(--dominant-color);  transition: all 0.5s;  filter: brightness(0);  opacity: 0.4;}
@media screen and (max-width: 1440px) {  .resources .resources-box .resources01 .item .bottom a {    font-size: 12px;  }}
.resources .resources-box .resources01 .item .bottom a.preview {  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img75.png") no-repeat center right / 21px 14px;}
.resources .resources-box .resources01 .item .bottom a.download {  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img76.png") no-repeat center right / 21px 16px;}
.resources .resources-box .resources01 .item .bottom a:hover {  filter: none;  opacity: 1;}
.resources .resources-box .resources01 .item:hover {  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);}
.resources .resources-box .resources01 .item:hover .title {  color: var(--dominant-color);}
.resources .resources-box .resources01 .item:hover .icon {  filter: none;  opacity: 1;}
.resources .resources-box .resources02 {  display: flex;  grid-gap: 20px;  align-items: flex-start;}
@media screen and (max-width: 768px) {  .resources .resources-box .resources02 {    flex-wrap: wrap;  }}
.resources .resources-box .resources02 .items {  flex: 1;  display: grid;  grid-gap: 20px;}
@media screen and (max-width: 1366px) {  .resources .resources-box .resources02 .items {    flex-basis: 100%;  }}
.resources .resources-box .resources02 .items .item {  cursor: pointer;  position: relative;  background: #000;  overflow: hidden;  border-radius: 10px;}
.resources .resources-box .resources02 .items .item .img {  transition: all 0.5s;  opacity: 0.6;}
.resources .resources-box .resources02 .items .item .img .imgBox {  padding-bottom: 63%;}
.resources .resources-box .resources02 .items .item .text {  transition: all 0.5s;  position: absolute;  bottom: 0;  left: 20px;  right: 20px;  color: #fff;  font-size: 16px;  padding: 20px;  text-align: center;  opacity: 0.6;}
.resources .resources-box .resources02 .items .item .show-text {  padding: 20px;  position: absolute;  bottom: -100%;  left: 0;  transition: all 0.5s;  z-index: 3;}
.resources .resources-box .resources02 .items .item .show-text .show-title {  font-size: 20px;  color: #fff;}
@media screen and (max-width: 1366px) {  .resources .resources-box .resources02 .items .item .show-text .show-title {    font-size: 14px;  }}
.resources .resources-box .resources02 .items .item .show-text .show-summary {  color: #fff;  opacity: 0.6;  margin-top: 6px;  line-height: 1.6;}
@media screen and (max-width: 1366px) {  .resources .resources-box .resources02 .items .item .show-text .show-summary {    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;  }}
.resources .resources-box .resources02 .items .item::before {  content: '';  width: 44px;  height: 44px;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;  position: absolute;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img50.png") no-repeat center / contain;  opacity: 0;  transition: all 0.5s;  z-index: 3;}
.resources .resources-box .resources02 .items .item::after {  content: '';  width: 100%;  height: 100%;  top: 0;  left: 0;  position: absolute;  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));  opacity: 0;  transition: all 0.5s;}
.resources .resources-box .resources02 .items .item:hover .img,.resources .resources-box .resources02 .items .item:hover::before,.resources .resources-box .resources02 .items .item:hover::after {  opacity: 1;}
.resources .resources-box .resources02 .items .item:hover .text {  opacity: 0;}
.resources .resources-box .resources02 .items .item:hover .show-text {  bottom: 0;}
.resources .resources-box .resources02 .items:nth-child(odd) {  margin-top: 50px;}
@media screen and (max-width: 1366px) {  .resources .resources-box .resources02 .items:nth-child(odd) {    margin-top: 0;  }}
.resources .resources-box .resources02 .items:nth-child(odd) .item:nth-child(even) .img .imgBox {  padding-bottom: 131%;}
@media screen and (max-width: 1366px) {  .resources .resources-box .resources02 .items:nth-child(odd) .item:nth-child(even) .img .imgBox {    padding-bottom: 63%;  }}
.resources .resources-box .resources02 .items:nth-child(even) .item:nth-child(odd) .img .imgBox {  padding-bottom: 131%;}
@media screen and (max-width: 1366px) {  .resources .resources-box .resources02 .items:nth-child(even) .item:nth-child(odd) .img .imgBox {    padding-bottom: 63%;  }}
.resources .resources-box .resources03 {  border-top: 1px solid #eee;}
.resources .resources-box .resources03 .resources03-box .item {  border-bottom: 1px solid #eee;  padding: 30px 0;}
.resources .resources-box .resources03 .resources03-box .item .list {  display: flex;  font-size: 18px;  align-items: baseline;}
@media screen and (max-width: 768px) {  .resources .resources-box .resources03 .resources03-box .item .list {    font-size: 14px;  }}
.resources .resources-box .resources03 .resources03-box .item .list .key {  background: var(--dominant-color);  display: flex;  align-items: center;  justify-content: center;  width: 38px;  height: 38px;  border-radius: 50%;  color: #fff;}
.resources .resources-box .resources03 .resources03-box .item .list .value {  flex: 1;  margin-left: 20px;  color: var(--dominant-color);}
.resources .resources-box .resources03 .resources03-box .item .list:nth-child(2) {  margin-top: 20px;}
.resources .resources-box .resources03 .resources03-box .item .list:nth-child(2) .key {  background: #fdeced;  color: var(--dominant-color);}
.resources .resources-box .resources03 .resources03-box .item .list:nth-child(2) .value {  color: #666666;}
.resources .resources-box .resources03 .f-more {  margin: 60px auto 0;}
/*应用*/
.applications {  overflow: hidden;}
.applications .applications01 {  display: flex;  justify-content: space-between;  align-items: center;}
@media screen and (max-width: 768px) {  .applications .applications01 {    flex-direction: column;  }}
.applications .applications01 .left {  flex-basis: 50%;}
@media screen and (max-width: 768px) {  .applications .applications01 .left {    margin-bottom: 20px;  }}
.applications .applications01 .right {  flex: 1;  margin-left: 120px;}
@media screen and (max-width: 768px) {  .applications .applications01 .right {    margin-left: 0;  }}
.applications .applications01 .right .list {  display: flex;  align-items: center;}
@media screen and (max-width: 768px) {  .applications .applications01 .right .list {    flex-direction: column;  }}
@media screen and (max-width: 768px) {  .applications .applications01 .right .list .f-more {    width: 100%;  }}
.applications .applications01 .right .list .download {  margin-left: 30px;}
@media screen and (max-width: 768px) {  .applications .applications01 .right .list .download {    margin-top: 20px;    margin-left: 0;  }}
.applications .applications01 .right .list .download::after {  display: none;}
.applications .applications01 .right .list .download img {  margin-left: 20px;}
.applications .applications01 .right .list .download:hover img {  filter: brightness(10);}
.applications .applications02 .applications02-box {  margin-top: 40px;  display: flex;  justify-content: space-between;  grid-gap: 20px;}
@media screen and (max-width: 768px) {  .applications .applications02 .applications02-box {    flex-wrap: wrap;  }}
.applications .applications02 .applications02-box .item {  flex: 1;}
@media screen and (max-width: 768px) {  .applications .applications02 .applications02-box .item {    flex-basis: 45%;  }}
.applications .applications02 .applications02-box .item .text {  text-align: center;  font-size: 20px;  color: #666;}
@media screen and (max-width: 1600px) {  .applications .applications02 .applications02-box .item .text {    font-size: 16px;  }}
.applications .applications03 .applications03-box {  margin-top: 40px;  position: relative;}
.applications .applications03 .applications03-box .img {  width: 38%;  margin: auto;  position: relative;  animation: fade 5s infinite linear;}
@media screen and (max-width: 1440px) {  .applications .applications03 .applications03-box .img {    width: 40%;  }}
@media screen and (max-width: 768px) {  .applications .applications03 .applications03-box .img {    width: 100%;  }}
.applications .applications03 .applications03-box .points {  position: absolute;  width: 38%;  height: 100%;  top: 0;  left: 0;  right: 0;  margin: auto;}
@media screen and (max-width: 1440px) {  .applications .applications03 .applications03-box .points {    width: 40%;  }}
@media screen and (max-width: 768px) {  .applications .applications03 .applications03-box .points {    width: 100%;  }}
.applications .applications03 .applications03-box .points .point {  width: 25px;  height: 25px;  border-radius: 50%;  background: var(--dominant-color);  position: absolute;  cursor: pointer;}
.applications .applications03 .applications03-box .points .point::after {  content: '';  width: 5px;  height: 5px;  background: #fff;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;  border-radius: 50%;}
.applications .applications03 .applications03-box .points .point.point1 {  left: 15%;  top: 37%;}
.applications .applications03 .applications03-box .points .point.point2 {  left: 23%;  bottom: 36%;}
.applications .applications03 .applications03-box .points .point.point3 {  left: 35%;  bottom: 22%;}
.applications .applications03 .applications03-box .points .point.point4 {  right: 5%;  top: 19%;}
.applications .applications03 .applications03-box .points .point.point5 {  right: 10%;  top: 59%;}
.applications .applications03 .applications03-box .points .point.point6 {  right: 33%;  bottom: 19%;}
.applications .applications03 .applications03-box .points .point .waves .wave {  display: none;}
.applications .applications03 .applications03-box .points .point.active .waves .wave.wave1 {  display: block;  animation: warn2 2s infinite;}
.applications .applications03 .applications03-box .points .point.active .waves .wave.wave2 {  display: block;  animation: warn 2s infinite;}
.applications .applications03 .applications03-box .text-box {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;}
@media screen and (max-width: 768px) {  .applications .applications03 .applications03-box .text-box {    position: initial;  }}
.applications .applications03 .applications03-box .text-box .item {  position: absolute;  cursor: pointer;}
@media screen and (max-width: 768px) {  .applications .applications03 .applications03-box .text-box .item {    position: initial;    background: none !important;    width: 100% !important;    height: auto !important;    margin-bottom: 30px;    text-align: left !important;  }}
.applications .applications03 .applications03-box .text-box .item .title {  font-size: 24px;  position: absolute;  top: -46px;  width: 100%;  transition: all 0.5s;}
@media screen and (max-width: 768px) {  .applications .applications03 .applications03-box .text-box .item .title {    position: initial;    font-size: 18px;    text-align: left !important;  }}
.applications .applications03 .applications03-box .text-box .item .summary {  width: 100%;  font-size: 16px;  color: #666;  max-width: 300px;  position: absolute;  top: 16px;}
@media screen and (max-width: 768px) {  .applications .applications03 .applications03-box .text-box .item .summary {    position: initial;    font-size: 14px;    max-width: 100%;    text-align: left !important;  }}
.applications .applications03 .applications03-box .text-box .item:hover .title {  transform: scale(1.1);  color: var(--dominant-color);}
.applications .applications03 .applications03-box .text-box .item1 {  top: 24%;  left: 2%;  width: 35%;  height: 102px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img249.png") no-repeat center right;}
.applications .applications03 .applications03-box .text-box .item2 {  top: 55%;  left: 2%;  width: 39%;  height: 51px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img250.png") no-repeat center right;}
.applications .applications03 .applications03-box .text-box .item3 {  top: 76%;  left: 2%;  width: 43%;  height: 1px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png") no-repeat center right;}
.applications .applications03 .applications03-box .text-box .item4 {  text-align: right;  top: 13%;  right: 2%;  width: 31%;  height: 51px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img252.png") no-repeat center left;}
.applications .applications03 .applications03-box .text-box .item5 {  text-align: right;  top: 53%;  right: 2%;  width: 33%;  height: 51px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img253.png") no-repeat center left;}
.applications .applications03 .applications03-box .text-box .item6 {  text-align: right;  top: 79.5%;  right: 2%;  width: 42%;  height: 1px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img254.png") no-repeat center left;}
.applications .applications03 .applications03-box .text-box .item4 .title,.applications .applications03 .applications03-box .text-box .item5 .title,.applications .applications03 .applications03-box .text-box .item6 .title {  text-align: right;}
.applications .applications03 .applications03-box .text-box .item4 .summary,.applications .applications03 .applications03-box .text-box .item5 .summary,.applications .applications03 .applications03-box .text-box .item6 .summary {  right: 0;}
.applications .applications04 {  width: 100vw;}
.applications .applications04 .applications04-box {  position: relative;  max-width: 1800px;  margin-top: 40px;}
.applications .applications04 .applications04-box .swiper {  width: calc(100% - 200px);  margin: auto;  position: initial;  overflow: initial;}
@media screen and (max-width: 768px) {  .applications .applications04 .applications04-box .swiper {    width: 100%;  }}
.applications .applications04 .applications04-box .swiper .swiper-slide {  opacity: 0;  pointer-events: none;  transition: opacity 0.5s;}
.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active,.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active + .swiper-slide,.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {  opacity: 1;  pointer-events: auto;}
.applications .applications04 .applications04-box .swiper .swiper-slide .imgBox {  border-radius: 10px 10px 0 0;  padding-bottom: 70%;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text {  background: #fff;  padding: 0 40px 40px;  font-size: 18px;  border-radius: 0 0 10px 10px;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary-box {  max-height: 0;  overflow: hidden;  transition: all 0.5s;  position: absolute;  top: 90%;  left: 0;  background: #fff;  box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.03);  border-radius: 0 0 10px 10px;  pointer-events: none;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary {  width: 100%;  padding: 40px;  font-size: 18px;  color: #666;  line-height: 1.6;}
.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-prev ~ .swiper-slide {  pointer-events: auto;}
.applications .applications04 .applications04-box .swiper .swiper-slide:hover .text {  color: var(--dominant-color);}
.applications .applications04 .applications04-box .swiper .swiper-slide:hover .text .summary-box {  pointer-events: auto;  max-height: 300px;}
.applications .applications05 .applications05-box {  margin-top: 60px;  display: flex;  justify-content: space-between;}
@media screen and (max-width: 768px) {  .applications .applications05 .applications05-box {    flex-direction: column;    margin-top: 20px;  }}
.applications .applications05 .applications05-box .left {  flex-basis: 45%;}
.applications .applications05 .applications05-box .right {  flex-basis: 45%;  max-height: 600px;  overflow: auto;  padding-right: 10px;}
@media screen and (max-width: 768px) {  .applications .applications05 .applications05-box .right {    margin-top: 30px;  }}
.applications .applications05 .applications05-box .right .item {  margin-bottom: 50px;}
.applications .applications05 .applications05-box .right .item .icon {  width: 48px;}
.applications .applications05 .applications05-box .right .item .title {  font-size: 24px;  margin: 20px 0;}
@media screen and (max-width: 768px) {  .applications .applications05 .applications05-box .right .item .title {    font-size: 18px;    margin: 10px 0;  }}
.applications .applications05 .applications05-box .right .item .summary {  font-size: 16px;}
@media screen and (max-width: 768px) {  .applications .applications05 .applications05-box .right .item .summary {    font-size: 14px;  }}
.applications .applications06 .applications06-box {  display: flex;  justify-content: space-between;}
@media screen and (max-width: 768px) {  .applications .applications06 .applications06-box {    flex-direction: column;  }}
.applications .applications06 .left {  width: 45%;}
@media screen and (max-width: 768px) {  .applications .applications06 .left {    width: 100%;  }}
.applications .applications06 .left .items {  margin-top: 30px;  display: flex;  flex-direction: column;  position: relative;}
.applications .applications06 .left .items .item {  position: relative;  color: #666;  font-size: 16px;  line-height: 1.6;  padding-left: 40px;  padding-bottom: 30px;}
.applications .applications06 .left .items .item::after {  content: '';  border-radius: 50%;  position: absolute;  top: 0;  left: 11px;  width: 1px;  height: 100%;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img276.png") no-repeat center;}
.applications .applications06 .left .items .item:last-child::after {  display: none;}
.applications .applications06 .left .items .item i {  position: absolute;  background: var(--dominant-color);  border-radius: 50%;  width: 22px;  height: 22px;  left: 0;  top: 0;  z-index: 2;}
.applications .applications06 .left .items .item i::after {  content: '';  background: #fff;  border-radius: 50%;  position: absolute;  top: 0;  left: 0;  width: 6px;  height: 6px;  right: 0;  bottom: 0;  margin: auto;}
.applications .applications06 .right {  width: 45%;}
@media screen and (max-width: 768px) {  .applications .applications06 .right {    width: 100%;    margin-top: 30px;  }}
.applications .applications06 .right .swiper-slide {  border-radius: 10px;  overflow: hidden;}
.applications .applications06 .right .swiper-slide .imgBox {  padding-bottom: 108%;}
.applications .applications06 .swiper-small {  margin-top: 60px;}
.applications .applications06 .swiper-small .swiper-slide {  opacity: 0.5;  border-radius: 10px;  overflow: hidden;}
.applications .applications06 .swiper-small .swiper-slide.swiper-slide-thumb-active {  opacity: 1;}
.applications .applications06 .swiper-small .swiper-slide .imgBox {  padding-bottom: 70%;}


/*产品中心*/
.product-detail {  background: #fff;  margin-bottom: 50px;}
.product-detail .card9 .card9-box {  margin-top: 40px; width:100%;}
.product-detail .card9 .card9-box .item { margin-bottom:20px; height:auto; width:30%; float:left; margin-right:5%;}
.product-detail .card9 .card9-box .item:nth-child(3n){ margin-right:0px;}
.product-detail .card9 .card9-box .item .imgBoxx {border:1px solid rgb(229, 229, 229);}
.product-detail .card9 .card9-box .item .imgBoxx  img{ max-width:100%; height:auto;}
.product-detail .card9 .card9-box .item .title {  font-size:16px;  margin-top: 20px;  color:#000;  transition: all 0.5s; text-align:center;}
@media screen and (max-width: 1366px) {.product-detail .card9 .card9-box .item .title {font-size: 12px;  }}
@media screen and (max-width: 768px) {
.product-detail .card9 .card9-box .item { margin-bottom:20px; height:auto; width:49%; float:left; margin-right:2%;}
.product-detail .card9 .card9-box .item:nth-child(2n){ margin-right:0px;}

}









.product-detail .card1 {  height: 100vh;}
.product-detail .card1 .index-title {  height: 400px;  display: flex;  align-items: center;  z-index: 2;  position: relative;  flex-direction: column;  justify-content: center;}
@media screen and (max-width: 1600px) {  .product-detail .card1 .index-title {    height: 300px;  }}
.product-detail .card1 .img {  position: absolute;  top: 360px;  left: 0;  width: 90%;  max-width: 1600px;  right: 0;  margin: auto;  height: 50%;  border-radius: 10px;  overflow: hidden;}
@media screen and (max-width: 1600px) {  .product-detail .card1 .img {    top: 260px;  }}
.product-detail .card1 .img img {  width: 100vw;  height: 100vh;  object-fit: cover;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;}
.product-detail .card2 {  position: relative;}
@media screen and (max-width: 768px) {  .product-detail .card2 {    margin-top: 60px;  }}
.product-detail .card2 img {  width: 100%;}
@media screen and (max-width: 768px) {  .product-detail .card2 img {    height: 60vh;    object-fit: cover;  }}
.product-detail .card2 .swiper-small {  position: absolute;  left: 0;  bottom: 70px;  right: 0;  z-index: 2;  color: #fff;  font-size: 20px;}
@media screen and (max-width: 768px) {  .product-detail .card2 .swiper-small {    bottom: 20px;  }}
.product-detail .card2 .swiper-small .swiper-slide {  border-bottom: 2px solid rgba(255, 255, 255, 0.2);  text-align: center;  padding-bottom: 20px;  position: relative;  height: auto;}
@media screen and (max-width: 1600px) {  .product-detail .card2 .swiper-small .swiper-slide {    font-size: 14px;  }}
.product-detail .card2 .swiper-small .swiper-slide::after {  content: '';  height: 2px;  width: 0;  position: absolute;  bottom: 0;  left: 0;  background: #fff;}
.product-detail .card2 .swiper-small .swiper-slide.swiper-slide-thumb-active::after {  animation: run 6s linear forwards;}
.product-detail .card3 {  margin-top: 120px;}
@media screen and (max-width: 768px) {  .product-detail .card3 {    margin-top: 60px;  }}
.product-detail .card3 .list {  display: grid;  grid-template-columns: repeat(6, 1fr);  grid-gap: 20px;  margin-top: 60px;  margin-bottom: 3%;}
@media screen and (max-width: 768px) {  .product-detail .card3 .list {    margin-top: 20px;    margin-bottom: 20px;  }}
@media screen and (max-width: 768px) {  .product-detail .card3 .list {    grid-template-columns: repeat(2, 1fr);  }}
.product-detail .card3 .list .item {  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.04);  padding: 40px 20px;  border-radius: 10px;  transition: all 0.5s;}
.product-detail .card3 .list .item .i-text {  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;}
.product-detail .card3 .list .item .i-text .title {  font-size: 24px;  margin-top: 20px;  color: var(--dominant-color);  transition: all 0.5s;}
@media screen and (max-width: 1366px) {  .product-detail .card3 .list .item .i-text .title {    font-size: 18px;  }}
.product-detail .card3 .list .item .i-text .summary {  font-size: 16px;  color: #666;  transition: all 0.5s;  text-align: center;}
@media screen and (max-width: 1366px) {  .product-detail .card3 .list .item .i-text .summary {    font-size: 14px;  }}
.product-detail .card3 .list .item .icon {  transition: all 0.5s;  width: 60px;  margin: auto;  height: 60px;  display: flex;  align-items: center;  justify-content: center;}
@media screen and (max-width: 1366px) {  .product-detail .card3 .list .item .icon {    width: 40px;    height: 40px;  }}
@media screen and (max-width: 768px) {  .product-detail .card3 .list .item .icon {    width: 30px;    height: 30px;  }}
.product-detail .card3 .list .item .icon img {  object-fit: contain;}
.product-detail .card3 .list .item:hover {  transform: translateY(-10px);  background: var(--dominant-color);}
.product-detail .card3 .list .item:hover .icon {  filter: brightness(20);}
.product-detail .card3 .list .item:hover .title,.product-detail .card3 .list .item:hover .summary {  color: #fff;}
.product-detail .card3 .items .items-title {  font-size: 30px;  font-family: Outfit-SemiBold;  text-align: center;  margin-bottom: 30px;}
@media screen and (max-width: 768px) {  .product-detail .card3 .items .items-title {    font-size: 18px;    margin-bottom: 10px;    margin-top: 30px;  }}
.product-detail .card3 .items .item {  border-bottom: 1px solid rgba(0, 0, 0, 0.8);}
.product-detail .card3 .items .item:last-child {  border-bottom: none;}
.product-detail .card3 .items .item .item-title {  display: flex;  justify-content: space-between;  padding: 15px 30px;  background: #222;  font-size: 20px;  color: #fff;  align-items: center;  cursor: pointer;}
@media screen and (max-width: 768px) {  .product-detail .card3 .items .item .item-title {    font-size: 14px;    padding: 5px 20px;  }}
.product-detail .card3 .items .item .item-title i {  margin-top: 2px;  transition: all 0.5s;}
.product-detail .card3 .items .item.active i {  transform: rotate(180deg);}
.product-detail .card3 .items .item:nth-of-type(1) .table {  display: block;}
.product-detail .card3 .items .item .table {  width: 100%;}
.product-detail .card3 .items .item .table table {  width: 100%;}
.product-detail .card3 .items .item .table tbody {  width: 100%;}
.product-detail .card3 .items .item .table tr {  display: flex;  padding: 20px 40px;  min-height: 62px;  font-size: 14px;  line-height: 1.6;  border-bottom: 1px solid #eee;}
@media screen and (max-width: 768px) {  .product-detail .card3 .items .item .table tr {    padding: 10px 10px;    font-size: 12px;    min-height: 30px;  }}
.product-detail .card3 .items .item .table tr:first-child td {  font-weight: bold;}
.product-detail .card3 .items .item .table tr td,.product-detail .card3 .items .item .table tr th {  width: 50%;  text-align: left;  font-size: 16px;  color: #666;}
@media screen and (max-width: 768px) {  .product-detail .card3 .items .item .table tr td:nth-child(1),  .product-detail .card3 .items .item .table tr th:nth-child(1) {    width: 120px;    padding-right: 10px;    font-size: 14px;  }}
.product-detail .card3 .items .item .table tr td:nth-child(2),.product-detail .card3 .items .item .table tr th:nth-child(2) {  width: 50%;}
@media screen and (max-width: 768px) {  .product-detail .card3 .items .item .table tr td:nth-child(2),  .product-detail .card3 .items .item .table tr th:nth-child(2) {    width: calc(100% - 100px);    font-size: 14px;  }}
.product-detail .card4 .card4-box {  display: flex;  justify-content: space-between;}
@media screen and (max-width: 768px) {  .product-detail .card4 .card4-box {    flex-direction: column;  }}
.product-detail .card4 .card4-box .left {  flex-basis: 45%;}
.product-detail .card4 .card4-box .left ul {  padding-left: 20px;  color: #fff;}
.product-detail .card4 .card4-box .left ul li {  list-style: disc;  font-size: 16px;  line-height: 1.6;  margin-bottom: 10px;}
.product-detail .card4 .card4-box .left ul li::marker {  color: var(--dominant-color);}
.product-detail .card4 .card4-box .right {  flex-basis: 45%;  text-align: right;}
@media screen and (max-width: 768px) {  .product-detail .card4 .card4-box .right {    margin-top: 30px;  }}
.product-detail .card4 .card4-box .right img {  animation: fade 3s infinite;}
.product-detail .card5 {  margin-top: 120px;}
.product-detail .card5 .items {  margin-top: 40px;  display: grid;  grid-template-columns: repeat(2, 1fr);  grid-gap: 30px;}
@media screen and (max-width: 768px) {  .product-detail .card5 .items {    grid-template-columns: repeat(1, 1fr);    grid-gap: 20px;  }}
.product-detail .card5 .items .item {  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);  border-radius: 10px;  display: flex;  overflow: hidden;  justify-content: space-between;}
@media screen and (max-width: 768px) {  .product-detail .card5 .items .item {    flex-direction: column-reverse;  }}
.product-detail .card5 .items .item .text {  flex-basis: 45%;  padding: 50px 0 50px 80px;}
@media screen and (max-width: 1366px) {  .product-detail .card5 .items .item .text {    padding: 50px 0 50px 30px;  }}
@media screen and (max-width: 768px) {  .product-detail .card5 .items .item .text {    padding: 20px;  }}
.product-detail .card5 .items .item .text .title {  font-size: 30px;  font-family: Outfit-SemiBold;}
@media screen and (max-width: 1366px) {  .product-detail .card5 .items .item .text .title {    font-size: 18px;  }}
.product-detail .card5 .items .item .text .summary {  margin-top: 20px;  color: #666;  line-height: 1.6;}
.product-detail .card5 .items .item .text .f-more {  margin-top: 30px;}
.product-detail .card5 .items .item .img {  flex: 1;}

/*搜索结果*/
.search .search-box {}
.search .search-box .download-box .item .time {  flex-basis: 180px;}
@media screen and (max-width: 768px) {  .search .search-box .download-box .item .time {    flex-basis: 70px;  }}
.search .search-box .type {  flex-basis: 180px;}
@media screen and (max-width: 768px) {  .search .search-box .type {    flex-basis: 60px;  }}

.messages {  margin-top: 50px;}
.messages .title {  font-size: 24px;  margin-bottom: 20px;  text-align: center;}
@media screen and (max-width: 1600px) {  .messages .title {    font-size: 20px;  }}
@media screen and (max-width: 768px) {  .messages .title {    font-size: 16px;  }}
.messages form {  display: flex;  flex-wrap: wrap;}
.messages label {  display: block;  width: calc((100% - 10px) / 2);  margin-right: 10px;  margin-bottom: 10px;}
@media screen and (max-width: 768px) {  .messages label {    width: 100%;    margin-right: 0;    margin-bottom: 10px;  }}
.messages label:last-of-type {  width: 100%;  margin-right: 0;  margin-bottom: 10px;}
.messages label:nth-of-type(even) {  margin-right: 0;}
.messages label textarea {  height: 160px;  border: 1px solid #eee;}
.messages label input {  width: 100%;  height: 50px;  border: 1px solid #eee;}
.messages button {  height: 50px;  width: 100%;  margin-top: 10px;  color: #fff;  transition: all 0.5s;  font-size: 16px;  background: #999;}
.messages button:hover {  background: var(--dominant-color);}
.page-top {  display: flex;  align-items: flex-start;  justify-content: space-between;  flex-direction: column;}
@media screen and (max-width: 768px) {  .page-top {    justify-content: center;  }}
.page-menu2 {  width: 100%;}
.page-menu2 .section {  display: flex;  align-items: center;  justify-content: center;}
.page-menu2 a {  font-size: 18px;  position: relative;  height: 70px;  display: flex;  align-items: center;  padding-right: 30px;  width: 100%;  border-bottom: 1px solid #eee;}
@media screen and (max-width: 768px) {  .page-menu2 a {    padding: 10px 10px;    font-size: 14px;  }}
.page-menu2 a:hover,.page-menu2 a.active {  color: var(--dominant-color);  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img73.png") no-repeat center right;}
.page-menu2 a:hover::after,.page-menu2 a.active::after {  width: 100%;}
.page-menu2 a:first-child::before {  display: none;}
.page-menu2 a::after {  content: '';  position: absolute;  left: 0;  bottom: 0;  margin: auto;  height: 2px;  background: var(--dominant-color);  width: 0;  transition: all 0.3s;}
.page-menu2 a::before {  position: absolute;  left: 0;  height: 16px;  width: 1px;  background: #ccc;  top: 0;  bottom: 0;  margin: auto;}#messages {  scroll-margin: 90px;}/*20241113*/.searchtit{text-align: right;font-size: 24px;color: #111111;}
.searchtit span{display: inline-block;font-family: Outfit-SemiBold;color: #eb1111;}
.searchlist{margin-top: 50px;}
.searchlist ul li{padding-bottom: 40px;margin-bottom: 40px;border-bottom: #e9e9e9 solid 1px;}
.searchlist ul li .t1{font-family: Outfit-SemiBold;color: #000000;font-size: 14px;text-transform: uppercase;}
.searchlist ul li .t2{position: relative;padding-left: 15px;margin-top: 12px;font-family: Outfit-SemiBold;color: #b72a30;font-size: 16px;}
.searchlist ul li .t2 i{position: absolute;left: 0;top: 3px;display: inline-block;width: 8px;height: 14px;background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img286.png") left center no-repeat;background-size: 100%;}
.searchlist ul li .t3{color: #111111;font-size: 16px;line-height: 1.7;margin-top: 18px;}
@media screen and (max-width: 768px) {.searchtit{	font-size: 20px;}
.searchlist{	margin-top: 30px;}
.searchlist ul li{	padding-bottom: 20px;	margin-bottom: 20px;}
.searchlist ul li .t2{	margin-top: 8px;	padding-left: 12px;}
.searchlist ul li .t2 i{	width: 6px;}
.searchlist ul li .t3{	font-size: 14px;	margin-top: 12px;}}/*20241121*/.about .about02 .about02-4 .items .item{position: relative;width: 358px;height: 262px;}
.about .about02 .about02-4 .items .item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.about .about03 .about03-2 .top{justify-content: flex-end;}
.about .about03 .about03-2 .top .item .img, .about .about03 .about03-2 .bottom .item .img{display: flex;justify-content: center;height: 140px;}
.exhibition .exhibition-box .item .top .left img{max-height: 25px;}
.about .about01 .about01-4 .about01-4-box .item .text .summary{max-height: 100%;overflow: hidden;}
.about .about01 .about01-4 .about01-4-box .item{position: relative;}
.about .about01 .about01-4 .about01-4-box .item .text::before {    content: '';    width: 100%;    height: 100%;    position: absolute;    left: 0;    bottom: 0;z-index: -1;    transition: all 0.5s;    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.about .about01 .about01-4 .about01-4-box .item:hover .text::before{opacity: 0;}
.about .about01 .about01-3 .about01-3-box .points .point{animation: opacity 3s infinite linear;}
.about .about01 .about01-1 .left::after{display: none;} .about .about01 .about01-2 .top .swiper-slide.swiper-slide{pointer-events: auto;-webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;    user-select: none;}
.about .about01 .about01-3 .about01-3-box .points .point span{display: inline-block;pointer-events: auto;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item2 {  right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item3 {  right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item4 {  right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item5 {  right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item6 {top: 15.5%;  right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item7 {  right: 15%;}
.about .about01 .about01-1 video{/*left: 0;*/}
.about .about01 .about01-1 video{display: block;width: 45%;z-index: -99;visibility: hidden;opacity: 0;pointer-events: none;transition: width 1.5s ease;top: 50%;transform: translateY(-50%);right: 0;}
@media screen and (max-width: 1024px){.about .about03 .about03-2 .top .item .img, .about .about03 .about03-2 .bottom .item .img{	height: 110px;}}
@media screen and (max-width: 768px){.about .about01 .about01-3 .about01-3-box .points .point::after{	display: none;}}/*20241125*/.applications .applications04 .applications04-box .swiper .swiper-slide {border-radius: 10px;  background: #ffffff;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary-box{width: 100%;}
.applications .applications04 .applications04-box .swiper .swiper-slide:hover .text .summary-box{max-height: 200%;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary{box-sizing: border-box;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary{/*will-change: transform;*/transition: all 0s;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary:after{content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(255,255,255,0.1);backdrop-filter: blur(5px);border-radius: 10px;}
.product-detail .features .product-detail-top .list3 .item .icon{flex-shrink: 0;}
.product-detail .features .product-detail-top .list3 .item .icon img{width: 100%;}
.applications .applications05 .applications05-box .right .item .icon img{width: 100%;}
.searchlist{display: flex;justify-content: flex-start;align-items: flex-start;}
.searchlist .left_w{min-width: 190px;max-width: 26.5625%;padding-right: 2.5%;box-sizing: border-box;}
.searchlist .left_w dl dd{margin-bottom: 24px;}
.searchlist .left_w dl dd a{display: inline-block;max-width: 100%;font-family: Outfit-SemiBold;color: #111111;font-size: 20px;transition: all 0.5s ease;}
.searchlist .left_w dl dd.on a,.searchlist .left_w dl dd a:hover{color: #bc2b31;text-decoration: underline;}
.searchlist .right_w{width: 73.4375%;}
@media screen and (min-width: 1025px){.applications .applications02 .applications02-box{	flex-wrap: wrap;	justify-content: flex-start;}
.applications .applications02 .applications02-box .item{	max-width: calc((100% - 100px) / 6);	min-width: calc((100% - 120px) / 7);}}
@media screen and (max-width: 1920px) and (min-width: 1025px){.applications .applications04 .applications04-box .swiper .swiper-slide .text{    padding: 0 2.083333333333333vw 2.083333333333333vw;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary{	font-size: 16px;	padding: 2.083333333333333vw;}
.product-detail .features .product-detail-top .list3 .item .icon{	flex-basis: 2.291666666666667vw;}
.product-detail .features .product-detail-top .list3 .item .value{	margin-left: 1vw;}}
@media screen and (max-width: 1024px){.applications .applications02 .applications02-box{	flex-wrap: wrap;	justify-content: flex-start;	display: grid;  grid-template-columns: repeat(3, 1fr); }
.applications .applications02 .applications02-box .item{	max-width: 100%;	min-width: 100%;}
.searchlist{	flex-wrap: wrap;}
.searchlist .left_w{	width: 100%;	max-width: 100%;}
.searchlist .left_w dl{	display: flex;	justify-content: flex-start;	align-items: center;	overflow-x: scroll;	overflow-y: hidden;	white-space: nowrap;	gap: 30px;}
.searchlist .left_w dl::-webkit-scrollbar {	width: 0px;	height: 0px;}
.searchlist .left_w dl::-webkit-scrollbar-button {	background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-track {	background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-track-piece {	background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-thumb {	background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-corner {	background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-resizer {	background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar {	width: 0px;	height: 0px;}
.searchlist .left_w dl dd{	margin-bottom: 0;}
.searchlist .right_w{	width: 100%;	margin-top: 40px;}
.product-detail .features .product-detail-top .list3 .item .icon{	flex-basis: 36px;}
.product-detail .features .product-detail-top .list3 .item .value{	margin-left: 15px;}}
@media screen and (max-width: 768px){.applications .applications02 .applications02-box{	display: grid;  grid-template-columns: repeat(2, 1fr); }
.product-detail .features .product-detail-top .list3{	padding: 20px;	border-radius: 30px;}
.product-detail .features .product-detail-top .list3 .item{	justify-content: flex-start;}
.product-detail .features .product-detail-top .list3 .item .icon{	flex-basis: 30px;}
.product-detail .features .product-detail-top .list3 .item .value{	margin-left: 10px;}}
@media screen and (max-width: 480px){.searchlist .left_w dl dd a{	font-size: 18px;}
.product-detail .features .product-detail-top .list3{	padding: 10px;}
.product-detail .features .product-detail-top .list3 .item .icon{	flex-basis: 28px;}
.product-detail .features .product-detail-top .list3 .item .value{	margin-left: 8px;}}
/*20241126*/
.page-menu2 a{font-size: 20px;}
@media screen and (max-width: 1920px) and (min-width: 1025px){.page-menu2 a{	font-size: 1.04vw;}}
/*20241206*/
.about .about03 .about03-5 .about03-6-box .swiper .swiper-wrapper.center{justify-content: center;}li,.index-title .summary2 li{list-style: initial;}
.searchlist ul li,.about .about02 .about02-4 .items .item,.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li{list-style: none;}
/*# sourceMappingURL=index.css.map */
/*20241231*/
.sidebar {position: fixed;right: 50px;bottom: 80px;z-index: 12;}
.sidebar ul{padding: 0;}
.sidebar ul li {list-style: none;margin-bottom: 10px;}
.sidebar ul li a {position: relative;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: 25px;background: var(--dominant-color);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.sidebar ul li.on a,.sidebar ul li:hover a {background: var(--dominant-color);}
.sidebar ul li a span {position: relative;display: flex;}
.sidebar ul li a img {max-width: 46%;}
.sidebar ul li.istop a img{-webkit-transition: none;transition: none;}
.sidebar ul li.istop a {background: var(--dominant-color);}
.sidebar ul li .popupdiv{position: absolute;right: 100%;bottom: 0;z-index: 11;padding-right: 2px;display: none;padding-right: 30px;padding-top: 50px;box-sizing: border-box;}
.sidebar ul li .popupdiv .close1{position: absolute;right: 0;top: 0;z-index: 5;width: 26px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.sidebar ul li .popupdiv .close1 img{max-width: 100%;}
.sidebar ul li .popupdiv .layui-form{width: 340px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 5px;padding: 35px;background: #FFFFFF;box-sizing: border-box;}
.sidebar ul li .popupdiv .layui-form-item{margin-bottom: 15px;}
.sidebar ul li .popupdiv .layui-form-item:last-child{margin-bottom: 0;}
.sidebar ul li .popupdiv .layui-input-block{width: 100%;overflow: hidden;margin: 0;}
.sidebar ul li .popupdiv .layui-input-block .layui-input{display: block;width: 100%;height: 40px;background: none;border: none;color: #aaaaaa;font-size: 16px;padding: 0px 15px;border: #e9e9e9 solid 1px;box-sizing: border-box;overflow: hidden;text-indent: 0;border-radius: 6px;}
.sidebar ul li .popupdiv .layui-input-block .layui-textarea{display: block;width: 100%;height: 100px;padding: 15px;background: none;color: rgba(0,0,0,0.6);font-size: 16px;border: #e9e9e9 solid 1px;box-sizing: border-box;overflow: hidden;text-indent: 0;border-radius: 6px;}
.sidebar ul li .popupdiv .layui-input-block .layui-input::-webkit-input-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea::-webkit-input-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-input:-moz-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea:-moz-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-input::-moz-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea::-moz-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-input:-ms-input-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea:-ms-input-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-btn{width: 100%;height: 40px;background: var(--dominant-color);border: none;color: #FFFFFF;font-size: 16px;border-radius: 6px;}
@media screen and (max-width: 1600px) {.sidebar {	right: 40px;	bottom: 60px;}
.sidebar ul li a {	width: 44px;	height: 44px;	border-radius: 22px;}
.sidebar ul li .popupdiv{	padding-top: 40px;}
.sidebar ul li .popupdiv .layui-form{	width: 320px;	padding: 25px;}
.sidebar ul li .popupdiv .layui-form-item{	margin-bottom: 15px;}
.sidebar ul li .popupdiv .layui-form-item:last-child{	margin-bottom: 0;}}
@media screen and (max-width: 991px) {.sidebar {	right: 20px;	bottom: 50px;}
.sidebar ul li .popupdiv{	padding-right: 30px;	padding-top: 20px;}}
@media screen and (max-width: 640px) {.sidebar{	right: 15px;}
.sidebar ul li a{	width: 36px;	height: 36px;}
.sidebar ul li .popupdiv .close1{	right: -15px;}
.sidebar ul li .popupdiv{	padding-right: 15px;}
.sidebar ul li .popupdiv .layui-form{	width: calc(100vw - 90px);}}
.add-details{margin-top: 5%;padding-top: 30px;padding-bottom: 30px;color: rgba(0,0,0,0.6);font-size: 16px;line-height: 2;}
.add-details h3{color: #000000;font-size: 24px;}
@media screen and (max-width: 640px) {.add-details{	font-size: 14px;}
.add-details h3{	font-size: 20px;}}
.detailnav{position: sticky;left: 0;top: 90px;z-index: 5;width: 100%;background: var(--dominant-color);}
.detailnav ul{display: flex;padding: 15px 0px;}
.detailnav ul li{list-style: none;display: flex;align-items: center;height: 40px;color: #FFFFFF;font-size: 20px;padding: 0px 20px;margin-right: 20px;cursor: pointer;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;border-radius: 20px;}
.detailnav ul li:hover,.detailnav ul li.active{background: #FFFFFF;color: var(--dominant-color);}
@media screen and (max-width: 1024px) {.detailnav{	top: 60px;}
.detailnav ul{	padding: 12px 0px;	overflow-x: auto;}
.detailnav ul li{	height: 36px;	font-size: 18px;	margin-right: 10px;}}
@media screen and (max-width: 640px) {.detailnav ul{	padding: 10px 0px;}
.detailnav ul li{	height: 30px;	font-size: 16px;	padding: 0px 14px;	margin-right: 5px;}}
@media screen and (max-width: 480px) {.detailnav ul li{	font-size: 14px;	padding: 0px 12px;}}
.product-detail .card3 .items .item .table tr{display: table-row;width: 100%;}
.product-detail .card3 .items .item .table tr td, .product-detail .card3 .items .item .table tr th{padding-top: 10px;padding-bottom: 10px;}
.product-detail .card3 .items .item .table tr td{width: 65%;}
.product-detail .card3 .items .item .table tr td:first-child{width: 35%;}
.product-detail .features .product-detail-top .p-right .text .tip{line-height: 2;}
.about .about03 .about03-1 .img .imgli{display: none;}
.about .about03 .about03-1 .img .imgli.active{display: block;}
.about .about01 .about01-3 .about01-3-box .points .point.point6 span{top: 5px;}
.applications .applications03 .applications03-box .img{text-align: center;}
@media screen and (max-width: 768px){.applications .applications03 .applications03-box .img img{	width: 100%;}}
.applications .applications03 .applications03-box .picbox{position: relative;}
.applications .applications03 .applications03-box.structure1 .points .point.point1 {    left: 61%;    top: 29%;}
.applications .applications03 .applications03-box.structure1 .points .point.point2 {    left: 4%;    bottom: auto;    top: 31.5%;}
.applications .applications03 .applications03-box.structure1 .points .point.point3{  left: auto;    right: 19%;    bottom: 0;    top: 22.5%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{  top: 28.5%;    right: 9%;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{  right: 22%;    top: 63%;}
.applications .applications03 .applications03-box.structure1 .text-box .item1{top: 17%;  width: 53%;  background: url(../images/img249a.png) no-repeat center right;}
.applications .applications03 .applications03-box.structure1 .text-box .item2{top: 33%;  width: 31%;  height: 1px;  background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png") no-repeat center right;}
.applications .applications03 .applications03-box.structure1 .text-box .item3{text-align: right;top: 24%;left: auto;right: 0;width: 39%;height: 1px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item3 .summary{right: 0;max-width: 310px;}
.applications .applications03 .applications03-box.structure1 .text-box .item4{	top: 30%;	right: 0;    width: 35%;    height: 102px;    background: url(../images/img249b.png) no-repeat center left;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .title{	top: 55px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .summary{top: 116px;}
.applications .applications03 .applications03-box.structure1 .text-box .item5{  top: 58%;  right: 0;    width: 40%;	height: 102px;	background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png") no-repeat center right;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item5 .title{	top: 0;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item5 .summary{	top: 68px;}
@media screen and (max-width: 1600px) {.applications .applications03 .applications03-box.structure1 .points .point.point1{	left: 59%;    top: 30%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{	right: 5%;}
.applications .applications03 .applications03-box.structure1 .text-box .item4{	width: 33%;}}
@media screen and (max-width: 1024px) {.applications .applications03 .applications03-box .text-box .item .title{	font-size: 20px;}
.applications .applications03 .applications03-box .text-box .item .summary{	font-size: 14px;}
.applications .applications03 .applications03-box.structure1 .text-box .item1{	top: 11%;}
.applications .applications03 .applications03-box.structure1 .text-box .item .summary,.applications .applications03 .applications03-box.structure1 .text-box .item.item3 .summary{	max-width: 280px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4{	width: 36%;	height: 80px;    background: url(../images/img249b.png) no-repeat bottom left;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .title{	top: 36px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .summary{	top: 92px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item5 .title{	top: 15px;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{	top: 66%;}}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box.structure1 .points .point.point1{	left: 61%;    top: 29%;}
.applications .applications03 .applications03-box.structure1 .points .point.point3{	right: 16%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{	right: 7%;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{	top: 62%;	right: 32%;}}
@media screen and (max-width: 640px) {.applications .applications03 .applications03-box.structure1 .points .point.point1{	left: 60%;}  .applications .applications03 .applications03-box.structure1 .points .point.point3 {    right: 14%;    top: 19%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{	right: 4%;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{	right: 22%;}}/*structure2*/.applications .applications03 .applications03-box.structure2 .points .point.point1{top: 10%;}
.applications .applications03 .applications03-box.structure2 .points .point.point2{left: 40%;  bottom: 50%;}
.applications .applications03 .applications03-box.structure2 .points .point.point3{left: 19%;}
.applications .applications03 .applications03-box.structure2 .points .point.point4{  right: 21%;    top: 31%;}
.applications .applications03 .applications03-box.structure2 .points .point.point5{  right: 16%;    top: 77%;}
.applications .applications03 .applications03-box.structure2 .text-box .item1{top: 12%;height: 1px;background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png") repeat-x center right;}
.applications .applications03 .applications03-box.structure2 .text-box .item2{top: 48%;width: 45%;height: 1px;background: url("https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png") repeat-x center right;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure2 .text-box .item3{width: 37%;}
.applications .applications03 .applications03-box.structure2 .text-box .item4{  top: 24%;    width: 38%;    background: url(https://test270.fwwl.net/guxin/public/static/home/css/../images/img252.png) no-repeat top left;    background-size: 100% auto;}
.applications .applications03 .applications03-box.structure2 .text-box .item5{  top: 71%;    width: 36%;}
@media screen and (max-width: 1024px) {.applications .applications03 .applications03-box.structure2 .text-box .item .summary{	max-width: 250px;}}
.applications .applications03 .applications03-box.structure3 .points .point.point1{  left: 54%;    top: 43%;}
.applications .applications03 .applications03-box.structure3 .points .point.point2{	bottom: 22%;	left: 10%;}
.applications .applications03 .applications03-box.structure3 .points .point.point3{left: auto;bottom: auto;right: 11%;  top: 22%;}
.applications .applications03 .applications03-box.structure3 .points .point.point4{right: 16%;  top: 44%;}
.applications .applications03 .applications03-box.structure3 .points .point.point5{right: 35%;  top: 71%;}
.applications .applications03 .applications03-box.structure3 .text-box .item1{top: 30%;  width: 53%;background: url(https://test270.fwwl.net/guxin/public/static/home/css/../images/img249.png) no-repeat top right;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure3 .text-box .item2{top: 72%;width: 33%;background: url(https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png) no-repeat center right;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item2 .title{top: -20px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item2 .summary{top: 36px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item3{top: 24%;left: auto;right: 0;text-align: right;width: 36%;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item3 .summary{right: 0;}
.applications .applications03 .applications03-box.structure3 .text-box .item4{top: 42%;width: 36%;background: url(https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png) no-repeat center left;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item4 .title{top: -20px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item4 .summary{top: 36px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item5{  top: 73%;    width: 43%;    height: 1px;    background: url(https://test270.fwwl.net/guxin/public/static/home/css/../images/img251.png) no-repeat center left;	background-size: 100% auto;}
@media screen and (max-width: 1600px) {.applications .applications03 .applications03-box.structure3 .text-box .item1{	top: 27%;}
.applications .applications03 .applications03-box.structure3 .points .point.point1 {    left: 56%;    top: 42%;}
.applications .applications03 .applications03-box.structure3 .text-box .item .summary{	max-width: 280px;}}
.sidebar {position: fixed;right: 50px;bottom: 80px;z-index: 12;}
.sidebar ul{padding: 0;}
.sidebar ul li {list-style: none;margin-bottom: 10px;}
.sidebar ul li a {position: relative;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: 25px;background: var(--dominant-color);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.sidebar ul li.on a,.sidebar ul li:hover a {background: var(--dominant-color);}
.sidebar ul li a span {position: relative;display: flex;}
.sidebar ul li a img {max-width: 46%;}
.sidebar ul li.istop a img{-webkit-transition: none;transition: none;}
.sidebar ul li.istop a {background: var(--dominant-color);}
.sidebar ul li .popupdiv{position: absolute;right: 100%;bottom: 0;z-index: 11;padding-right: 2px;display: none;padding-right: 30px;padding-top: 50px;box-sizing: border-box;}
.sidebar ul li .popupdiv .close1{position: absolute;right: 0;top: 0;z-index: 5;width: 26px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.sidebar ul li .popupdiv .close1 img{max-width: 100%;}
.sidebar ul li .popupdiv .layui-form{width: 340px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 5px;padding: 35px;background: #FFFFFF;box-sizing: border-box;}
.sidebar ul li .popupdiv .layui-form-item{margin-bottom: 15px;}
.sidebar ul li .popupdiv .layui-form-item:last-child{margin-bottom: 0;}
.sidebar ul li .popupdiv .layui-input-block{width: 100%;overflow: hidden;margin: 0;}
.sidebar ul li .popupdiv .layui-input-block .layui-input{display: block;width: 100%;height: 40px;background: none;border: none;color: #aaaaaa;font-size: 16px;padding: 0px 15px;border: #e9e9e9 solid 1px;box-sizing: border-box;overflow: hidden;text-indent: 0;border-radius: 6px;}
.sidebar ul li .popupdiv .layui-input-block .layui-textarea{display: block;width: 100%;height: 100px;padding: 15px;background: none;color: rgba(0,0,0,0.6);font-size: 16px;border: #e9e9e9 solid 1px;box-sizing: border-box;overflow: hidden;text-indent: 0;border-radius: 6px;}
.sidebar ul li .popupdiv .layui-input-block .layui-input::-webkit-input-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea::-webkit-input-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-input:-moz-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea:-moz-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-input::-moz-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea::-moz-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-input:-ms-input-placeholder,.sidebar ul li .popupdiv .layui-input-block .layui-textarea:-ms-input-placeholder{  color: #aaaaaa;}
.sidebar ul li .popupdiv .layui-input-block .layui-btn{width: 100%;height: 40px;background: var(--dominant-color);border: none;color: #FFFFFF;font-size: 16px;border-radius: 6px;}
@media screen and (max-width: 1600px) {.sidebar {	right: 40px;	bottom: 60px;}
.sidebar ul li a {	width: 44px;	height: 44px;	border-radius: 22px;}
.sidebar ul li .popupdiv{	padding-top: 40px;}
.sidebar ul li .popupdiv .layui-form{	width: 320px;	padding: 25px;}
.sidebar ul li .popupdiv .layui-form-item{	margin-bottom: 15px;}
.sidebar ul li .popupdiv .layui-form-item:last-child{	margin-bottom: 0;}}
@media screen and (max-width: 991px) {.sidebar {	right: 20px;	bottom: 50px;}
.sidebar ul li .popupdiv{	padding-right: 30px;	padding-top: 20px;}}
@media screen and (max-width: 640px) {.sidebar{	right: 15px;}
.sidebar ul li a{	width: 36px;	height: 36px;}
.sidebar ul li .popupdiv .close1{	right: -15px;}
.sidebar ul li .popupdiv{	padding-right: 15px;}
.sidebar ul li .popupdiv .layui-form{	width: calc(100vw - 90px);}}



/*产品列表*/
.service { overflow: hidden;}
.service .service2 .items {margin-top: 40px;display: flex;grid-gap: 2.604vw;flex-direction: column;}
.service .service2 .items .item {display: flex;border-radius: 10px;overflow: hidden;align-items: center; background:#eeeeee;}
@media screen and (max-width: 768px) {.service .service2 .items .item {flex-direction: column-reverse !important;}}
.service .service2 .items .item .text,.service .service2 .items .item .img {flex-basis:40%;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text,.service .service2 .items .item .img {width: 100%;}}
.service .service2 .items .item .text {padding: 20px 50px;flex-basis:60%;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text {padding: 20px;}}
.service .service2 .items .item .text .title {font-size:36px; font-weight:bold;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text .title { font-size: 16px;}}
.service .service2 .items .item .text .summary {font-size:18px;color: #000;margin-top: 30px;line-height: 1.6;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text .summary {font-size: 14px;}}
.service .service2 .items .item .text .list {display: flex;flex-wrap: wrap;grid-gap: 20px;margin-top: 30px; line-height:40px;color: #666;font-size:18px; background: url(../images/cpys.png) left top repeat-y; padding-left:40px;}
.service .service2 .items .item .text .list-more {margin-top: 50px; background:url(../images/cpl.png) no-repeat; width:47px; height:47px; display:inline-block;}
@media screen and (max-width: 768px) {
.service .service2 .items .item .text .list {font-size:14px; width:60%; overflow:hidden;float:left;}
.service .service2 .items .item .text .list-more {margin-top: 60px; float:right;}}
.service .service2 .items .item .img {border-radius: 10px; overflow: hidden;}
.service .service2 .items .item .img .imgBox {padding-bottom: 66%;}
.service .service2 .items .item:nth-child(even) {flex-direction: row-reverse;}