@charset "utf-8";
.gs-banner-1 {
  width: 100%;
  height: calc(100vh - 70px);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.gs-banner-1 .swiper-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
.gs-banner-1 .swiper-box .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: #000000;
  overflow: hidden;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info {
  width: 100%;
  height: 100%;
  padding-top: 70px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .gs-banner-1 .swiper-box .swiper-slide .banner-info {
    padding-top: 60px;
  }
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box {
  width: 100%;
  height: auto;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title {
  width: 100%;
  height: auto;
  font-size: var(--font-size1);
  color: #FFFFFF;
}
@media (max-width: 1580px) {
  .gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title {
    font-size: 54px;
  }
}
@media (max-width: 1260px) {
  .gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title {
    font-size: 48px;
  }
}
@media (max-width: 991px) {
  .gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title {
    font-size: 32px;
  }
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .details {
  width: 100%;
  height: auto;
  margin-top: 0.1rem;
  font-size: var(--font-size6);
  line-height: 1.625;
  color: #FFFFFF;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more {
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
  display: flex;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more {
  width: auto;
  height: 0.6rem;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 2em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .word {
  font-weight: bold;
  font-size: var(--font-size8);
  color: #FFFFFF;
  transition: all 0.5s ease;
  line-height: 1.5;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .arrow {
  width: 9px;
  height: 9px;
  font-size: 0;
  margin-left: 10px;
  color: #FFFFFF;
  transition: all 0.5s ease;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .arrow svg {
  width: 100%;
  height: 100%;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .arrow svg path {
  fill: currentColor;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more:hover {
  background: var(--color);
  border-color: transparent;
}
.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more + .idx-more {
  margin-top: 0.2rem;
}
.gs-banner-1 .swiper-box .swiper-slide::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: #000000;
  opacity: 0.2;
}
.gs-banner-1 .swiper-box .swiper-slide .images {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.gs-banner-1 .swiper-box .swiper-slide .images picture {
  width: 100%;
  height: 100%;
}
.gs-banner-1 .swiper-box .swiper-slide .images img,
.gs-banner-1 .swiper-box .swiper-slide .images video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gs-banner-1 .pager-box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 1rem;
  z-index: 10;
}
.gs-banner-1 .pager-box .pager {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gs-banner-1 .pager-box .pager span {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1;
  border-radius: 0;
  background: transparent;
  font-size: var(--font-size8);
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.gs-banner-1 .pager-box .pager span::before,
.gs-banner-1 .pager-box .pager span::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -10px;
  background: #FFFFFF;
}
.gs-banner-1 .pager-box .pager span::after {
  width: 0;
  height: 2px;
  transition: all 0.5s ease;
}
.gs-banner-1 .pager-box .pager span.active {
  opacity: 1;
}
.gs-banner-1 .pager-box .pager span.active::after {
  width: 100%;
}
.gs-banner-1 .pager-box .pager span + span {
  margin-left: 0.8rem;
}
@media (max-width: 991px) {
  .gs-banner-1 {
    height: calc(100vh - 60px);
  }
}

 
@charset "utf-8";@keyframes grow{0%{transform:scale(1.2);opacity:0}100%{transform:scale(1);opacity:1 }}.gs-product-2{width:100%;height:auto;margin:1.2rem 0;overflow:hidden}.gs-product-2 .product-box{width:100%;height:auto}.gs-product-2 .product-box .product-head{width:100%;height:auto;position:relative;z-index:1}.gs-product-2 .product-box .product-head .idx-title{width:100%;height:auto}.gs-product-2 .product-box .product-head .idx-title .title{width:100%;height:auto;font-weight:bold;font-size:var(--font-size2);color:#333333}.gs-product-2 .product-box .product-head .idx-title .details{width:100%;height:auto;margin-top:.1rem;font-size:var(--font-size7);color:#999999}.gs-product-2 .product-box .product-head .swiper-navigation{width:auto;height:auto;position:absolute;right:0;top:50%;z-index:10;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.gs-product-2 .product-box .product-head .swiper-navigation .swiper-btn{width:.5rem;height:.5rem;position:relative;z-index:1;border-radius:50%;pointer-events:auto;cursor:pointer;overflow:hidden}.gs-product-2 .product-box .product-head .swiper-navigation .swiper-btn::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;box-sizing:border-box;border:2px solid rgba(0,0,0,0.05);border-radius:50%;color:#222222;transition:all .5s ease}.gs-product-2 .product-box .product-head .swiper-navigation .swiper-btn svg{width:100%;height:100%}.gs-product-2 .product-box .product-head .swiper-navigation .swiper-btn:hover{color:#FFFFFF}.gs-product-2 .product-box .product-head .swiper-navigation .swiper-btn:hover::after{border-color:transparent;background:var(--color)}.gs-product-2 .product-box .product-head .swiper-navigation .swiper-btn.swiper-button-disabled{opacity:.5;pointer-events:none}.gs-product-2 .product-box .product-head .swiper-navigation .swiper-btn.next{margin-left:10px}@media (max-width: 991px){.gs-product-2 .product-box .product-head{display:flex}.gs-product-2 .product-box .product-head .idx-title{flex:1;margin-right:30px;text-align:left}.gs-product-2 .product-box .product-head .swiper-navigation{position:relative;top:0;transform:translateZ(0) }}.gs-product-2 .product-box .product-main{width:100%;height:auto;margin-top:.6rem;position:relative;z-index:1}.gs-product-2 .product-box .product-main::after{content:'';width:100%;height:0;padding-top:44.76190476%;display:block}.gs-product-2 .product-box .product-main .product-grid{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);grid-gap:28px;overflow:hidden}.gs-product-2 .product-box .product-main .product-grid .swiper-box{width:100%;height:100%;background:#EEEEEE;border-radius:10px;overflow:hidden}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-wrapper{height:100%}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide{width:100%;height:auto;position:relative;z-index:1;background:#EEEEEE;overflow:hidden}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide.active{z-index:5}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide.active *{pointer-events:auto}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a{width:100%;height:100%;display:flex;align-items:center}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .img-box{width:100%;height:auto;position:relative;overflow:hidden}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .img-box svg{width:100%;height:auto}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .img-box .img{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .img-box .img img{max-width:100%;max-height:100%;transition:all .5s ease}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .info{width:100%;height:auto;position:relative;z-index:10}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .info .title{width:100%;height:auto;font-weight:bold;font-size:var(--font-size3);color:#222222;line-height:1.25;transition:all .5s ease;overflow:hidden}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .info .details{width:100%;height:auto;margin-top:.4em;font-size:var(--font-size8);color:#666666;line-height:1.625;overflow:hidden}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .info .more{width:100%;height:auto;margin-top:.2rem;display:flex;align-items:baseline}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .info .more span{font-weight:bold;font-size:var(--font-size9);color:var(--color);transition:all .5s ease}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .info .more i{width:7px;height:10px;font-size:0;margin-left:10px;color:var(--color);transition:all .25s ease}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide a .info .more i svg{width:100%;height:100%}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide:hover a .img-box .img img{transform:scale(1.02)}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide:hover a .info .title{color:var(--color)}.gs-product-2 .product-box .product-main .product-grid .swiper-box .swiper-slide:hover a .info .more i{transform:translateX(50%)}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child{grid-row:1 / -1}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child a{flex-direction:column;justify-content:space-between}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child a .img-box{width:80%;max-width:580px}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child a .info{padding:.2rem .5rem .5rem}.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-middle a,.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-last a{padding:0 .5rem}.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-middle a .info,.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-last a .info{width:50%;padding-right:.5rem}.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-middle a .img-box,.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-last a .img-box{width:50%;height:100%;order:2;overflow:hidden}.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-middle a .img-box svg,.gs-product-2 .product-box .product-main .product-grid .swiper-box.swiper-box-last a .img-box svg{width:auto;height:100%}@media (max-width: 1260px){.gs-product-2 .product-box .product-main .product-grid{grid-gap:18px }}@media (max-width: 767px){.gs-product-2 .product-box .product-main::after{display:none}.gs-product-2 .product-box .product-main .product-grid{display:block;position:relative}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child{background:none}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child .swiper-slide{height:auto;border-radius:10px}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child .swiper-slide a{display:block}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child .swiper-slide .img-box{position:relative;margin:0 auto}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child .swiper-slide .info{position:relative;padding:0 20px 30px;text-align:center}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child .swiper-slide .info .ani{visibility:visible}.gs-product-2 .product-box .product-main .product-grid .swiper-box:first-child .swiper-slide .info .more{justify-content:center }}
 
@charset "utf-8";
.gs-service-4 {
  margin: 1.2rem 0;
}
.gs-service-4 .x-con .x-title {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: var(--font-size2);
  color: var(--color1);
}
.gs-service-4 .x-con ul {
  display: flex;
  justify-content: space-between;
  margin-top: 0.45rem;
}
@media (max-width: 767px) {
  .gs-service-4 .x-con ul {
    flex-wrap: wrap;
    margin-top: 0.3rem;
  }
}
.gs-service-4 .x-con ul li {
  width: 50%;
  margin-right: 12px;
  height: 7rem;
  cursor: pointer;
  position: relative;
  transition: 0.4s all;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .gs-service-4 .x-con ul li {
    height: 7rem;
  }
}
@media (max-width: 767px) {
  .gs-service-4 .x-con ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.gs-service-4 .x-con ul li:last-child {
  margin-right: 0;
}
.gs-service-4 .x-con ul li.on {
  width: 44.79%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .gs-service-4 .x-con ul li.on {
    width: 100%;
  }
}
.gs-service-4 .x-con ul li.on .x-tit {
  opacity: 0;
}
.gs-service-4 .x-con ul li.on .x-text {
  opacity: 1;
  transition: 0.4s 0.4s all;
}
.gs-service-4 .x-con ul li::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.gs-service-4 .x-con ul li .x-img {
  width: 100%;
  height: 100%;
}
.gs-service-4 .x-con ul li .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gs-service-4 .x-con ul li .x-tit {
  font-size: var(--font-size6);
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0.2rem 0.2rem;
  z-index: 5;
}
@media (max-width: 767px) {
  .gs-service-4 .x-con ul li .x-tit {
    display: none;
  }
}
.gs-service-4 .x-con ul li .x-text {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0.2rem 0.2rem;
  opacity: 0;
  transition: 0 0 all;
  z-index: 5;
}
@media (max-width: 991px) {
  .gs-service-4 .x-con ul li .x-text {
    padding: 0 0.5rem 0.5rem 0.5rem;
  }
}
@media (max-width: 767px) {
  .gs-service-4 .x-con ul li .x-text {
    opacity: 1;
  }
}
.gs-service-4 .x-con ul li .x-text .x-tit2 {
  font-size: var(--font-size6);
  font-weight: bold;
  line-height: 1.2;
}
.gs-service-4 .x-con ul li .x-text .x-p {
  font-size: var(--font-size8);
  line-height: 1.8125;
  margin-top: 0.15rem;
  line-height: 1.5;
}
.gs-service-4 .x-con ul li .public-arrow {
  width: 100%;
  height: auto;
  display: flex;
  margin-top: 0.2rem;
}
.gs-service-4 .x-con ul li .public-arrow .more {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}
.gs-service-4 .x-con ul li .public-arrow .more .word {
  width: auto;
  height: auto;
  font-size: var(--font-size8);
  color: #FFFFFF;
}
.gs-service-4 .x-con ul li .public-arrow .more .arrow {
  width: 7px;
  height: 10px;
  margin-left: 10px;
  font-size: 0;
  color: #FFFFFF;
}
.gs-service-4 .x-con ul li .public-arrow .more .arrow svg {
  width: 100%;
  height: 100%;
}

 
@charset "utf-8";
.gs-service-3 {
  width: 100%;
  height: auto;
  margin: 1.2rem 0;
}
.gs-service-3 .container1400 .c-btn {
  text-align: center;
}
.gs-service-3 .container1400 .c-btn .more {
  margin-top: 0.5rem;
  width: auto;
  height: 0.6rem;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 2em;
  background: #FFFFFF;
  border-radius: 50px;
  transition: all 0.5s ease;
  overflow: hidden;
  border: 1px solid #2222;
}
.gs-service-3 .container1400 .c-btn .more .word {
  font-weight: bold;
  font-size: var(--font-size8);
  color: #222222;
  transition: all 0.5s ease;
}
.gs-service-3 .container1400 .c-btn .more .arrow {
  width: 7px;
  height: 10px;
  font-size: 0;
  margin-left: 10px;
  color: #222222;
  transition: all 0.5s ease;
}
.gs-service-3 .container1400 .c-btn .more .arrow svg {
  width: 100%;
  height: 100%;
}
.gs-service-3 .container1400 .c-btn .more:hover {
  background: var(--color);
  border-color: var(--color);
}
.gs-service-3 .container1400 .c-btn .more:hover .word,
.gs-service-3 .container1400 .c-btn .more:hover .arrow {
  color: #FFFFFF;
}
.gs-service-3 .container1400 .x-title {
  font-size: var(--font-size2);
  text-align: center;
  color: var(--color1);
}
.gs-service-3 .container1400 ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.28rem;
  margin-top: 0.5rem;
}
@media (max-width: 991px) {
  .gs-service-3 .container1400 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .gs-service-3 .container1400 ul {
    grid-template-columns: 1fr;
  }
}
.gs-service-3 .container1400 ul li {
  width: 100%;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}
.gs-service-3 .container1400 ul li.on .x-box .x-text-tc {
  opacity: 1;
  pointer-events: initial;
}
.gs-service-3 .container1400 ul li .x-box {
  display: block;
  width: 100%;
  background-color: #f4f4f4;
  padding: 0.5rem 0.5rem 0.6rem 0.5rem;
  position: relative;
  cursor: pointer;
}
.gs-service-3 .container1400 ul li .x-box .x-ico {
  width: 0.54rem;
  height: 0.54rem;
}
.gs-service-3 .container1400 ul li .x-box .x-ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gs-service-3 .container1400 ul li .x-box .x-tit {
  font-weight: bold;
  font-size: var(--font-size4);
  color: #222222;
  margin-top: 0.35rem;
}
.gs-service-3 .container1400 ul li .x-box .x-p {
  font-size: var(--font-size8);
  color: #777777;
  line-height: 1.8125;
  margin-top: 0.12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.625em;
}
.gs-service-3 .container1400 ul li .x-box .x-sp {
  display: inline-flex;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 100px;
  color: #222222;
  padding: 0.04rem 0.14rem;
  margin-top: 0.2rem;
}
.gs-service-3 .container1400 ul li .x-box .x-sp span {
  font-weight: bold;
  font-size: var(--font-size8);
}
.gs-service-3 .container1400 ul li .x-box .x-sp i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  font-style: initial;
  margin-left: 0.1rem;
  position: relative;
}
.gs-service-3 .container1400 ul li .x-box .x-sp i::before {
  content: '>';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-57%, -55%);
  color: #FFFFFF;
}
.gs-service-3 .container1400 ul li .x-box .x-text-tc {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: var(--color) no-repeat center;
  background-size: cover;
  padding: 0.5rem 0.45rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s ease-in-out;
  cursor: auto;
}
.gs-service-3 .container1400 ul li .x-box .x-text-tc .x-cola {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 100%;
  position: absolute;
  top: 0.4rem;
  right: 0.26rem;
  cursor: pointer;
  z-index: 8;
}
.gs-service-3 .container1400 ul li .x-box .x-text-tc .x-cola img {
  width: 10px;
  height: 10px;
  object-fit: contain;
}
.gs-service-3 .container1400 ul li .x-box .x-text-tc .x-tit2 {
  font-size: var(--font-size4);
  color: #FFFFFF;
  padding-right: 0.2rem;
}
@media (max-width: 767px) {
  .gs-service-3 .container1400 ul li .x-box .x-text-tc .x-tit2 {
    padding-right: 0.6rem;
  }
}
.gs-service-3 .container1400 ul li .x-box .x-text-tc .x-p2 {
  font-size: var(--font-size8);
  color: #FFFFFF;
  margin-top: 0.2rem;
  line-height: 1.8125;
}

 
@charset "utf-8";
/* 
.container {
    margin: 0 auto;
    width: 84%;
    max-width: 1600px; 
    @media @max-lg{
        width:84%;
    }
    @media @max-md{
        width:90%;
    }
}
 */
.container {
  margin: 0 auto;
  width: 84%;
  max-width: 1600px;
}
@media (max-width: 1580px) {
  .container {
    width: 84%;
  }
}
@media (max-width: 1260px) {
  .container {
    width: 90%;
  }
}
.operationbox-sec2 {
  background-color: #f8f8f8;
  padding: 1rem 0 1.4rem;
  overflow: hidden;
}
.operationbox-sec2 .hm_tit {
  text-align: center;
  margin-bottom: 0.52rem;
}
.operationbox-sec2 .hm_tit .f_tit {
  font-weight: bold;
  color: #010101;
  font-size: var(--font-size2);
}
.operationbox-sec2 .hm_tit .f_text {
  color: #999999;
  margin-top: 0.12rem;
}
.operationbox-sec2 .container {
  margin: 0 auto;
  width: 84%;
  max-width: 1600px;
}
@media (max-width: 1580px) {
  .operationbox-sec2 .container {
    width: 84%;
  }
}
@media (max-width: 1260px) {
  .operationbox-sec2 .container {
    width: 90%;
  }
}
.operationbox-sec2 .base_img {
  position: relative;
  overflow: hidden;
}
.operationbox-sec2 .base_img img {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.operationbox-sec2 .base_img:before {
  content: "";
  display: block;
}
.operationbox-sec2 .base_prev,
.operationbox-sec2 .base_next {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  opacity: 1;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  width: 0.6rem;
  height: 0.58rem;
  border-radius: 50%;
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  .operationbox-sec2 .base_prev,
  .operationbox-sec2 .base_next {
    width: 0.66rem;
    height: 0.64rem;
  }
}
@media (max-width: 767px) {
  .operationbox-sec2 .base_prev,
  .operationbox-sec2 .base_next {
    width: 0.8rem;
    height: 0.76rem;
  }
}
.operationbox-sec2 .base_prev:before,
.operationbox-sec2 .base_next:before,
.operationbox-sec2 .base_prev:after,
.operationbox-sec2 .base_next:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 99% 99%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.operationbox-sec2 .base_prev:before,
.operationbox-sec2 .base_next:before {
  background-image: url(../images/pqiebag1.png);
}
.operationbox-sec2 .base_prev:after,
.operationbox-sec2 .base_next:after {
  background-image: url(../images/pqiebag2.png);
  opacity: 0;
}
.operationbox-sec2 .base_prev svg,
.operationbox-sec2 .base_next svg {
  color: var(--color);
  position: relative;
  z-index: 2;
  width: 30%;
  height: 31.03448276%;
}
.operationbox-sec2 .base_prev svg path,
.operationbox-sec2 .base_next svg path {
  fill: var(--color);
}
.operationbox-sec2 .base_prev:hover,
.operationbox-sec2 .base_next:hover {
  background: var(--color);
}
.operationbox-sec2 .base_prev:hover svg,
.operationbox-sec2 .base_next:hover svg {
  color: #ffffff;
}
.operationbox-sec2 .base_prev:hover svg path,
.operationbox-sec2 .base_next:hover svg path {
  fill: #ffffff;
}
.operationbox-sec2 .base_prev:hover:before,
.operationbox-sec2 .base_next:hover:before {
  opacity: 0;
}
.operationbox-sec2 .base_prev:hover:after,
.operationbox-sec2 .base_next:hover:after {
  opacity: 1;
}
.operationbox-sec2 .hm_tit {
  margin-bottom: 0.5rem;
}
.operationbox-sec2 .cont {
  position: relative;
  max-width: 88.75%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .operationbox-sec2 .cont {
    max-width: 100%;
    width: 100%;
  }
}
.operationbox-sec2 .cont .operationbox2_prev,
.operationbox-sec2 .cont .operationbox2_next {
  position: absolute;
  top: 50%;
  left: initial;
  transform: translateY(-50%);
  z-index: 2;
}
@media (max-width: 767px) {
  .operationbox-sec2 .cont .operationbox2_prev,
  .operationbox-sec2 .cont .operationbox2_next {
    display: none;
  }
}
.operationbox-sec2 .cont .operationbox2_prev {
  left: -1rem;
}
@media (max-width: 767px) {
  .operationbox-sec2 .cont .operationbox2_prev {
    left: 0;
  }
}
.operationbox-sec2 .cont .operationbox2_next {
  right: -1rem;
}
@media (max-width: 767px) {
  .operationbox-sec2 .cont .operationbox2_next {
    right: 0;
  }
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide {
  width: 8rem;
}
@media (max-width: 767px) {
  .operationbox-sec2 .cont .operationbox2_cont .swiper-slide {
    width: 100%;
  }
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 2;
  opacity: 0;
  border-radius: 10px;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .img {
  width: 100%;
  padding-top: 53.43915344%;
}
@media (max-width: 767px) {
  .operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .img {
    padding-top: 80%;
  }
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .img:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.6;
  background: url(../images/ynyinimgf1.png) no-repeat bottom left / 100% auto;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .video:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: url(../images/ynyinimgf1.png) no-repeat bottom left / 100% auto;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .f_tit {
  font-size: var(--font-size6);
  position: absolute;
  left: 0;
  bottom: 0.24rem;
  width: 100%;
  padding: 0 0.4rem;
  color: #ffffff;
  font-weight: bold;
  z-index: 2;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .f_video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .f_video svg,
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .f_video img {
  color: var(--color);
  width: 25%;
  height: 25%;
  object-fit: contain;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .f_video svg path,
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .f_video img path {
  fill: var(--color);
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .c-box {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.4rem;
  transition: all 0.4s;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .c-box .c-ico {
  width: 60px;
  height: 60px;
}
@media (max-width: 767px) {
  .operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .c-box .c-ico {
    width: 40px;
    height: 40px;
  }
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .c-box .c-ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .c-box .c-text {
  margin: 0.2rem 0 0.3rem;
  color: rgba(255, 255, 255, 0.9);
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item .c-box .c-name {
  font-weight: bold;
  font-size: var(--font-size7);
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item.on .f_video {
  display: none;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item.on .video:after {
  display: none;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide .item.on .f_tit {
  display: none;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide-prev .item,
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide-next .item {
  opacity: 0.3;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide-active .item {
  opacity: 1!important;
}
.operationbox-sec2 .cont .operationbox2_cont .swiper-slide-active .item .c-box {
  opacity: 1;
}

 
@charset "utf-8";.gs-about-1{width:100%;height:auto;position:relative;z-index:1;overflow:hidden}.gs-about-1 .container1600{position:relative;z-index:5}.gs-about-1 .about-box{width:100%;max-width:1500px;height:auto;min-height:876px;margin:0 auto;padding:1.2rem 0 80px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.gs-about-1 .about-box .about-head{width:50%;max-width:520px;height:auto;overflow:hidden}.gs-about-1 .about-box .about-head .idx-title{width:100%;height:auto}.gs-about-1 .about-box .about-head .idx-title .title,.gs-about-1 .about-box .about-head .idx-title .details{width:100%;height:auto;color:#FFFFFF}.gs-about-1 .about-box .about-head .idx-title .title{font-weight:bold;font-size:var(--font-size2)}.gs-about-1 .about-box .about-head .idx-title .details{margin-top:1em;font-size:var(--font-size7)}.gs-about-1 .about-box .about-head .idx-more{width:100%;height:auto;display:flex;margin-top:.6rem}.gs-about-1 .about-box .about-head .idx-more .more{width:auto;height:.6rem;min-height:40px;display:flex;align-items:center;padding:0 2em;background:#FFFFFF;border-radius:50px;transition:all .5s ease;overflow:hidden}.gs-about-1 .about-box .about-head .idx-more .more .word{font-weight:bold;font-size:var(--font-size8);color:#222222;transition:all .5s ease}.gs-about-1 .about-box .about-head .idx-more .more .arrow{width:7px;height:10px;font-size:0;margin-left:10px;color:#222222;transition:all .5s ease}.gs-about-1 .about-box .about-head .idx-more .more .arrow svg{width:100%;height:100%}.gs-about-1 .about-box .about-head .idx-more .more:hover{background:var(--color)}.gs-about-1 .about-box .about-head .idx-more .more:hover .word,.gs-about-1 .about-box .about-head .idx-more .more:hover .arrow{color:#FFFFFF}.gs-about-1 .about-box .about-menu{width:100%;height:auto;margin-top:40px;display:flex;justify-content:space-between;grid-gap:.4rem}.gs-about-1 .about-box .about-menu .item{width:100%;height:auto;padding:.8rem .5rem;background:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.gs-about-1 .about-box .about-menu .item .number{width:100%;height:auto;line-height:1;display:flex;align-items:end;color:#FFFFFF}.gs-about-1 .about-box .about-menu .item .number .beat{font-weight:bold;font-size:.8rem;line-height:.8}.gs-about-1 .about-box .about-menu .item .number .unit{font-size:var(--font-size8);margin-left:1em}.gs-about-1 .about-box .about-menu .item .number .add{font-size:var(--font-size4);line-height:1}.gs-about-1 .about-box .about-menu .item .title{width:100%;height:auto;margin-top:.2rem;position:relative;z-index:1;padding-right:1em;font-size:var(--font-size8);color:#FFFFFF;line-height:1.5}.gs-about-1 .about-box .about-menu .item .title::after{content:'';width:.5em;height:.5em;position:absolute;right:0;top:.75em;z-index:1;transform:translateY(-50%);border-radius:50%;background:#FFFFFF}@media (max-width: 991px){.gs-about-1 .about-box .about-menu{grid-gap:.2rem}.gs-about-1 .about-box .about-head{width:100%;max-width:100%}}@media (max-width: 767px){.gs-about-1 .about-box{padding:1.2rem 0 60px}.gs-about-1 .about-box .about-menu{display:grid;grid-template-columns:1fr;grid-gap:10px;overflow:hidden}.gs-about-1 .about-box .about-menu .item{padding:30px 20px;overflow:hidden}.gs-about-1 .about-box .about-menu .item .number .beat{font-size:42px}.gs-about-1 .about-box .about-menu .item .title{margin-top:10px;padding-top:10px}}.gs-about-1 .images-bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;overflow:hidden}.gs-about-1 .images-bg::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;background:linear-gradient(transparent, #000000 80%);opacity:.15}.gs-about-1 .images-bg .img{width:100%;height:110%;position:relative;z-index:1;overflow:hidden}.gs-about-1 .images-bg .img img{width:100%;height:100%;object-fit:cover}
 
@charset "utf-8";
.gs-news-1 {
  width: 100%;
  height: auto;
  background: #F2F2F2;
  overflow: hidden;
}
.gs-news-1 .news-box {
  width: 100%;
  height: auto;
  padding: 1.2rem 0;
  overflow: hidden;
}
.gs-news-1 .news-box .idx-title {
  width: 100%;
  height: auto;
  text-align: center;
}
.gs-news-1 .news-box .idx-title .title {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: var(--font-size2);
  color: var(--color1);
}
.gs-news-1 .news-box .news-main {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-top: 0.5rem;
  padding: 5px 0;
  border-radius: 10px;
  background: #FFFFFF;
  overflow: hidden;
}
.gs-news-1 .news-box .news-main .news-big {
  width: 52%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
.gs-news-1 .news-box .news-main .news-big a {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}
.gs-news-1 .news-box .news-main .news-big a .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.gs-news-1 .news-box .news-main .news-big a .img .pb {
  padding-bottom: 70.09%;
}
.gs-news-1 .news-box .news-main .news-big a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.gs-news-1 .news-box .news-main .news-big a .info {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  padding: 0.4rem;
  display: flex;
  overflow: hidden;
}
.gs-news-1 .news-box .news-main .news-big a .info .title {
  width: 100%;
  height: auto;
  flex: 1;
  margin-right: 1rem;
  font-size: var(--font-size3);
  color: #FFFFFF;
  line-height: 1.2;
}
.gs-news-1 .news-box .news-main .news-big a .info .time {
  width: auto;
  height: auto;
  font-size: var(--font-size8);
  color: #FFFFFF;
  line-height: 1;
}
.gs-news-1 .news-box .news-main .news-big a::after {
  content: '';
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(transparent, #000000);
  opacity: 0.49;
}
.gs-news-1 .news-box .news-main .news-big a:hover .img img {
  transform: scale(1.05);
}
.gs-news-1 .news-box .news-main .news-menu {
  width: 48%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  padding: 0.3rem 0;
  overflow: hidden;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box {
  width: 100%;
  height: auto;
  max-height: 100%;
  padding: 0 0.6rem;
  overflow: hidden;
  overflow-y: auto;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item {
  width: 100%;
  height: auto;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.3rem 0;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a .time {
  width: 100%;
  height: auto;
  font-size: var(--font-size8);
  color: #999999;
  transition: all 0.5s ease;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a .title {
  width: 100%;
  height: auto;
  margin-top: 0.5em;
  font-size: var(--font-size5);
  color: #040404;
  line-height: 1.2;
  transition: all 0.5s ease;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a::before,
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a::before {
  background: #E6E6E6;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a::after {
  width: 0;
  z-index: 2;
  background: var(--color);
  transition: all 0.5s ease;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a:hover .time,
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a:hover .title {
  color: var(--color);
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a:hover .title {
  font-weight: bold;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item a:hover::after {
  width: 100%;
}
.gs-news-1 .news-box .news-main .news-menu .menu-box .item:first-child a {
  padding-top: 0;
}
@media (max-width: 767px) {
  .gs-news-1 .news-box .news-main .news-big {
    width: 100%;
    padding: 0 5px;
  }
  .gs-news-1 .news-box .news-main .news-menu {
    width: 100%;
    height: auto;
    padding: 30px 0;
    display: block;
    position: relative;
  }
  .gs-news-1 .news-box .news-main .news-menu .menu-box {
    max-height: 40vh;
  }
}
@media screen and (max-width: 480px) {
  .gs-news-1 .news-box .news-main .news-big a .info {
    display: block;
    padding: 15px;
  }
  .gs-news-1 .news-box .news-main .news-big a .info .title {
    max-height: calc(2em * 1.2);
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .gs-news-1 .news-box .news-main .news-big a .info .time {
    display: block;
    margin-top: 10px;
  }
  .gs-news-1 .news-box .news-main .news-big a::after {
    height: 75%;
    opacity: 0.75;
  }
  .gs-news-1 .news-box .news-main .news-menu {
    padding: 20px 0;
  }
  .gs-news-1 .news-box .news-main .news-menu .menu-box {
    padding: 0 15px;
  }
  .gs-news-1 .news-box .news-main .news-menu .menu-box .item a .time {
    font-size: 12px;
  }
  .gs-news-1 .news-box .news-main .news-menu .menu-box .item a .title {
    font-size: 16px;
  }
}

 
@charset "utf-8";
.contBox {
  width: 100%;
  height: auto;
  margin: 1rem 0;
}
.contBox .contMain {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .contBox .contMain {
    display: block;
  }
}
.contBox .contMain .infoBox {
  color: #000;
  width: 44.7%;
}
@media (max-width: 767px) {
  .contBox .contMain .infoBox {
    width: 100%;
  }
}
.contBox .contMain .infoBox dl {
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--color8);
}
.contBox .contMain .infoBox dl:first-child {
  padding-top: 0;
}
.contBox .contMain .infoBox dt {
  width: 100%;
  height: auto;
  font-size: var(--font-size4);
  color: var(--color1);
}
.contBox .contMain .infoBox dd {
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
}
.contBox .contMain .infoBox dd .tel {
  width: 100%;
  height: auto;
  font-size: var(--font-size8);
  color: var(--color1);
}
.contBox .contMain .infoBox dd .txt {
  width: 100%;
  height: auto;
  margin-top: 0.1rem;
  font-size: var(--font-size8);
  color: var(--color4);
  line-height: 1.8;
}
.contBox .contMain .infoBox .qrcode-box {
  width: 100%;
  height: auto;
  display: flex;
  display: none;
}
.contBox .contMain .infoBox .qrcode-box .qrcode {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contBox .contMain .infoBox .qrcode-box .qrcode .img {
  width: 60%;
  max-width: 180px;
  height: auto;
  border: 1px solid #BDBDBD;
  border-bottom: 1px solid #E1E1E1;
  border-right: 1px solid #E1E1E1;
  -moz-box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.05);
  box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.05);
}
.contBox .contMain .infoBox .qrcode-box .qrcode .img img {
  width: 100%;
  height: auto;
}
.contBox .contMain .infoBox .qrcode-box .qrcode .word {
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
  text-align: center;
  font-size: var(--font-size8);
  color: var(--color4);
}
.contBox .contMain .infoBox .share-box {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.contBox .contMain .infoBox .share-box .item {
  width: 40px;
  height: auto;
  margin: 0 0.1rem 0.1rem 0;
}
.contBox .contMain .infoBox .share-box .item .img {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  border-radius: 3px;
  overflow: hidden;
}
.contBox .contMain .infoBox .share-box .item .word {
  width: 100%;
  height: auto;
  margin-top: 10px;
  text-align: center;
  font-size: var(--font-size9);
  color: #999999;
}
.contBox .contMain .messBox {
  width: 44.3%;
}
@media (max-width: 767px) {
  .contBox .contMain .messBox {
    width: 100%;
    margin-top: 1.2rem;
  }
}
.contBox .contMain .messBox .title {
  font-size: var(--font-size4);
  color: #000;
}
.contBox .contMain .messBox .red {
  margin-left: 0.5ch;
  color: #FF0000;
}
.contBox .contMain .messBox form {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.contBox .contMain .messBox dl {
  border-bottom: 1px solid var(--color8);
  padding: 0.1rem 0;
  color: var(--color4);
  display: flex;
  justify-content: space-between;
  line-height: 3.3em;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .contBox .contMain .messBox dl {
    border-width: 1px;
  }
}
.contBox .contMain .messBox dl:focus-within {
  border-color: var(--color);
}
.contBox .contMain .messBox dt {
  margin-right: 0.5em;
}
.contBox .contMain .messBox dd {
  flex: 1;
}
.contBox .contMain .messBox .input,
.contBox .contMain .messBox select {
  width: 100%;
  line-height: 3.3em;
  height: 3.3em;
}
.contBox .contMain .messBox select {
  padding-right: 50px;
  background: url(/static/home/images/ico-arrow-h.svg) no-repeat right 16px center / 14px 14px;
}
.contBox .contMain .messBox .textareaW {
  border: 0;
  display: block;
  margin-top: 0.2rem;
  padding: 2.5% 5.3%;
  background: var(--color9);
}
.contBox .contMain .messBox .textarea {
  width: 100%;
  height: 9em;
}
.contBox .contMain .messBox .input::-webkit-input-placeholder,
.contBox .contMain .messBox .textarea::-webkit-input-placeholder {
  color: #888;
}
.contBox .contMain .messBox .input::-moz-placeholder,
.contBox .contMain .messBox .textarea::-moz-placeholder {
  color: #888;
}
.contBox .contMain .messBox .input:-ms-input-placeholder,
.contBox .contMain .messBox .textarea:-ms-input-placeholder {
  color: #888;
}
.contBox .contMain .messBox .btnBlue {
  min-width: 1.8rem;
  height: 0.6rem;
  min-height: 48px;
  margin-top: 0.4rem;
  padding: 0 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  background: var(--color);
  color: #FFFFFF;
  transition: all 0.5s ease;
}
.contBox .contMain .messBox .btnBlue:hover {
  border-color: var(--color);
  background: transparent;
  color: var(--color);
}
.contBox .contMain .messBox .btnW {
  padding-top: 0;
  border-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}