.max-width-1420 {
 width:100%;
 position:relative;
 margin:0 auto
}
.max-width-1420:after,
.max-width-1420:before,
.main:after,
.main:before {
 display:table;
 content:""
}
.big-title {
 text-align:center
}
.big-title h2 {
 line-height:44px;
 font-size:32px;
 color:#000;
 font-weight:normal;
 letter-spacing:3px
}
.big-title p {
 max-width:90%;
 line-height:25px;
 font-size:16px;
 color:#3d485d;
 letter-spacing:.75px;
 margin:11px auto 0
}
.banner {
 padding:0;
 overflow:hidden
}
.banner .swiper {
 width:100%;
 height:570px !important;
 position:relative
}
.banner .swiper:after {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-image:url(../../static/images/veryxiao/index_2023/water-banner.jpg);
 background-size:cover;
 background-color:#fff;
 background-position:center;
 background-repeat:no-repeat
}
.banner .swiper .swiper-wrapper {
 z-index:2
}
.banner .swiper .swiper-slide,
.banner .swiper .swiper-slide .banner-img {
 width:100%;
 height:100%;
 position:relative
}
.banner .swiper .bg {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 overflow:hidden;
 background-size:cover;
 background-color:#fff;
 background-position:center;
 background-repeat:no-repeat
}
.banner .swiper .bg .max-width-1420 {
 width:100%;
 height:100%
}
.banner .thumbnails {
 filter:blur(4px);
 transition:all .2s
}
.banner .swiper .bg video {
 width:100%;
 height:100%;
 object-fit:cover
}
.banner .title-main {
 position:absolute;
 left:0;
 top:166px;
 width:100%;
 text-align:left
}
.banner-img .title-main .btn-title {
 text-align:left;
 font-size:0;
 margin-left:-7px;
 margin-top:39px
}
.banner-img .title-main .item-text1 {
 line-height:54px;
 font-size:42px;
 font-weight:bold;
 color:#181c26;
 letter-spacing:3px;
 margin-bottom:21px
}
.banner-img .title-main .item-text2 {
 line-height:34px;
 font-size:26px;
 color:#181c26;
 letter-spacing:4px;
 margin-bottom:9px
}
.banner-img .title-main .item-text3 {
 line-height:28px;
 font-size:16px;
 color:#181c26;
 letter-spacing:1.5px
}
.banner-img .title-main .btn-title a,
.banner-img .title-main .btn-title .btn0 {
 display:inline-block;
 vertical-align:top;
 text-align:center;
 cursor:pointer;
 width:150px;
 height:42px;
 line-height:38px;
 font-size:16px;
 font-style:normal;
 color:#fff;
 letter-spacing:1px;
 margin:0 7px 15px 8px
}
.banner-img1 .title-main .btn-title .btn1 {
 font-weight:300;
 background:linear-gradient(90deg,#02adff 0,#586ffb 100%);
 background-color:#596efb
}
.banner-img1 .title-main .btn-title .btn2 {
 line-height:40px;
 color:#232323;
 background-color:#dee8f5;
 border:1px solid #a4b0c7
}
.banner-img .title-main .btn-title .btn0:hover,
.banner-img .title-main .btn-title .btn1:hover {
 background:linear-gradient(-90deg,#02adff 0,#586ffb 100%);
 background-color:#596efb
}
.banner-img .title-main .btn-title .btn2:hover {
 background-color:#fff
}
.banner-img3 .title-main .item-text2,
.banner-img3 .title-main .item-text1,
.banner-img3 .title-main .item-text3 {
 color:#fff
}
.banner-img3 .title-main .item-text1 b {
 color:#ffdf6a
}
.banner-img3 .title-main .btn-title .btn1 {
 background:linear-gradient(-90deg,#00aeff 0,#586ffb 100%);
 background-color:#00aeff
}
.banner-img3 .title-main .btn-title .btn2,
.banner-img2 .title-main .btn-title .btn2 {
 width:148px;
 height:40px;
 border:1px solid transparent;
 background-clip:padding-box,border-box;
 background-origin:padding-box,border-box;
 background-image:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.95)),linear-gradient(0,#0bc6f5,#3175ff);
 background-color:#fff
}
.banner-img3 .title-main .btn-title .btn2 span,
.banner-img2 .title-main .btn-title .btn2 span {
 color:#0d6eeb;
 background-image:linear-gradient(0,#0db2ff 0,#0d6eeb 100%);
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
 font-weight:normal
}
.banner-img3 .title-main .btn-title .btn1:hover {
 background:linear-gradient(90deg,#00aeff 0,#586ffb 100%)
}
.banner-img3 .title-main .btn-title .btn2:hover {
 background-image:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.95)),linear-gradient(180deg,#0bc6f5,#3175ff);
 background-color:#fff
}
.banner-img4 .title-main {
 top:174px
}
.banner-img4 .ban-href {
 display:block;
 width:100%;
 height:100%;
 position:relative
}
.banner-img4 .title-main .item-text1 {
 letter-spacing:1.5px;
 color:#222;
 margin-bottom:9px
}
.banner-img4 .title-main .item-text3 {
 color:#222;
 letter-spacing:1px;
 margin-bottom:16px
}
.banner-img4 .title-main .item-text4 {
 display:flex;
 height:37px;
 margin-bottom:32px
}
.banner-img4 .title-main .item-text4 h6 {
 display:flex;
 justify-content:flex-start;
 align-items:center;
 line-height:24px;
 padding-bottom:13px;
 position:relative
}
.banner-img4 .title-main .item-text4 h6:before,
.banner-img4 .title-main .item-text4 h6:after {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:1px;
 background-image:linear-gradient(0,#0e70f9,#36bffe);
 background-color:#36bffe
}
.banner-img4 .title-main .item-text4 h6:after {
 bottom:4px;
 background:none;
 border-bottom:1px dashed #36bffe
}
.banner-img4 .title-main .item-text4 h6 i {
 width:16px;
 height:16px;
 background-image:url(../../static/images/veryxiao/DCMM/icon_sprites2.png);
 background-position:-10px -47px;
 background-repeat:no-repeat
}
.banner-img4 .title-main .item-text4 h6 .icon2 {
 width:17px;
 background-position:-48px -10px
}
.banner-img4 .title-main .item-text4 h6 strong {
 font-size:16px;
 color:#222;
 font-weight:normal;
 margin:0 30px 0 12px
}
.banner-img4 .title-main .item-text4 h6 strong:last-child {
 margin-right:0
}
.banner-img4 .title-main .btn-title .btn1 {
 background-image:linear-gradient(-90deg,#0e70f9,#36bffe);
 background-color:#36bffe
}
.banner-img2 .title-main {
 top:191px
}
.banner-img2 .title-main .item-text1 {
 color:#172641;
 margin-bottom:19px
}
.banner-img2 .title-main .item-text4 {
 height:24px;
 margin-bottom:37px
}
.banner-img2 .title-main .item-text4 h6:before,
.banner-img2 .title-main .item-text4 h6:after {
 display:none
}
.banner-img2 .title-main .item-text4 h6 {
 height:24px;
 padding-bottom:0
}
.banner-img2 .title-main .item-text4 h6 i {
 width:20px;
 height:20px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-water.png);
 background-position:0 0;
 background-repeat:no-repeat
}
.banner-img2 .title-main .item-text4 h6 .icon2 {
 width:20px;
 background-position:-20px 0
}
.banner-img2 .title-main .item-text4 h6 .icon3 {
 background-position:-40px 0
}
.banner-img2 .title-main .item-text4 h6 strong {
 font-size:18px;
 color:#414751;
 letter-spacing:.75px;
 margin:0 28px 0 6px
}
.banner-img2 .title-main .btn-title .btn1 {
 background-image:linear-gradient(90deg,#18e2c0,#1482fe);
 background-color:#18e2c0
}
.banner-img2 .title-main .btn-title .btn2 {
 background-image:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(90deg,rgba(24,225,193,.85),rgba(20,130,254,.85));
 background-color:#fff
}
.banner-img2 .title-main .btn-title .btn1:hover {
 background-image:linear-gradient(-90deg,#18e2c0,#1482fe);
 background-color:#1482fe
}
.banner-img2 .title-main .btn-title .btn2:hover {
 background-image:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,1)),linear-gradient(90deg,rgba(24,225,193,1),rgba(20,130,254,1));
 background-color:#fff
}
.banner .swiper .swiper-pagination {
 position:absolute;
 top:auto;
 bottom:156px;
 height:12px;
 z-index:3
}
.banner .swiper .swiper-pagination {
 position:absolute;
 top:auto;
 bottom:156px;
 left:50%;
 transform:translateX(-50%);
 max-width:1430px;
 height:12px;
 background:none;
 padding:0;
 text-align:left;
 font-size:0
}
.banner .swiper .swiper-pagination span {
 display:inline-block;
 vertical-align:top;
 width:43px;
 height:12px;
 margin:0;
 background:none;
 opacity:1;
 position:relative
}
.banner .swiper .swiper-pagination span:before {
 content:'';
 position:absolute;
 left:5px;
 top:5px;
 right:5px;
 bottom:5px;
 background:#fff
}
.banner .swiper .swiper-pagination span.swiper-pagination-bullet-active {
 background:none
}
.banner .swiper .swiper-pagination span.swiper-pagination-bullet-active:before {
 background:#596efb
}
.banner .text-main {
 position:absolute;
 left:0;
 bottom:0;
 z-index:3;
 width:100%;
 height:120px;
 background:rgba(255,255,255,.5)
}
.banner .text-main ul {
 width:100%;
 height:100%;
 text-align:center;
 font-size:0
}
.banner .text-main ul li {
 display:inline-block;
 vertical-align:top;
 width:calc(25% - 112px);
 height:calc(100% - 52px);
 padding:22px 22px 23px 90px;
 letter-spacing:1px;
 text-align:left;
 position:relative
}
.banner .text-main ul li:before {
 content:'';
 position:absolute;
 left:37px;
 top:34px;
 width:36px;
 height:37px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-108px -114px;
 background-repeat:no-repeat
}
.banner .text-main ul li:nth-child(2):before {
 background-position:-72px -114px
}
.banner .text-main ul li:nth-child(3):before {
 background-position:-36px -114px
}
.banner .text-main ul li:nth-child(4):before {
 background-position:0 -114px
}
.banner .text-main ul li h4 {
 line-height:28px;
 font-size:16px;
 color:#252b3a;
 margin-bottom:3px
}
.product {
 padding:68px 0;
 position:relative
}
.product:before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 top:285px;
 background:#f2f6ff
}
.product .layui-tab {
 position:relative;
 z-index:2;
 margin-top:36px
}
.product .layui-tab-title {
 height:79px;
 text-align:center
}
.product .layui-tab-title li {
 min-width:auto;
 height:60px;
 padding:0 18px 19px 96px;
 line-height:60px;
 font-size:20px;
 color:#000;
 letter-spacing:.5px;
 margin:0 31px
}
.product .layui-tab-title li:before {
 content:'';
 position:absolute;
 left:14px;
 top:0;
 width:65px;
 height:65px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-65px -47px;
 background-repeat:no-repeat
}
.product .layui-tab-title li:nth-child(2):before {
 background-position:0 -47px
}
.product .layui-tab-title li p:after {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:3px;
 background-color:#596efb;
 -ms-transform:scale(0);
 -moz-transform:scale(0);
 -webkit-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0);
 transition:transform .3s ease-in-out
}
.product .layui-tab-title li.layui-this p:after {
 -ms-transform:scale(1);
 -moz-transform:scale(1);
 -webkit-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1)
}
.product .layui-tab-content {
 padding-top:60px;
 height:100%
}
.product .layui-tab-item {
 text-align:center;
 font-size:0;
 background-color:#fff;
 box-shadow:0 0 15px 0 rgba(55,99,170,.16)
}
.product .layui-tab-item .left-title {
 display:inline-block;
 vertical-align:top;
 width:24.3%;
 height:632px;
 background-color:#fff;
 position:relative
}
.product .layui-tab-item .left-title:before {
 content:'';
 position:absolute;
 left:4px;
 right:0;
 top:4px;
 bottom:4px;
 background-image:url(../../static/images/veryxiao/index_2023/pro-bg.jpg);
 background-position:right bottom;
 background-size:cover;
 background-repeat:no-repeat
}
.product .layui-tab-item2 .left-title:before {
 background-image:url(../../static/images/veryxiao/index_2023/pro-bg1.jpg)
}
.product .layui-tab-item .left-title .title {
 padding:33px 35px 0 41px;
 text-align:left;
 letter-spacing:.75px;
 position:relative;
 z-index:3
}
.product .layui-tab-item .left-title h3 {
 height:42px;
 line-height:42px;
 letter-spacing:.5px;
 position:relative;
 padding-left:47px;
 margin-bottom:22px
}
.product .layui-tab-item .left-title h3 .icon-pro {
 position:absolute;
 left:0;
 top:50%;
 margin-top:-16px;
 width:32px;
 height:32px;
 border-radius:3px;
 background:linear-gradient(94deg,#5dc5ff 0,#687cff 100%);
 background-color:#687cff
}
.product .layui-tab-item .left-title h3 .icon-pro:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-10px 0 0 -12px;
 width:24px;
 height:19px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:-136px -164px;
 background-repeat:no-repeat
}
.product .layui-tab-item2 .left-title h3 .icon-pro:before {
 background-position:-160px -164px
}
.product .layui-tab-item .left-title h3 b {
 display:inline-block;
 vertical-align:middle;
 line-height:42px;
 font-size:20px;
 color:#000
}
.product .layui-tab-item .left-title h5 {
 max-width:95%;
 line-height:22px;
 font-size:14px;
 color:#333;
 margin-bottom:41px
}
.product .layui-tab-item .left-title h6 {
 line-height:24px;
 font-size:16px;
 color:#596efb;
 padding-left:23px;
 position:relative;
 margin-bottom:6px
}
.product .layui-tab-item .left-title h6:before {
 content:'';
 position:absolute;
 left:0;
 top:7px;
 width:13px;
 height:12px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-80px -28px;
 background-repeat:no-repeat
}
.product .layui-tab-item .left-title p {
 line-height:20px;
 font-size:14px;
 color:#767785;
 padding-left:23px;
 margin-bottom:14px
}
.product .layui-tab-item .btn-title {
 padding-top:34px;
 margin-left:-5px;
 width:108%;
 text-align:left;
 font-size:0
}
.product .layui-tab-item .btn-title a {
 display:inline-block;
 vertical-align:top;
 width:114px;
 height:34px;
 line-height:34px;
 text-align:center;
 font-size:14px;
 color:#596efb;
 background-color:#fff;
 border:1px solid #596efb;
 margin:0 5px 10px
}
.product .layui-tab-item .btn-title a.btn1 {
 color:#fff;
 background-color:#596efb
}
.product .layui-tab-item .btn-title a:hover {
 background:rgba(255,255,255,.6)
}
.product .layui-tab-item .btn-title a.btn1:hover {
 background-color:#5064e6
}
.product .layui-tab-item .right-title {
 display:inline-block;
 vertical-align:top;
 text-align:left;
 width:75.7%
}
.product .layui-tab-item .right-title .list-title {
 display:inline-block;
 vertical-align:top;
 width:calc(33.33% - 64px);
 height:161px;
 overflow:hidden;
 padding:27px 34px 22px 29px;
 letter-spacing:.75px;
 background-color:#fff;
 border-bottom:1px solid #dae1ea;
 border-left:1px solid #dae1ea;
 position:relative
}
.product .layui-tab-item .right-title .list-title:nth-child(7),
.product .layui-tab-item .right-title .list-title:nth-child(8),
.product .layui-tab-item .right-title .list-title:nth-child(9) {
 border-bottom:0
}
.product .layui-tab-item .right-title .list-title a {
 display:block;
 width:100%;
 height:100%
}
.product .layui-tab-item .right-title .list-title h6 {
 line-height:26px;
 font-size:16px;
 color:#000;
 font-weight:bold;
 margin-bottom:10px
}
.product .layui-tab-item .right-title .list-title h6 .icon-tags {
 margin-left:6px;
 display:inline-block;
 vertical-align:middle;
 width:38px;
 height:23px;
 background:#ffe7e4;
 border-radius:2px;
 position:relative;
 top:-2px
}
.product .layui-tab-item .right-title .list-title h6 .icon-tags:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-6px 0 0 -14px;
 width:28px;
 height:13px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:-268px -164px;
 background-repeat:no-repeat
}
.product .layui-tab-item .right-title .list-title p {
 height:44px;
 overflow:hidden;
 line-height:22px;
 font-size:14px;
 color:#888999;
 margin-bottom:14px
}
.product .layui-tab-item .right-title .list-title .text1 {
 margin:0 0 12px -3px;
 text-align:left;
 font-size:0;
 height:31px;
 overflow:hidden;
 width:calc(100% + 10px)
}
.product .layui-tab-item .right-title .list-title .text1 span {
 display:inline-block;
 vertical-align:top;
 min-width:52px;
 height:21px;
 line-height:21px;
 text-align:center;
 font-size:12px;
 color:#888999;
 padding:0 7px;
 border:1px solid #dae1ea;
 border-radius:2px;
 margin:0 4px 8px 3px
}
.product .layui-tab-item .right-title .list-title .text1 span:last-child {
 margin-right:0
}
.product .layui-tab-item .right-title .list-title .text2 {
 display:inline-block;
 line-height:24px;
 font-size:14px;
 color:#596efb;
 padding-right:15px;
 position:relative
}
.product .layui-tab-item .right-title .list-title .text2:before {
 content:'';
 position:absolute;
 right:0;
 top:8px;
 width:5px;
 height:8px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-91px -16px;
 background-repeat:no-repeat;
 transition:all .3s ease-out
}
.product .layui-tab-item2 .left-title h5 {
 margin-bottom:42px
}
.product .layui-tab-item2 .btn-title {
 padding-top:35px
}
.product .layui-tab-item2 .right-title .list-title {
 width:calc(33.33% - 55px);
 height:162px;
 padding:27px 25px 21px 29px
}
.product .layui-tab-item2 .right-title .list-title:last-child {
 background-image:url(../../static/images/veryxiao/index_2023/pro-default.jpg);
 background-color:#fff;
 background-position:right bottom;
 background-repeat:no-repeat
}
.product .layui-tab-item2 .right-title .list-title p {
 margin-bottom:18px
}
.product .layui-tab-item2 .right-title .list-title .text1 {
 margin-bottom:9px
}
.product .layui-tab-item2 .right-title .list-title .text3 {
 line-height:26px;
 font-size:16px;
 font-weight:bold;
 color:#888999;
 margin-bottom:23px
}
.product .layui-tab-item2 .right-title .list-title .text4 {
 width:159px;
 height:34px;
 line-height:34px;
 font-size:16px;
 color:#000;
 text-align:center;
 font-weight:bold;
 border:1px solid #dae1ea;
 border-radius:3px;
 margin-bottom:12px
}
.plan {
 padding:86px 0 102px;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.plan .big-title h2,
.plan .big-title p {
 color:#fff
}
.plan .main {
 margin:-13px -15px 0;
 height:auto;
 overflow:hidden
}
.plan .left-title {
 float:left;
 width:30.34%
}
.plan .left-title:nth-child(3) {
 float:right
}
.plan .left-title ul {
 font-size:0;
 text-align:center
}
.plan .left-title ul li {
 display:inline-block;
 vertical-align:top;
 width:calc(50% - 31px);
 margin:15px 15px 10px
}
.plan .left-title ul li .title {
 padding-top:41px
}
.plan .left-title ul li .title .text {
 display:block;
 padding:54px 26px 34px;
 height:146px;
 text-align:left;
 letter-spacing:1px;
 background:linear-gradient(180deg,#4f678f,#3b4e75);
 background-color:#3b4e75;
 border-radius:10px;
 position:relative
}
.plan .left-title ul li .title .icon {
 width:88px;
 height:83px;
 position:absolute;
 left:50%;
 top:-41px;
 margin-left:-44px
}
.plan .left-title ul li .title .icon:before {
 content:'';
 position:absolute;
 left:1px;
 bottom:0;
 width:86px;
 height:46px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-176px -40px;
 background-repeat:no-repeat
}
.plan .left-title ul li .title .icon:after {
 content:'';
 position:absolute;
 left:12px;
 top:10px;
 width:62px;
 height:43px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-202px -154px;
 background-repeat:no-repeat
}
.plan .left-title ul li .title .icon .pro-icon {
 position:absolute;
 bottom:26px;
 left:18px;
 z-index:2;
 width:50px;
 height:53px
}
.plan .left-title ul li .title .icon .pro-icon:before {
 content:'';
 position:absolute;
 left:0;
 top:-2px;
 width:100%;
 height:100%;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:0 -154px;
 background-repeat:no-repeat;
 -webkit-transform-origin:center bottom;
 -moz-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 -o-transform-origin:center bottom;
 transform-origin:center bottom
}
.plan .left-title ul li .title .icon1 .pro-icon:before {
 top:0
}
.plan .left-title ul li .title .icon2 .pro-icon:before {
 background-position:-50px -154px
}
.plan .left-title ul li .title .icon3 .pro-icon:before {
 background-position:-100px -154px
}
.plan .left-title ul li .title .icon4 .pro-icon:before {
 background-position:-150px -154px
}
.plan .left-title ul li .title .icon5 .pro-icon:before {
 background-position:0 -207px
}
.plan .left-title ul li .title .icon6 .pro-icon:before {
 background-position:-50px -207px
}
.plan .left-title ul li .title .icon7 .pro-icon:before {
 background-position:-100px -207px
}
.plan .left-title ul li .title .icon8 .pro-icon:before {
 background-position:-150px -207px
}
.plan .left-title ul li .title .icon .pro-icon:after {
 content:'';
 position:absolute;
 left:-7px;
 top:18px;
 width:64px;
 height:31px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-201px -202px;
 background-repeat:no-repeat
}
.plan .left-title ul li .title .icon span {
 position:absolute;
 z-index:3
}
.plan .left-title ul li .title .icon span:nth-child(2) {
 width:6px;
 height:6px;
 background-image:url(../../static/images/veryxiao/index_2023/pro-icon1.png);
 background-position:center;
 background-repeat:no-repeat
}
.plan .left-title ul li .title .icon span:nth-child(3) {
 width:10px;
 height:10px;
 background-image:url(../../static/images/veryxiao/index_2023/pro-icon2.png);
 background-position:center;
 background-repeat:no-repeat
}
.plan .left-title ul li .title .icon span:nth-child(4) {
 width:7px;
 height:8px;
 background-image:url(../../static/images/veryxiao/index_2023/pro-icon3.png);
 background-position:center;
 background-repeat:no-repeat
}
.plan .left-title ul li .title .icon span:nth-child(2) {
 left:15px;
 top:16px
}
.plan .left-title ul li .title .icon span:nth-child(3) {
 left:26px;
 top:39px
}
.plan .left-title ul li .title .icon span:nth-child(4) {
 left:65px;
 top:14px
}
.plan .left-title ul li .title .icon1 span:nth-child(2) {
 left:17px;
 top:17px
}
.plan .left-title ul li .title .icon1 span:nth-child(3) {
 left:33px;
 top:48px
}
.plan .left-title ul li .title .icon1 span:nth-child(4) {
 left:58px;
 top:32px
}
.plan .left-title ul li .title .icon1 span:nth-child(2) {
 left:16px;
 top:17px
}
.plan .left-title ul li .title .icon1 span:nth-child(3) {
 left:33px;
 top:48px
}
.plan .left-title ul li .title .icon1 span:nth-child(4) {
 left:59px;
 top:32px
}
.plan .left-title ul li .title .icon3 span:nth-child(2) {
 left:12px;
 top:16px
}
.plan .left-title ul li .title .icon3 span:nth-child(3) {
 left:22px;
 top:44px
}
.plan .left-title ul li .title .icon3 span:nth-child(4) {
 left:65px;
 top:14px
}
.plan .left-title ul li .title .icon4 span:nth-child(2) {
 left:16px;
 top:17px
}
.plan .left-title ul li .title .icon4 span:nth-child(3) {
 left:27px;
 top:40px
}
.plan .left-title ul li .title .icon4 span:nth-child(4) {
 left:56px;
 top:34px
}
.plan .left-title ul li .title .icon5 span:nth-child(2) {
 left:16px;
 top:16px
}
.plan .left-title ul li .title .icon5 span:nth-child(3) {
 left:27px;
 top:39px
}
.plan .left-title ul li .title .icon5 span:nth-child(4) {
 left:56px;
 top:33px
}
.plan .left-title ul li .title .icon6 span:nth-child(2) {
 left:13px;
 top:16px
}
.plan .left-title ul li .title .icon6 span:nth-child(3) {
 left:27px;
 top:39px
}
.plan .left-title ul li .title .icon6 span:nth-child(4) {
 left:57px;
 top:33px
}
.plan .left-title ul li .title .icon7 span:nth-child(2) {
 left:14px;
 top:16px
}
.plan .left-title ul li .title .icon7 span:nth-child(3) {
 left:26px;
 top:38px
}
.plan .left-title ul li .title .icon7 span:nth-child(4) {
 left:64px;
 top:15px
}
.plan .left-title ul li .title .icon8 span:nth-child(2) {
 left:14px;
 top:16px
}
.plan .left-title ul li .title .icon8 span:nth-child(3) {
 left:27px;
 top:38px
}
.plan .left-title ul li .title .icon8 span:nth-child(4) {
 left:56px;
 top:33px
}
.plan .left-title ul li .title h6 {
 line-height:28px;
 font-size:18px;
 color:#fff;
 margin-bottom:12px
}
.plan .left-title ul li .title .text1 {
 display:block;
 max-height:44px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 line-height:22px;
 font-size:14px;
 color:#a7b4cc;
 position:relative;
 padding-left:13px;
 margin-bottom:9px
}
.plan .left-title ul li .title .text1:before {
 content:'';
 position:absolute;
 left:0;
 top:9px;
 width:4px;
 height:4px;
 background-color:#adb8cc;
 border-radius:50%
}
.plan .left-title ul li:nth-child(3) .title .text,
.plan .left-title ul li:nth-child(4) .title .text {
 background:linear-gradient(180deg,#3e5178,#2c3c5c)
}
.plan .left-title ul li:nth-child(3) .title .text1,
.plan .left-title ul li:nth-child(4) .title .text1 {
 color:#c3cfe5;
 opacity:.6
}
.plan .left-title ul li:nth-child(3) .title .text1:before,
.plan .left-title ul li:nth-child(4) .title .text1:before {
 background-color:#c3cfe5
}
.plan .left-title ul li .title:hover .text {
 background-image:url(../../static/images/veryxiao/index_2023/plan-hover.jpg);
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
 box-shadow:4px 0 10px rgba(255,255,255,.05)
}
.plan .left-title ul li:nth-child(3) .title:hover .text,
.plan .left-title ul li:nth-child(4) .title:hover .text {
 background-image:url(../../static/images/veryxiao/index_2023/plan-hover1.jpg);
 box-shadow:4px 0 10px rgba(255,255,255,.05)
}
.plan .left-title ul li .title .text1:hover {
 color:#fff !important;
 opacity:1 !important
}
.plan .center-title {
 float:left;
 width:calc(35.52% - 26px);
 padding:13px;
 background:url(../../static/images/veryxiao/index_2023/plan-center-bg.jpg) center 100% no-repeat;
 box-shadow:14px 0 25px 0 rgba(49,60,86,.37),5px 0 38px 0 rgba(255,255,255,.05);
 margin:56px 16px 16px 26px
}
.plan .center-title .title {
 padding:35px 52px 48px 32px;
 height:425px;
 text-align:left;
 letter-spacing:.5px;
 color:#fff;
 position:relative
}
.plan .center-title .title:before {
 content:'';
 position:absolute;
 right:0;
 bottom:0;
 width:100%;
 height:100%;
 background-image:url(../../static/images/veryxiao/index_2023/plan-img1.png);
 background-position:right bottom;
 background-repeat:no-repeat
}
.plan .center-title .title h5 {
 position:relative;
 z-index:2;
 line-height:38px;
 font-size:24px;
 color:#fff;
 margin-bottom:16px
}
.plan .center-title .title h6 {
 position:relative;
 z-index:2;
 line-height:25px;
 font-size:14px;
 color:#fff
}
.plan .center-title .title .bottom-href {
 padding-top:48px;
 position:relative;
 z-index:2
}
.plan .center-title .title .bottom-href p {
 height:25px;
 margin-bottom:7px
}
.plan .center-title .title .bottom-href p a {
 display:inline-block;
 line-height:25px;
 font-size:14px;
 color:#fff;
 padding-left:28px;
 position:relative
}
.plan .center-title .title .bottom-href p a:before {
 content:'';
 position:absolute;
 left:0;
 top:3px;
 width:18px;
 height:18px;
 border-radius:50%;
 background-color:#4256da;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:0 0;
 background-repeat:no-repeat
}
.case {
 padding:0px 0 79px;
 position:relative
}
.case .swiper {
 max-width:1450px;
 padding:0 55px;
 position:relative;
 margin:28px auto 0
}
.case .swiper-container {
 width:100%;
 position:relative
}
.case .swiper-slide a {
 display:block;
 background:linear-gradient(180deg,#ebf3ff,#fefeff);
 border-radius:2px;
 box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px 0 22px 0 rgba(255,255,255,.25);
 border:2px solid #fff;
 position:relative;
 transition:all .3s ease-in-out;
 margin:15px 15px 22px
}
.case .swiper-slide a:before {
 content:'';
 position:absolute;
 top:22px;
 left:76px;
 width:54px;
 height:43px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-19px -1px;
 background-repeat:no-repeat
}
.case .swiper-slide .title {
 position:relative;
 z-index:2;
 padding:47px 28px 19px 28px
}
.case .swiper-slide .left-img {
 float:left;
 width:40px;
 height:40px;
 border-radius:5px;
 overflow:hidden;
 position:relative
}
.case .swiper-slide .left-img:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-image:url(../../static/images/veryxiao/index_2023/case-logo.png);
 background-color:#ec2637;
 background-position:-40px 0;
 background-repeat:no-repeat
}
.case .swiper-slide .left-img2:before {
 background-color:#1a2c6a;
 background-position:0 0
}
.case .swiper-slide .left-img3:before {
 background-color:#ff0000;
 background-position:-80px 0
}
.case .swiper-slide .left-img4:before {
 background-color:#457cb3;
 background-position:-120px 0
}
.case .swiper-slide .right-text {
 margin-left:58px;
 padding-top:2px;
 letter-spacing:1px
}
.case .swiper-slide .right-text h6 {
 max-height:78px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 line-height:26px;
 text-align:left;
 color:#555;
 font-size:14px
}
.case .swiper-slide .right-text p {
 height:26px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 line-height:26px;
 text-align:right;
 color:#555;
 font-size:14px;
 padding-right:4px;
 margin-top:27px
}
.case .swiper-slide a:hover {
 box-shadow:8px 8px 20px 0 rgba(55,99,170,.15),-8px 0 22px 0 rgba(255,255,255,.25);
 transform:translateY(-10px)
}
.case .swiper .swiper-button-next,
.case .swiper .swiper-button-prev {
 margin:-15px 7px 7px;
 width:40px;
 height:40px;
 border-radius:50%;
 border:2px solid #fff;
 background-image:none;
 background:linear-gradient(90deg,#f6faff,#dfe9f7);
 box-shadow:3px 3px 15px 0 rgba(55,99,170,.2);
 z-index:3
}
.case .swiper .swiper-button-next:before,
.case .swiper .swiper-button-prev:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-16px 0 0 -16px;
 width:30px;
 height:30px;
 border-radius:50%;
 border:1px solid #fff;
 background:linear-gradient(180deg,#dfe9f7,#f6faff);
 box-shadow:0 0 3px rgba(55,99,170,.15)
}
.case .swiper .swiper-button-next:after,
.case .swiper .swiper-button-prev:after {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-5px 0 0 -3px;
 width:6px;
 height:10px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-79px -1px;
 background-repeat:no-repeat
}
.case .swiper .swiper-button-next:after {
 transform:rotate(180deg)
}
.case .swiper .swiper-button-next {
 right:0
}
.case .swiper .swiper-button-prev {
 left:0
}
.case .swiper .swiper-button-next:hover,
.case .swiper .swiper-button-prev:hover {
 background:linear-gradient(90deg,#edf2fa,#e4edf7)
}
.case .swiper .swiper-button-next:hover:before,
.case .swiper .swiper-button-prev:hover:before {
 background:linear-gradient(180deg,#d2e1f7,#f6faff)
}
.case .swiper .swiper-button-next:hover:after,
.case .swiper .swiper-button-prev:hover:after {
 background-position:-91px -1px
}
.case-yban {
 padding:2px;
 background-color:#fff;
 height:159px;
 background-image:url(../../static/images/veryxiao/index_2023/yban1.jpg);
 background-position:center;
 background-repeat:no-repeat;
 box-shadow:5px 8px 15px 0 rgba(55,99,170,.09);
 margin-top:8px
}
.case-yban ul {
 text-align:center;
 font-size:0;
 padding-top:35px
}
.case-yban ul li {
 display:inline-block;
 vertical-align:middle;
 margin:0 59px
}
.case-yban ul li h6 {
 height:54px;
 line-height:54px;
 font-weight:bold;
 font-size:48px;
 color:#000
}
.case-yban ul li h6 b {
 font-family:'DIN';
 display:inline-block;
 vertical-align:middle
}
.case-yban ul li h6 span {
 display:inline-block;
 vertical-align:middle;
 margin-left:8px;
 position:relative;
 top:-12px;
 font-size:26px
}
.case-yban ul li p {
 line-height:28px;
 font-size:16px;
 color:#3d485d;
 margin-top:6px
}
.case-logo {
 padding-top:28px;
 text-align:center;
 font-size:0;
 margin:0 -26px
}
.case-logo .img-logo {
 display:inline-block;
 vertical-align:middle;
 width:calc(14.28% - 26px);
 height:96px;
 overflow:hidden;
 position:relative;
 background-color:#fff;
 transition:all .3s ease-in-out;
 margin:0 13px
}
.case-logo .img-logo a {
 display:block;
 width:100%;
 height:100%;
 position:relative;
 z-index:2
}
.case-logo .img-logo:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-29px 0 0 -80px;
 width:160px;
 height:57px;
 background-image:url(../../static/images/veryxiao/index_2023/case-logo.png);
 background-position:0 -40px;
 background-repeat:no-repeat
}
.case-logo .img-logo2:before {
 background-position:-160px -40px
}
.case-logo .img-logo3:before {
 background-position:-320px -40px
}
.case-logo .img-logo4:before {
 background-position:-480px -40px
}
.case-logo .img-logo5:before {
 background-position:-640px -40px
}
.case-logo .img-logo11:before {
 background-position:0 -97px
}
.case-logo .img-logo12:before {
 background-position:-160px -97px
}
.case-logo .img-logo13:before {
 background-position:-320px -97px
}
.case-logo .img-logo14:before {
 background-position:-480px -97px
}
.case-logo .img-logo15:before {
 background-position:-640px -97px
}
.case-logo .img-logo16:before {
 background-position:-800px -97px
}
.case-logo .img-logo17:before {
 background-position:-960px -97px
}
.case-logo .img-logo21:before {
 background-position:0 -154px
}
.case-logo .img-logo22:before {
 background-position:-160px -154px
}
.case-logo .img-logo23:before {
 background-position:-320px -154px
}
.case-logo .img-logo24:before {
 background-position:-480px -154px
}
.case-logo .img-logo25:before {
 background-position:-640px -154px
}
.case-logo .img-logo31:before {
 background-position:0 -211px
}
.case-logo .img-logo32:before {
 background-position:-160px -211px
}
.case-logo .img-logo33:before {
 background-position:-320px -211px
}
.case-logo .img-logo34:before {
 background-position:-480px -211px
}
.case-logo .img-logo35:before {
 background-position:-640px -211px
}
.case-logo .img-logo36:before {
 background-position:-800px -211px
}
.case-logo .img-logo37:before {
 background-position:-960px -211px
}
.partners {
 padding:45px 0 39px;
 background-color:#fff;
 background-position:center top;
 background-repeat:no-repeat
}
.partners .big-title p {
 font-size:14px;
 letter-spacing:1px
}
.partners .big-title .btn-title,
.yban2 .btn-title a {
 display:block;
 width:150px;
 height:43px;
 line-height:43px;
 font-size:16px;
 color:#fff;
 letter-spacing:.75px;
 background:linear-gradient(90deg,#00aeff 0,#596efb 100%);
 background-color:#00aeff;
 margin:25px auto 0
}
.partners .main {
 background-color:#fff;
 border-radius:8px;
 box-shadow:5px 0 16px rgba(55,99,170,.09);
 margin:46px 0 19px
}
.partners .main ul {
 text-align:center;
 font-size:0;
 padding:47px 18px 48px
}
.partners .main ul li {
 display:inline-block;
 vertical-align:top;
 /*! min-width:240px; */
 /*! margin:0 75px; */
 max-width: 50%;
}
.partners .main ul li .icon {
 float:left;
 width:37px;
 height:36px;
 position:relative;
 margin-top:5px
}
.partners .main ul li .icon:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:30px;
 height:30px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
 background-position:-101px -1px;
 background-repeat:no-repeat
}
.partners .main ul li:nth-child(2) .icon:before {
 width:37px;
 height:36px;
 background-position:-135px -1px
}
.partners .main ul li:nth-child(3) .icon:before {
 width:32px;
 height:32px;
 background-position:-177px -1px
}
.partners .main ul li .text {
 margin-left:55px;
 text-align:left;
 letter-spacing:1px
}
.partners .main ul li .text h5 {
 line-height:45px;
 font-size:20px;
 color:#060000;
 margin-bottom:3px
}
.partners .main ul li .text p {
 line-height:25px;
 font-size:14px;
 color:#767785;
 margin-bottom:17px
}
.partners .main ul li .text h6 {
 line-height:25px;
 font-size:16px;
 color:#2e3342;
 padding-left:15px;
 position:relative;
 margin-bottom:8px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 width: 95%;
}
.partners .main ul li .text h6:before {
 content:'';
 position:absolute;
 left:0;
 top:10px;
 width:5px;
 height:5px;
 background-color:#596efb;
 border-radius:50%;
}
.learning {
 padding:30px 0 110px;
 background-color:#fff
}
.learning .main {
 width:100%;
 min-width:1200px;
 height:auto;
 overflow:hidden;
 border-top:1px solid #efefef;
 margin:40px auto 0
}
.learning .main li {
 float:left;
 width:calc(50% - 1px);
 position:relative;
 min-width:600px;
 border-bottom:1px solid #efefef;
 border-right:1px solid #efefef;
 height:175px;
 overflow:hidden
}
.learning .main li:nth-child(even) {
 width:50%;
 border-right:0
}
.learning .main li .small-bg {
 position:absolute;
 width:100%;
 height:177px;
 transform:scale(1.06);
 opacity:0;
 transform-origin:50% 50%;
 transition:transform .5s cubic-bezier(.215,.61,.355,1),opacity .5s cubic-bezier(.215,.61,.355,1);
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.learning .main li .item-title {
 position:absolute;
 right:0;
 top:0;
 z-index:2;
 width:670px;
 height:107px;
 padding-top:36px;
 padding-bottom:32px;
 padding-right:40px
}
.learning .main li:nth-child(even) .item-title {
 right:auto;
 left:0;
 padding-right:0;
 padding-left:40px
}
.learning .main li h6 {
 line-height:28px;
 font-size:18px;
 color:#2f3340;
 letter-spacing:1px;
 padding-left:32px;
 position:relative;
 margin-bottom:8px
}
.learning .main li h6:before {
 content:'';
 position:absolute;
 left:0;
 top:2px;
 width:24px;
 height:24px;
 background-image:url(../../static/images/veryxiao/index_2023/icon-learning.png);
 background-position:0 0;
 background-repeat:no-repeat
}
.learning .main li:nth-child(2) h6:before {
 background-position:-24px 0
}
.learning .main li:nth-child(3) h6:before {
 background-position:-48px 0
}
.learning .main li:nth-child(4) h6:before {
 background-position:-72px 0
}
.learning .main li p {
 line-height:24px;
 font-size:14px;
 color:#8c8d9e;
 letter-spacing:.75px;
 position:relative;
 margin-bottom:23px
}
.learning .main li .text1 {
 height:24px;
 font-size:0;
 text-align:left;
 letter-spacing:.5px
}
.learning .main li .text1 a {
 display:inline-block;
 vertical-align:middle;
 line-height:24px;
 font-size:14px;
 color:#596efb;
 position:relative;
 margin-right:40px
}
.learning .main li .text1 a:before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0;
 height:1px;
 background-color:#596efb;
 transition:all .3s ease
}
.learning .main li:hover .small-bg {
 opacity:1;
 transform:scale(1)
}
.learning .main li .text1 a:hover:before {
 width:100%
}
.yban2 {
 padding:38px 0 25px;
 text-align:center;
 background-image:url(../../static/images/veryxiao/index_2023/yban2.jpg);
 background-color:#404962;
 background-position:center top;
 background-repeat:no-repeat
}
.yban2 h3 {
 line-height:44px;
 letter-spacing:3px;
 font-size:32px;
 color:#fff;
 margin-bottom:17px
}
.yban2 .btn-title {
 text-align:center;
 font-size:0;
 margin-bottom:17px
}
.yban2 .btn-title a {
 display:inline-block;
 vertical-align:top;
 width:200px;
 height:39px;
 line-height:39px;
 margin:0 7px 15px 8px
}
.yban2 p {
 line-height:26px;
 letter-spacing:.75px;
 font-size:16px;
 color:#fff
}
.partners .big-title .btn-title:hover,
.yban2 .btn-title a:hover {
 background:linear-gradient(90deg,#09f 0,#575dfa 100%);
 background-color:#575dfa
}
@media only screen and (min-width:835px) {
 .banner-img3 .move1 {
  position:absolute;
  top:179px;
  right:-82px;
  width:20px;
  height:55px;
  background-image:url(../../static/images/veryxiao/index_2023/diyi-img1.png);
  background-position:center;
  background-repeat:no-repeat;
  -webkit-animation:diyimove1 1.6s cubic-bezier(.5,0,.5,1) infinite;
  -o-animation:diyimove1 1.6s cubic-bezier(.5,0,.5,1) infinite;
  animation:diyimove1 1.6s cubic-bezier(.5,0,.5,1) infinite
 }
 @keyframes diyimove1 {
  0,
  100% {
   transform:translateY(0)
  }
  50%,
  55% {
   transform:translateY(-14px)
  }
 }
 .banner-img3 .move2 {
  position:absolute;
  top:139px;
  right:126px;
  width:217px;
  height:295px;
  background-image:url(../../static/images/veryxiao/index_2023/diyi-img2.png);
  background-position:center;
  background-repeat:no-repeat
 }
 .banner-img3 .move3 {
  position:absolute;
  top:190px;
  right:296px;
  width:68px;
  height:138px;
  background-image:url(../../static/images/veryxiao/index_2023/diyi-img3.png);
  background-position:center;
  background-repeat:no-repeat;
  -webkit-animation:diyimove3 2s ease-in infinite forwards;
  -o-animation:diyimove3 2s ease-in infinite forwards;
  animation:diyimove3 2s ease-in infinite forwards;
  transform:scale(.4)
 }
 @keyframes diyimove3 {
  0 {
   transform:scale(.4)
  }
  25%,
  100% {
   transform:scale(1)
  }
 }
 .banner-img2 .move {
  position:absolute;
  top:77px;
  right:7px;
  width:1069px;
  height:438px
 }
 .banner-img2 .move .img {
  position:absolute;
  background-position:center;
  background-repeat:no-repeat
 }
 .banner-img2 .move .img1 {
  left:0;
  bottom:43px;
  width:127px;
  height:100px;
  background-image:url(../../static/images/veryxiao/index_2023/water-img1.png)
 }
 .banner-img2 .move .img2 {
  left:265px;
  bottom:0;
  width:250px;
  height:179px;
  background-image:url(../../static/images/veryxiao/index_2023/water-img2.png)
 }
 .banner-img2 .move .img3 {
  left:429px;
  top:26px;
  width:322px;
  height:260px;
  background-image:url(../../static/images/veryxiao/index_2023/water-img3.png)
 }
 .banner-img2 .move .img4 {
  left:686px;
  top:0;
  width:110px;
  height:86px;
  background-image:url(../../static/images/veryxiao/index_2023/water-img4.png)
 }
 .banner-img2 .move .img5 {
  right:0;
  top:112px;
  width:282px;
  height:217px;
  background-image:url(../../static/images/veryxiao/index_2023/water-img5.png)
 }
 .banner-img2 .move .img6 {
  right:196px;
  bottom:0;
  width:282px;
  height:223px;
  background-image:url(../../static/images/veryxiao/index_2023/water-img6.png)
 }
 .banner-img2 .move .img7 {
  right:120px;
  bottom:-44px;
  width:142px;
  height:104px;
  background-image:url(../../static/images/veryxiao/index_2023/water-img7.png)
 }
 .banner-img2 .move .line img {
  display:block;
  position:absolute;
  offset-distance:0;
  -webkit-animation:lightRunA 7.2s linear infinite;
  -moz-animation:lightRunA 7.2s linear infinite;
  -ms-animation:lightRunA 7.2s linear infinite;
  -o-animation:lightRunA 7.2s linear infinite;
  animation:lightRunA 7.2s linear infinite
 }
 @-webkit-keyframes lightRunA {
  from {
   offset-distance:0
  }
  90%,
  to {
   offset-distance:100%
  }
 }
 @-moz-keyframes lightRunA {
  from {
   offset-distance:0
  }
  90%,
  to {
   offset-distance:100%
  }
 }
 @-ms-keyframes lightRunA {
  from {
   offset-distance:0
  }
  90%,
  to {
   offset-distance:100%
  }
 }
 @-o-keyframes lightRunA {
  from {
   offset-distance:0
  }
  90%,
  to {
   offset-distance:100%
  }
 }
 @keyframes lightRunA {
  from {
   offset-distance:0
  }
  90%,
  to {
   offset-distance:100%
  }
 }
 .banner-img2 .move .line1 {
  position:absolute;
  top:154px;
  left:18px;
  width:1006px;
  height:220px
 }
 .banner-img2 .move .line1 img {
  left:-610.5px;
  top:-230.5px;
  offset-path:path('M612,451l508-220,390,181,108-57-140-66')
 }
 .banner-img2 .move .line2 {
  position:absolute;
  top:28px;
  right:16px;
  width:666px;
  height:501px
 }
 .banner-img2 .move .line2 img {
  left:-982.031px;
  top:-104.438px;
  offset-path:path('M988,425l341,180,231-142-73-36,132-72-142-66,175-87-233-96-74,29');
  -webkit-animation-duration:9.2s;
  -moz-animation-duration:9.2s;
  -ms-animation-duration:9.2s;
  -o-animation-duration:9.2s;
  animation-duration:9.2s
 }
 .banner-img2 .move .line3 {
  position:absolute;
  top:181px;
  left:401px;
  width:185px;
  height:172px
 }
 .banner-img2 .move .line3 img {
  left:-994.5px;
  top:-257.5px;
  offset-path:path('M995,430l118-59-75-37,142-76');
  -webkit-animation-duration:3.8s;
  -moz-animation-duration:3.8s;
  -ms-animation-duration:3.8s;
  -o-animation-duration:3.8s;
  animation-duration:3.8s
 }
 .banner .text-main1 {
  background:rgba(255,255,255,.6)
 }
 .banner .text-main1:before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:linear-gradient(90deg,rgba(165,224,255,.5) 0,rgba(141,216,255,.5) 50%)
 }
 .banner .text-main ul li:after {
  content:'';
  position:absolute;
  left:39px;
  top:78px;
  width:32px;
  height:13px;
  background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
  background-position:-132px -45px;
  background-repeat:no-repeat
 }
 .banner .text-main ul li p {
  line-height:22px;
  font-size:14px;
  color:#3d485d;
  font-weight:300;
  background:none !important
 }
 .banner .text-main ul li:hover {
  background:rgba(255,255,255,.5)
 }
 .banner .text-main ul li a:hover p {
  color:#000
 }
 .product .layui-tab-item .right-title .list-title:hover {
  background-image:url(../../static/images/veryxiao/index_2023/pro-hover.jpg);
  background-color:#f4f8ff;
  background-position:right bottom;
  background-size:100%;
  background-repeat:no-repeat
 }
 .product .layui-tab-item .right-title .list-title:hover .text2:before {
  transform:translateX(5px)
 }
 .plan .left-title ul li .title:hover .icon .pro-icon:before {
  -webkit-animation:iconMove0 .7s ease-in forwards;
  -o-animation:iconMove0 .7s ease-in forwards;
  animation:iconMove0 .7s ease-in forwards
 }
 @keyframes iconMove0 {
  0,
  20%,
  53%,
  80%,
  100% {
   transition-timing-function:cubic-bezier(0.215,.61,.355,1);
   transform:translate3d(0,0,0)
  }
  40%,
  43% {
   transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
   transform:translate3d(0,-9px,0)
  }
  70% {
   transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
   transform:translate3d(0,-5px,0)
  }
  90% {
   transform:translate3d(0,2px,0)
  }
 }
 .plan .left-title ul li .title:hover .icon span:nth-child(2) {
  -webkit-animation:proMove11 .7s ease-in-out forwards;
  -o-animation:proMove11 .7s ease-in-out forwards;
  animation:proMove11 .7s ease-in-out forwards
 }
 @keyframes proMove11 {
  0,
  100% {
   opacity:1;
   transform:translate(0,0)
  }
  40%,
  55% {
   opacity:0
  }
  45%,
  50% {
   opacity:0;
   transform:translate(22px,9px)
  }
 }
 .plan .left-title ul li .title:hover .icon span:nth-child(3) {
  -webkit-animation:proMove12 .7s ease-in-out forwards;
  -o-animation:proMove12 .7s ease-in-out forwards;
  animation:proMove12 .7s ease-in-out forwards
 }
 @keyframes proMove12 {
  0,
  100% {
   opacity:1;
   transform:translate(0,0)
  }
  40%,
  55% {
   opacity:0
  }
  45%,
  50% {
   opacity:0;
   transform:translate(10px,-16px)
  }
 }
 .plan .left-title ul li .title:hover .icon span:nth-child(4) {
  -webkit-animation:proMove13 .7s ease-in-out forwards;
  -o-animation:proMove13 .7s ease-in-out forwards;
  animation:proMove13 .7s ease-in-out forwards
 }
 @keyframes proMove13 {
  0,
  100% {
   opacity:1;
   transform:translate(0,0)
  }
  40%,
  55% {
   opacity:0
  }
  45%,
  50% {
   opacity:0;
   transform:translate(-28px,10px)
  }
 }
 .plan .left-title ul li .title:hover .icon1 span:nth-child(2) {
  -webkit-animation:proMove1 .7s ease-in-out forwards;
  -o-animation:proMove1 .7s ease-in-out forwards;
  animation:proMove1 .7s ease-in-out forwards
 }
 @keyframes proMove1 {
  0,
  100% {
   opacity:1;
   transform:translate(0,0)
  }
  40%,
  55% {
   opacity:0
  }
  45%,
  50% {
   opacity:0;
   transform:translate(20px,7px)
  }
 }
 .plan .left-title ul li .title:hover .icon1 span:nth-child(3) {
  -webkit-animation:proMove2 .7s ease-in-out forwards;
  -o-animation:proMove2 .7s ease-in-out forwards;
  animation:proMove2 .7s ease-in-out forwards
 }
 @keyframes proMove2 {
  0,
  100% {
   opacity:1;
   transform:translate(0,0)
  }
  40%,
  55% {
   opacity:0
  }
  45%,
  50% {
   opacity:0;
   transform:translate(2px,-27px)
  }
 }
 .plan .left-title ul li .title:hover .icon1 span:nth-child(4) {
  -webkit-animation:proMove3 .7s ease-in-out forwards;
  -o-animation:proMove3 .7s ease-in-out forwards;
  animation:proMove3 .7s ease-in-out forwards
 }
 @keyframes proMove3 {
  0,
  100% {
   opacity:1;
   transform:translate(0,0)
  }
  40%,
  55% {
   opacity:0
  }
  45%,
  50% {
   opacity:0;
   transform:translate(-22px,-9px)
  }
 }
 .news {
  padding:38px 0 104px;
 }
 .news .layui-tab {
  margin:36px auto 0;
  letter-spacing:1px;
  position:relative
 }
 .news .layui-tab-title {
  height:50px;
  text-align:center
 }
 .news .layui-tab-title:before {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background-color:#dae1ea
 }
 .news .layui-tab-title li {
  line-height:30px;
  font-size:18px;
  color:#000;
  min-width:auto;
  padding:0 3px 20px;
  margin:0 30px;
 }
 .news .layui-tab-title li:before {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background-color:#596efb;
  -ms-transform:scale(0);
  -moz-transform:scale(0);
  -webkit-transform:scale(0);
  -o-transform:scale(0);
  transform:scale(0);
  transition:transform .3s ease-in-out
 }
 .news .layui-tab-title li.layui-this:before {
  -ms-transform:scale(1);
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)
 }
 .news .layui-tab-item {
  padding-top:20px;
  /*! height:510px; */
  overflow:hidden;
  letter-spacing:1px;
  margin:0 -14px
 }
 .news .layui-tab-item .main-title {
  width:100%;
  /*! padding-right:24.9%; */
  height:auto;
  overflow:hidden
 }
 .news .layui-tab-item .list-title {
  float:left;
  width:calc(33.33% - 58px);
  padding:15px 15px 25px;
  margin:14px;
  background-color:#fff;
  box-shadow:0 0 10px rgba(55,99,170,.12);
  transition:all .3s ease-in-out
 }
 .news .layui-tab-item .list-title .img-text {
  display:block;
  width:100%;
  height:167px;
  overflow:hidden;
  margin-bottom:22px
 }
 .news .layui-tab-item .list-title .img-text img {
  width:100%;
  height:100%;
  object-fit:cover
 }
 .news .layui-tab-item .list-title h3 {
  /*! height:56px; */
  /*! margin:0 8px 0px 13px; */
  /*! text-align: center; */
 }
 .news .layui-tab-item .list-title h3 a {
  display:inline-block;
  max-height:56px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  line-height:28px;
  text-align:center;
  color:#000;
  font-size:18px
 }
 .news .layui-tab-item .list-title p {
  height:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  color:#767785;
  line-height:24px;
  font-size:14px;
  margin:0 8px 47px 13px
 }
 .news .layui-tab-item .list-title .text3 {
  height:24px;
  color:#767785;
  line-height:24px;
  font-size:14px;
  margin:0 8px 0 13px
 }
 .news .layui-tab-item .ask-title {
  width:calc(75.1% - 102px);
  height:408px;
  overflow:hidden;
  padding:48px 54px 34px 20px;
  background-color:#fff;
  box-shadow:0 0 10px rgba(55,99,170,.12);
  margin:14px 24.9% 14px 14px
 }
 .news .layui-tab-item .ask-list {
  float:left;
  width:calc(50% - 50px);
  height:auto;
  overflow:hidden;
  margin:0 25px
 }
 .news .layui-tab-item .ask-list p {
  margin-bottom:16px
 }
 .news .layui-tab-item .ask-list p a {
  display:inline-block;
  max-height:56px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:28px;
  font-size:16px;
  color:#2e3342;
  padding-left:22px;
  position:relative
 }
 .news .layui-tab-item .ask-list p a:before {
  content:'';
  position:absolute;
  left:0;
  top:12px;
  width:5px;
  height:5px;
  background-color:#596efb;
  border-radius:50%
 }
 .news .layui-tab-item .ask-list p a b {
  font-size:15px;
  color:#767785
 }
 .news .layui-tab-item .list-title:hover {
  box-shadow:0 0 10px rgba(55,99,170,.2);
  transform:translateY(-10px)
 }
 .news .layui-tab-item .ask-list p a:hover,
 .news .layui-tab-item .ask-list p a:hover b {
  color:#596efb
 }
 .news .right-code {
  position:absolute;
  right:0;
  top:84px;
  width:23.6%;
  height:490px;
  background-image:url(../../static/images/veryxiao/index_2023/code-bg.jpg);
  background-position:center;
  background-repeat:no-repeat
 }
 .news .right-code .text {
  padding:83px 54px 0;
  letter-spacing:.75px;
  text-align:center
 }
 .news .right-code .text h6 {
  line-height:42px;
  font-size:28px;
  color:#fff;
  margin-bottom:20px
 }
 .news .right-code .text p {
  line-height:25px;
  font-size:16px;
  color:#fff;
  margin-bottom:54px
 }
 .news .right-code .text img {
  display:block;
  width:135px;
  height:auto;
  margin:0 auto
 }
 .footer-top .title-main {
  margin:0 -42px
 }
 .footer-top dl {
  margin:0 42px
 }
 .footer-top dl:nth-child(4) {
  width:400px
 }
 .footer-top dl dd {
  height:auto;
  overflow:hidden;
  padding-right:8px
 }
 .footer-top dl:nth-child(4) dd {
  padding:5px 160px 0 0
 }
 .footer-top dl:nth-child(3) dd .list-text:last-child {
  padding-right:37px
 }
 
}
@media only screen and (min-width:1551px) {
 .max-width-1420,
 .footer-top .max-width-1200,
 .ft-link .max-width-1200 {
  max-width:1420px
 }
 .banner .swiper:after,
 .banner .swiper .bg {
  background-size:1920px 640px
 }
}
@media only screen and (max-width:1550px) {
 .max-width-1420,
 .footer-top .max-width-1200,
 .ft-link .max-width-1200 {
  max-width:1380px
 }
 .banner .swiper-pagination {
  max-width:1390px !important
 }
 .banner .text-main ul li {
  padding-left:65px;
  padding-right:10px;
  width:calc(25% - 75px)
 }
 .banner .text-main ul li:before {
  left:17px
 }
 .banner .text-main ul li:after {
  left:19px
 }
 .plan .center-title {
  background:linear-gradient(180deg,#3f5273,#222b3f);
  box-shadow:14px 0 25px 0 rgba(49,60,86,.37),5px 0 38px 0 rgba(255,255,255,.05),inset 5px 0 18px 0 rgba(38,48,75,.13)
 }
 .plan .center-title .title {
  background:linear-gradient(180deg,#4d638c,#203050)
 }
 .case .swiper {
  max-width:1410px
 }
 .partners .main ul li {
  margin:0 50px
 }
 .learning .main li .item-title {
  width:600px
 }
 .footer-top .title-main {
  margin:0 -24px
 }
 .footer-top dl {
  margin:0 24px
 }
 .footer-top dl:nth-child(4) {
  width:390px
 }
 .footer-top dl:nth-child(4) dd {
  padding-right:150px
 }
 .footer-top dl:nth-child(3) dd .list-text:last-child {
  padding-right:20px
 }
}
@media only screen and (max-width:1520px) {
 .max-width-1420,
 .footer-top .max-width-1200,
 .ft-link .max-width-1200 {
  max-width:1320px
 }
 .banner .swiper .swiper-pagination {
  max-width:1330px !important
 }
 .banner-img3 .move1 {
  right:-100px
 }
 .banner-img3 .move2 {
  right:76px
 }
 .banner-img3 .move3 {
  right:249px
 }
 .banner-img2 .move {
  right:-44px
 }
 .product .layui-tab-item .left-title .title {
  padding-left:30px;
  padding-right:24px
 }
 .product .layui-tab-item .left-title {
  height:779px
 }
 .product .layui-tab-item .left-title:after {
  content:'';
  position:absolute;
  left:4px;
  right:0;
  top:4px;
  bottom:4px;
  background:linear-gradient(180deg,#fcfdff 20%,#ebf1ff 100%);
  background-color:#fcfdff
 }
 .product .layui-tab-item .left-title:before {
  background-image:url(../../static/images/veryxiao/index_2023/pro-bg0.png);
  background-size:auto;
  z-index:2
 }
 .product .layui-tab-item2 .left-title:before {
  background-image:url(../../static/images/veryxiao/index_2023/pro-bg01.png)
 }
 .product .layui-tab-item .left-title p {
  color:#91929e
 }
 .product .layui-tab-item .btn-title {
  width:110%
 }
 .product .layui-tab-item .btn-title a {
  width:98px
 }
 .product .layui-tab-item .right-title .list-title {
  height:210px
 }
 .product .layui-tab-item2 .right-title .list-title {
  height:211px
 }
 .product .layui-tab-item .right-title .list-title p {
  height:66px;
  color:#a4a5b3
 }
 .product .layui-tab-item .right-title .list-title .text1 {
  height:58px
 }
 .plan .main {
  margin-left:-12px;
  margin-right:-12px
 }
 .plan .left-title {
  width:31.34%
 }
 .plan .left-title ul li {
  width:calc(50% - 20px);
  margin-left:10px;
  margin-right:10px
 }
 .plan .left-title ul li .title .text {
  padding-left:20px;
  padding-right:20px
 }
 .plan .center-title {
  width:calc(33.52% - 20px);
  margin-left:20px;
  margin-right:10px
 }
 .plan .center-title .title {
  padding-left:26px
 }
 .plan .center-title .title:before {
  background-size:52% auto
 }
 .case .swiper {
  max-width:1350px
 }
 .case-logo .img-logo:before {
  transform:scale(.88)
 }
 .case-yban ul li {
  margin:0 52px
 }
 .case-yban ul li h6 {
  font-size:42px
 }
 .partners .main ul li {
  margin:0 45px
 }
 .learning .main li .item-title {
  width:580px
 }
 .news .layui-tab-item .ask-list p a {
  height:28px;
  -webkit-line-clamp:1
 }
 .news .right-code .text {
  padding-left:34px;
  padding-right:34px
 }
 .footer-top .title-main {
  margin:0 -24px
 }
 .footer-top dl {
  margin:0 24px
 }
 .footer-top dl:nth-child(3) dd .list-text:last-child {
  padding-right:0
 }
 .footer-top dl dd {
  height:auto;
  overflow:hidden;
  padding-right:8px
 }
}
@media only screen and (max-width:1440px) {
 .max-width-1420,
 .footer-top .max-width-1200,
 .ft-link .max-width-1200 {
  max-width:1260px
 }
 .banner .swiper .swiper-pagination {
  max-width:1270px !important
 }
 .banner-img2 .move {
  top:60px;
  right:-70px;
  transform:scale(.95)
 }
 .banner-img2 .move .line2 {
  top:32px;
  right:16px
 }
 .banner-img2 .move .line3 {
  top:183px;
  left:396px
 }
 .banner .swiper {
  height:570px !important
 }
 .banner-img .title-main {
  top:151px
 }
 .banner-img .title-main .item-text1 {
  line-height:46px;
  font-size:36px;
  margin-bottom:15px
 }
 .banner-img .title-main .item-text2 {
  line-height:32px;
  font-size:24px;
  margin-bottom:6px
 }
 .banner-img .title-main .btn-title {
  margin-top:36px
 }
 .banner-img .title-main .btn-title a,
 .banner-img .title-main .btn-title .btn0 {
  width:146px;
  height:42px;
  line-height:42px
 }
 .banner-img .title-main .btn-title .btn2 {
  width:144px;
  height:40px;
  line-height:40px
 }
 .banner-img3 .bg:before {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:120px;
  background:#8cb5ff
 }
 .banner-img3 .move2 {
  right:72px;
  top:120px
 }
 .banner-img3 .move3 {
  right:242px;
  top:171px
 }
 .banner-img2 .title-main {
  top:180px
 }
 .banner .text-main ul li {
  padding-left:60px;
  padding-right:5px;
  width:calc(25% - 65px)
 }
 .banner .text-main ul li:before {
  left:14px
 }
 .banner .text-main ul li:after {
  left:16px
 }
 .product .layui-tab-item .left-title {
  height:713px
 }
 .product .layui-tab-item .right-title .list-title {
  width:calc(33.33% - 41px);
  height:188px;
  padding-left:22px;
  padding-right:18px;
  letter-spacing:.5px
 }
 .product .layui-tab-item2 .right-title .list-title {
  height:189px
 }
 .product .layui-tab-item .right-title .list-title p {
  height:44px
 }
 .case .max-width-1420 {
  max-width:1240px
 }
 .case .swiper {
  max-width:1290px
 }
}
@media only screen and (max-width:1280px) {
 .max-width-1420,
 .footer-top .max-width-1200,
 .ft-link .max-width-1200 {
  max-width:1140px
 }
 .banner .swiper .swiper-pagination {
  max-width:1150px !important
 }
 .banner-img2 .move {
  top:34px;
  right:-125px;
  transform:scale(.9)
 }
 .banner-img2 .move .line1 {
  top:150px
 }
 .banner-img2 .move .line2 {
  top:34px;
  right:7px
 }
 .banner-img2 .move .line3 {
  top:179px;
  left:388px
 }
 .banner .swiper {
  height:550px !important
 }
 .banner-img .title-main {
  top:140px
 }
 .banner-img .title-main .item-text1 {
  line-height:42px;
  font-size:34px;
  margin-bottom:10px
 }
 .banner-img .title-main .item-text2 {
  font-size:22px;
  margin-bottom:3px
 }
 .banner-img .title-main .btn-title {
  margin-top:28px
 }
 .banner-img .title-main .btn-title a,
 .banner-img .title-main .btn-title .btn0 {
  width:140px;
  height:38px;
  line-height:38px
 }
 .banner-img .title-main .btn-title .btn2 {
  width:138px;
  height:36px;
  line-height:36px
 }
 .banner-img3 .move2 {
  right:64px;
  top:110px;
  width:193px;
  height:268px;
  background-size:100%
 }
 .banner-img3 .move3 {
  right:220px;
  top:160px;
  width:58px;
  height:118px;
  background-size:100%
 }
 .banner-img2 .title-main {
  top:160px
 }
 .banner-img .title-main .item-text1 {
  margin-bottom:15px
 }
 .banner-img2 .title-main .item-text4 h6 strong {
  font-size:16px
 }
 .banner .text-main ul li {
  letter-spacing:0
 }
 .banner .text-main ul li h4 {
  font-size:15px
 }
 .banner .text-main ul li p {
  font-size:13px
 }
 .product .layui-tab-item .left-title {
  height:779px
 }
 .product .layui-tab-item .left-title .title {
  padding-left:23px;
  padding-right:10px
 }
 .product .layui-tab-item .right-title .list-title {
  width:calc(33.33% - 64px);
  height:210px;
  padding:27px 34px 22px 29px;
  letter-spacing:.75px
 }
 .product .layui-tab-item2 .right-title .list-title {
  width:calc(33.33% - 55px);
  height:211px;
  padding-right:25px;
  padding-bottom:21px
 }
 .product .layui-tab-item .right-title .list-title p {
  height:66px
 }
 .plan .left-title {
  width:33.34%
 }
 .plan .left-title ul li {
  width:calc(50% - 16px);
  margin-left:8px;
  margin-right:8px
 }
 .plan .left-title ul li .title .text {
  padding-left:18px;
  padding-right:12px
 }
 .plan .center-title {
  width:calc(29.52% - 20px)
 }
 .case .max-width-1420 {
  max-width:1120px
 }
 .case .swiper {
  max-width:1170px
 }
 .partners .main ul li {
  margin:0px;
 }
 .learning .main li .small-bg {
  background-position:63% center
 }
 .learning .main li .item-title {
  width:530px
 }
 .footer-top .title-main {
  margin:0 -17px
 }
 .footer-top dl {
  margin:0 17px
 }
 .footer-top dl:nth-child(4) {
  width:360px
 }
 .footer-top dl dd {
  padding-right:0
 }
 .footer-top dl dd .list-text {
  padding-right:11px
 }
 .footer-top dl:nth-child(3) dd .list-text {
  padding-right:20px
 }
 .footer-top dl:nth-child(4) dd {
  padding-right:130px
 }
}
@media only screen and (max-width:1200px) {
 .max-width-1420,
 .footer-top .max-width-1200,
 .ft-link .max-width-1200,
 .case .max-width-1420 {
  max-width:980px
 }
 .banner .swiper .swiper-pagination {
  max-width:1000px !important
 }
 .banner-img .title-main .item-text1 {
  line-height:38px;
  font-size:30px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top,
 .nav-menu li .menu-drop .menu-down-right .title-bottom {
  width:86%
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top {
  height:auto;
  overflow:hidden
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top a {
  float:left;
  margin-top:5px
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video {
  width:216px;
  height:100px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom {
  height:calc(100% - 68px);
  overflow-y:auto;
  padding-top:0;
  margin-top:34px
 }
 .case .swiper {
  max-width:1010px
 }
 .tel {
  display:none
 }
 .nav-menu {
/*  width:calc(100% - 342px);*/
  max-width:calc(100% - 342px);
  margin-left:25px
 }
 .partners .main ul li {
  width:calc(33% - 28px);
  margin:0 14px
 }
 .case-logo .img-logo {
  height:76px
 }
 .case-logo .img-logo:before {
  transform:scale(.75)
 }
 .learning .main {
  min-width:980px
 }
 .learning .main li {
  min-width:490px
 }
 .learning .main li .item-title {
  width:450px;
  padding-top:24px;
  padding-bottom:20px
 }
 .footer-top .title-main {
  margin:0 -10px
 }
 .footer-top dl {
  width:calc(22% - 21px);
  margin:0 10px
 }
 .footer-top dl:nth-child(3) {
  width:calc(17% - 21px)
 }
 .footer-top dl:nth-child(4) {
  width:calc(39% - 21px)
 }
 .footer-top dl dd a {
  line-height:22px;
  margin-bottom:10px
 }
 .footer-top dl dd p {
  line-height:22px
 }
}
@media only screen and (max-width:834px) {
 main {
  overflow-x:hidden;
  padding-top:53px
 }
 .big-title h2 {
  max-width:90%;
  line-height:28px;
  font-size:21px;
  letter-spacing:.75px;
  font-weight:bold;
  margin:0 auto
 }
 .big-title p {
  line-height:22px;
  font-size:14px;
  letter-spacing:.5px;
  margin-top:8px
 }
 .banner .swiper {
  height:498px !important;
  padding-bottom:113px;
  background-color:#f5f8fd
 }
 .banner .swiper:before {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:114px;
  background:linear-gradient(180deg,#f7fafc,#fdfdff)
 }
 .banner .swiper:after {
  height:383px;
  background-image:url(../../static/images/veryxiao/index_2023/mc-water-banner.jpg)
 }
 .banner .swiper .mobile-show,
 .banner .swiper .mobile-show a {
  display:block;
  width:100%;
  height:100%
 }
 .banner .swiper:after,
 .banner .swiper .bg {
  background-size:750px 695px;
  background-position:center 25%
 }
 .banner .title-main {
  text-align:center;
  top:auto;
  margin-top:0;
  bottom:35px;
  width:82.8%;
  left:8.6%
 }
 .banner .title-main .item-text1 {
  line-height:33px;
  font-size:23px;
  color:#181c26;
  letter-spacing:2px;
  margin-bottom:0
 }
 .banner .banner-img3 .bg:before {
  display:none
 }
 .banner .banner-img3 .title-main {
  width:84.4%;
  left:8.67%;
  bottom:47px;
  text-align:left
 }
 .banner .banner-img3 .title-main .item-text1 {
  letter-spacing:1px;
  color:#fff
 }
 .banner .banner-img3 .title-main .item-text3 {
  line-height:16px;
  font-size:12px;
  font-weight:300;
  letter-spacing:1px;
  margin-top:9px
 }
 .banner-img4 .title-main {
  bottom:47px
 }
 .banner-img4 .title-main .item-text1 {
  font-size:20px;
  margin-bottom:4px
 }
 .banner-img4 .title-main .item-text4 {
  align-items:center;
  justify-content:center;
  margin-bottom:0
 }
 .banner-img4 .title-main .item-text4 h6 strong {
  font-size:12px;
  margin:0 20px 0 6px
 }
 .banner-img4 .title-main .btn-title {
  margin-top:20px
 }
 .banner-img4 .title-main .btn-title .btn1 {
  display:block;
  width:132px;
  height:36px;
  line-height:36px;
  font-size:14px;
  margin:0 auto
 }
 .banner-img2 .title-main .item-text1,
 .banner-img2 .title-main .item-text4 h6 strong {
  letter-spacing:0
 }
 .banner-img2 .title-main .item-text4 h6 i {
  transform:scale(.8)
 }
 .banner-img2 .title-main .item-text4 h6 strong {
  margin:0 8px 0 1px
 }
 .banner-img2 .title-main .btn-title {
  display:flex;
  align-items:center;
  justify-content:center;
  height:36px;
  margin-top:17px
 }
 .banner-img2 .title-main .btn-title a {
  margin:0 7px !important
 }
 .banner-img2 .title-main .btn-title .btn2 {
  width:130px;
  height:34px;
  line-height:34px;
  font-size:12px
 }
 .banner .swiper .swiper-pagination {
  bottom:122px
 }
 .banner .swiper .swiper-pagination {
  text-align:center
 }
 .banner .swiper .swiper-pagination span {
  width:44px;
  height:16px;
  margin:0
 }
 .banner .swiper .swiper-pagination span:before {
  left:6px;
  top:6px;
  right:5px;
  bottom:6px;
  background:#d3e0f2;
  border-radius:2px
 }
 .banner .text-main {
  left:3.067%;
  bottom:0;
  width:93.87%;
  height:auto;
  overflow:hidden;
  background:none
 }
 .banner .text-main ul li {
  width:calc(33.33% - 28px);
  padding:0;
  border:2px solid #fff;
  border-radius:5px;
  background:linear-gradient(180deg,#e7eefa,#fff);
  box-shadow:0 4px 4px 0 rgba(55,99,170,.15),inset -3px 0 10px 0 rgba(89,110,251,.08);
  margin:9px
 }
 .banner .text-main ul li:nth-child(2):before {
  background-position:-72px -114px
 }
 .banner .text-main ul li:nth-child(3):before {
  background-position:-108px -114px
 }
 .banner .text-main ul li a {
  display:block;
  width:calc(100% - 16px) !important;
  height:calc(100% - 68px) !important;
  padding:54px 8px 14px;
  text-align:center
 }
 .banner .text-main ul li h4 {
  text-align:center;
  line-height:21px;
  font-size:15px;
  font-weight:bold;
  margin-bottom:0
 }
 .banner .text-main ul li:before {
  left:50%;
  margin-left:-18px;
  top:13px;
  transform:scale(.92)
 }
 .product {
  padding:38px 0 55px
 }
 .product:before {
  top:193px
 }
 .product .layui-tab {
  width:90%;
  margin:15px auto 0
 }
 .product .layui-tab-title {
  height:60px
 }
 .product .layui-tab-title li {
  width:calc(40% - 20px);
  padding:0 10px 10px;
  height:50px;
  line-height:50px;
  text-align:center;
  margin:0
 }
 .product .layui-tab-title li:before {
  display:none
 }
 .product .layui-tab-title li p {
  line-height:50px;
  font-size:18px;
  color:#000
 }
 .product .layui-tab-content {
  padding-top:25px
 }
 .product .layui-tab-item .left-title {
  width:100%;
  height:auto;
  overflow:hidden;
  background-size:cover
 }
 .product .layui-tab-item .left-title .title {
  padding:18px 25px 24px 30px;
  border-top:4px solid #fff;
  border-right:4px solid #fff
 }
 .product .layui-tab-item .left-title h3 {
  height:42px;
  line-height:42px;
  padding-left:42px;
  margin-bottom:12px
 }
 .product .layui-tab-item .left-title h3:after {
  left:32px;
  background:linear-gradient(90deg,#f9faff 30%,#596efb 100%)
 }
 .product .layui-tab-item .left-title h3 .icon-pro {
  transform:scale(.9)
 }
 .product .layui-tab-item .left-title h3 b {
  line-height:42px;
  font-size:16px
 }
 .product .layui-tab-item .left-title h5 {
  margin-bottom:18px
 }
 .product .layui-tab-item .left-title h6 {
  font-size:14px
 }
 .product .layui-tab-item .left-title p {
  max-width:72%;
  line-height:20px;
  font-size:13px;
  margin-bottom:8px
 }
 .product .layui-tab-item .right-title {
  width:calc(100% - 20px);
  height:auto;
  overflow:hidden;
  padding:15px 10px 24px;
  background:#fff
 }
 .product .layui-tab-item .right-title .right-main {
  height:auto;
  overflow:hidden
 }
 .product .layui-tab-item .right-title .list-title,
 .product .layui-tab-item2 .right-title .list-title {
  float:left;
  width:calc(50% - 12px);
  height:auto;
  overflow:hidden;
  padding:0;
  background-color:#fafbff;
  border:1px solid #dae1ea;
  border-radius:2px;
  margin:0 5px 10px
 }
 .product .layui-tab-item .right-title .list-title:nth-child(7),
 .product .layui-tab-item .right-title .list-title:nth-child(8),
 .product .layui-tab-item .right-title .list-title:nth-child(9),
 .product .layui-tab-item2 .right-title .list-title:nth-child(6) {
  border:1px solid #dae1ea
 }
 .product .layui-tab-item .right-title .list-title h6 {
  font-size:14px;
  height:34px;
  line-height:34px;
  font-weight:normal;
  text-align:center;
  margin-bottom:0
 }
 .product .layui-tab-item .right-title .list-title h6 .icon-tags {
  margin-left:4px;
  transform:scale(.8);
  transform-origin:left center;
  top:-1px
 }
 .product .layui-tab-item .right-title .list-title p,
 .product .layui-tab-item2 .right-title .list-title p,
 .product .layui-tab-item .right-title .list-title .text1,
 .product .layui-tab-item .right-title .list-title .text2,
 .product .layui-tab-item2 .right-title .list-title .text3 {
  display:none
 }
 .product .layui-tab-item2 .right-title .list-title:nth-child(9) {
  float:none;
  width:100%;
  border:0;
  background:none;
  margin:0
 }
 .product .layui-tab-item2 .right-title .list-title .text4 {
  float:left;
  width:calc(50% - 12px);
  background-color:#fafbff;
  border-radius:2px;
  font-size:14px;
  font-weight:normal;
  margin:0 5px 10px
 }
 .product .layui-tab-item2 .right-title .list-title .text4:last-child {
  margin:0 0 0 5px
 }
 .product .layui-tab-item .btn-title {
  padding-top:15px;
  width:100%;
  margin:0;
  text-align:center
 }
 .product .layui-tab-item .btn-title a {
  width:104px;
  height:32px;
  line-height:32px;
  margin:0 7px 10px
 }
 .plan {
  padding:45px 0 55px
 }
 .plan .main {
  width:100%;
  padding-top:485px;
  margin:0 auto
 }
 .plan .center-title {
  float:none;
  position:absolute;
  left:0;
  top:60px;
  width:calc(100% - 56px);
  padding:8px;
  margin:20px;
  background:linear-gradient(180deg,#3f5273,#222b3f);
  box-shadow:14px 0 25px 0 rgba(49,60,86,.37),5px 0 38px 0 rgba(255,255,255,.05),inset 5px 0 18px 0 rgba(38,48,75,.13)
 }
 .plan .center-title .title {
  padding:28px 20px 25px;
  height:auto;
  background:linear-gradient(180deg,#4d638c,#203050)
 }
 .plan .center-title .title:before {
  background-size:52% auto
 }
 .plan .center-title .title h5 {
  line-height:28px;
  font-size:19px;
  margin-bottom:8px
 }
 .plan .center-title .title .bottom-href {
  padding-top:28px
 }
 .plan .center-title .title .bottom-href p {
  margin-bottom:5px
 }
 .plan .left-title,
 .plan .left-title:nth-child(3) {
  float:none;
  width:93%;
  margin:0 auto
 }
 .plan .left-title ul li {
  width:calc(25% - 10px);
  margin:5px
 }
 .plan .left-title ul li .title {
  padding:0
 }
 .plan .left-title ul li .title .text,
 .plan .left-title ul li:nth-child(3) .title .text,
 .plan .left-title ul li:nth-child(4) .title .text {
  height:auto;
  text-align:center;
  padding:65px 4px 15px;
  border-radius:5px;
  background:linear-gradient(180deg,#3e5178,#2c3c5c)
 }
 .plan .left-title ul li .title .icon {
  transform:scale(.6);
  top:-5px
 }
 .plan .left-title ul li .title .icon0 {
  display:block;
  position:relative;
  left:auto;
  bottom:auto;
  width:100%
 }
 .plan .left-title ul li .title h6 {
  height:28px;
  overflow:hidden;
  font-size:16px;
  margin-bottom:0
 }
 .plan .left-title ul li .title .text1 {
  display:none
 }
 .case {
  /*! padding:45px 0 40px */
 }
 .case .swiper {
  max-width:90%;
  padding:0 2.5%;
  margin-top:10px
 }
 .case .swiper .swiper-button-next,
 .case .swiper .swiper-button-prev {
  width:36px;
  height:36px;
  box-shadow:none;
  background:#f2f7ff
 }
 .case .swiper .swiper-button-next:before,
 .case .swiper .swiper-button-prev:before {
  border:0;
  background:none;
  box-shadow:none
 }
 .case .swiper .swiper-button-next:hover,
 .case .swiper .swiper-button-prev:hover {
  background:#edf2fa
 }
 .case .swiper .swiper-button-next:hover:before,
 .case .swiper .swiper-button-prev:hover:before {
  background:none
 }
 .case-yban {
  height:119px
 }
 .case-yban ul {
  padding-top:25px
 }
 .case-yban ul li {
  margin:0 10px
 }
 .case-yban ul li h6 {
  height:36px;
  line-height:36px;
  font-size:26px
 }
 .case-yban ul li h6 span {
  font-size:18px;
  margin-left:2px;
  top:-6px
 }
 .case-yban ul li p {
  font-size:14px;
  line-height:25px;
  margin-top:3px
 }
 .case-logo {
  width:92%;
  padding-top:15px;
  margin:0 auto
 }
 .case-logo .img-logo {
  width:calc(25% - 8px) !important;
  height:42px;
  margin:0 4px
 }
 .case-logo .img-logo:last-child {
  display:none
 }
 .case-logo .img-logo:before {
  transform:scale(.48)
 }
 .partners {
  padding:35px 0 25px;
  background:linear-gradient(180deg,#e7eefc 25%,#fff 70%) !important;
  position:relative
 }
 .partners:before {
  content:'';
  position:absolute;
  left:0;
  top:41px;
  width:100%;
  height:259px;
  background-image:url(../../static/images/veryxiao/index_2023/mc-partners-bg.jpg);
  background-position:center top;
  background-size:100%;
  background-repeat:no-repeat
 }
 .partners .big-title p {
  max-width:81%;
  line-height:22px;
  margin-top:11px
 }
 .partners .big-title .btn-title {
  width:139px;
  height:40px;
  line-height:40px;
  font-size:14px;
  margin-top:24px
 }
 .partners .main {
  width:90.5%;
  border-radius:6px;
  box-shadow:5px 0 16px rgba(55,99,170,.15);
  margin:40px auto 0
 }
 .partners .main ul {
  padding:36px 0 11px
 }
 .partners .main ul li {
  width:calc(100% - 60px);
  margin:0 33px 9px 27px
 }
 .partners .main ul li .icon {
  transform:scale(.91)
 }
 .partners .main ul li .text {
  margin-left:48px;
  letter-spacing:.75px
 }
 .partners .main ul li .text h5 {
  font-size:18px
 }
 .partners .main ul li .text h6 {
  
 }
 .partners .main ul li  {
  max-width:90%
 }
 .partners .main ul li .text p {
  line-height:26px
 }
 .learning {
  padding:25px 0 55px
 }
 .learning .main {
  margin-top:25px;
  min-width:100%
 }
 .learning .main li {
  float:none;
  width:100%;
  min-width:100%;
  height:auto;
  border-right:0
 }
 .learning .main li:nth-child(even) {
  width:100%
 }
 .learning .main li .item-title {
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  width:87.5%;
  padding:28px 5% 24px 7.5%;
  height:auto;
  overflow:hidden
 }
 .learning .main li:nth-child(even) .item-title {
  left:auto;
  padding-left:7.5%;
  padding-right:5%
 }
 .learning .main li .text1 a {
  margin-right:28px
 }
 .learning .main li p {
  margin-bottom:16px
 }
 .learning .main li:nth-child(3) .text1 a:last-child {
  display:none
 }
 .learning .line-click {
  position:relative
 }
 .learning .line-click .tel-click-after {
  display:none;
  position:absolute;
  left:68px;
  bottom:-22px;
  width:172px;
  height:132px;
  text-align:center;
  padding:7px 0;
  border:1px solid #ddd;
  border-radius:4px;
  background:#fff
 }
 .learning .line-click .tel-click-after:before {
  content:"";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  background:#fff;
  -webkit-transform:rotate(225deg);
  -moz-transform:rotate(225deg);
  -ms-transform:rotate(225deg);
  -o-transform:rotate(225deg);
  transform:rotate(225deg);
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  left:-5px;
  bottom:27px
 }
 .learning .line-click .tel-click-after img {
  width:90px;
  height:auto;
  margin:0 auto 4px
 }
 .learning .line-click .tel-click-after p {
  line-height:18px;
  font-size:14px;
  color:#8c8d9e;
  letter-spacing:0;
  margin:0 7px
 }
 .learning .line-click.active .tel-click-after {
  display:block
 }
 .yban2 {
  padding:27px 0 23px;
  background-image:url(../../static/images/veryxiao/index_2023/mc-yban2.jpg);
  background-size:100%;
  background-position:right top
 }
 .yban2 h3 {
  line-height:30px;
  font-size:21px;
  font-weight:bold;
  letter-spacing:2px;
  margin-bottom:14px
 }
 .yban2 .btn-title {
  text-align:center;
  margin-bottom:26px
 }
 .yban2 .btn-title a {
  width:147px;
  height:32px;
  line-height:32px;
  font-size:13px;
  text-align:center;
  letter-spacing:.5px;
  margin:0 5px 0 6px
 }
 .yban2 p {
  line-height:20px;
  font-size:13px
 }
 .news {
  padding:45px 0 46px
 }
 .mc-news {
  padding-top:10px
 }
 .mc-news .news-list {
  width:calc(88.8% - 47px);
  height:auto;
  overflow:hidden;
  padding:20px 27px 14px 20px;
  background:#fff;
  background:linear-gradient(180deg,#ebf3ff,#fff);
  border-radius:6px;
  box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px 0 22px 0 rgba(255,255,255,.25);
  border:2px solid #fff;
  margin:16px auto
 }
 .mc-news .news-list h5 {
  height:30px;
  text-align:left;
  font-size:0;
  margin-bottom:11px
 }
 .mc-news .news-list h5 i,
 .mc-news .news-list h5 span {
  display:inline-block;
  vertical-align:middle
 }
 .mc-news .news-list h5 .icon1 {
  width:30px;
  height:30px;
  background-image:url(../../static/images/veryxiao/index_2023/icon1.svg);
  background-position:left center;
  background-size:cover;
  background-repeat:no-repeat;
  margin-right:12px
 }
 .mc-news .news-list h5 span {
  line-height:30px;
  font-size:17px;
  color:#000;
  font-weight:bold;
  margin-right:6px
 }
 .mc-news .news-list h5 .icon2 {
  width:14px;
  height:23px;
  background-image:url(../../static/images/veryxiao/index_2023/icon-common.png);
  background-position:-223px -1px;
  background-repeat:no-repeat;
  transform:scale(.552)
 }
 .mc-news .news-list p {
  height:22px;
  overflow:hidden;
  margin-bottom:9px
 }
 .mc-news .news-list p a {
  display:inline-block;
  width:92%;
  height:22px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:14px;
  line-height:22px;
  color:#2d3645;
  position:relative;
  padding-left:16px
 }
 .mc-news .news-list p a:before {
  content:'';
  position:absolute;
  left:0;
  top:9px;
  width:5px;
  height:5px;
  background-color:#596efb;
  border-radius:50%
 }
 .mc-news .news-list p a b {
  color:#767785
 }
 .mc-news .news-list p a:hover,
 .mc-news .news-list p a:hover b {
  color:#596efb
 }
}
@media only screen and (max-width:414px) {
 .banner .swiper {
  height:383px !important
 }
 .banner .swiper:after,
 .banner .swiper .bg {
  background-size:cover;
  background-position:center bottom
 }
 .banner .banner-img3 .title-main {
  width:88%;
  left:8%
 }
 .banner .banner-img3 .title-main .item-text1 {
  font-size:22px
 }
 .case-yban ul li {
  margin:0 7px
 }
}
@media only screen and (max-width:360px) {
 .product:before {
  top:243px
 }
}
@media only screen and (max-width:320px) {
 .banner .swiper {
  height:318px !important
 }
 .banner-img .title-main .item-text1 {
  font-size:20px;
  line-height:28px
 }
 .banner .banner-img3 .title-main {
  width:90%;
  left:5%;
  bottom:36px
 }
 .banner .banner-img3 .title-main .item-text3 {
  margin-top:5px
 }
 .banner .text-main ul li {
  width:calc(33.33% - 16px);
  margin:9px 6px
 }
 .case .swiper {
  max-width:94%
 }
 .case-yban {
  height:100px
 }
 .case-yban ul {
  padding-top:15px;
  margin:0 -5px
 }
 .case-yban ul li {
  margin:0 4px
 }
 .case-yban ul li h6 {
  font-size:22px
 }
}