.header-top-left{gap:10px;display: flex;}
.header-top-left div{font-size: 16px;}
.header-top-left ul{display: flex;align-items: center;}
.header-top-left ul li{align-items: center;display: flex;}
.header-top-left ul li a{display: block;}
.header-top-left ul li a img{width: 18px;}


.w-90 {
	width: 100%;
	margin: 0 auto;
}


/*common*/
h2{margin-bottom: 50px;}

*.green{color: #248740 !important;}
a.green:hover{color: #fff !important;}

.container {
	width: 100%;
    padding:80px;
	margin: 0 auto;
	max-width:1600px;
}
.container-big {
	width: 100%;
    padding:80px;
	margin: 0 auto;
	max-width:1600px;
}

@media(max-width:1600px){
    .container{padding:60px;}
    .container-big{padding:60px;}
}

@media(max-width:1024px){
    .container{padding:35px;}
    .container-big{padding:35px;}
}

@media(max-width:768px){
    .container{padding:35px;}
    .container-big{padding:35px;}
}

h1 {
  font-size: 56px;
  font-weight: 700;
  text-align: center;
}

h2 {
  font-size: 48px;
  font-weight: 600;
}

h3 {
  font-size: 30px;
  font-weight: 600;
}

h6 {
  font-size: 30px;
  font-weight: 600;
}

h4 {
  font-size: 28px;
  font-weight: 600;
}

h5 {
  font-size: 22px;
  font-weight: 600;
}

.p {
  font-size: 16px;
  font-weight: 400;
  color: #666;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-right {
  text-align: right;
}







.more-btn.new {
  display: inline-block;
  border: 1px solid #fff;
  padding: 10px 35px;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  border-radius: 32.5px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 10;
  padding:15px 38px;
}
.more-btn.new.gray {
  border-color: #333;
  color: #333;
  font-weight: 500;
}

.more-btn.new.green{
  border-color: #248740;
  color: #248740;
  font-weight: 400;
}

.more-btn.new.white-bg {
  background-color: #fff;
  color: #333;
}
.more-btn.new:hover, .more-btn.new.active {
  color: #fff;
  background-color: #248740;
  border-color: #248740;
}





.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.to-big{overflow: hidden;display: block;}
.to-big img{transition: all 0.6s ease;transform: scale(1);}

.to-big:hover img{transform: scale(1.05);}


/*index-solution*/
.solution-box .w-90{display: flex;gap:60px}

img.imgs{display: block;max-width: 100%;}

.solution-box .solution{border-radius: 20px;overflow: hidden;box-shadow: 0 0 20px 0 #00000014;}

.solution-box .solution .sol-con{padding:30px 55px 50px;}

.solution-box .solution .sol-con p{margin:19px 0 45px;}

.solution-box .solution .sol-con a{padding: 23px 31px;}

/*products*/
.product-swiper .swiper-slide{padding:50px;background-color: #f8f8f8;}
.product-swiper img{width:120px;height:auto;margin:0 auto;margin-bottom: 60px;}
.product-swiper a.title{color:#212121}
.product-swiper a.title:hover{color:#248740;}
.product-swiper a h3{font-size: 20px;font-weight: 700;}
.product-swiper p{color: #666;margin:20px 0 40px;}



/*why choose*/
.container.whychoose{padding:120px 80px;}
.whychoose .des{margin:45px auto 55px;}
.whychoose .num{font-size: 40px;font-weight: 400;margin:15px 0 10px;color: #666;}
.whychoose .why_list {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.whychoose .why_list p{font-size: 18px;font-weight: 500;color: #333;}
.whychoose .more-btn{margin:60px auto 0;display: block;width: 180px;text-align: center;}



/*vesion*/




/* ===== section ===== */
.swap-section{
  height:100vh;
  background:#fff;
  position:relative;
  overflow:hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.version h2{margin-top: 200px;margin-bottom:60px;}

.version h3{}

.version .container{
  max-width:1400px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 20px 0 #00000014;
  padding:0px;
}

/* ========= 左侧文字 ========= */
.version .text-wrap{
  width:50%;
  position:relative;
  padding:0 90px;
  height: 580px;
  align-items: center;
      display: flex;
}

.version .text{
  position:absolute;
  opacity:0;
  transform:translateY(40px);
}


.version .text p{
  font-size:18px;
  color:#666;
  margin:19px 0 70px;
  line-height:1.7;
}

/* ========= 右图（关键） ========= */
.version .img-frame{
  width:50%;
  height:580px;
  position:relative;
  border-radius: 0px 20px 20px 0px;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.15);
}

/* 叠层 */
.version .img{
  position:absolute;
  inset:0;

  /* ⭐ 关键：裁剪 */
  clip-path: inset(100% 0 0 0);
}

.version .img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* 默认都在下面 */
/* .version .img{
  transform:translateY(100%);
} */


/*news*/
.news .w-90.flex-between{gap:40px;}
.news-box{box-shadow: 0 0 10px 0 #00000014;border-radius: 20px;overflow: hidden;transition: all 0.5s ease;transform: translateY(0px);}
.news-box:hover{box-shadow: 0 5px 20px 0 #0000001A;transform: translateY(-5px);}
.news-info{padding:30px;}
.news-info a{font-size: 18px;font-weight: 400;color: #212121;}
.news-info .date{margin-bottom: 15px;color: #999;font-size: 14px;}


/*service*/
.services h2{margin-bottom: 0;}
.services .des{margin:20px auto 50px;}
.services .w-90.flex-between{gap:70px;}
.servicelist{height: 320px;display: flex;flex-direction: column;align-items: center;justify-content: center;
    box-shadow: 0 0 0px 0 #00000014;border-radius: 20px;overflow: hidden;transition: all 0.5s ease;
    border:2px solid #248740;background-color: #F8F8F8CC;width: 100%;gap: 40px;}
.servicelist:hover{box-shadow: 0 0 10px 0 #00000014;}


/*footer*/
.footercontact{width: 20%;}

.footer .des{max-width: 500px;margin: 10px 0 40px;}

.footer-navs{width: 75%;}

.footermenu{margin-top: 80px;}

.footermenu.flex-between{align-items: unset;}

.copyrightbox{padding: 20px 80px !important;border-top: 1px solid #0000001A;}