.row-1 {padding-bottom: 0;overflow: hidden;padding: 120px 0 0;}
.g-tit1 {text-align: center;}
.g-tit1 .title {font-size: 48px;line-height: 56px;font-weight: 500;color: #313233;}
.g-tit1 .title+.sub {margin-top: 24px;}
.g-tit1 .sub {font-size: 16px;line-height: 29px;color: #626366;}
.row1-swiper .swiper-thumbs.pp {width: 900px;margin: 48px auto;height: 72px;}
.row1-swiper .pc .swiper-wrapper {justify-content: center;position: relative;}
.swiper-slide{position: unset;overflow: visible;width: 100px;transition: all .15s linear 0s;}
.row1-swiper .pc .swiper-pagination {justify-content: center;position: relative;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-pagination-bullet-active{background:none;}
.swiper-pagination-bullet-active .sur{position: absolute;overflow: hidden;width: 32px;height: 4px;background-color: #296bef;border-radius: 2px;transition: .5s;bottom: 0;}
.row1-swiper .swiper-pics{height: 560px;background: url(../images/bg-row-1.png) no-repeat center center/100% 100% fixed;overflow: visible;background: linear-gradient(360deg,#f2f7ff 0,#ecf4ff 100%);}
.swiper-slide {display: block;}
.swiper-slide-active{display: block;}
.row1-item {position: relative;}
.row1-item {height: 100%;display: flex;justify-content: space-between;align-items: center;}
.row1-item .txt {width: 520px;z-index: 10;}
.row1-item .tit {font-size: 32px;color: #313233;font-weight: 600;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row1-item .desc {margin-top: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;font-size: 16px;color: #626366;line-height: 29px;}
.row1-item .count {color: #313233;overflow: hidden;margin-top: 32px;}
.row1-item .count .item {float: left;margin-right: 40px;}
.row1-item .count .val {font-size: 16px;font-weight: 500;}
.row1-item .count .val span {font-size: 32px;line-height: 40px;font-family: new-font;margin-right: 5px;}
.row1-item .count .item :last-child {margin-right: 0;}
.row1-item .count sup {font-size: 1.2em;}
.row1-item .g-btn {margin: 40px 0 0;}
.g-btn {display: block;margin: 0 auto;text-align: center;font-size: 18px;font-weight: 500;border-radius: 28px;width: 188px;line-height: 56px;background-color: #296bef;color: #fff;}
.row1-item .pics {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.row1-item .pics {flex-shrink: 0;/*display: flex;*/}
.row1-item .box-1 {top: 350px;left: 50%;position: absolute;}
.swiper-slide-active .box-1 {-webkit-animation: boxImageUp .6s linear 0s forwards;animation: boxImageUp .6s linear 0s forwards;}
.row1-item .pics .img1 {align-self: flex-end;position: relative;}
.row1-item .pics img {width: 264px;margin-left: 24px;box-shadow: 0 10px 30px 0 rgb(41 107 239 / 20%);border-radius: 40px;border: 8px solid #313233;}
.row1-item .box-2 {top: 394px;position: absolute;left: 50%;margin-left: 300px;}
.swiper-slide-active .box-2 {-webkit-animation: boxImageDown .6s linear 0s forwards;animation: boxImageDown .6s linear 0s forwards;}
/* */
.swiper-slide.row1-item2{float: left;}
.row1-item2 {height: 100%;display: flex;align-items: center;justify-content: center;}
.row1-item2 img{display: block;height: 68px;margin: 0 auto;transition: .3s;cursor: pointer;-webkit-transform-origin: center 80%;-ms-transform-origin: center 80%;transform-origin: center 80%;transition: all .15s linear 0s;}
/* style.css冲突修复*/
.swiper-container .swiper-wrapper .swiper-slide{border: none;overflow: hidden;height: auto;}
.swiper-container .swiper-wrapper .swiper-slide img{border-radius: 30px;list-style:none}
.row1-swiper .row1-item {/*opacity: 0;*/transition: .15s;}
.g-tit1 h3{background:none;}
.row1-item2 img {display: block;height: 68px;margin: 0 auto;transition: .3s;cursor: pointer;-webkit-transform-origin: center 80%;-ms-transform-origin: center 80%;transform-origin: center 80%;transition: all .15s linear 0s;}
/* 动画 */
.swiper-slide-active .box-1{-webkit-animation:boxImageUp .6s linear 0s forwards;animation:boxImageUp .6s linear 0s forwards}
.swiper-slide-active .box-2{-webkit-animation:boxImageDown .6s linear 0s forwards;animation:boxImageDown .6s linear 0s forwards}@-webkit-keyframes boxImageUp{50%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}
@keyframes boxImageUp{50%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}@-webkit-keyframes boxImageDown{50%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}
@keyframes boxImageDown{50%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}
.row1-swiper .mm .swiper-pagination {margin-left: -9px;}
.row1-swiper .mm .swiper-slide {position: relative;}
/* 用户群部分*/
.row-2 {padding-top: 80px;}
.row-2 {padding: 40px 32px 120px;background: linear-gradient(180deg,#fff 0,#f7f9fc 100%),linear-gradient(
180deg,#fff 0,#f7f9fc 100%);}
.pic-list {overflow: hidden;margin: 50px 0;border-radius: 8px;}
.pic-list li {float: left;width: 25%;pointer-events: none;}
.pic-list .item {display: block;position: relative;overflow: hidden;height: 0;background: no-repeat center center/cover;height: 300px;}
.pic-list .mask {position: absolute;bottom: 0;left: 0;width: 100%;height: 32.7%;font-size: 0;padding-left: 10%;overflow: hidden;}
.pic-list .mask::before {content: "";display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.pic-list li:nth-child(1) .box.ani {transition-delay: .1s;}
.pic-list li .box.ani {opacity: 1;bottom: 0;}
.pic-list .box {position: relative;bottom: -20px;transition: .5s;opacity: 0;display: inline-block;vertical-align: middle;z-index: 3;}
.ani {transition: .3s;}
.pic-list .icon {display: inline-block;vertical-align: middle;width: 32px;margin-right: 16px;}
.pic-list .label {display: inline-block;vertical-align: middle;font-size: 24px;color: #313233;}
.pic-list li:first-child .filter {background: #f2f7ff;}
.pic-list li:first-child .filter {display: none;}
.pic-list .mask .filter {position: absolute;top: 0;left: 0;bottom: 0;right: 0;-webkit-filter: blur(120px) brightness(120%);filter: blur(120px) brightness(120%);background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto;z-index: 2;margin: -30px;transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);}
.pic-list .mask::after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: #f2f7ff;z-index: 1;}
.row-3 {
    position: relative;
    overflow: hidden;
    height: 804px;
}
.ani {
    transition: .3s;
}
.row3-txt {
    padding: 244px 0;
}
.row3-txt .g-tit1 {
    text-align: left;
}
.g-tit1 {
    text-align: center;
}
.row3-txt .g-btn {
    margin: 40px 0 0;
}
.row3-imgs img{position:absolute;opacity:0;-ms-transform:scale(0);transform:scale(0);-webkit-transform:scale(0)}.row3-imgs .img1{left:50%;margin-left:394px;top:152px;width:165px}.row3-imgs .img2{left:50%;margin-left:-140px;top:343px;width:154px}.row3-imgs .img3{left:50%;margin-left:243px;top:517px;width:160px}.row3-imgs .img4{left:50%;margin-left:26px;top:140px;width:129px}.row3-imgs .img5{left:50%;margin-left:96px;top:286px;width:216px}.row3-imgs .word1{left:50%;margin-left:43px;top:558px;width:71px}.row3-imgs .word2{left:50%;margin-left:330px;top:368px;width:54px}.row3-imgs .word3{left:50%;margin-left:412px;top:507px;width:54px}.row3-imgs .word4{left:50%;margin-left:-174px;top:568px;width:54px}.row3-imgs .word5{left:50%;margin-left:277px;top:160px;width:75px}.row3-imgs .word6{left:50%;margin-left:-52px;top:251px;width:54px}.row-3.ani:after{opacity:1}.row-3.ani .row3-imgs img{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);z-index:10}.man-blue-line{height:2000px;position:absolute;left:50%;top:800px;-webkit-transform:rotate(-120deg) scale(0);-ms-transform:rotate(-120deg) scale(0);transform:rotate(-120deg) scale(0);opacity:0;z-index:1;margin-left:-486px;width:1px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;background:linear-gradient(rgba(72,131,250,0),#4883fa,rgba(72,131,250,0))}.man-green-line{height:400px;position:absolute;left:50%;top:80px;-webkit-transform:rotate(-60deg) scale(0);-ms-transform:rotate(-60deg) scale(0);transform:rotate(-60deg) scale(0);opacity:0;z-index:1;margin-left:730px;width:1px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;background:linear-gradient(#b7efc1 80%,rgba(183,239,193,0))}.man-yellow-green-line{height:800px;position:absolute;left:50%;top:0;z-index:1;margin-left:747px;width:1px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;background:linear-gradient(#b7ffc1,#ffe8a2)}.man-blue-yellow-line{height:800px;position:absolute;left:50%;top:406px;z-index:1;margin-left:210px;-webkit-transform:rotate(-60deg) scale(0);-ms-transform:rotate(-60deg) scale(0);transform:rotate(-60deg) scale(0);width:1px;opacity:0;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;background:linear-gradient(#4883fa,#ffe8a2)}.man-yellow-line{height:400px;position:absolute;left:50%;top:715px;z-index:1;opacity:0;margin-left:747px;-webkit-transform:rotate(60deg) scale(0);-ms-transform:rotate(60deg) scale(0);transform:rotate(60deg) scale(0);width:1px;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;background:#ffe8a2}.man-mid-line{height:900px;position:absolute;left:50%;top:0;z-index:1;margin-left:203px;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:1px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;background:linear-gradient(rgba(183,239,193,.6),#b7efc1)}.row-3.ani .row3-imgs .img1{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .4s;opacity:1}.row-3.ani .row3-imgs .img2{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .3s;opacity:1}.row-3.ani .row3-imgs .img3{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .2s;opacity:1}.row-3.ani .row3-imgs .img4{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .5s;opacity:1}.row-3.ani .row3-imgs .img5{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .1s;opacity:1}.row-3.ani .row3-imgs .word1{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .6s;opacity:1}.row-3.ani .row3-imgs .word2{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .3s;opacity:1}.row-3.ani .row3-imgs .word3{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .5s;opacity:1}.row-3.ani .row3-imgs .word4{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .8s;opacity:1}.row-3.ani .row3-imgs .word5{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .4s;opacity:1}.row-3.ani .row3-imgs .word6{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out .7s;opacity:1}.row-3.ani .row3-imgs .man-bg-blue-1{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1;transition:all .3s ease-in-out .1s}.row-3.ani .row3-imgs .man-bg-blue-2{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .15s;opacity:1}.row-3.ani .row3-imgs .man-bg-blue-3{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .2s;opacity:1}.row-3.ani .row3-imgs .man-bg-blue-4{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .25s;opacity:1}.row-3.ani .row3-imgs .man-bg-blue-5{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .3s;opacity:1}.row-3.ani .row3-imgs .man-bg-green-1{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .3s;opacity:1}.row-3.ani .row3-imgs .man-bg-green-2{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .35s;opacity:1}.row-3.ani .row3-imgs .man-bg-green-3{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .4s;opacity:1}.row-3.ani .row3-imgs .man-bg-green-4{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .45s;opacity:1}.row-3.ani .row3-imgs .man-bg-green-5{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .5s;opacity:1}.row-3.ani .row3-imgs .man-bg-yellow-1{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .35s;opacity:1}.row-3.ani .row3-imgs .man-bg-yellow-2{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .4s;opacity:1}.row-3.ani .row3-imgs .man-bg-yellow-3{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .45s;opacity:1}.row-3.ani .row3-imgs .man-bg-yellow-4{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out .5s;opacity:1}.row-3.ani .row3-imgs .man-blue-line{-webkit-transform:rotate(-120deg) scale(1);-ms-transform:rotate(-120deg) scale(1);transform:rotate(-120deg) scale(1);transition:all 1s ease-in-out 0s;opacity:1}.row-3.ani .row3-imgs .man-blue-yellow-line{-webkit-transform:rotate(-60deg) scale(1);-ms-transform:rotate(-60deg) scale(1);transform:rotate(-60deg) scale(1);transition:all 1s ease-in-out 0s;opacity:1}.row-3.ani .row3-imgs .man-yellow-green-line{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all 1s ease-in-out 0s;opacity:1}.row-3.ani .row3-imgs .man-yellow-line{-webkit-transform:rotate(60deg) scale(1);-ms-transform:rotate(60deg) scale(1);transform:rotate(60deg) scale(1);transition:all 1s ease-in-out 0s;opacity:1}.row-3.ani .row3-imgs .man-green-line{-webkit-transform:rotate(-60deg) scale(1);-ms-transform:rotate(-60deg) scale(1);transform:rotate(-60deg) scale(1);transition:all 1s ease-in-out 0s;opacity:1}.row-3.ani .row3-imgs .man-mid-line{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all 1s ease-in-out 0s;opacity:1}@-webkit-keyframes lvdong{40%{opacity:1}70%{-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes lvdong{40%{opacity:1}70%{-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}
.man-bg-yellow{height:530px;width:530px;left:50%;top:450px;margin-left:483px}.man-bg-blue{width:1252px;height:1255px;left:50%;top:-224px;margin-left:-422px}.man-bg-green{height:960px;width:962px;top:-389px;left:50%;margin-left:266px}.man-bg-section{position:absolute}.man-bg-items{position:absolute;background-size:cover;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:0;background-repeat:no-repeat}.man-bg-blue-1{width:356px;height:396px;background-image:url(../images/d-1.svg)}.man-bg-blue-2{width:461px;height:528px;background-image:url(../images/d-2.svg)}.man-bg-blue-3{width:626px;height:718px;background-image:url(../images/d-3.svg)}.man-bg-blue-4{width:834px;height:959px;background-image:url(../images/d-4.svg)}.man-bg-blue-5{width:1087px;height:1252px;background-image:url(../images/d-5.svg)}.man-bg-yellow-1{width:79px;height:87px;z-index:11;background-image:url(../images/y-1.svg)}.man-bg-yellow-2{width:173px;height:195px;background-image:url(../images/y-2.svg)}.man-bg-yellow-3{width:298px;height:341px;background-image:url(../images/y-3.svg)}.man-bg-yellow-4{width:461px;height:529px;background-image:url(../images/y-4.svg)}.man-bg-green-1{width:79px;height:87px;z-index:11;background-image:url(../images/g-1.svg)}.man-bg-green-2{width:173px;height:195px;background-image:url(../images/g-2.svg)}.man-bg-green-3{width:298px;height:339px;background-image:url(../images/g-3.svg)}.man-bg-green-4{width:461px;height:529px;background-image:url(../images/g-4.svg)}.man-bg-green-5{width:461px;height:528px;background-image:url(../images/g-5.svg)}
.row-4 {
    padding: 120px 0;
    position: relative;
}
.yc-line2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f9fc;
    overflow: hidden;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.card-list {
    overflow: hidden;
    margin: 64px -16px;
}
.card-list li {
    float: left;
    width: 33.32%;
    padding: 16px;
}
.card-list .item {
    display: block;
    border: 1px solid #dfe1e6;
    border-radius: 8px;
    background-color: #fff;
    padding: 40px;
    transition: .3s;
    pointer-events: none;
}
.card-list .clabel {
    line-height: 32px;
}
.card-list .clabel .icon {
    float: left;
    margin-right: 16px;
    width: 32px;
}

.card-list .clabel .tit {
    color: #313233;
    font-size: 24px;
    font-weight: 500;
}
.card-list .value {
    padding-left: 48px;
    color: #626366;
    line-height: 29px;
    font-size: 16px;
    margin-top: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 87px;
}
.row-4{background: #fff;}
@media only screen and (max-width: 1180px){
    .pic-list .clabel {font-size: 18px;}
    .pic-list .icon {width: 24px;}
    .pic-list .mask {padding: 32px;}
    .row-2 {padding: 40px 40px 100px;}
    .pic-list {margin: 64px 0;}
    .pic-list .item {height: 260px;}
    .row1-item2 img {height: 30px;}
    .row1-item .g-btn {margin-top: 32px;}
    .row1-item .count .lab {font-size: 14px;line-height: 21px;}
    .row1-item .count .val {font-size: 14px;line-height: 25px;font-weight: 500;}
    .row1-item .count .val span {font-size: 24px;line-height: 36px;}
    .row1-item .count .item :last-child {margin-right: 0;}
    .row1-item .desc {font-size: 14px;line-height: 25px;margin-top: 16px;}
    .row1-item .tit {font-size: 24px;line-height: 36px;}
    .row1-item .txt {width: 376px;z-index: 10;}
    .row-4 .wp, .row-5 .wp, .row1-swiper .wp {padding: 0;}
    .row1-swiper .swiper-pics {height: auto;margin: 0 -16px;overflow: hidden;}
    .row1-swiper .swiper-pics {height: 472px;}
    .row1-swiper .swiper-thumbs {width: 100%;}
    .g-tit1 .title+.sub {margin-top: 16px;font-size: 14px;line-height: 25px;}
    .g-tit1 .title {line-height: 54px;}
    .row-1 {padding: 100px 16px 0;}
    .row-4 {
        padding: 100px 0;
    }
    .card-list {
        margin: 54px -8px;
    }
    .card-list li {
        padding: 8px;
    }
    .card-list .item {
        padding: 32px;
    }
    .card-list .clabel {
        line-height: 24px;
    }
    .card-list .clabel .icon {
        width: 24px;
        margin-right: 12px;
    }
    .card-list .clabel .tit {
        font-size: 18px;
    }
    .card-list .value {
        padding-left: 36px;
        font-size: 14px;
        line-height: 25px;
        margin-top: 12px;
        height: 75px;
    }
    .row-4 .wp, .row-5 .wp, .row1-swiper .wp {
        padding: 0 40px;
    }
    }

/* mm pp 切换 */
.row1-swiper .swiper-thumbs.mm,.row1-swiper .swiper-pics.mm{display: none;}
.row1-swiper .swiper-thumbs.pp,.row1-swiper .swiper-pics.pp{display: block;}
@media only screen and (max-width: 1023px){
    .row-4 .wp, .row-5 .wp {
        padding: 0 16px;
    }
    .card-list .value {
        display: none!important;
    }
    .card-list .clabel .tit {
        text-align: center;
        font-size: 16px;
    }
    .card-list .clabel .icon {
        display: block;
        margin: 0 auto 12px;
        float: none;
    }
    
    .card-list .item {
        padding: 23px;
    }
    .card-list li {
        width: 50%;
        padding: 4px;
    }
    .card-list {
        margin: 36px -4px;
    }
    .row-4 {
        padding: 60px 0;
    }
    .row-3 {
        padding: 60px 0;
        background: no-repeat center bottom/100% auto;
        height: 650px;
    }
    .row3-txt {
        padding: 0;
    }
    .row3-txt {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .row3-imgs {
        margin-top: -50px;
        -webkit-transform: scale(.55) translate(-50%,0);
        -ms-transform: scale(.55) translate(-50%,0);
        transform: scale(.55) translate(-50%,0);
    }
    .row3-txt .g-tit1 {
        text-align: center;
        margin-bottom: 50px;
    }
    .row3-txt .g-btn {
        position: absolute;
        bottom: 60px;
        left: 50%;
        margin-left: -76px;
    }
    .row3-txt .g-btn {
        margin-top: 32px;
    }


.row1-item2 {float: left;}
.g-btn{display: none;}
.row1-item .pics{display: none;}
.row1-swiper .wp {padding: 0;}
.row1-swiper .swiper-thumbs.mm .swiper-slide-thumb-active i{content: "";position: absolute;width: 32px;height: 4px;background-color: #296bef;border-radius: 2px;left: 50%;margin-left: -16px;bottom: 0;}
.row1-swiper .swiper-thumbs.mm,.row1-swiper .swiper-pics.mm{display: block;}
.row1-swiper .swiper-thumbs.pp,.row1-swiper .swiper-pics.pp{display: none;}
.row1-swiper .swiper-thumbs .swiper-slide-thumb-active img{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);
transform: scale(1.3);height: 40px;}
.row1-swiper .swiper-thumbs.mm .swiper-wrapper .swiper-slide{width: 60px;}
.row1-swiper .swiper-pics.mm .swiper-slide {width: 320px;float: left;overflow: hidden;position: relative;}
.row1-swiper .swiper-pics.mm .swiper-wrapper{transform: translate3d(94px, 0px, 0px);}
.row1-swiper .swiper-pics .swiper-slide .row1-item {opacity: 1;}
.row1-swiper .swiper-pics .swiper-slide {margin: 16px 8px;border: 1px solid #dfe1e6;background-color: #fff;padding: 20px;border-radius: 8px;width: 79.2vw;}
.g-tit1 .title {font-size: 28px;line-height: 32px;}
.row-1 {padding: 60px 16px 30px;}

.row1-swiper .swiper-thumbs {width: auto;margin: 18px -16px 0;padding: 0 16px;height: 90px;}
.row1-swiper .mm .swiper-pagination{position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.row1-swiper .swiper-thumbs .swiper-slide {width: 60px;margin: 0;}
.row1-item .tit {font-size: 20px;}
.row1-item .desc {margin-top: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;}
.row1-item .count {border-top: 1px solid #dfe1e6;margin: 20px -20px -20px;padding: 16px 0;}
.row1-item .count .item {width: 50%;margin: 0;padding: 0 20px;}
.row1-item .count .lab {font-size: 12px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row1-item .count .item:nth-child(3){display: none;}
.row1-swiper .swiper-thumbs .swiper-slide-thumb-active::after {bottom: 0;width: 24px;height: 3px;margin-left: -12px;}
/* 用户群部分 */
.row-2 {padding: 30px 16px 60px;height: 900px;}
.pic-list {border-radius: 8px;overflow: hidden;margin: 40px 0;}
.pic-list li {width: 50%;}
.pic-list .item {height: 180px;}
.pic-list .mask {height: auto;padding: 14px;}
.pic-list .box {opacity: 1;bottom: 0;}
.pic-list .icon {display: inline-block;vertical-align: middle;margin-right: 6px;margin-bottom: 0;width: 20px;}
.pic-list .clabel {line-height: 24px;font-size: 16px;}

}


/*   */

@media (min-width: 1023px){
.row1-item .desc {width: 504px;}
.row-1 .row1-item .txt {margin-top: 64px;}
.row-1 .row1-item {align-items: unset;}
.row1-swiper .swiper-container-thumbs .swiper-pagination {display: flex;justify-content: space-between;}
.row1-swiper .swiper-container-thumbs .swiper-slide {width: unset;height: unset;}
.row1-item2 img {height: 56px;}
.row1-swiper .swiper-pagination {display: flex;justify-content: space-between;}
}


.row1-item .pics .img-1, .row1-item .pics .img-2, .row1-item .pics .img-game {
    width: 520px;
    box-shadow: none;
    max-width: none;
}
.row1-item .pics .img-game {
    top: -74px;
    position: absolute;
}
.row1-item .pics .box-2-vertical {
    top: 140px;
    margin-left: -50px;
}
.row1-item .pics .img-1 {
    top: 160px;
    margin-left: 43%;
}
.row1-item .pics .img1 {
    align-self: flex-end;
    position: relative;
}