﻿/**banner**/
.banner-type-a {
  position: relative;
}
.banner-type-a .swiper-slide {
  height: auto;
}
.banner-type-a .box {
  display: block;
  overflow: hidden; position:relative;
}
.banner-type-a .swiper-slide .box img {
  display: block;
  width: 100%;transform: scale(1.2);
     transition: all 2s;
}
.banner-type-a .swiper-slide .box img.mobile{display: none;}
.banner-type-a .swiper-slide-active .box img { transform: scale(1);}
.banner-type-a .box .pc {
  display: block;
}
.banner-type-a .box .phone {
  display: none;
}
.banner-type-a .box .cont {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  font-size: 20px;
  line-height: 1.6em;
  color: #ffffff;
/*display: flex; align-items: center; justify-content: left;*/
}
.banner-type-a .box .cont .wrap3{ margin:0 auto; /* max-width:1470px; */ position:relative; height:100%;}
.banner-type-a .f90{ font-size:90px;}
.banner-type-a .f60{ font-size:60px;}
.banner-type-a .f48{ font-size:48px;}
.banner-type-a .f36{ font-size:36px;}
.banner-type-a .f30{ font-size:30px;}
.banner-type-a .f24{ font-size:24px;}
.banner-type-a .swiper-slide .text{opacity: 0;transition: all 3.5s; position:absolute; left: 30%; right: 0;top: 40.6%; width:70%;}
.banner-type-a .swiper-slide-active .text{ opacity: 1;left: 0;}
.banner1_one{ text-align:center; color:#fff;margin-top:13%;/*font-family:"华文细黑";*/line-height:1.3;}
.banner1_one h2{ font-weight:normal; margin-bottom:0.5%;/*font-family:"华文细黑";*/ }
.banner1_two{ text-align:center; color:#fff; margin-top:3%;opacity:0;filter:Alpha(opacity=0); line-height:1.5;}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px;}
.banner1_two span:first-child{ border-right:1px solid rgba(103,119,148,0.5); margin-left:50px;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block;}
.banner2_one{ float:left; /*width:45%;*/width:100%; color:#fff;}
.banner2_one h2{ font-weight:normal; margin-bottom:2%;/*font-family:"华文细黑";*/  line-height:1.3;}
.banner2_one p{ color:#fff;/*font-family:"华文细黑";*/line-height:1.5; max-width:560px;}
.banner-type-a .swiper-slide .leftto{filter:alpha(opacity=0);opacity:0;}
.banner2_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:50px; background:url(../image/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.3s; cursor:pointer;}
.banner2_one em:hover{ background-position:150px center; margin-left:10px;}
.banner4_one{ float:left; width:60%; color:#fff;}
.banner4_one h2{ color:#fff;font-weight:normal; margin-bottom:2%;/*font-family:"华文细黑";*/ margin-top:35%;opacity:0;filter:Alpha(opacity=0); line-height:1.3;}
.banner4_one p{ color:#fff;/*font-family:"华文细黑";*/opacity:0;filter:Alpha(opacity=0); line-height:1.5;}
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:16px; text-indent:50px; background:url(../image/i_bg10.png)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.3s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.banner-type-a .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.3s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:0.3s;}
.banner-type-a .swiper-slide-active .anim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:1s;
}
.banner-type-a .swiper-slide-active .anim-3{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:2s;
}
.banner-type-a .swiper-slide-active .leftto{animation:mymove8 0.5s; -webkit-animation:mymove8 0.5s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:0s;}
.banner-type-a .swiper-slide-active .banner1_one.leftto{animation-delay:1s;-webkit-animation-delay:1s;}
.banner-type-a .swiper-slide-active .banner2_one .leftto{animation-delay:2s;-webkit-animation-delay:2s;}
.banner-type-a .swiper-slide-active .banner4_one .leftto{animation-delay:1s;-webkit-animation-delay:1s;}
.banner-type-a .box .cont .wid {
  width: 470px;
  max-width: 100%;
}
.banner-type-a .box .cont .h1 {
  font-size: 2.5em;
  line-height: 1.4em;
  font-weight: bold;
  letter-spacing: 2px;
}
.banner-type-a .box .cont .en {
  margin-top: 0.6em;
}
.banner-type-a .box .cont .more-box-a {
  margin-top: 2em;
}
.banner-type-a .video-box {
  height: 100%;
  position: relative;
}
.banner-type-a .video-box video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-type-a .swiper-points {
  --h: 12px;
  --c: #ffffff;
  position: absolute;
  left: 0;
  bottom: 5%;
  z-index: 2;
  width: 100%;
}
.banner-type-a .swiper-points .swiper-pagination-bullet {
  margin: 0 7px;
  position: relative;
  border-radius: 0;
  width: 12px;
  height:12px;
  text-align: center;
  font-size: 0.5em;
  line-height: 12px;
  color: var(--c);
  cursor: pointer;
}
.banner-type-a .swiper-points .swiper-pagination-bullet::before,
.banner-type-a .swiper-points .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
}
.banner-type-a .swiper-points .swiper-pagination-bullet::before {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: 2px solid var(--c);
  opacity: 0;
}
.banner-type-a .swiper-points .swiper-pagination-bullet::after {
  left: 50%;
  top: 50%;
  height: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
  background: var(--c);
}
.banner-type-a .swiper-points .cycle-box {
  --b-w: 2px;
  --size: 12px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.banner-type-a .swiper-points .swiper-pagination-bullet-active::before {
  opacity: 0.67;
}
.banner-type-a .swiper-points .swiper-pagination-bullet-active::after {
  opacity: 0;
}
.banner-type-a .swiper-points .swiper-pagination-bullet-active .cycle-box {
  opacity: 1;
}
@media screen and (max-width:1820px) {
.banner-type-a .f90{ font-size:89px;}
.banner-type-a .f60{ font-size:55px;}
.banner-type-a .f48{ font-size:45px;}
.banner-type-a .f36{ font-size:34px;}
.banner-type-a .f30{ font-size:28px;}
.banner-type-a .f24{ font-size:22px;}
.banner4_one h2{ margin-top:30%;}
.banner1_one{ margin-top:12%;}
.banner1_two{ margin-top:2.8%;}
}
@media (max-width: 1680px) {
.banner2_one em{ width:182px; height:40px; line-height:40px; font-size:14px; text-indent:43px;background-position:120px center; margin-top:8.7%;}
.banner2_one em:hover{ background-position:130px center;}
.banner-type-a .f90{ font-size:78px;}
.banner-type-a .f60{ font-size:50px;}
.banner-type-a .f48{ font-size:41px;}
.banner-type-a .f36{ font-size:32px;}
.banner-type-a .f30{ font-size:26px;}
.banner-type-a .f24{ font-size:20px;}
.banner4_one h2{ margin-top:25%;}
.banner4_one em{ width:182px; height:40px; line-height:40px; font-size:14px; text-indent:43px;background-position:120px center; margin-top:5%;}
.banner4_one em:hover{ background-position:130px center;}
.banner1_one{ margin-top:11%;}
.banner1_two{ margin-top:2.6%;}
}
@media (max-width: 1600px) {
  .banner-type-a .swiper-point-num {
    bottom: 30px;
  }
.banner-type-a .f90{ font-size:74px;}
.banner-type-a .f60{ font-size:48px;}
.banner-type-a .f48{ font-size:39px;}
.banner-type-a .f36{ font-size:30px;}
.banner-type-a .f30{ font-size:25px;}
.banner-type-a .f24{ font-size:19px;}
.banner4_one h2{ margin-top:24%;}
.banner1_one{ margin-top:10%;}
.banner1_two{ margin-top:2.5%;}
}
@media (max-width: 1440px) {
.banner-type-a .f90{ font-size:67px;}
.banner-type-a .f60{ font-size:42px;}
.banner-type-a .f48{ font-size:36px;}
.banner-type-a .f36{ font-size:27px;}
.banner-type-a .f30{ font-size:22.5px;}
.banner-type-a .f24{ font-size:18px;}
.banner1_one{ margin-top:9%;}
.banner1_two{ margin-top:2.25%;}
.banner1_two span{height:90px;}
}
@media screen and (max-width:1366px) {
.banner-type-a .f90{ font-size:64px;}
.banner-type-a .f60{ font-size:39px;}
.banner-type-a .f48{ font-size:34px;}
.banner-type-a .f36{ font-size:25px;}
.banner-type-a .f30{ font-size:21px;}
.banner-type-a .f24{ font-size:16px;}
.banner1_two{ margin-top:2.13%;}
.banner1_two span{height:84px;}

}
@media screen and (max-width:1280px) {
.banner-type-a .f90{ font-size:59px;}
.banner-type-a .f60{ font-size:35px;}
.banner-type-a .f48{ font-size:32px;}
.banner-type-a .f36{ font-size:24px;}
.banner-type-a .f30{ font-size:20px;}
.banner-type-a .f24{ font-size:15px;}
.banner1_two{ margin-top:2%;}
.banner1_two span{height:80px;}
}
@media (max-width: 992px) {
  .banner-type-a .swiper-points {
    --h: 0.12rem;
    bottom: 20px;
  }
  .banner-type-a .swiper-points .swiper-pagination-bullet {line-height: 10px;height: 10px;width: 10px;}
  .banner-type-a .swiper-points .cycle-box {--size: 10px;}
.banner-type-a .f90{ font-size:56px;}
.banner-type-a .f60{ font-size:33px;}
.banner-type-a .f48{ font-size:30px;}
.banner-type-a .f36{ font-size:22px;}
.banner-type-a .f30{ font-size:19px;}
.banner-type-a .f24{ font-size:14px;}
.banner1_two{ margin-top:1.86%;}
.banner1_two span{ height:80px;}
.banner-type-a .swiper-slide .text {left:5px;width: 95%;}
.banner-type-a .swiper-slide:nth-child(4) .text,.banner-type-a .swiper-slide:nth-child(5) .text {top: 20%;}
.banner-type-a .swiper-slide .box img.pc{display: none;}
.banner-type-a .swiper-slide .box img.mobile{display: block;}
}
@media (max-width: 780px) {
  .banner-type-a .f60{ font-size:28px;}
  .banner2_one em{display: none;}
}
.index-about {
  --w: var(--wrap-1680-width);
  --r: 50px;
  position: relative;
  /* padding: calc(var(--w)*0.0714) 0; */
  padding: 6.8% 0;
  overflow: hidden;
}
.index-about .cont-cont {
  width: 50.59%;
  padding-left: calc((var(--wrap-1760-width) - var(--wrap-1680-width))/2);
}
.index-about .cont-cont .top-line {
  display: block;
  position: absolute;
  top: calc(var(--r)*-1);
  left: calc(((var(--wrap-1760-width) - var(--wrap-1680-width))/2 + var(--bettwen-1760-pad))*1);
  width: var(--r);
  height: calc(var(--r)*2);
  background-color: #e2e2e1;
}
.index-about .cont-cont .auto-title-block {
  margin-bottom: 75px;
}
.index-about .cont-cont .auto-title-block .auto-title-h2 {
  position: relative;
}
.index-about .cont-cont .auto-title-block .auto-title-h2 .line {
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: calc(((var(--wrap-1760-width) - var(--wrap-1680-width))/2 + var(--bettwen-1760-pad))*-1);
  height: 2px;
  width: calc(var(--bettwen-1760-pad)/2);
  background-color: #222222;
}
.index-about .cont-cont .text {
  margin-bottom: 8.8em;
  font-size: 18px;
  line-height: 2.22em;
  color: #222222;
}
.index-about .cont-cont .num-box {
  margin: 0 -10px;
  text-align: center;
  font-size: 17px;
  line-height: 1.2em;
  color: #222222;
}
.index-about .cont-cont .num-box .num-son {
  padding: 10px;
}
.index-about .cont-cont .num-box .num-val {
  font-weight: bold;
  font-size: 3.64em;
  line-height: 0.9em;
}
.index-about .cont-cont .num-box .num-min {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: #999999;
}
.index-about .cont-cont .num-box .num-text {
  font-size: 1.11em;
  line-height: 1.4em;
}
.index-about .cont-cont .bot-line {
  --l-h: 26px;
  display: block;
  position: absolute;
  bottom: calc(var(--w)*0.0714*0.5);
  right: 75%;
  width: 50vw;
  height: var(--l-h);
  background-color: #e2e2e1;
}
.index-about .img-cont {
  width: 44.64%;
}
.index-about .img-cont .img-box {
  margin-right: -26.012%;
  border-top-left-radius: var(--r);
}
@media (max-width: 1660px) {
  .index-about {
    --r: 44px;
  }
  .index-about .cont-cont .auto-title-block {
    margin-bottom: 55px;
  }
  .index-about .cont-cont .text {
    margin-bottom: calc(var(--w)*0.07);
    line-height: 2em;
  }
  .index-about .cont-cont .num-box {
    font-size: 16px;
  }
  .index-about .cont-cont .num-box .num-min {
    margin-top: 0.4em;
    margin-bottom: 0.7em;
  }
  .index-about .cont-cont .bot-line {
    --l-h: 25px;
  }
}
@media (max-width: 1550px) {
  .index-about {
    --r: 40px;
  }
  .index-about .cont-cont .auto-title-block {
    margin-bottom: 35px;
  }
  .index-about .cont-cont .text {
    margin-bottom: calc(var(--w)*0.06);
  }
  .index-about .cont-cont .num-box {
    font-size: 15px;
  }
  .index-about .cont-cont .num-box .num-son {
    padding: 8px;
  }
  .index-about .cont-cont .bot-line {
    --l-h: 22px;
  }
}
@media (max-width: 1400px) {
  .index-about {
    --r: 36px;
  }
  .index-about .cont-cont .auto-title-block {
    margin-bottom: 30px;
  }
  .index-about .cont-cont .text {
    font-size: 17px;
    line-height: 1.9em;
  }
  .index-about .cont-cont .num-box {
    font-size: 14px;
  }
  .index-about .cont-cont .bot-line {
    --l-h: 20px;
  }
}
@media (max-width: 992px) {
  .index-about {padding-bottom: 5%;padding-top: 7%;}
  .index-about .flex-box{display: block;}
  .index-about .cont-cont{width: 100%;}
  .index-about .img-cont{width: 100%;margin-top: 7%;}
  .index-about .cont-cont .bot-line{display: none;}
  .index-about .img-cont .img-box{margin-right: 0;}
  .index-about .cont-cont .text {margin-bottom: 4%;font-size: 15px;}
  .index-about .cont-cont .auto-title-block{margin-bottom:3%;}
  .auto-title-block .auto-title-h2{margin-top: 1.5%;}
}
@media (max-width: 780px) {
  .index-about {padding-top: 9%;}
  .index-about .cont-cont .num-box{display: block;}
  .index-about .cont-cont .num-box .num-son{float: left;width: 50%;}
}
.index-server {
  --w: var(--wrap-1680-width);
  --r: 26px;
  position: relative;
  padding: calc(var(--w)*0.0714) 0 calc(var(--w)*0.0795);
  background: url(../image/bg11.jpg) no-repeat center / 100% 100%;
  background-attachment: fixed;
  overflow: hidden;
}
.index-server .auto-title-block {
  color: #ffffff;
}
.index-server .swiper-parent {
  --p: 56px;
  margin-top: 65px;
  position: relative;
}
.index-server .swiper-btns .swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.index-server .swiper-btns .prev {
  left: 0;
}
.index-server .swiper-btns .next {
  display: none;
}
.index-server .swiper-box {
  margin: 0 calc(var(--p)*-1);
  padding: 0 115px;
}
.index-server .swiper-box .swiper {
  overflow: visible;
}
.index-server .swiper-box .swiper-slide {
  width: auto;
  margin: 0 var(--p);width: calc(var(--wrap-1760-width)*0.2897); transition: width 0.3s!important; -webkit-transition: width 0.3s!important; -moz-transition: width 0.3s!important;-o-transition: width 0.3s!important;
}
.index-server .swiper-box .swiper-slide-active .i-default {
  z-index: 1;
  opacity: 0;
}
.index-server .swiper-box .swiper-slide-active .i-hover {
 /* transform: scale(1);*/transform:scale(1, 1);transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;
  z-index: 2;
  opacity: 1;
}
.index-server .swiper-box .swiper-slide-active .i-hover .pad{    padding: 45px 60px;}


.index-server .swiper-box .box {
  display: block;
  position: relative;
  border-radius: var(--r);
  /*width: calc(var(--wrap-1760-width)*0.2897);*/
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
 /* transition: width 0.3s!important;*/
}
.index-server .swiper-box .swiper-slide-active{width: calc(var(--wrap-1760-width)*0.293);}
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.293);}*/
.index-server .swiper-box .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.index-server .swiper-box .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-server .swiper-box .pad {
  position: relative;
  padding: 75px 60px 90px 60px;
  color: #ffffff;
}
.index-server .swiper-box .pad img {
  display: block;
  margin-bottom: 0;
  width: auto;
  height: 0;
  transition: height 0.3s, margin 0.3s;
}
.index-server .swiper-box .pad .h6 {
  font-size: 36px;
  line-height: 1.22em;
}
.index-server .swiper-box .pad .des {
  margin-top: 2em;
  font-size: 15px;
  line-height: 1.9em;
  opacity: 0.29;
}
.index-server .swiper-box .i-default {
  position: absolute;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.8s, z-index 0.3s,background .3s;
}
.index-server .swiper-box .i-default:hover .bg {
  opacity: 1;
}
.index-server .swiper-box .i-default:hover .des {
  opacity: 1;
}
.index-server .swiper-box .i-hover {
  position: relative;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.75,0.75);
  transition: opacity 0.8s, z-index 0.3s, transform 0.8s;
}
.index-server .swiper-box .i-hover .bg {
  opacity: 1;
}
.index-server .swiper-box .i-hover .pad {
  padding: 55px 60px;
}
.index-server .swiper-box .i-hover .pad img {
  margin-bottom: 35px;
  height: 82px;
}
.index-server .swiper-box .i-hover .pad .des {
  opacity: 1;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;
}
@media (max-width: 1800px) {
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.3);}*/
.index-server .swiper-box .swiper-slide-active{width: calc(var(--wrap-1760-width)*0.3);}
  .index-server .swiper-box .pad .h6{ font-size:32px;}
    .index-server .swiper-box .swiper-slide-active .i-hover .pad{ padding:42px 40px;}
	.index-server .swiper-box .i-hover .pad img { height:75px;}
	.index-server .swiper-box .swiper-slide-active .pad .des{ margin-top:1.7em;}
}
@media (max-width: 1660px) {
  .index-server {
    --r: 22px;
    padding: calc(var(--w)*0.072) 0 calc(var(--w)*0.07);
  }
  .index-server .swiper-parent {
    --p: 50px;
    margin-top: 55px;
  }
  .index-server .swiper-box {
    padding: 0 100px;
  }
  .index-server .swiper-box .i-hover .pad {
    padding: 50px 50px 55px;
  }
  .index-server .swiper-box .i-hover .pad img {
    margin-bottom:25px;
    height: 70px;
  }
  .index-server .swiper-box .pad {
    padding: 50px 55px 50px ;
  }
  .index-server .swiper-box .pad .h6 {
    font-size: 30px;
  }
  .index-server .swiper-box .pad .des {
    margin-top: 1.6em;
    line-height: 1.8em;
  }


.index-server .swiper-box .swiper-slide-active .pad .des{ margin-top:1.5em;}
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.32);}*/
.index-server .swiper-box .swiper-slide-active{width: calc(var(--wrap-1760-width)*0.32);}
  .index-server .swiper-box .swiper-slide-active .i-hover .pad{ padding:40px 35px;}
}
@media (max-width: 1550px) {
  .index-server {
    --r: 18px;
    padding: calc(var(--w)*0.068) 0 calc(var(--w)*0.065);
  }
  .index-server .swiper-parent {
    --p: 40px;
    margin-top: 50px;
  }
  .index-server .swiper-box {
    padding: 0 90px;
  }
  .index-server .swiper-box .i-hover .pad {
    padding: 40px 40px 45px;
  }
  .index-server .swiper-box .i-hover .pad img {
    margin-bottom: 24px;
    height: 68px;
  }
  .index-server .swiper-box .pad {
    padding: 50px 40px 60px ;
  }
  .index-server .swiper-box .pad .h6 {
    font-size: 26px;
  }
  .index-server .swiper-box .pad .des {
    margin-top: 1.4em;
  }
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.35);}*/
.index-server .swiper-box .swiper-slide-active{width: calc(var(--wrap-1760-width)*0.35);}
}
@media (max-width: 992px) {
  .index-server {padding: 7% 0 5% 0;}
  .index-server .swiper-parent {margin-top: 5%;}
  .index-server .swiper-btns {display: none;}
  .index-server .swiper-box {padding: 0;margin: 0;}
  .index-server .swiper-box .swiper-slide {margin-left:0%;margin-right: 3%;}
  .index-server .swiper-box .pad .h6 br{display: none;}
  .index-server .swiper-box .i-hover .pad img {height: 58px;}
  .index-server .swiper-box .pad .h6 {font-size: 22px;}
  .index-server .swiper-box .pad .des{font-size: 14px;}
  .index-server .swiper-box .pad{padding: 40px 20px 50px;}
  .index-server .swiper-box .swiper-slide-active .pad .des {margin-top: 15px;font-size: 14px;}
  .index-server .swiper-box .swiper-slide-active .i-hover .pad{padding: 30px 20px 40px;}
}
@media (max-width: 780px) {
  .index-server {padding: 8% 0 6% 0;}
  .index-server .swiper-parent {margin-top:7%;}
}
@media (max-width: 380px) {
  .index-server {padding: 7% 0 3% 0;}
}
.index-case {
  --w: var(--wrap-1760-width);
  --p: 28px;
  position: relative;
  padding: calc(var(--w)*0.09) 0 80px;
  background: #f5f5f5;
  text-align: center;
  color: #222222;
}
.index-case::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -170px;
  width: 100%;
  height: 365px;
  pointer-events: none;
  background: url(../image/bg2.png) no-repeat center / 100% 100%;
}
.index-case .auto-title-block {
  padding: 0 calc((var(--wrap-1760-width) - var(--wrap-1680-width))/2);
}
.index-case .grid {
  z-index: 2;
}
.index-case .grid .grid-item {
  width: 50%;
}
.index-case .list1 {
  margin: calc(var(--p)*-1);
}
.index-case .list1-li {
  padding: var(--p);perspective: 1000px;
}
.index-case .list1-box {
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 ;
  transition: transform .3s,box-shadow .3s;
  transform: rotate(0deg) skewX(0deg);
  display: block;
  overflow: hidden;
  transition: .6s ease-out; position:relative;
}
.index-case .list1-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.index-case .list1-pad {
  position: relative;
  padding: 10% 8.9% 0;
}
.index-case .list1-title {
  font-size: 36px;
  font-size: clamp(22px,calc(var(--w)*.027),36px);
  font-weight: bold;
  line-height: 1.4em;
}
.index-case .list1-type {
  margin-top: 0.7em;
  margin-bottom: 9%;
  font-size: 16px;
  line-height: 1.4em;
}
.index-case .list1-img {
  background-color: #ffffff;
  box-shadow: 0px 4px 57px 0px rgba(0, 0, 0, 0.21);
  border-radius: 16px 16px 0px 0px;
  border: solid 16px #ffffff;
  border-bottom: 0 none;

  /*transition: border .3s,background .3s;*/
}
.index-case .list1-img::before {
  padding-top: 67.39%;
}
.index-case .list1-img img {
  display: block;
  border-radius: 14px 14px 0px 0px;transition: .8s!important;transition-delay: .1s!important;
}
/*.index-case .list1-box:hover .list1-img {
  background: var(--main-color);
  border-color: var(--main-color);
}*/
.index-case .list1-box:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.1);/*transform: rotate(-1deg) skewY(3deg) scaleX(.95);*/
 transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);
}
.index-case .list1-box:hover .list1-img img{transform: scale(1.05);}
@media (max-width: 992px) {
  .index-case {display: none;}
}
.index-case2 {
  --w: var(--wrap-1760-width);
  position: relative;
  padding: calc(var(--w)*0.069) 0 70px;
  color: #222222;
}
.index-case2 .auto-title-block {
  padding: 30px 0 50px;
}
.index-case2 .list2 {
  margin: -26px;
}
.index-case2 .list2 .list2-li {
  padding: 26px;
}
.index-case2 .list2 .list2-box {
  display: block;
  overflow: hidden;
  background: transparent;
  transform: translateY(0);
  border-radius: 0px;
  transition: all 0.3s;
}
.index-case2 .list2 .list2-box:hover {
  transform: translateY(-15px);
  background: #ffffff;
  box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
}
.index-case2 .list2 .list2-box .video{width: 100%; height: 100.2%; object-fit:cover;position: absolute; top: 0;left: 0; z-index: 1;}
.index-case2 .list2 .img-box::before {
  padding-top: 63.58%;
}
.index-case2 .list2 .cont {
  padding: 27px 40px;
  transition: padding 0.3s;
}
.index-case2 .list2 .cont .list2-title {
  font-size: 28px;
  line-height: 1.4em;
  color: #222222;
  white-space:nowrap;text-overflow:ellipsis;
  overflow: hidden;
}
.index-case2 .list2 .cont .list2-type {
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.4em;
  color: #888888;
}
@media (max-width: 1660px) {
  .index-case2 .auto-title-block {
    padding-bottom: 45px;
  }
  .index-case2 .list2 {
    margin: -24px;
  }
  .index-case2 .list2 .list2-li {
    padding: 24px;
  }
  .index-case2 .list2 .list2-box:hover .cont {
    transform: translateY(-10px);
  }
  .index-case2 .list2 .cont {
    padding: 24px 35px;
  }
  .index-case2 .list2 .cont .list2-title {
    font-size: 26px;
  }
  .index-case2 .list2 .cont .list2-type {
    margin-top: 5px;
  }
}
@media (max-width: 1550px) {
  .index-case2 {
    padding-bottom: 50px;
  }
  .index-case2 .auto-title-block {
    padding-bottom: 40px;
  }
  .index-case2 .list2 {
    margin: -15px;
  }
  .index-case2 .list2 .list2-li {
    padding: 15px;
  }
  .index-case2 .list2 .list2-box:hover .cont {
    transform: translateY(-5px);
  }
  .index-case2 .list2 .cont {
    padding: 22px 25px;
  }
  .index-case2 .list2 .cont .list2-title {
    font-size: 24px;
  }
  .index-case2 .list2 .cont .list2-type {
    font-size: 14px;
  }
}
@media (max-width: 1400px) {
  .index-case2 .list2 {
    margin: -13px;
  }
  .index-case2 .list2 .list2-li {
    padding:13px;
  }
  .index-case2 .list2 .list2-box:hover .cont {
    transform: translateY(-3px);
  }
  .index-case2 .list2 .cont {
    padding: 18px 20px;
  }
  .index-case2 .list2 .cont .list2-title {
    font-size: 22px;
  }
  .index-case2 .list2 .cont .list2-type {
    margin-top: 3px;
  }
}
@media (max-width: 992px) {
  .index-case2 {padding-top: 3%;}
  .index-case2 .list2 .cont .list2-title{font-size: 20px;}
}
@media (max-width: 960px) {
  .index-case2 .list2 .list2-li {width: 50%;}
  .index-case2 .list2 .list2-li:last-child{display: none;}
}
@media (max-width: 640px) {
  .index-case2 .auto-title-block {padding-bottom: 5%;}
  .index-case2 .list2 {
    margin: -5px;
  }
  .index-case2 .list2 .list2-li {padding: 5px;}
  .index-case2 .list2 .cont .list2-title {font-size: 18px;}
  .index-case2 .list2 .cont .list2-type {font-size: 13px;}
}
@media (max-width: 480px) {
  .index-case2 .auto-title-block {padding-bottom: 7%;}
  .index-case2 .list2 .cont .list2-title {font-size: 16px;}
  .index-case2 .list2 .cont {padding: 18px 10px;}
}
/*.index-solution {
  --w: var(--wrap-1760-width);
  background: url(../images/index/bg33.jpg) no-repeat center / 100% 100%;
  background-attachment: fixed;
  overflow: hidden;
}
.index-solution .cont-cont {
  width: 28.97%;
  font-size: 16px;
  line-height: 2.1875em;
  color: #555555;
}
.index-solution .cont-cont .text {
  margin-top: 2.1875em;
  margin-bottom: 3em;
}
.index-solution .img-cont {
  width: 61.93%;
  height: calc(var(--w)*0.463);
}
.index-solution .img-cont .img-list {
  margin-right: -25%;
}
.index-solution .img-cont .img-list::after {
  content: "";
  display: block;
  width: 30%;
  height: 0;
}
.index-solution .img-cont .img-list .img-li {
  margin: 2% 0;
  border-radius: 14px;
  overflow: hidden;
  width: 30%;
  transition: all 0.3s;
}
.index-solution .img-cont .img-list .img-li:nth-child(1),
.index-solution .img-cont .img-list .img-li:nth-child(4) {
  transform: translateY(-30%);
}
.index-solution .img-cont .img-list .img-li:nth-child(2),
.index-solution .img-cont .img-list .img-li:nth-child(5) {
  transform: translateY(-70%);
}
.index-solution .img-cont .img-list .img-li:nth-child(3),
.index-solution .img-cont .img-list .img-li:nth-child(6) {
  transform: translateY(-20%);
}
.index-solution .img-cont .img-list .img-li:hover {
  box-shadow: 0px 4px 18px 0px rgba(26, 71, 106, 0.28);
}
.index-solution .img-cont .img-list .img-box::before {
  padding-top: 200%;
}
.index-solution .img-cont .img-list .img-box img {
  object-fit: cover;
}*/
/*@media (max-width: 1660px) {
  .index-solution .cont-cont {
    line-height: 2.1em;
  }
  .index-solution .img-cont .img-list::after {
    width: 32%;
  }
  .index-solution .img-cont .img-list .img-li {
    margin: 1.1% 0;
    border-radius: 10px;
    width: 32%;
  }
}
@media (max-width: 1550px) {
  .index-solution .cont-cont {
    width: 32%;
    line-height: 1.9em;
  }
}*/
.index-circle {
  --w: var(--wrap-1680-width);
 /* padding: calc(var(--w)*0.09) 0 calc(var(--w)*0.0565);*/
  /* padding: calc(var(--w)*0.0714) 0 calc(var(--w)*0.0565); */
  padding: 5% 0;
  overflow: hidden;
}
.index-circle .wrap3{max-width: 1680px;}
.index-circle .type-box {
  font-size: 16px;
  line-height: 1.4em;
  color: #555555;
}
.index-circle .type-box .type-son + .type-son {
  margin-left: 28px;
}
.index-circle .type-box .type-son.on .type-word {
  color: var(--main-color);
}
.index-circle .type-box .type-word:hover {
  color: #333333;
}
.index-circle .swiper-box-switch {
  width: 100%;
}
.index-circle .swiper-box-switch .swiper-box-switch-li {
  width: 100%;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transform: translate(0, 35px);
  transition: opacity 0.5s, transform 0.5s;
}
.index-circle .swiper-box-switch .swiper-box-switch-li + .swiper-box-switch-li {
  margin-left: -100%;
}
.index-circle .swiper-box-switch .swiper-box-switch-li.on {
  transform: translate(0, 0);
  pointer-events: auto;
  opacity: 1;
  z-index: 1;
}
.index-circle .swiper-box {
  --p: 20px;
  margin: 0 calc(var(--p)*-1);
  padding-top: 43px;
  padding-bottom: 35px;
  font-size: 16px;
  line-height: 1.4em;
  color: #999999;
}
.index-circle .swiper-box .swiper-slide {
  height: auto;
  width: 445px;
  padding: 20px;
}
.index-circle .swiper-box .box {
  display: block;
  border-radius: 12px;
  height: 100%;
  background-color: #f2f2f2;
  opacity: 0.7;
  transition: background 0.3s, opacity 0.3s;
}
.index-circle .swiper-box .box:hover {
  background-color: #ffffff;
  opacity: 1;
  box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.08);
}
.index-circle .swiper-box .box:hover .type {
  color: var(--main-color);
}
.index-circle .swiper-box .pad {
  width: 100%;
  padding: 57px 40px 55px 48px;
}
.index-circle .swiper-box .title {
  margin-top: 1.3em;
  margin-bottom: 1.2em;
  font-size: 24px;
  line-height: 1.4em;
  color: #000000;
}
.index-circle .swiper-box .cont {
  margin-bottom: 3.75em;
  -webkit-line-clamp: 5;
  height: 8.75em;
  line-height: 1.75em;
  color: #777777;
}
@media (max-width: 1660px) {
  .index-circle .swiper-box {
    --p: 16px;
    padding-top: 30px;
  }
  .index-circle .swiper-box .swiper-slide {
    width: 437px;
    padding: 16px;
  }
  .index-circle .swiper-box .box {
    border-radius: 10px;
  }
  .index-circle .swiper-box .pad {
    padding: 50px 40px 50px;
  }
  .index-circle .swiper-box .title {
    margin-top: 1em;
    font-size: 24px;
  }
  .index-circle .swiper-box .cont {
    margin-bottom: 3em;
  }
}
@media (max-width: 1550px) {
  .index-circle .type-box .type-son + .type-son {
    margin-left: 25px;
  }
  .index-circle .swiper-box {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .index-circle .swiper-box .pad {
    padding: 45px 30px 45px;
  }
  .index-circle .swiper-box .title {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    font-size: 22px;
  }
  .index-circle .swiper-box .cont {
    margin-bottom: 2.5em;
  }
}
@media (max-width: 992px) {
  .index-circle .title-box {display: block; text-align: center;}
  .index-circle .type-box { display: block;margin-top: 3%;}
  .index-circle .swiper-box .swiper-slide { width: 360px;}
}
@media (max-width: 960px) {
  .index-circle {padding: 6% 0;}
  .index-circle .swiper-box {font-size: 14px;}
  .index-circle .swiper-box .title {font-size: 18px;}
  .index-circle .swiper-box .swiper-slide {
    width: 300px;
    padding: 12px;
  }
}
@media (max-width: 640px) {
  .index-circle {padding: 7% 0;}
  .index-circle .type-box {font-size: 14px;}
  .index-circle .swiper-box{font-size: 13px;}
  .index-circle .swiper-box .swiper-slide {
    width: 270px;
    padding: 6px;
  }
  .index-circle .swiper-box .pad {padding: 30px 20px 35px;}
  .index-circle .swiper-box .title{font-size: 16px;}
 
}
@media (max-width: 480px) {
  .index-circle {padding: 8% 0;}
  .index-circle .type-box{display: block;}
  .index-circle .type-box .type-son{width: 33.33%;float: left; text-align: center;line-height: 1.6;}
  .index-circle .type-box .type-son + .type-son {margin-left: 0;}
  .index-circle .swiper-box .swiper-slide{padding-top: 0;}

}
.index-customers2{display: none;}
.index-customers {
  --w: var(--wrap-1470-width);
  background-color: #f7f7f7;
  overflow: hidden;
}
.index-customers .wrap3{max-width: 1474px;}
.index-customers .wrap-position {
  position: relative;
}
.index-customers .bg-box {
  position: relative;
  height: 810px;
}
.index-customers .cycle-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.index-customers .cycle-list .cycle-li {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 1354px;
  max-width: 100%;
  background: no-repeat center / contain;
}
.index-customers .cycle-list .cycle-li::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.index-customers .cycle-list .cycle-1 {
  background-image: url(../image/bg4_1.png);
}
.index-customers .cycle-list .cycle-2 {
  background-image: url(../image/bg4_2.png);
}
.index-customers .cycle-list .cycle-3 {
  background-image: url(../image/bg4_3.png);
}
.index-customers .cycle-list .cycle-4 {
  background-image: url(../image/bg4_4.png);
}
.index-customers .flex-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  text-align: center;
}
.index-customers .flex-box .cont {
  margin-top: 25px;
  margin-bottom: 44px;
  padding-bottom: 3.1em;
  font-size: 18px;
  line-height: 1.6em;
  color: #999999;
}
.index-customers .flex-box .more-box-a {
  display: none;
}
.index-customers .logo-list {
  --img-w: 129px;
}
.index-customers .logo-list .logo-li {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--img-w);
  height: var(--img-w);
}
.index-customers .logo-list .logo-li .img-span {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: box-shadow 0.3s;
}
.index-customers .logo-list .logo-li .img-span:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.index-customers .logo-list .logo-li img {
  display: block;
  height: 100%;
  width: 100%;
}
.index-customers .logo-list .logo-li:nth-child(1) {
  --img-w: 86px;
  left: 3%;
  top: 13.58%;
}
.index-customers .logo-list .logo-li:nth-child(2) {
  --img-w: 106px;
  left: 19.44%;
  top: 7.4%;
}
.index-customers .logo-list .logo-li:nth-child(3) {
  --img-w: 106px;
  left: 56%;
  top: 6.58%;
}
.index-customers .logo-list .logo-li:nth-child(4) {
  left: 89%;
  top: 6.5%;
}
.index-customers .logo-list .logo-li:nth-child(5) {
  left: 37.5%;
  top: 17.58%;
}
.index-customers .logo-list .logo-li:nth-child(6) {
  --img-w: 86px;
  left: 78%;
  top: 26.28%;
}
.index-customers .logo-list .logo-li:nth-child(7) {
  left: -1%;
  top: 32.58%;
}
.index-customers .logo-list .logo-li:nth-child(8) {
  left: 14%;
  top: 32.58%;
}
.index-customers .logo-list .logo-li:nth-child(9) {
  --img-w: 106px;
  left: 63%;
  top: 50.58%;
}
.index-customers .logo-list .logo-li:nth-child(10) {
  --img-w: 86px;
  left: 31.5%;
  top: 58.58%;
}
.index-customers .logo-list .logo-li:nth-child(11) {
  --img-w: 86px;
  left: 92%;
  top: 57%;
}
.index-customers .logo-list .logo-li:nth-child(12) {
  --img-w: 106px;
  left: 7%;
  top: 72.58%;
}
.index-customers .logo-list .logo-li:nth-child(13) {
  left: 27%;
  top: 78.58%;
}
.index-customers .logo-list .logo-li:nth-child(14) {
  --img-w: 86px;
  left: 65.5%;
  top: 80.58%;
}
.index-customers .logo-list .logo-li:nth-child(15) {
  --img-w: 106px;
  left: 84.4%;
  top: 80.9%;
}
@media (max-width: 992px) {
  .index-customers2{display: block;}
  .index-customers2 img{width: 100%;display: block;}
  .index-customers {display: none;}
}
.index-form-customer {
  --w: var(--wrap-1680-width);
  background: url(../image/bg5.jpg) no-repeat center / cover;
  background-attachment: fixed;
  overflow: hidden;
  padding: 130px 0 110px;
}
/* .index-form-customer .wrap3{ max-width: 1680px;} */
.index-form-customer .flex-box {
  background-color: #ffffff;
  box-shadow: 0px 4px 35px 0px rgba(4, 0, 0, 0.2);
  border-radius: 8px;
  padding: 65px 54px;
}
.index-form-customer .cont-cont {
  width: 38.6%;
  flex-direction: column;
  justify-content: space-between;
}
.index-form-customer .cont-cont .h4 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4em;
  color: #222222;
}
.index-form-customer .cont-cont .des {
  margin: 1em 0;
  font-size: 18px;
  line-height: 2em;
  color: #555555;
}
.index-form-customer .cont-cont .phone-block .self-svg {
  --w1: 56px;
  --size: 100%;
  --fill: var(--main-color);
  margin-bottom: 7px;
  transform: translateX(-10%);
  width: var(--w1);
  height: var(--w1);
}
.index-form-customer .cont-cont .phone-block .phone-num {
  font-family: DIN;
  font-weight: bold;
  font-size: 46px;
  line-height: 0.9em;
}
.index-form-customer .cont-cont .phone-block .phone-num span {
  display: inline-block;
  vertical-align: top;
  background: var(--linear-color);
  -webkit-background-clip: text;
  color: transparent;
}
.index-form-customer .form-cont {
  width: 58.7%;
}
.index-form-customer .form-cont .h6 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4em;
  color: #222222;
}
.index-form-customer .form-cont .radio-list {
  padding: 20px 0 35px;
}
.index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self {
  margin-left: 34px;
}
.index-form-customer .form-cont .input-list {
  --p: 9px;
  margin: calc(var(--p)*-1);
  font-size: 16px;
  line-height: 1.4em;
  color: #555555;
}
.index-form-customer .form-cont .input-list .input-li {
  padding: calc(var(--p) + 4px) var(--p);
}
.index-form-customer .form-cont .input-list .input-title {
  margin-bottom: 7px;
}
.index-form-customer .form-cont .input-list .border {
  background-color: #f7f8f9;
  border-radius: 3px;
  border: solid 1px #ededed;
}
.index-form-customer .form-cont .input-list .input {
  width: 100%;
  padding: 0 1.2em;
  font-size: 0.9em;
  line-height: 48px;
}
.index-form-customer .form-cont .submit-box {
  margin-top: 35px;
}
.index-form-customer .form-cont .submit-box .more-box {
  cursor: pointer;
}
@media (max-width: 1660px) {
  .index-form-customer {
    padding: 100px 0;
  }
  .index-form-customer .flex-box {
    padding: 55px 50px;
  }
  .index-form-customer .cont-cont .h4 {
    font-size: 28px;
  }
  .index-form-customer .cont-cont .des {
    margin: 0.8em 0;
    font-size: 17px;
    line-height: 1.9em;
  }
  .index-form-customer .cont-cont .phone-block .self-svg {
    --w1: 50px;
    margin-bottom: 5px;
  }
  .index-form-customer .cont-cont .phone-block .phone-num {
    font-size: 40px;
  }
  .index-form-customer .form-cont .h6 {
    font-size: 20px;
  }
  .index-form-customer .form-cont .radio-list {
    padding: 16px 0 25px;
  }
  .index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self {
    margin-left: 30px;
  }
  .index-form-customer .form-cont .input-list {
    --p: 7px;
  }
  .index-form-customer .form-cont .input-list .input {
    padding: 0 1.1em;
    line-height: 46px;
  }
  .index-form-customer .form-cont .submit-box {
    margin-top: 30px;
  }
}
@media (max-width: 1550px) {
  .index-form-customer {
    padding: 90px 0;
  }
  .index-form-customer .flex-box {
    padding: 45px 45px;
  }
  .index-form-customer .cont-cont .h4 {
    font-size: 26px;
  }
  .index-form-customer .cont-cont .des {
    margin: 0.7em 0;
    font-size: 16px;
  }
  .index-form-customer .cont-cont .phone-block .self-svg {
    --w1: 46px;
    margin-bottom: 2px;
  }
  .index-form-customer .cont-cont .phone-block .phone-num {
    font-size: 36px;
  }
  .index-form-customer .form-cont .radio-list {
    padding: 15px 0 20px;
  }
  .index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self {
    margin-left: 27px;
  }
  .index-form-customer .form-cont .input-list {
    --p: 6px;
    font-size: 15px;
  }
  .index-form-customer .form-cont .input-list .input {
    line-height: 44px;
  }
  .index-form-customer .form-cont .submit-box {
    margin-top: 26px;
  }
}
@media (max-width: 1400px) {
  .index-form-customer {
    padding: 85px 0;
  }
  .index-form-customer .cont-cont .h4 {
    font-size: 24px;
  }
  .index-form-customer .cont-cont .des {
    font-size: 16px;
    line-height: 1.8em;
  }
  .index-form-customer .cont-cont .phone-block .self-svg {
    --w1: 42px;
  }
  .index-form-customer .cont-cont .phone-block .phone-num {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .index-form-customer {padding: 8% 0;}
  .index-form-customer .flex-box {display: block;}
  .index-form-customer .cont-cont {width: 100%;}
  .index-form-customer .form-cont {width: 100%;margin-top: 5%;}
  .index-form-customer .cont-cont .des {margin: 3% 0;}
}
@media (max-width: 640px) {
  .index-form-customer .cont-cont .h4 {font-size: 22px;}
  .index-form-customer .cont-cont .des {font-size: 14px;}
  .index-form-customer .form-cont .h6 {font-size: 18px;}
  .index-form-customer .form-cont .input-list {font-size: 14px;}
}
@media (max-width: 480px) {
  .index-form-customer .flex-box {padding: 25px 20px;}
  .index-form-customer .form-cont .input-list {font-size: 13px;}
  .index-form-customer .form-cont .input-list .input-li {width: 100%;}
  .index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self {margin-left: 5px;}
  .index-form-customer .form-cont .input-list .input {line-height: 36px;}
}
/*解决方案*/
.banner_solution {
  position: relative; overflow:hidden;
}
.banner_solution .pi-hidden-lg {

  display: none !important;

}
.banner_solution .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:75vh;
	position: relative;
}
.banner_solution .index_banner .item.slick-current .scaleBg{
	visibility: visible;
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.banner_solution .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.banner_solution .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.2);
}
.banner_solution .index_banner .item .inner .block_txt{
	position: absolute;
	top: 34%;
	right: 10px;
	left:10px;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.banner_solution .index_banner .item.active .inner .block_txt{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}
.banner_solution .index_banner .item .inner .block_txt h4{
	font-size: 20px;
	color: #fff;
	text-align: center;line-height:1.3em;margin-bottom: 10px;
}
.banner_solution .index_banner .item .inner .block_txt h2{
	color: #fff;
	background: -webkit-linear-gradient(white, white, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 60px;
	font-weight: bold;
	text-align:center;
	letter-spacing:2px;
	line-height:1.3em;margin-bottom: 10px;
}
.banner_solution .index_banner .item .inner .block_txt h2 span{
	color: #fff;
	background: -webkit-linear-gradient(white, #ffffff, #0d1e47);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	display: inline-block;
	letter-spacing: 0px;
}
.banner_solution .index_banner .item .inner .block_txt h3{
	color: #fff; max-width:1000px; margin:0 auto;
	font-size: 20px;
	text-align:center;
	margin-top: 10px; line-height:1.3em;margin-bottom:10px;
}
.banner_solution .index_banner .item .newa{ color: #fff; text-decoration: underline; cursor: pointer; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; transition: color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;}
.banner_solution .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.banner_solution .left{
	left: 0;
}
.banner_solution .right{
	right:0;
}
.banner_solution .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.banner_solution .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.banner_solution .number{
	position: absolute;
	bottom:5%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.banner_solution .number span{
	font-size: 18px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.banner_solution .number span:last-child{
	margin-right: 0;
}
.banner_solution .number span:after{
	content: "";
	display: inline-block;
	width: 10px;
	height: 1px;
	background: #c5c5c5;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-1px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.banner_solution .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}
.mshow{display:none;}

@media only screen and (max-width: 1600px){
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4{font-size: 20px;}
.banner_solution .index_banner .item .inner .block_txt h2{font-size: 60px;}
.banner_solution .index_banner .item .inner .block_txt h3{font-size: 20px;}
.banner_solution .index_banner .item{ height:72vh; max-height:500px;}
}
@media only screen and (max-width: 1440px){
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4{font-size: 18px;}
.banner_solution .index_banner .item .inner .block_txt h2{font-size: 60px;}
.banner_solution .index_banner .item .inner .block_txt h3{font-size: 18px;margin-top: 5px;}
.banner_solution .index_banner .item{ height:70vh;}
}
@media only screen and (max-width: 1366px){
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4{font-size: 16px;}
.banner_solution .index_banner .item .inner .block_txt h2{font-size: 26px;}
.banner_solution .index_banner .item .inner .block_txt h3{font-size: 16px;}
.banner_solution .index_banner .slick-arrow{background-size: auto 30px;}
.banner_solution .index_banner .item{ height:68vh;}
}
@media only screen and (max-width: 1199px){
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4{font-size: 14px;}
.banner_solution .index_banner .item .inner .block_txt h2{font-size: 22px;}
.banner_solution .index_banner .item .inner .block_txt h3{font-size: 14px;}
.banner_solution .index_banner .item{ height:65vh;}
}
@media screen and (max-width: 992px) {
  /*解决方案*/
  .banner_solution .number span{margin-right: 60px;}
}
@media screen and (max-width: 640px) {
  /*解决方案*/
  .banner_solution .number span{margin-right: 30px;}
  .banner_solution .index_banner .item{ height:25vh;}
  .banner_solution .index_banner .items{background-size: 100% auto;}
 .pcshow {display:none;}
 .mshow {display:block;}
}
@media screen and (max-width: 480px) {
  /*解决方案*/
  .banner_solution .number span{margin-right: 15px;}
  .banner_solution .index_banner .item{ height:25vh;}
    .banner_solution .index_banner .items{background-size: 100% auto;}
  .pcshow {display:none;}
  .mshow {display:block;}
}
.anim-1,
.anim-2,
.anim-3{
  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
 /* opacity: 0;*/
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.anim-1 {
  -webkit-transition: transform .8s,opacity .8s;
  -moz-transition: transform .8s,opacity .8s;
  -o-transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s;
}
.anim-2 {
  -webkit-transition: transform 1s,opacity 1s;
  -moz-transition: transform 1s,opacity 1s;
  -o-transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s;
}
.anim-3 {
  -webkit-transition: transform 1.2s,opacity 1.2s;
  -moz-transition: transform 1.2s,opacity 1.2s;
  -o-transition: transform 1.2s,opacity 1.2s;
  transition: transform 1.2s,opacity 1.2s;
}
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}
@keyframes mymove8
{
from { filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(0) translateX(-100px);
  -moz-transform: translateY(0) translateX(-100px);
  transform: translateY(0) translateX(-100px);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to {filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove8
{
	from { filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(0) translateX(-100px);
  -moz-transform: translateY(0) translateX(-100px);
  transform: translateY(0) translateX(-100px);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to {filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}