.steps .content{
  margin-top: 60px;
}

.app-head .two-menu li a:hover{
  color:#00CAB5 ;
}
.app-swiper .swiper-wrapper .swiper-slide{
  background-image: url(../image/75983d44911fa178f10207f926bcc114.jpg);
  padding-top: 73px;
}
.banner-swiper .swiper-wrapper .swiper-slide .container .text h3{
  margin:  10px 0  22px ;
}

.cc .same-title{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}
.cc .appys-items {
    -webkit-animation: c4 1s  0.4s forwards;
    -o-animation: c4 1s  0.4s forwards;
    animation: c4 1s  0.4s forwards;
}
.appys-panel .same-title{
  opacity: 0;
}
.appys-panel{
  padding: 98px 0 22px;
  
}
.appys-panel .appys-items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  opacity: 0;
}
.appys-panel .appys-items .item{
  width: 44%;
  display: flex;
  align-items: flex-end;
  margin-bottom: 88px;
}
.appys-panel .appys-items .item .icon-box img{
  width: 107px;
  height: auto;
}
.appys-panel .appys-items .item .info{
  margin-left: 40px;
}
.appys-panel .appys-items .item .info .text{
  line-height: 28px;
  margin-top: 10px;
}
.appys-panel .appys-items .item:first-child .info{
  margin-left: 30px;
}
.appys-panel .appys-items .item:nth-of-type(3) .info{
  margin-left: 35px;
}
.appys-panel .appys-items .item:last-child .info{
  margin-left: 0;
}
.appys-panel .appys-items .item:nth-of-type(2) .icon-box img{
  width: 94px;
}
.appys-panel .appys-items .item:nth-of-type(3) .icon-box img{
  width: 97px;
  height: 96px;
}
.appys-panel .appys-items .item:nth-of-type(4) .icon-box img{
  width: 139px;
}
.cc2 .usys{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}


.usys{
  position: relative;
  height: 682px;
  background: linear-gradient(177deg, #00C2BD, #00DCA1);
  padding-top: 99px;
  opacity: 1;
}
.usys-panel .container{
  height: 100%;
  
}
.usys-panel .bg-white{
  height: 40px;
}

.usys-panel .same-title h3{
  color: #fff;
}
.usys-panel .same-title span{
  color:#EDEDED;
}
.usys-panel .circle{
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 1;
}
.usys-panel .circle .pointer-box{
  position: absolute;
  bottom: -32px;
  left: 50%;
  z-index: 99;
  transform:translateX(-50%) ;
  -webkit-transform:translateX(-50%) ;
  -moz-transform:translateX(-50%) ;
  -ms-transform:translateX(-50%) ;
  -o-transform:translateX(-50%) ;
}
.usys-panel .circle .pointer{
  position: absolute;
  left: -17%;
  top: -5%;
  transition: all .1s;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  -o-transition: all .1s;
}
.usys-panel .usys-items {
  height: 100%;
}
.usys-panel .usys-items .item{
  width: 193px;
  text-align: center;
  position: absolute;
  z-index: 1000;
}
.usys-panel .usys-items .item:nth-of-type(1){
  top: 64%;
  left: 22%;
}
.usys-panel .usys-items .item:nth-of-type(2){
  top: 35%;
  left: 33%;
}
.usys-panel .usys-items .item:nth-of-type(3){
  top: 35%;
  right: 33%;
}
.usys-panel .usys-items .item:nth-of-type(4){
  top: 64%;
  right:22%;
}
.usys-panel .usys-items .item img:first-child{
  display: none;
}
.usys-panel .usys-items .item .icon-box{
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.usys-panel .usys-items .item:first-child.active .icon-box{
  width: 44px;
  height: 44px;
  background: linear-gradient(0deg, #FB353B, #FF822E);
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.usys-panel .usys-items .item.active img:first-child{
  display: block;
  margin: 0 auto;
}
.usys-panel .usys-items .item.active img:last-child{
  display: none;
}
.usys-panel .usys-items .item  .name{
  color: #E6FF90;
  margin: 16px 0 8px;
}
.cc2 .usys{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}

.bottom-panel{
  padding: 130px 0 102px;
}
.ccspe .same-title{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}
.ccspe .content{
    -webkit-animation: c4 1s 0.4s   forwards;
    -o-animation: c4 1s 0.4s forwards;
    animation: c4 1s 0.4s   forwards;
}
.ccspe .content .case-item:nth-of-type(1) .pic-box{
  -webkit-animation: c1 1s 0.8s   forwards;
  -o-animation: c1 1s 0.8s forwards;
  animation: c1 1s 0.8s   forwards;
}
.ccspe .content .case-item:nth-of-type(1) .case-desc{
  -webkit-animation: c2 1s 0.8s   forwards;
  -o-animation: c2 1s 0.8s forwards;
  animation: c2 1s 0.8s   forwards;
}
.ccspe .content .case-item:nth-of-type(2) .pic-box{
  -webkit-animation: c2 2s 1s   forwards;
  -o-animation: c2 2s 1s forwards;
  animation: c2 2s 1s   forwards;
}
.ccspe .content .case-item:nth-of-type(2) .case-desc{
  -webkit-animation: c1 2s 1s   forwards;
  -o-animation: c1 2s 1s forwards;
  animation: c1 2s 1s   forwards;
}
.ccspe .content .case-item:nth-of-type(3) .pic-box{
  -webkit-animation: c1 3s 1.2s   forwards;
  -o-animation: c1 3s 1.2s forwards;
  animation: c1 3s 1.2s   forwards;
}
.ccspe .content .case-item:nth-of-type(3) .case-desc{
  -webkit-animation: c2 3s 1.2s   forwards;
  -o-animation: c2 3s 1.2s forwards;
  animation: c2 3s 1.2s   forwards;
}
.cc4 .same-title{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}
.cc4 .content{
    -webkit-animation: c4 1s 0.4s   forwards;
    -o-animation: c4 1s 0.4s forwards;
    animation: c4 1s 0.4s   forwards;
}
.bottom-panel .same-title,.case .content ,.steps .content {
  opacity: 0;
}
.case .content .case-items .case-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
}
.case .content .case-items .case-item .pic-box{
  width: 346px;
  height: 684px;
  opacity: 0;
}
.case .content .case-items .case-item:nth-of-type(2) .case-desc{
  text-align: right;
}
.case .content .case-items .case-item:nth-of-type(2) .spe-watch{
  float: right;
}
.case-desc{
  width: 640px;
  opacity: 0;
}
.case-desc p{
  margin: 30px 0;
  line-height: 26px;
}
.spe-watch{
  background: none;
  border: 1px solid #00CAB5;
  color: #00CAB5;
}
.steps{
  margin-top: 100px;
}
/* 小程序 */
.cc5 .same-title{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}
.cc5 .cate{
    -webkit-animation: c4 1s 0.4s   forwards;
    -o-animation: c4 1s 0.4s forwards;
    animation: c4 1s 0.4s   forwards;
}
.xcx-head .two-menu li a:hover{
  color:#FF7612 ;
}
.xcx-swiper .swiper-wrapper .swiper-slide{
  background-image: url(../image/05fe09ef17b7ea84241cbfafc2195b79.jpg);
  padding-top: 40px;
}
.xcx-swiper .swiper-wrapper .swiper-slide .container .text,.gzh-swiper .swiper-wrapper .swiper-slide .container .text{
  top: 30%;
}
.cate-panel{
  padding: 97px 0;
}
.cate-panel .same-title{
  opacity: 0;
}

.cate-panel .cate{
  margin-top: 61px;
  display: flex;
  justify-content: space-between;
  opacity: 0;
}
.cate-panel .cate .item{
  width: 279px;
  height: 228px;
  border: 1px solid #FF7612;
  border-radius: 20px;
  position: relative;
  padding: 49px 60px 0;
  text-align: center;
}
.cate-panel .cate .item .top-name{
  width: 215px;
  height: 38px;
  background: #FF7612;
  border-radius: 19px;
  line-height: 38px;
  text-align:center;
  position: absolute;
  top: -18px;
  left: 50%;
  transform:translateX(-50%) ;
  -webkit-transform:translateX(-50%) ;
  -moz-transform:translateX(-50%) ;
  -ms-transform:translateX(-50%) ;
  -o-transform:translateX(-50%) ;
}
.cate-panel .cate .item .text{
  margin-top: 20px;
  letter-spacing:3px;
}
.cc6 .same-title{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}
.cc6 .xcxys{
    -webkit-animation: c4 1s 0.4s   forwards;
    -o-animation: c4 1s 0.4s forwards;
    animation: c4 1s 0.4s   forwards;
}
.xcxys-panel{
  padding: 97px 0 0;
  background: #F7F7F7;
}
.xcxys-panel .same-title{
  opacity: 0;
}

.xcxys-panel .xcxys{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 74px;
  opacity: 0;
}
.xcxys-panel .xcxys .item{
  width: 232px;
  text-align: center;
  letter-spacing:3px;
  margin-bottom: 100px;
}
.xcxys-panel .xcxys .item:nth-of-type(2),
.xcxys-panel .xcxys .item:nth-of-type(5){
  margin: 0 245px;
}
.xcxys-panel .xcxys .item .name{
  margin: 18px 0 20px;
}
.cc7 .same-title{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}
.cc7 .content{
    -webkit-animation: c4 1s 0.4s   forwards;
    -o-animation: c4 1s 0.4s forwards;
    animation: c4 1s 0.4s   forwards;
}
.kfys-items{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.kfys-items .kfys-item{
  width: 279px;
  height: 282px;
  border-radius: 20px;
  background-image: url(../image/kfys-bg1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  padding: 24px;
  
}
.kfys-items .kfys-item .name{
  text-align: center;
  margin-bottom: 17px;
}
.kfys-items .kfys-item:nth-of-type(2){
  background-image: url(../image/kfys-bg2.png);
}
.kfys-items .kfys-item:nth-of-type(3){
  background-image: url(../image/kfys-bg3.png);
}
.kfys-items .kfys-item:nth-of-type(4){
  background-image: url(../image/kfys-bg4.png);
}
.cases{
  margin-top: 99px;
}

#certify{
  position: relative;
  margin-top: 60px;
}
#certify .swiper-wrapper{
  justify-content: space-between;
}
#certify  .swiper-slide {
	width: 346px;
  height: 684px;
	
	
}
#certify  .swiper-slide img{
	display:block;
  width: 100%;
  height: 100%;
}
.swiper-button-next {
	right: -30px;
	width: 12px;
	height: 22px;
	background: url(../image/arrow-right.png) no-repeat;
	background-position: center center;
	background-size: 100%;
}



.swiper-button-prev {
	
  left: -30px;
	width: 12px;
	height: 22px;
	background: url(../image/arrow-left.png) no-repeat;
	background-position: center center;
	background-size: 100%;
}

.swiper-button-next::after,
.swiper-button-prev::after
{
  display: none;
}

/* 公众号 */
.gzh-head .two-menu li a:hover{
  color:#A557F4 ;
}
.gzh-swiper .swiper-wrapper .swiper-slide{
  background-image: url(../image/b3cde72ce2438b9bcbbd1ce90d117878.jpg);
  padding-top: 54px;
}
.why-panel{
  padding-top: 0;
}
.why-panel .cate{
  margin-top: 94px;
}
.why-panel .cate .item{
  width: 279px;
  height: 213px;
  border: 1px solid #E06EFE;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  padding: 68px 40px 0;
  text-align: center;
  border-bottom: 10px solid #E06EFE;

}
.why-panel .cate .item .icon-box{
  width: 90px;
  height: 90px;
  background: #E06EFE;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -45px;
  left: 50%;
  transform:translateX(-50%) ;
  -webkit-transform:translateX(-50%) ;
  -moz-transform:translateX(-50%) ;
  -ms-transform:translateX(-50%) ;
  -o-transform:translateX(-50%) ;
}
.cc8 .same-title{
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}
.cc8 .content{
    -webkit-animation: c4 1s 0.4s   forwards;
    -o-animation: c4 1s 0.4s forwards;
    animation: c4 1s 0.4s   forwards;
}

.gzhkf-panel .same-title{
  opacity: 0;
}
.gzhkf-panel .content{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  opacity: 0;
}
.gzhkf-panel .content .pic-box{
  width: 567px;
  height: 450px;
}
.gzhkf-panel .content .right-box{
  width: 584px;
}
.gzhkf-panel .content .right-box .tab-box ul{
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: 0 auto 40px;
}
.gzhkf-panel .content .right-box .tab-box .tab.on{
  color: #595961;
  width: 131px;
  height: 32px;
  background: linear-gradient(0deg, rgba(225, 108, 254,.14), rgba(253, 252, 231,0.14) 100%);
  border-radius: 10px 10px 14px 10px;
  line-height: 32px;
  text-align: center;
}
.gzhkf-panel .content .right-box .show-info h3{
  margin: 20px 0;
}
.gzhkf-panel .content .right-box .show-info p{
  line-height: 28px;
}
.gzhkf-panel .content .right-box .show-info .item2{
  display: none;
}
.gzhkfys{
  margin-top: 90px;
}

.gzhkfys .content .gzhkfys-items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
.gzhkfys-items .kfys-item{
  width: 357px;
  height: 214px;
  border: 3px solid #F47050;
  border-radius: 30px 30px 0px 30px;
  position: relative;
  padding: 84px 27px 0 34px;
  margin-top: 72px;
}
.gzhkfys-items .kfys-item .top-name{
  width: 148px;
  height: 41px;
  background: #FFFFFF;
  line-height: 41px;
  text-align: center;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.gzhkfys-items .kfys-item .desc{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gzhkfys-items .kfys-item .desc p{
  margin-left: 20px;
}
.gzhkfys-items .kfys-item:nth-of-type(2){
  border: 3px solid #71C8FF;
  border-radius: 0px 30px 30px 30px;
}
.gzhkfys-items .kfys-item:nth-of-type(3){
  border: 3px solid #FE7AC4;
  border-radius: 30px 30px 0px 30px;
}
.gzhkfys-items .kfys-item:nth-of-type(4){
  border: 3px solid #82CF8D;
  border-radius: 30px 0px 30px 30px;
}
.gzhkfys-items .kfys-item:nth-of-type(5){
  border: 3px solid #D084FF;
  border-radius: 30px 30px 0px 30px;
}
.gzhkfys-items .kfys-item:nth-of-type(6){
  border: 2px solid #F9BD3B;
  border-radius: 0px 30px 30px 30px;
}

.zq-swiper .swiper-wrapper .swiper-slide{
  background-image: url(../image/308d4b6907087609c6c9b2c97868d516.jpg);
  padding-top: 128px;
}

.zqkf-panel{
  padding: 98px 0 20px;
}
.zqkf-panel .same-title{
  opacity: 0;
}
.zqkf-panel .content{
  margin-top: 74px;
  opacity: 0;
}
.zqkf-panel .content .main{
  display: flex;
  justify-content: space-between;
}
.zqkf-panel .content .main .hd{
  width: 25%;
  
}
.zqkf-panel .content .main .bd{
  width: 66%;
  
}
.zqkf-panel .content .main .hd ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zqkf-panel .content .main .hd ul li{
  width: 138px;
  height: 138px;
  background: #FFFFFF;
  border: 1px solid #199DFF;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 30px 20px;
  text-align: center;
}
.zqkf-panel .content .main .hd ul li>div{
  
  width: 30px;
  height: 30px;
  
  margin: 0 auto 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.zqkf-panel .content .main .hd ul li .blackicon{
  display: none;
}
.zqkf-panel .content .main .hd ul li.on{
  color: #fff;
  background: #00CCFF;
  border: none;
  transition:all .3s ;
  -webkit-transition:all .3s ;
  -moz-transition:all .3s ;
  -ms-transition:all .3s ;
  -o-transition:all .3s ;
}
.zqkf-panel .content .main .hd ul li.on .buleicon{
  display: none;
}
.zqkf-panel .content .main .hd ul li.on .blackicon{
  display: block;
}

.zqkf-panel .content .main .bd ul li h4{
  margin-bottom: 12px;
}
.zqkf-panel .content .main .bd ul li p{
  line-height: 25px;
}
.zqkf-panel .content .main .bd ul li{
  margin-bottom: 17px;
}
.cc9 .container{
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.middle-panel{
  height: 500px;
  background: #02C1FF;
}
.middle-panel .container{
  opacity: 0;
}
.zqbt-panel{
  padding-top: 50px;
}
.cc10 ul{
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.data-list ul{
  display: flex;
  justify-content: space-between;
  opacity: 0;
}
.data-list ul li p:first-child{
  color: #01C1FF;
}
.data-list ul li p span{
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  margin-right: 6px;
}
.cc11 .content{
  -webkit-animation: c4 2s forwards;
  -o-animation: c4 2s forwards;
  animation: c4 2s forwards;
}
.map-box{
  margin-top: 100px;
}
.map-box .content{
  margin-top: 57px;
  display: flex;
  justify-content: space-between;
  opacity: 0;
}
.map-box .content .desc{
  width: 585px;
}
.map-box .content .desc h3{
  margin: 20px 0 40px;
  color: #289CD8;
}
.map-box .content .desc p{
  margin-top: 29px;
  line-height: 29px;
}

.partner .content .swiper-wrapper{
  width: 96%;
  margin: 0 auto;
}
.partner .content .swiper-wrapper .swiper-slide p{
  font-size: 13px;
  color: #999;
  margin-top: 13px;
}
.partner .content  .swiper-button-prev{
  left:0;
}
.partner .content .swiper-button-next{
  right:0;
}