@charset "utf-8";
/* ===================首页样式========================== */
/*common*/
.com-title{font-size:36px;text-align:center;position:relative;padding-bottom:30px;margin-bottom:60px;font-weight:700}
.com-title:after{content:"";position:absolute;width:60px;left:50%;transform:translateX(-50%);bottom:0;height:4px;background:linear-gradient(to right,#02d2fe,#3741e0)}
.com-block{padding:120px 0;overflow: hidden}
.mobile{display: none}
/*banner*/
.one-banner{
    background: #091157 url("../images/index/one-banner.jpg")no-repeat top center;
    background-size: cover;
    padding-bottom: 100px;
}
.one-banner .banner-txt{
    text-align: center;
    padding-top: 255px;
    height: 368px;
}
.one-banner .banner-tip{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
}
.one-banner .banner-time{
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-top: 15px;
    text-align: center;
}
.one-banner .bott-txt{
    margin-top: 240px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
}
.one-banner .banner-icon{
    margin-top: 30px;
    color: #fff;
}
.one-banner .banner-icon .com-title{
    margin-bottom: 40px;
}
.one-banner .icon-list{
    display: flex;
    justify-content: space-between;
}
.one-banner .icon-list .top-icon{
    width: 167px;
    height: 167px;
    background: url("../images/index/one-banner-iconbg.png")no-repeat 10px;
    background-size: contain;
    margin: 0 auto;
}
.one-banner .icon-list .item:hover i{
    transform: scale(1.1);
    transition: all .6s ease;
}
.one-banner .icon-list i{
    display: block;
    width: 156px;
    height: 142px;
    background-image: url(../images/index/one-banner-icon1.png);
    background-repeat: no-repeat;
    background-position: center;
}
.one-banner .icon-list .item:nth-child(2) i{
    background-image: url("../images/index/one-banner-icon2.png");
}
.one-banner .icon-list .item:nth-child(3) i{
    background-image: url("../images/index/one-banner-icon3.png");
}
.one-banner .icon-list .item:nth-child(4) i{
    background-image: url("../images/index/one-banner-icon4.png")
}
.one-banner .icon-list .item:nth-child(5) i{
    background-image: url("../images/index/one-banner-icon5.png")
}
.one-banner .icon-list .item{
    text-align: center;
    width: 20%;
}
.one-banner .icon-list .item .sub{
    font-size: 18px;
    line-height: 24px;
}


/*线上发布会*/
.online-release{
    padding-top: 100px;
}
.online-release-video{
    height: 540px;
    width: 100%;
    position: relative;
    box-shadow: 0 5px 40px 0 rgba(17,58,93,.1);
}
.online-release-video video{
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 7;
}
.online-release-video .tip{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    height: 28px;
    background: url("../images/index/online-release-video-tip.png")no-repeat;
    width: 100%;
    line-height: 28px;
    padding-left: 20px;
    font-size: 12px;
    z-index: 9;
}
.online-release-video .play{
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 8;
}
.online-release-video .play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90px;
    height: 90px;
    cursor: pointer;
    transition: all .4s ease;
}
.online-release-video .play-btn i{
    display: block;
    width: 90px;
    height: 90px;
    background-image: url("../images/index/online-release-video-btn.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.online-release-video .play-btn:hover{
    filter: contrast(50%);
}

/*九大价值观点*/
.nine-big{
    padding: 120px 0 20px;
    overflow: hidden;
    position: relative;
}
.nine-big .swiper-container {
    height: 600px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.nine-big .labs-list{
    height: 100%;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: rgba(27,43,79,.1);
    margin: 0 auto;
}
.nine-big .labs-list .scroll-rgt{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: red;
    border-radius: 50%;
    top: 50%;
    right:20px;
    z-index: 999;
}
.nine-big .labs-list .swiper-slide{
    width: 200px !important;
}
.nine-big .labs-list .swiper-slide.active .labs-item{
    width: 320px !important;
}
.nine-big .labs-list .swiper-slide{
    overflow: hidden;
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    transition: all .4s ease;
}
.nine-big .labs-list .swiper-slide:not(:first-child){
    border-left: 1px solid #e0e2e7;
}
.nine-big .labs-list .labs-item .labs-item-banner{
    padding-left: 20px;
}
.nine-big .labs-list .labs-item .watermark {
    margin-top: 32px;
    margin-bottom: 24px;
    width: 90px;
    height: 90px;
    background-position-y: 0;
    background-position-x: -90px;
    font-size: 90px;
    color: #f2f2f2;
}
.nine-big .labs-list .labs-item .ch-title {
    position: relative;
    top: -30px;
    text-align: left;
    height: 52px;
    font-size: 22px;
    color: #333333;
    line-height: 24px;
}
.nine-big .labs-list .swiper-slide.active{
    width: 320px !important;
}
.nine-big .labs-list .labs-item:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(130deg, rgba(6,204,253,.8) 0%, rgba(4,22,146,.8) 100%);
    z-index: -1;
    opacity: 0;
    transition: all .4s ease;
}
.nine-big .swiper-slide.active .labs-item:after{
    opacity: 1;
}
.nine-big .swiper-slide.active .labs-item .watermark{
    color: rgba(255,255,255,.2);
}
.nine-big .swiper-slide.active .labs-item .ch-title{
    font-weight: bold;
    color: #fff;
}
ul.main-cont{
    opacity: 0;
    visibility: hidden;
    padding: 0 20px;
}
ul.main-cont>li{
    position: relative;
    padding-left: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}
ul.main-cont>li:after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    position: absolute;
    left: 0;
    top: 13px;
}
.nine-big .labs-list .swiper-slide.active .labs-item ul.main-cont{
    opacity: 1;
    visibility: visible;
    transition: all .4s ease;
}
.nine-big .labs-list .swiper-slide:nth-child(1){
    background-image: url("../images/index/nine-big1.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(2){
    background-image: url("../images/index/nine-big2.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(3){
    background-image: url("../images/index/nine-big3.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(4){
    background-image: url("../images/index/nine-big4.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(5){
    background-image: url("../images/index/nine-big5.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(6){
    background-image: url("../images/index/nine-big6.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(7){
    background-image: url("../images/index/nine-big7.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(8){
    background-image: url("../images/index/nine-big8.jpg");
}
.nine-big .labs-list .swiper-slide:nth-child(9){
    background-image: url("../images/index/nine-big9.jpg");
}
.swiper-button-next, .swiper-button-prev{top: 62%}

/*巡展城市*/
.cruising-city{
    background-image: url("../images/index/cruising-bg.jpg");
    padding-top: 70px;
    height: 780px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}
.cruising-city .contain{
    position: relative;
}
.cruising-city .com-title{
    color: #fff;
    margin-bottom: 85px;
}
.cruising-city .cruising-cont{
   display: flex;
    justify-content: flex-end;
}
.cruising-city .city-list .city-out{
    width: 100%;
    height: 100%;
    overflow: hidden;
    height: 410px;
    margin-top: 20px;
}
.cruising-city .city-list .city-inner{
    color: #fff;
    padding: 20px;
    width:100%;
    height:auto;
}
.cruising-city .city-list{
    height: 450px;
    width: 280px;
    background-image: linear-gradient(130deg, rgba(6,204,253,.6) 0%, rgba(0,45,246,.6) 100%);
    overflow: hidden;
}
.cruising-city .city-list .city{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #3f9dc5;
}
.cruising-city .city-list .city .sub{
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
}
.cruising-city .city-list .city p{
    font-size: 14px;
    line-height: 24px;
}



/*产品政策推荐*/
.recommend{
    position: relative;
    background: url("../images/index/recommend-bg.jpg")no-repeat center 460px;
}
.recommend .swiper-container{
    overflow: unset;
}
.recommend .recommend-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.recommend .item{
    background: url("../images/index/recommend-item-bg.png")no-repeat;
    width: 421px !important;
    height: 214px;
    position: relative;
    background-size: contain;
    transition: all .4s ease;
}
.recommend .item:hover{
    transform: translateY(-10px);
}
.recommend .item .sm-icon{
    transition: margin-top .4s ease;
}
.recommend .item:hover .sm-icon{
    margin-top: -20px;
}
@keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-30px)}
    60%{-moz-transform:translateY(-15px)}
}
.recommend .item:nth-child(2),
.recommend .item:nth-child(3),
.recommend .item:nth-child(5){
    margin-left: -32px;
}
.recommend .item .item-num{
    color: #2f56e4;
    line-height: 22px;
    font-size: 14px;
    position: absolute;
    top: 15px;
    left: 55px;
    z-index: 1;
}
.recommend .item .cont{
    color: #fff;
    padding-top: 60px;
    padding-left: 70px;
}
.recommend .item .cont .sub{
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
}
.recommend .item .cont .tip{
    font-size: 16px;
    line-height: 22px;
    width: 240px;
    margin-top: 5px;
}
.recommend .item .sm-icon{
    background: url("../images/index/recommend-sm-icon.png")no-repeat center center;
    width: 103px;
    height: 104px;
    position: absolute;
    right: 30px;
    top: -3px;
}
.recommend .item .sm-icon i{
    display: block;
    background: url(../images/index/recommend-sm-icon1.png)no-repeat center center;
    width: 74px;
    height: 86px;
}
.recommend .item:nth-child(2) .sm-icon i{
    background: url(../images/index/recommend-sm-icon2.png)no-repeat center center;
}
.recommend .item:nth-child(3) .sm-icon i{
    background: url(../images/index/recommend-sm-icon3.png)no-repeat center center;
}
.recommend .item:nth-child(4) .sm-icon i{
    background: url(../images/index/recommend-sm-icon4.png)no-repeat center center;
}
.recommend .item:nth-child(5) .sm-icon i{
    background: url(../images/index/recommend-sm-icon5.png)no-repeat center center;
}
.recommend .sticky{
    font-size: 16px;
    line-height: 24px;
    padding-top: 60px;
    color: #888888;
    text-align: center;
}




/*解决方案*/
.solution{
    background: #f3f8ff;
}
.solution-list{

}
.solution-list .item{
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    position: relative;
    z-index: 1;
}
.solution-list .swiper-slide{
    background-size: cover;
    border-radius: 4px;
    background-position: center center;
}
.solution-list .swiper-slide:after{
    content: '';
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    transition: all .4s ease;
    background-image: linear-gradient(130deg, rgba(6,204,253,.6) 0%, rgba(0,45,246,.6) 100%);
    z-index: 0;
}
.solution-list .swiper-slide:hover:after{
    opacity: 1;
    width: 100%;
    height: 100%;
}
.solution-list .swiper-slide .sub{
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    z-index: 1;
}
.solution-list .swiper-slide .desc{
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    z-index: 1;
}
.solution-list .swiper-slide:nth-child(1){
    background-image: url("../images/index/solution1.png");
}
.solution-list .swiper-slide:nth-child(2){
    background-image: url("../images/index/solution2.png");
}
.solution-list .swiper-slide:nth-child(3){
    background-image: url("../images/index/solution3.png");
}
.solution-list .swiper-slide:nth-child(4){
    background-image: url("../images/index/solution4.png");
}
.solution-list .swiper-slide:nth-child(5){
    background-image: url("../images/index/solution5.png");
}
.solution-list .swiper-slide:nth-child(6){
    background-image: url("../images/index/solution6.png");
}
.solution-list .swiper-slide:nth-child(7){
    background-image: url("../images/index/solution7.png");
}
.solution-list .swiper-slide:nth-child(8){
    background-image: url("../images/index/solution8.png");
}


/*财税知识赋能*/
.knowledge-list{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.knowledge .swiper-container{
    overflow: unset;
}
.knowledge-list .item{
    width: 32% !important;
    background: #fff;
    box-shadow:  0 5px 40px 0 rgba(245,245,245,.8);
    transform: translateY(0);
    transition: all .4s ease;
    height: 298px;
}
.knowledge-list .item:hover{
    transform: translateY(-10px);
    box-shadow: 0 45px 55px 0 rgba(245,245,245,.8)
}
.knowledge-list .item .picture{
    height: 214px;
    width: 100%;
    position: relative;
}
.knowledge-list .item .picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.knowledge-list .item .tit{
    padding:20px;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}
.knowledge-list .item .video-btn{
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.knowledge-list .item .video-btn i{
    display: block;
    width: 60px;
    height: 60px;
    background: url("../images/index/video-btn.png");
}
.knowledge-list .item:hover .video-btn{
    filter: contrast(60%);
}


/*活动风采*/
.activity{
    background: #f3f8ff;
}
.activity-list{
    display: flex;
    justify-content: space-between;
    height: 470px;
}
.activity .pic-lft,
.activity .pic-rgt{
    width: 49.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.activity .pic-rgt{
    width: 50%;
}
.activity img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.activity .pic-lft .pic:nth-child(1){
    width: 100%;
}
.activity .pic{
    width: 49.5%;
    margin-bottom: 5px;
}


/*联系我们*/
.contact{
    background-image: linear-gradient(180deg, #3448e2 0%, #06c6fc 100%);
    padding: 88px 0 95px;
    color: #fff;
}
.contact .contain{
    display: flex;
    align-items: flex-start;
}
.contact .lft,
.contact .rgt{
    width: 50%;
}
.contact .lft .tit{
    font-size: 38px;
    font-weight: bold;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 35px;
}
.contact .lft .tit:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    background: #fff;
}
.contact .lft .phone{
    font-size: 24px;
}
.contact .lft .phone .number{
    font-size: 26px;
    font-weight: bold;
}
.contact .lft .tip{
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
    max-width: 468px;
}
.contact .rgt{
    padding: 0 60px 0 100px;
}
.contact .form-input{
    width: 100%;
    margin-bottom: 10px;
}
.contact .form-input input[type='text']{
    width: 100%;
    background: rgba(255,255,255,.5);
    color: #fff;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-size: 14px;
}
.contact .form-input.code{
    display: flex;
}
.contact .form-input.code input[type='text']{
    width: 75%;
}
.contact .form-input.code .getCode{
    background: #136ffe;
    width: 25%;
    color: #fff;
    cursor: pointer;
}
.contact input::-webkit-input-placeholder{color:#fff}
.contact input:-moz-placeholder{color:#fff}
.contact input:-ms-input-placeholder{color:#fff}
.contact .submit-btn{
    display: block;
    width: 100%;
    height: 45px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    background: #136ffe;
}
.contact .contact-btn{
    transition: all .4s ease;
}
.contact .contact-btn:hover{
    filter: contrast(86%);
}



/* -------------------------PC端--------------------------- */

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .cruising-city{background-position: -260px center;}
/*    .nine-big .swiper-container{width: 1800px}*/
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1152 × (864) */

}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    ul.main-cont>li{font-size: 16px}
    .nine-big .labs-list .labs-item.active{width: 25%}
    .recommend .item:nth-child(4){margin-left: -32px}
    .cruising-city .cruising-cont{justify-content: flex-start}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .online-release,.nine-big{padding-top: 80px}
    .com-block{padding: 80px 0;}
    .cruising-city{ background-position: -255px center;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .online-release,.nine-big{padding-top: 60px}
    .com-block{padding: 60px 0;}
    .com-title{font-size: 32px;margin-bottom: 40px}
    .nine-big .swiper-container{height: 450px;width: 100%}
    .nine-big .labs-list .swiper-slide{width: 300px !important;}
    .nine-big .labs-list .swiper-slide:not(:last-child){margin-right: 30px}
    ul.main-cont{opacity: 1;visibility: visible}
    ul.main-cont>li:after{display: none}
    ul.main-cont>li{padding-left: 0}
    .nine-big .labs-list .swiper-slide:nth-child(1){background-image: url(../images/index/nine-big111.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(2){background-image: url(../images/index/nine-big222.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(3){background-image: url(../images/index/nine-big333.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(4){background-image: url(../images/index/nine-big444.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(5){background-image: url(../images/index/nine-big555.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(6){background-image: url(../images/index/nine-big666.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(7){background-image: url(../images/index/nine-big777.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(8){background-image: url(../images/index/nine-big888.jpg);}
    .nine-big .labs-list .swiper-slide:nth-child(9){background-image: url(../images/index/nine-big999.jpg);}
    .nine-big .labs-list .swiper-slide:after{content: '';position: absolute;height: 100%;bottom: 0;left: 0;width: 100%;background: linear-gradient(to top, rgba(0,0,0,.9) 0%,rgba(255,255,255,.1) 100%);z-index: -1}
    .nine-big .labs-list .labs-item .ch-title{font-weight: bold;color: #fff;height: auto}
    .nine-big .labs-list .labs-item .ch-title:after{content: '';position: absolute;bottom: -10px;background: #116efe;}
    .nine-big .labs-list .labs-item .watermark{color: rgba(255,255,255,.2)}
    .nine-big .labs-list .labs-item{position: absolute;bottom: 20px}
    .swiper-button-next, .swiper-button-prev{display: none}
    .one-banner .icon-list{flex-wrap: wrap;position: relative}
    .one-banner .icon-list:after{content: '';width: 33%}
    .one-banner .icon-list .item{width: 33%;margin-bottom: 30px}
    .one-banner .icon-list .item .sub{font-size: 16px}
    .one-banner .banner-txt img{width: 100%}
    .cruising-city .cruising-cont{justify-content: center;}
    .cruising-city{background-position: center}
    .cruising-city .city-list{background-image: linear-gradient(130deg, rgba(6,204,253,1) 0%, rgba(0,45,246,1) 100%);width: 100%}
    .cruising-city .contain{width: 100%}
    .online-release-video{height: 400px}
    .recommend .item{width: 50% !important;}
    .recommend .sticky{padding-top: 30px}
    .solution-list{position: relative}
    .solution-list:after{content: '';width: 32%}
    .contact .lft .tit{font-size: 32px}
    .contact .contain{flex-wrap: wrap}
    .contact .lft, .contact .rgt{width: 100%}
    .contact .rgt{padding: 0;margin-top: 30px}
    .one-banner{padding-bottom: 60px}
    .cruising-city .com-title{margin-bottom: 400px;}
    .cruising-city{height: 100%;background-size: 1500px 548px;background-position: top}
    .one-banner .banner-txt{height: auto}
    .recommend .item .cont .sub{font-size: 20px;}
    .recommend .item .cont .tip{width: 235px;font-size: 14px;}
    .recommend .item .cont{padding-top: 45px;padding-left: 45px}
    .recommend .item .item-num{top: 9px;left: 42px;}
    .recommend .item .sm-icon{right: 5px;top: -25px}
    .knowledge-list .item .tit{font-size: 16px}
    .knowledge-list .item:hover{transform: none;}
    .swiper-pagination{position: static;margin-top: 20px}
    .swiper-pagination-bullet{margin: 0 5px}
    .recommend .com-title{margin-bottom: 40px}
    .nine-big .swiper-container{width: 92%}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .online-release,.nine-big{padding-top: 40px}
    .com-block{padding: 40px 0;}

    .one-banner .banner-txt{padding-top: 100px;}
    .one-banner .bott-txt{margin-top: 155px;font-size: 16px;padding: 10px;}
    .com-title{font-size: 26px;margin-bottom: 40px}
    .one-banner .icon-list .item{width: 50%}
    .one-banner .icon-list .top-icon{width: 140px;height: 140px}
    .one-banner .icon-list i{background-size: 50px !important;width: 134px;height: 123px;}
    .online-release-video{height: 300px}
    .recommend .item{width: 90% !important;margin: 0 0 0 -10px!important;}
    .recommend .swiper-slide-prev{margin: 0 0 0 -20px!important;}
    .recommend .item .cont .sub{font-size: 18px}
    .recommend .item .cont .tip{font-size: 14px}
    .recommend .item .cont{padding: 50px 0 0 50px}
    .recommend .item .item-num{top: 10px;left: 43px}
    .recommend .item:hover{transform: none}
    .recommend .item:hover .sm-icon{margin: 0}
    .recommend .sticky{padding-top: 0}
    .solution-list .item,.knowledge-list .item,.activity .pic-lft, .activity .pic-rgt{width: 100%}
    .activity-list{flex-wrap: wrap}
    .activity-list{height: 100%}
    .contact .lft .tit{font-size: 28px}
    .contact{padding: 60px 0}
    .recommend .item:not(:first-child){margin-top: -45px!important;}
    .one-banner .banner-icon{margin-top: 60px}
    .one-banner{padding-bottom: 40px}
    .online-release-video .play-btn i,.online-release-video .play-btn{width: 45px;height: 45px}
    .one-banner .icon-list .item:nth-child(4){display: none}
    .knowledge-list .item{width: 100% !important;height: auto}
    .recommend .recommend-list{flex-wrap: unset;justify-content: unset}
    .recommend .item:not(:first-child){margin-top: 0!important;}
    .mb-hidden{display: none}
    .mobile{display: block}
    .one-banner .banner-txt img{width: 80%}
    .one-banner{background: #090f56 url("../images/index/one-banner-mb.jpg")no-repeat top center /contain;background-size: 100% 600px}
    .one-banner .banner-tip{width: 80%;margin: 50px auto 0}
    .one-banner .banner-time{margin-top: 30px}
    .recommend .swiper-pagination{bottom: 35px;position: absolute}
    .solution-list .swiper-slide .sub{font-size: 16px}
    .solution-list .swiper-slide .desc{font-size: 14px;width: 90%;display: flex;justify-content: center}
    .solution-list .item{height: 170px}
}
@media all and (max-width:375px) {
    .recommend .item .item-num {
        top: 8px;
        left: 34px;
    }
    .recommend .item .cont .sub {
        font-size: 14px;
    }
    .recommend .item .cont .tip {
        font-size: 13px;
        margin-top: 0;
    }
    .recommend .item .cont {
        padding: 40px 0 0 40px;
    }
    .com-title,.contact .lft .tit{font-size: 22px}
    .recommend .sticky{
        margin-top: -30px;
    }
    .online-release-video{
        height: 250px;
    }
    .recommend .swiper-pagination{bottom: 50px}
}
@media all and (max-width:320px) {
    .recommend .item .item-num {
        top: 6px;
        left: 31px;
    }
    .recommend .item .cont .tip{width: 220px}
    .recommend .item .cont .sub {
        font-size: 13px;
    }
    .recommend .item .cont {
        padding: 35px 0 0 35px;
    }
}