/*banner图*/
.banner { position:relative; overflow:hidden;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:1; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .bannerfix >li .importantText{ position: absolute; top: 35vh;width: 100vw;left: 50%;margin-left: -50vw;text-align: center;animation-duration:1s}
.banner .bannerfix >li .importantText>strong{ color: #fff;font-size: 3vw;font-weight: bold;font-family: Alimama ShuHeiTi-Bold;animation-duration:1s}
.banner .bannerfix >li .importantText>p{ color: #fff;font-size: 1.1vw;font-family: Source Han Sans CN-Regular;margin-top: 7vh;animation-duration:1.5s}
.banner .bannerfix >li .importantText>div{ width: 41vw;height: 6.2vh;line-height: 6.2vh;margin: 0 auto;background-color: #fff;border-radius: 30px;margin-top: 13vh;}
.banner .bannerfix >li .importantText>div input{width: 30vw;height: 94%;display: inline-block;font-size: 20px;}
.banner .bannerfix >li .importantText>div>div{cursor: pointer; width: 6vw;height: 6vh;line-height: 6vh;margin-top: 0.1vh; margin-right: 0.1vh;color: #fff;background-color: #CA291B;float: right;font-size: 1vw;border-radius: 30px;}
.banner .bannerfix >li .qrCode{ position: absolute; top:13vh;right: 1vw;text-align: center;}
.banner .bannerfix >li .qrCode>img{ width: 6vw;height: 6vw;margin: 0 auto;}
.banner .bannerfix >li .qrCode>p{ font-size:  0.8vw;;color: #fff;margin-top: 1.6vh;margin-bottom: 2.6vh;}
.banner .bannerfix >li .banner_footer{ position: absolute; bottom:30px;text-align: center;width: 100%;}
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:30px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#e60012;}
.banner .text1{ position: absolute; top: 55%; right: 0; left: 0; bottom: 0; z-index: 33;
transform: translateY(-50%); -ms-transform: translateY(-50%);  -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.banner .text1 .p1{ text-align: center; color: #fff; font-size: 32px; animation: none;}
.banner .text1 .p2{ text-align: center; color: #fff; font-size: 52px; font-weight: bold; padding: 0 0 15px 0;  animation: none;}
.banner .text1 a{ text-align: center; color: #fff; font-size: 28px; display: block; margin: 0 auto; width: 350px; height: 54px;
background: #ffcc00; border-radius: 50px; line-height: 54px; font-family: 宋体;  animation: none;}
.banner .text1 a i{ display: inline-block; font-size: 40px; vertical-align: middle;}
.index-sec1.active .importantText strong,.index-sec1.active .importantText p,.index-sec1.active .importantText>div{ animation-name: fadeInUp;; animation-duration:2s}
.index-sec1.active .qrCode{ animation-name: fadeInRight; animation-duration:2s}
.index-sec1.active .banner_footer{animation-name: shakeY; animation-duration:3s; animation-iteration-count: infinite; }

/*侧边导航*/
#fp-nav{z-index: 29; position: fixed; top: 0; left: 0px; bottom: 0; background: rgba(255,255,255,0.3); width: 2.5vw; margin-top: 0 !important;}
#fp-nav ul{ position: absolute; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; width: 50px; }
#fp-nav li span{ background: url(../img/icon.png) no-repeat 0 0; width: 1.4vw; height: 1.4vw; display: block;background-size: 3vw 26vh;
margin-left: 0.5vw; position: relative; z-index: 22; transition: all 1s;}
#fp-nav li:nth-child(1) span{background-position: 0px 0;}
#fp-nav li:nth-child(2) span{background-position: 0px -4.2vh;}
#fp-nav li:nth-child(3) span{background-position: 0px -9vh;}
#fp-nav li:nth-child(4) span{background-position: 0px -13.8vh;}
#fp-nav li:nth-child(5) span{background-position: 0px -18.8vh;}
#fp-nav li:nth-child(6) span{background-position: -0.1vw -21vh;}
#fp-nav li:nth-child(1) .active span{background-position: -1.6vw 0;}
#fp-nav li:nth-child(2) .active span{background-position: -1.6vw -4.2vh;}
#fp-nav li:nth-child(3) .active span{background-position: -1.6vw -9vh;}
#fp-nav li:nth-child(4) .active span{background-position: -1.6vw -13.8vh;}
#fp-nav li:nth-child(5) .active span{background-position: -1.6vw -18.8vh;}
#fp-nav li:nth-child(6) .active span{background-position: -1.6vw -21vh;}
#fp-nav li{ position: relative;}
#fp-nav li a{ display: block; position: relative; z-index: 999; height: 5vh; width: 50px; display: flex; align-items: center;}
.fp-tooltip{ position: absolute; left: -160px; top: 0; bottom: 0;  color: #fff; z-index: 22; transition: all 0.8s;
 width: 8.3vw!important; z-index: -1; line-height: 5vh; height: 5vh; z-index: 33; background: #E60012; font-size: 0.8vw;text-align: right;padding-right: 0.5vw;} 
#fp-nav li.on .fp-tooltip{ left: 0;}

/*关于我们*/
.index-sec2{  width: 100%; height: 100%; background: url(../img/2@2x.png) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec2-cont{  margin: 0 auto; padding:70px 200px 50px 200px;height: 100%;}
.sec2-cont .top{position: relative;}
.sec2-cont .top>div{margin-left: 10px;position: absolute;bottom: 10px;}
.sec2-cont .top>p{ font-size: 100px; font-family: Alimama ShuHeiTi-Bold;opacity: 0.2;font-weight: bold;color: #fff;}
.sec2-cont .top>div span{ color: #fff;font-size: 40px;font-family: Alimama ShuHeiTi-Bold;font-weight: bold;margin-right: 20px;}
.sec2-cont .top>div img{ width: 30px;height: 30px;}
.sec2-cont .conter {margin-top: 40px; color: #fff;}
.sec2-cont .conter .con-lt{width: 20%;}
.sec2-cont .conter .con-lt .active{background-color: #CA291B;border-color: #CA291B;}
.sec2-cont .conter .con-lt div{padding: 16px 52px;font-size: 24px;color: #fff; background: none;border: 1px solid #fff;display: inline-block;margin-bottom: 20px;cursor: pointer;}
.sec2-cont .conter .con-rg{width: 80%;}
.sec2-cont .conter .con-rg .con-rg-t{padding-bottom: 40px;border-bottom: 1px solid #fff;}
.sec2-cont .conter .con-rg .con-rg-t .con-rg-t-l{height: 25vh;line-height: 25vh;width: 30%;}
.sec2-cont .conter .con-rg .con-rg-t .con-rg-t-l img{max-width: 100%;max-height: 100%;display: block;margin: auto;
    /* width: 416px; height: auto; */
    /* position: absolute;top: 40%;transform: translateY(-50%); */
}
.sec2-cont .conter .con-rg .con-rg-t .con-rg-t-l2{height: 30vh;width: 30%;}
.sec2-cont .conter .con-rg .con-rg-t .con-rg-t-l2 img{
    width: 100%; height: 100%;
    /* position: absolute;top: 40%;transform: translateY(-50%); */
}
.sec2-cont .conter .con-rg .con-rg-t .con-rg-t-r {padding-left: 20px;width: 70%;height: 25vh;
    display: flex;
        flex-wrap: wrap;
        align-content: space-between;}
.sec2-cont .conter .con-rg .con-rg-t .con-rg-t-r .con-rg-t-r-t{font-size: 24px;font-family: Source Han Sans CN-Bold;font-weight: bold;width: 100%;/*强制文本在一行内显示*/
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
   }
   .sec2-cont .conter .con-rg .con-rg-t .con-rg-t-r .con-rg-t-r-c{width: 100%;
    overflow: hidden;
  text-overflow: ellipsis;
  /* 将对象作为弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 限制在一个块元素显示的文本的行数 */
  /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
  -webkit-line-clamp: 3;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;

   }
   .sec2-cont .conter .con-rg .con-rg-t .con-rg-t-r .con-rg-t-r-f{
    width: 100%;
   }
   .sec2-cont .conter .con-rg .con-rg-t .con-rg-t-r .con-rg-t-r-f div>img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
   }
   .sec2-cont .conter .con-rg .con-rg-t .con-rg-t-r .con-rg-t-r-f div>span{
    vertical-align: middle;
   }
   .sec2-cont .conter .con-rg .con-rg-t .con-rg-t-r .con-rg-t-r-f>img{
    width: 80px;
    height: 10px;
   }
   .sec2-cont .conter .con-rg .con-rg-c{display: flex;flex-wrap: wrap;margin-top: 40px;}
   .sec2-cont .conter .con-rg .con-rg-c .con-rg-c-c{width: calc(100% / 3);}
   .sec2-cont .conter .con-rg .con-rg-c .con-rg-c-c .con-rg-c-c-t{font-size: 24px;font-weight: bold;font-family: Source Han Sans CN-Bold;margin-bottom: 20px; white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;}
   .sec2-cont .conter .con-rg .con-rg-c .con-rg-c-c .con-rg-c-c-c{font-size: 14px;    overflow: hidden;width: 90%;
    text-overflow: ellipsis;
    /* 将对象作为弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制在一个块元素显示的文本的行数 */
    /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
    -webkit-line-clamp: 2;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;}
    .sec2-cont .conter .con-rg .con-rg-c .con-rg-c-c .con-rg-c-c-f{padding: 13px 49px;font-size: 16px;border: 1px solid #fff;display: inline-block;margin-top: 30px;}
    .index-sec2  .banner_footer{ position: absolute; bottom:10px;text-align: center;width: 100%;}
    .index-sec2.active .banner_footer{animation-name: shakeY; animation-duration:3s; animation-iteration-count: infinite; }
    .index-sec2.active .conter .con-lt{animation-name: backInLeft; animation-duration:2s; }
    .index-sec2.active .conter .con-rg{animation-name: backInRight; animation-duration:2s; }
/* .sec2-cont h3{ color: #000; font-weight: bold; font-size: 36px; text-align: center;}
.sec2-cont h4{ color: #E60012; font-size: 20px; text-align: center; padding-bottom: 40px; padding-top: 10px;}
.sec2-cont .p1{ color: #000; font-size:16px; text-align: center; line-height: 40px;}
.sec2-cont ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; padding: 50px 0;
align-items: center;  }
.sec2-cont li{ transition: all ease-in-out 0.3s; }
.sec2-cont li b{ display: block; height: 50px; width: 1px; background: #E0E0E0; }
.sec2-cont li:last-child{ border-right: none;}
.sec2-cont strong{ color: #000; font-family: "times new roman"; font-size:30px;}
.sec2-cont li p{ font-size: 16px; color: #666; } */
.sec2-cont .more{ display: block; background: #E60012; width: 200px; height: 50px; text-align: center; color: #fff; font-size: 16px;
line-height: 50px; border-radius: 50px; margin: 0 auto; opacity: 1; filter:blur(0px);  animation-duration:2s; transition-duration: 2s;}
.sec2-cont .more:hover{ -webkit-animation: bubbles 1s forwards ease-out; animation: bubbles 1s forwards ease-out; background: radial-gradient(circle at bottom, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em; background-color: #E60012; background-repeat: no-repeat; }
.sec2-cont li:hover{ transform: translateY(-10px);}

.index-sec2.active .text ,.index-sec2.active ul,.index-sec2.active .more{ animation-name: fadeInUp;}

/*产品中心*/
.index-sec3{ width: 100%; height: 100%; background: url(../img/3.jpg.png) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec3-cont{  margin: 0 auto; padding:70px 200px 50px 200px;height: 100%;}
.sec3-cont .top{margin-bottom: 200px; position: relative;}
.sec3-cont .top>div{margin-left: 10px;position: absolute;bottom: 10px;}
.sec3-cont .top>p{ font-size: 100px; font-family: Alimama ShuHeiTi-Bold;opacity: 0.2;font-weight: bold;color: #fff;}
.sec3-cont .top>div span{ color: #fff;font-size: 40px;font-family: Alimama ShuHeiTi-Bold;font-weight: bold;margin-right: 20px;}
.sec3-cont .top>div img{ width: 30px;height: 30px;}
.sec3-cont .cont{display: flex; justify-content: space-between; flex-wrap: wrap;margin-top: 20px;width: 100%;}
.sec3-cont .cont>div{width: 24%; cursor: pointer;}
.sec3-cont .cont>div a{ cursor: pointer;}
.sec3-cont .cont>div a>div{width: 100%;text-align: center;background-color: #fff;transform: skewX(-10deg);padding-bottom: 10px;}
.sec3-cont .cont>div a>div>img{width: 170px;transform: skewX(10deg);}
.sec3-cont .cont>div a>div>p{width: 170px;transform: skewX(10deg);width: 100%;text-align: center;}
.index-sec3 .banner_footer{ position: absolute; bottom:30px;text-align: center;width: 100%;}
.index-sec3.active .cont>div:nth-child(1){ animation-name: fadeInUp; animation-duration:1s}
.index-sec3.active .cont>div:nth-child(2){ animation-name: fadeInUp; animation-duration:2s}
.index-sec3.active .cont>div:nth-child(3){ animation-name: fadeInUp; animation-duration:3s}
.index-sec3.active .cont>div:nth-child(4){ animation-name: fadeInUp; animation-duration:4s}
.index-sec3.active .banner_footer{animation-name: shakeY; animation-duration:3s; animation-iteration-count: infinite; }
/*店面形象*/
.index-sec4{ width: 100%; height: 100%; background: url(../img/bg4.jpg) no-repeat; background-size: auto; background-size: 100% 100%;  position: relative;}
.index-sec4 a{ background: #fff; display: block;}
.index-sec4 a p{ color: #000; height: 60px; line-height: 60px; text-align: center; font-size: 16px;}
.index-sec4 figure{ position: relative; overflow: hidden;}
.index-sec4 figure,.index-sec4 figure img{ display: block; overflow: hidden; width: 100%; height: 100%; transition: all 2s;}
#swiper2{ width: 100%;height: 100%;overflow: hidden;position: relative;}
.index-sec4 .swiper-button-next,.index-sec4 .swiper-button-prev{ display: block; width: 65px; height: 65px; border-radius: 100%; 
background: #fff; color: #E60012; font-family: '宋体'; font-size: 34px; display: flex; justify-content: center; align-items: center;
 position: absolute;  bottom: 0px; top: auto; transition: all 0.6s; z-index: 133; cursor: pointer;} 
.index-sec4 .swiper-button-prev{ right: 25%; left: auto;}
.index-sec4 .swiper-button-next{ right: 20%; left: auto;}
.index-sec4 .swiper-button-next:hover,.index-sec4 .swiper-button-prev:hover{ background: #E60012; color: #fff;}
.index-sec4 .swiper-button-next.swiper-button-disabled, .index-sec4 .swiper-button-prev.swiper-button-disabled{ opacity: 1 !important;}
.index-sec4 .line{ position: absolute; height: 1px;  right:30%; left: 24%; bottom:30px; background: rgba(255,255,255,0.3);}
.index-sec4 figure .mask{ position: absolute; top: 50%; left:0; right: 0; bottom: 50%; background: rgba(0,0,0,0.5); transition: all 0.36s;
 transition: all 0.6s cubic-bezier(.4,0,.2,1); transform-origin: bottom; transform: scale(1,0);}
.index-sec4 figure span{ display: block; position: absolute; top: 50%; left: 50%;  transition: all 0.6s;
transition-delay: 0.36s; opacity: 0; transform: translateY(10px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%);
-ms-transform: translate(-50%,-60%); -moz-transform: translate(-50%,-60%); -webkit-transform: translate(-50%,-60%);}
.index-sec4 a:hover .mask{ transform: none; top: 0; bottom: 0;}
.index-sec4 a:hover span{ opacity: 1;  transform: translate(-50%,-50%);}
.index-sec4 a:hover figure>img{ transform: scale(1.1);}
.index-sec4.active #swiper2{ animation-name: zoomIn;}

/*平台介绍*/
/* .index-sec5{  width: 100%; height: 100%;}
.sec5-cont{ width: 100%; height: 100%;}
.sec5-cont h3{ color: #000; font-weight: bold; font-size: 36px; text-align: center;}
.sec5-cont h4{ color: #E60012; font-size: 20px; text-align: center; padding-bottom: 40px; padding-top: 10px;}
.sec5-cont .p1{ color: #000; font-size:16px; text-align: center; line-height: 40px;}
.sec5-cont ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; padding: 50px 0;
align-items: center;  animation-duration:2s; }
.sec5-cont li{ transition: all ease-in-out 0.3s; }
.sec5-cont li b{ display: block; height: 50px; width: 1px; background: #E0E0E0; }
.sec5-cont li:last-child{ border-right: none;}
.sec5-cont strong{ color: #000; font-family: "times new roman"; font-size:30px;}
.sec5-cont li p{ font-size: 16px; color: #666; }
.sec5-cont .more{ display: block; background: #E60012; width: 200px; height: 50px; text-align: center; color: #fff; font-size: 16px;
line-height: 50px; border-radius: 50px; margin: 0 auto; opacity: 1; filter:blur(0px);  animation-duration:2s; transition-duration: 2s;}
.sec5-cont .more:hover{ -webkit-animation: bubbles 1s forwards ease-out; animation: bubbles 1s forwards ease-out; background: radial-gradient(circle at bottom, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em; background-color: #E60012; background-repeat: no-repeat; }
.sec5-cont li:hover{ transform: translateY(-10px);}
.index-sec5  .banner_footer{ position: absolute; bottom:10px;text-align: center;width: 100%;}
.index-sec5.active .banner_footer{animation-name: shakeY; animation-duration:3s; animation-iteration-count: infinite; }
.index-sec5.active .sec5-cont ,.index-sec5.active ul,.index-sec5.active .more{ animation-name: fadeInUp;  animation-duration:2s;} */

/*联系我们*/
.index-sec6{ width: 100%; height: 100%; background: url(../img/back4.png) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec6-cont{ color: #fff;height: 100%;padding-top: 30vh;box-sizing: border-box;}
.sec6-cont .sec6-cont-t .sec6-cont-t-l{ width: 35%;text-align: right;}
.sec6-cont .sec6-cont-t .sec6-cont-t-l>div{ display: inline-block; text-align: center;}
.sec6-cont .sec6-cont-t .sec6-cont-t-l>div img{ width: 7.8vw;height: 16.5vh;}
.sec6-cont .sec6-cont-t .sec6-cont-t-c{ width: 30%;padding-left: 6vw;box-sizing: border-box;}
.sec6-cont .sec6-cont-t .sec6-cont-t-c>strong{ font-size: 2.5vw;font-weight: bold;font-family: Alimama ShuHeiTi-Bold;margin-bottom: 2vh;display: inline-block;}
.sec6-cont .sec6-cont-t .sec6-cont-t-c>p{ width: 90%;color: #fff;font-size: 0.8vw;line-height: 2.5vh;}
.sec6-cont .sec6-cont-t .sec6-cont-t-r{ width: 35%;text-align: left;}
.sec6-cont .sec6-cont-t .sec6-cont-t-r>div{ display: inline-block; text-align: center;}
.sec6-cont .sec6-cont-t .sec6-cont-t-r>div img{ width:  7.8vw;height: 16.5vh;}
.sec6-cont .sec6-footer{margin-top: 20vh;}
.sec6-cont .sec6-footer ul{display: flex; justify-content: space-between; flex-wrap: wrap;width: 80%;margin: 0 auto;}
.sec6-cont .sec6-footer ul li{width: calc(100% / 6);color: #fff;text-align: center;}
.sec6-cont .sec6-con-footer {text-align: center;color: #fff;margin-top: 13vh;}
.sec6-cont .sec6-footer>ul>li>a{cursor: pointer;color: #fff;font-size: 0.8vw;}
.sec6-cont .sec6-footer2{margin-top: 20px;}
.sec6-cont .sec6-footer2 ul{display: flex; justify-content: space-between; flex-wrap: wrap;width: 80%;margin: 0 auto;}
.sec6-cont .sec6-footer2 ul li{width: calc(100% / 8);color: #fff;text-align: center;}

.sec6-cont .sec6-footer2>ul>li>a{cursor: pointer;color: #fff;font-size: 0.8vw;}
.index-sec6.active .sec6-cont-t{animation-name: backInDown;  animation-duration:2s}
.index-sec6.active .sec6-footer{animation-name: backInUp;  animation-duration:2s}
.index-sec6.active .sec6-footer2{animation-name: backInUp;  animation-duration:2s}
.index-sec6.active .sec6-con-footer{animation-name: backInUp;  animation-duration:2s}
.index-sec6.active .sec6-con-footer a{font-size: 0.8vw;}

/* .barwrap.on{ background: #fff; animation: down 1s; border-bottom: 1px solid #E0E0E0;} */
/* .barwrap.on li a,.barwrap.on .div2 strong,.barwrap.on .div2 b{ color: #000;} */
/* .barwrap.on .div2{ border-color: #E0E0E0;} */



	/* 首页管线医院 */
.index-sec7{ width: 100%; height: 100%; background: url(../img/管道医院背景.png) no-repeat; background-size: auto; background-size: 100% 100%; }
.sec7-cont{  margin: 0 auto; padding:12vh 10vw 8vh 10vw;height: 100%;}
.sec7-cont .top{position: relative;}
.sec7-cont .top>div{margin-left: 10px;position: absolute;bottom: 10px;}
.sec7-cont .top>p{ font-size: 4vw; font-family: Alimama ShuHeiTi-Bold;opacity: 0.2;font-weight: bold;color: #fff;}
.sec7-cont .top>div span{ color: #fff;font-size: 2vw;font-family: Alimama ShuHeiTi-Bold;font-weight: bold;margin-right: 1vw;}
.sec7-cont .top>div img{ width: 1.6vw;height: 1.6vw;}
.sec7-cont .content{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.sec7-cont .content .content-c{width: 19%;height: auto;margin-top: 5vh;font-size: 2vw;font-weight: bold;color: #fff;border-radius: 10px;text-align: center;}
.sec7-cont .content .content-c img{width: 100%;cursor: pointer;}
/* .sec7-cont .content .content-c{width: 30%;max-width: 440px; text-align: center;height: 26vh;line-height: 26vh;background-color: #f2f2f2;margin-top: 5vh;font-size: 2vw;font-weight: bold;color: #fff; background-position: center;background-repeat: no-repeat;background-size: 100%;} */
/* .sec7-cont .content .content-c:nth-child(1){ background-image: url(../img/漏水监测.png);}
.sec7-cont .content .content-c:nth-child(2){ background-image: url(../img/管道检测.png);}
.sec7-cont .content .content-c:nth-child(3){ background-image: url(../img/排水监测.png);}
.sec7-cont .content .content-c:nth-child(4){ background-image: url(../img/信息管理平台.png);}
.sec7-cont .content .content-c:nth-child(5){ background-image: url(../img/管道清淤.png);}
.sec7-cont .content .content-c:nth-child(6){ background-image: url(../img/应急安全1.png);}  */
.index-sec7  .banner_footer{ position: absolute; bottom:1vh;text-align: center;width: 100%;left: 0;}
.index-sec7.active .banner_footer{animation-name: shakeY; animation-duration:3s; animation-iteration-count: infinite; }
.index-sec7.active .content{animation-name: fadeInUp; animation-duration:2s;}

input::-webkit-input-placeholder{
    /* placeholder字体大小 */
    font-size:0.6px
}