.hidden{
    display: none!important;
}
.header {
    position: fixed;
    top: 0;
    height: 11.7vw;
    line-height: 11.7vw;
    width: calc(100%);
    margin: 0 auto;
    z-index: 100;
}
.header-bg{
    background: #fff!important;
    opacity: 1;
    border-bottom: 1px solid #e2e7f1;
}
.header .logo {
    display: inline-block;
    width: 18.1vw;
    margin-left: 4vw;
}

.header .logo img {
    width: 22vw;
    height: auto;
}

.header .header-nav {
    display: inline-block;
    margin-right: 4vw;
    float: right;
}
.header .header-nav i{
    color: #172b4d;
    font-size: 5vw;
    display: inline-block;
}
.header-ul{
    display: none;
    width: 100%;
    position: fixed;
    top: calc(11.7vw + 1px);
    left: 0;
    background: rgba(0,0,0,.33);
    z-index: 99999999;
    height: calc(100% - 11.7vw);
    overflow: auto;
}
.header-ul>ul{
    background: #fff;
    padding: 0 4vw 7vw;
}
.header-ul li {
    display: block;
    font-size: 3.7vw;
    color: #172b4d;
    text-align: left;
    line-height: 12vw;
    cursor: pointer;
    border-bottom: 1px solid #e2e7f1;
}
.header-ul li i{
    font-size: 4vw;
    float: right;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.header-ul li .icon-gengduo-up{
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.header-ul li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 3.8vw;
    color: #172b4d;
}
.header-ul .third-nav{
    border:none;
}
.header-ul .second-nav{
    border-bottom: none;
    border-top: 1px solid #e2e7f1;
}
.header-ul .second-nav:first-child{
    border:none;
}
.header-ul .second-nav > a {
    color: #888;
    font-size: 3.6vw;
}
.header-ul .third-nav > a{
    color: #6E7C92FF;
    font-size: 3.3vw;
}

.header-ul li.current a, .header-ul li.active>a {
    color: #2c6ee5;
}

.header-ul li .head-line {
    background-color: #48cdff;
    width: 0;
    height: .104vw;
    display: block;
    overflow: hidden
}
.nav-btn{
    text-align: center;
    padding: 5.5vw 0;
    background: #fff;
}
.nav-btn a{
    width: 28.6vw;
    height: 10.6vw;
    display: inline-block;
    font-size: 3.5vw;
    text-align: center;
    line-height: 10.6vw;
    border-radius: 5.5vw;
}
.nav-login-btn{
    border: 1px solid #7F85FB;
    background-color: #ECEDFF;
    color:#262FFC;
    margin-right: 3.2vw;
}
.nav-reg-btn{
    color:#fff;
    background: #262FFC;
    border: 1px solid #262FFC;
}

.header .header-right {
    position: absolute;
    top: 0;
    right: 15vw;
    vertical-align: text-top;
}

.header .header-right a.login {
    color: #172b4d;
    display: inline-block;
    padding: 1.728vw 0;
    margin-right: 2vw;
    font-size: .8vw;
}

.header .header-right a.reg {
    color: #fff;
    display: inline-block;
    font-size: .8vw;
    background-image: linear-gradient(96deg,#5db1ff 0%,#3b77ff 100%), linear-gradient(#2b3349,#2b3349);
    background-blend-mode: normal,normal;
    border-radius: 0.2vw;
    opacity: 0.9;
    padding: 0.7vw 1vw;
}

.header .header-right a.login i {
    color: #fff;
    font-size: 1.042vw;
    margin-right: .5vw;
    vertical-align: middle
}

.header .header-right a.login span {
    vertical-align: middle
}

.header .header-right .header-language {
    display: inline-block;
    padding: 1.564vw 0;
}

.header .header-right .header-language a {
    display: inline-block;
    width: 1.562vw;
    vertical-align: middle;
    margin-left: .7vw
}

.header .header-right .header-language a img {
    width: 100%;
    height: 100%;
}

.child-nav {
    position: fixed;
    top: 4.2vw;
    width: 56%;
    background-color: #fff;
    height: 26vw;
    z-index: 90;
    left: 21%;
    box-shadow: 0vw 0.5vw 1vw 0vw rgba(0, 65, 183, 0.1);
    display: none;
}

.child-nav ul {
    position: absolute;
    width: 100%;
    font-size: 0;
}

.child-nav ul li {
    display: inline-block;
    width: calc(50% - 6vw);
    cursor: pointer;
    background: #f6f8fa;
    margin: 1.7vw 2vw 0;
    padding: 1vw;
}
.child-nav ul li>div:first-child{
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}
.child-nav ul li>div:last-child{
    display: inline-block;
    width: 30%;
}
.child-nav ul li .title{
    font-size: 0.7vw;
    color:#172b4d;
    margin: 0.5vw 0;
}
.child-nav ul li .desc{
    font-size: 0.7vw;
    color:#7a8ba6;
}
.child-nav ul .active .title,.child-nav ul .active .desc{
    color:#fff;
}
.child-nav ul .active a{
    background-image: linear-gradient(90deg, #5db1ff 0%, #3b77ff 100%), linear-gradient( #ffffff, #ffffff);
    color:#fff;
    border:none;
}
.child-nav ul .active a i{
    color:#fff;
}

.child-nav ul li a {
    display: inline-block;
    color: #2c6ee5;
    font-size: 0.7vw;
    width: 4vw;
    height: 2vw;
    background-color: #f6f8fa;
    border-radius: 0.1vw;
    border: 1px solid #2c6ee5;
    line-height: 2vw;
    padding-left: 0.5vw;
}
.child-nav ul li a i{
    float:right;
    margin-right: 0.5vw;
}

.child-nav ul li img{
    width: 1.5vw;
    height: 1.5vw;
}

.ask-btn{
    display: inline-block;
    font-size: 3.5vw;
    border-radius: 0.5vw;
    width: 29.5vw;
    height: 10.1vw;
    line-height: 10.1vw;
    margin-top:8vw;
    background: #262ffc;
    text-align: center;
    color: #fff;
}
.ask-btn:hover{
    color: #262ffc;
}
.btn-yellow{
    color: #000;
    background: #fed200;
    margin-right: 4.7vw;
}
.btn-yellow:hover{
    color: #333333;
}
.homepage-banner img,.indexpage-banner img{
    width: 100%;
}
.indexpage-logo{
    position: absolute;
    top: 4vw;
    left: 4vw;
}
.indexpage-logo img{
    width: 21.7vw;
    height: 6.4vw;
}
.index-banner-box{
    position: absolute;
    top: 16.5vw;
    margin: 1vw 0;
    color: #fff;
    width: 100%;
    text-align: center;
}
.index-banner-top-title{
    font-size: 7.5vw;
    color: #000;
    font-weight: bold;
}
.index-banner-top-content{
    margin: 0 12vw;
    margin-top:7.7vw;
    font-size: 4vw;
    color: #333;
    line-height: 6.4vw;
    text-align: left;
}
.common-title{
    font-size: 6.4vw;
    color:#000;
    text-align: center;
    line-height: 6.4vw;
    font-weight: bold;
}
.index-banner-img{
    width: 100%;
    margin-top:4.5vw;
}
.index-banner-img img{
    width: 100%;
}
.index-banner-img4{
    margin-top: 11.5vw;
}
.index-banner-box .swiper-container-horizontal .swiper-pagination-bullets{
    position: absolute;
    width: 100%;
    bottom: 6vw;
    left: 0;
    text-align: center;
}
.index-banner-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4vw 0 0;
}
.index-banner-box .swiper-pagination .swiper-pagination-bullet{
    width: 10.8vw;
    height: 2.3vw;
    background-color: #ffffff;
    border-radius: 1.1vw;
    opacity: 0.5;
}
.index-banner-box .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.index-bihuan{
    position: absolute;
    top:200.6vw;
    width: 100%;
}
.index-bihuan-part{
    padding:0 10vw 4vw;
    color: #fff;
}
.index-bihuan-part .index-bihuan-tab{
    width: 100%;
    margin-bottom: 5.5vw;
}
.index-bihuan-part .index-bihuan-tab1{
    background: url(../Mimg/index/bihuan-tab-bg1.png) no-repeat center;
    background-size: 100% 100%;
}
.index-bihuan-part .index-bihuan-tab2{
    background: url(../Mimg/index/bihuan-tab-bg2.png) no-repeat center;
    background-size: 100% 100%;
}
.index-bihuan-part .index-bihuan-tab3{
    background: url(../Mimg/index/bihuan-tab-bg3.png) no-repeat center;
    background-size: 100% 100%;
}
.index-bihuan-title{
    font-size: 4.8vw;
    line-height: 6.4vw;
    padding: 6.7vw 0 0 5.4vw;
}
.index-bihuan-content{
    font-size: 4vw;
    line-height: 6.4vw;
    padding: 2vw 0 0 5.4vw;
}
.index-bihuan-btn{
    width: 23.3vw;
    height: 7.5vw;
    border-radius: 3.7vw;
    display: inline-block;
    font-size: 3.5vw;
    line-height: 7.5vw;
    color: #fff;
    text-align: center;
    margin: 4vw 0 8.1vw 5.4vw;
}
.index-bihuan-btn:hover{
    color: #fff;
}
.index-bihuan-tab1 .index-bihuan-btn{
    background-color: #708bff;
}
.index-bihuan-tab2 .index-bihuan-btn{
    background-color: #26d09f;
}
.index-bihuan-tab3 .index-bihuan-btn{
    background-color: #3dc6f3;
}
.index-bihuan-img{
    margin-top:10vw;
}
.index-bihuan-img .swiper-container:first-child{
    width: calc(100% - 2.5vw);
    margin-left: 0.9vw;
}
.index-bihuan-img .swiper-container:last-child
{
    width: 100%;
    margin-left: -3vw;
    margin-top: 3.5vw;
}
.index-bihuan-img .swiper-wrapper,.index-bihuan-img .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
.index-bihuan-img .swiper-container img{
    width: 100%;
    height: auto;
}
.index-part2{
    width: 100%;
    padding:0 0 10vw 0;
    color: #fff;
    position: absolute;
    top:410vw;
}
.index-part2-flow{
    padding: 10vw 3vw 6vw;
}
/*.index-part2-left{
    width: 100%;
    text-align: left;
    color: #000;
    margin-top: 10vw;
}*/
.index-part2-left{
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    height: 10.5vw;
}
.index-part2-left::-webkit-scrollbar {
    display: none;
}
.index-part2-tab{
    display: inline-block;
    line-height: 7.4vw;
    font-size: 3.5vw;
    cursor: pointer;
    color: #000;
    width: calc(100%/4);
    margin-top: 4vw;
    padding: 0 4vw 0 4vw;
    text-align: center;
}
.index-part2-tab.current{
    font-size: 4.3vw;
    font-weight: bold;
}
.index-part2-tab.current .backline{
    width: 17.5vw;
    height: 2.4vw;
    background-color: #7f85fb;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top:3.5vw;
}
.index-part2-tab div{
    display: inline-block;
    position: relative;
}
.index-part2-tab-left{
    float: left;
    position: relative;
}
.index-part2-tab-left img{
    height: 1.55vw;
    margin-right: 0.3vw;
}
.index-part2-tab-left span{
    vertical-align: middle;
}
.index-part2-tab-right{
    float: right;
}
.index-part2-right{
    width: calc(100% - 8vw);
    float: right;
    padding: 8vw 4vw 5vw;
    height: 160vw;
}
.index-part2-right .swiper-container,.index-part2-right .swiper-wrapper,.index-part2-right .swiper-slide{
    height: 100%;
    background-size: 100% 100%;
}
.index-part2-right1{
    background: url(../Mimg/index/index-product-crm-bg.png) no-repeat center;
}
.index-part2-right2{
    background: url(../Mimg/index/index-product-qiwei-bg.png) no-repeat center;
}
.index-part2-right3{
    background: url(../Mimg/index/index-product-workphone-bg.png) no-repeat center;
}
/*.index-part2-right4{
    background: url(../Mimg/index/index-product-assistant-bg.png) no-repeat center;
}*/
.index-part2-right4{
    background: url(../Mimg/index/index-product-assistant-bg.png) no-repeat center;
}
.index-part2-right5{
    background: url(../Mimg/index/index-product-shop-bg.png) no-repeat center;
}
.index-part2-right6{
    background: url(../Mimg/index/index-product-gongdan-bg.png) no-repeat center;
}
.index-part2-right7{
    background: url(../Mimg/index/index-product-xuexi-bg.png) no-repeat center;
}
.index-part2-right1,.index-part2-right2,.index-part2-right3,.index-part2-right4,.index-part2-right5,.index-part2-right6,.index-part2-right7,.index-part2-right8{
    background-size: 100% 100%;
}
.index-part2-item{
    color: #000;
    font-size: 3.7vw;
    padding: 13vw 0 0 5.3vw;
}
.index-part2-item a{
    color: #262ffc;
    display: block;
    margin-bottom: 3vw;
}
.index-part2-item a:hover{
    opacity: 0.8;
    color: #262ffc;
}
.index-part2-item-tit{
    font-size: 4.3vw;
    line-height: 8vw;
}
.index-part2-item-tit img{
    vertical-align: middle;
    width: 1.3vw;
    margin-right: 0.6vw;
}
.index-part2-item-tit span{
    vertical-align: middle;
    font-weight: bold;
}
.index-part2-item-des{
    margin: 2vw 10vw 5vw 0;
    line-height: 5.3vw;
}
.index-part2-item-content{
    width: calc(100% - 22vw);
    background-color: #ffffff;
    border-radius: 1.3vw;
    opacity: 0.8;
    padding: 5vw;
    float: left;
    margin-bottom: 5vw;
    font-size: 3.5vw;
    color: #666;
    line-height: 5.3vw;
    height: 24vw;
}
.index-part2-item-content p{
    font-size: 4vw;
    color: #000;
    font-weight: bold;
    line-height: 4.8vw;
    margin-bottom: 2vw;
}
.index-part2-item-content:nth-child(3){
    background: url(../Mimg/index/index-product-item1.png) no-repeat right bottom #ffffff;
    background-position: right 0.7vw bottom 0.6vw;
}
.index-part2-item-content:nth-child(4){
    background: url(../Mimg/index/index-product-item2.png) no-repeat right bottom #ffffff;
    background-position: right 0.7vw bottom 0.6vw;
}
.index-part2-item-content:nth-child(5){
    background: url(../Mimg/index/index-product-item3.png) no-repeat right bottom #ffffff;
    background-position: right 0.7vw bottom 0.6vw;
}
.index-part3{
    margin: 287vw 0 5vw;
    position: relative;
}
.index-part3-tab{
    margin-top: 11vw;
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    height: 7.5vw;
}
.index-part3-tab::-webkit-scrollbar {
    display: none;
}
.index-part3-tab-nav{
    display: inline-block;
    line-height: 6.4vw;
    font-size: 3.5vw;
    cursor: pointer;
    color: #000;
    width: calc(100%/4);
    margin: 0;
    padding: 0 4vw 0 4vw;
    text-align: center;
}
.index-part3-tab-nav.current{
    font-size: 4.3vw;
    font-weight: bold;
}
.index-part3-tab-nav span{
    position: relative;
}
.index-part3-tab-nav:nth-child(6){
    margin-right: 0;
}
.index-part3-tab-nav.current p{
    width: 100%;
    height: 2.4vw;
    background-color: #7f85fb;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 3.5vw;
}
.index-part3-detail
{
    width: calc(100% - 8vw);
    padding: 6vw 4vw;
    margin-top: 5.2vw;
    background-color: #f2f5fa;
}
.index-part3-detail.current{
    display: block;
}
.index-part3-detail1,.index-part3-detail2,.index-part3-detail3,.index-part3-detail4,.index-part3-detail5,.index-part3-detail6{
    background-size: cover;
}
.index-part3-detail-tit1{
    font-size: 4.8vw;
    line-height: 6vw;
    color: #000000;
    margin-bottom: 6vw;
    font-weight: bold;
}
.index-part3-detail ul li{
    line-height: 5.3vw;
    color: #666666;
    font-size: 3.7vw;
    margin-bottom: 4vw;
}
.index-part3-detail ul li span{
    display: inline-block;
    width: 1.7vw;
    height: 1.7vw;
    background-color: #fed200;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 4vw;
    margin-top: -0.3vw;
}
.index-part3-detail ul li p{
    display: inline-block;
    width: calc(100% - 6vw);
    vertical-align: top;
}
.index-part3-detail-tit2{
    font-size: 4.3vw;
    line-height: 4vw;
    color: #000000;
    margin: 8vw 0 6vw 0;
    font-weight: bold;
}
.index-part3-detail-img{
    height: 6vw;
}
.index-part3-detail-btn{
    text-align: center;
}
.index-clue{
    width: calc(100% - 8vw);
    padding: 0 4vw;
    text-align: center;
}
.index-clue .common-title{
    padding: 10vw 0 3.2vw;
    font-size: 6.4vw;
    color:#000;
    text-align: center;
    line-height: 8.4vw;
    font-weight: bold;
}
.index-clue .ask-btn{
    margin: 0 0 4vw 0;
}
.index-clue-box img{
    max-width: 100%;
}
.index-app{
    width: calc(100% - 8vw);
    padding: 0 4vw;
    margin-top: 10vw;
    background: linear-gradient(0deg, #FFFFFF, #EFF7FF);
}
.index-app .common-title{
    padding: 12vw 4vw 0 4vw;
    font-size: 6.4vw;
    color:#000;
    text-align: center;
    line-height: 8.4vw;
    font-weight: bold;
}
.index-app-box.common-img-word{
    background: none;
    padding-bottom: 0;
}
.index-cooperate{
    width: calc(100% - 6vw);
    padding: 0 3vw;
}
.index-cooperate .common-title{
    padding: 10vw 0 5.2vw;
    color: #000000;
    text-align: center;
}
.index-cooperate-detail{
    height: auto;
    background-color: #007fff;
    box-shadow: 0vw 0vw 6.7vw 0vw rgba(0, 5, 118, 0.1);
    border-radius: 2.7vw;
    padding: 3.7vw 0 0 3.3vw;
    margin-top: 5.2vw;
}
.index-cooperate-detail-dingding{
    background: url(../Mimg/index/cooperate-dingding-bg.png) no-repeat center;
    background-size: cover;
}
.index-cooperate-detail-qiwei{
    background: url(../Mimg/index/cooperate-qiwei-bg.png) no-repeat center;
    background-size: cover;
}
.index-cooperate-detail-feishu{
    background: url(../Mimg/index/cooperate-feishu-bg.png) no-repeat center;
    background-size: cover;
}
.index-cooperate-detail-title{
    font-size: 5.3vw;
    color: #fff;
}
.index-cooperate-detail-title img{
    width: 11.8vw;
    height: 11.8vw;
}
.index-cooperate-detail-title span{
    vertical-align: middle;
    margin-left: 3.3vw;
}
.index-cooperate-detail-item{
    font-size: 3.7vw;
    color: #666666;
    margin-top: 4vw;
}
.index-cooperate-detail-item p{
    height: 16vw;
    line-height: 16vw;
    width: 84vw;
}
.index-cooperate-detail-item p:first-child{
    border-bottom: 0.05vw solid #e6e7ec;
}
.index-cooperate-detail-item p i{
    width: 8px;
    height: 8px;
    border: 2px solid #007fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3.1vw;
}
.index-cooperate-detail-item p span{
    vertical-align: middle;
}
.index-cooperate-detail-qiwei .index-cooperate-detail-item p i{
    border-color: #17ca96;
}
.index-cooperate-detail-feishu .index-cooperate-detail-item p i{
    border-color: #3370ff;
}
.index-part4{
    width: 100%;
    padding: 4vw 0 4vw;
    color: #fff;
}
.index-part4 .common-title{
    padding: 10vw 0 5.7vw;
    color: #000000;
    text-align: center;
}
.index-partner-content1 .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
.index-partner-content1 .swiper-slide{
    width: 95vw!important;
    height: 55vw !important;
    padding: 0 0vw;
    margin-left: -5vw;
}
.index-partner-content1 .index-partner-box{
    width: 75vw;
    background-color: #71a6ff;
    color: #fff;
    border-radius: 1.8vw 1.8vw 1.8vw 1.8vw;
    transform: skewX(-15deg);
    padding: 6vw 6vw 8vw;
    display: inline-block;
    height: 39vw !important;
    vertical-align: top;
}
.index-partner-content1 .index-partner-box .partner-tit,.index-partner-content1 .index-partner-box .partner-item{
    transform:skewX(15deg);
}
.index-part4 .swiper-container-horizontal{
    padding: 4vw 0 10vw;
}
.index-part4 .swiper-container-horizontal .swiper-pagination-bullets{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
}
.index-part4 .swiper-pagination-bullet-active{
    background-color: #262ffc;
}
.index-part4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: #262ffc;
}

.index-partner-box img{
    width: 9.2vw;
    height: 9.2vw;
}
.partner-tit{
    margin-bottom: 5vw;
}
.partner-logo{
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
}
.partner-info{
    display: inline-block;
    vertical-align: middle;
}
.partner-name{
    font-size: 3.7vw;
}
.partner-system{
    font-size: 1vw;
    display: none;
}
.partner-item{
    font-size: 3.5vw;
    line-height: 6.5vw;
}
.index-partner-content2{
    padding: 9vw 4vw 0;
}
.index-partner-content2 img{
    width: 100%;
}
.index-part5{
    padding: 6vw 0 8vw;
    background-image: linear-gradient(0deg, #f2f6ff 0%, #c9d7ff 100%), linear-gradient( #262ffc, #262ffc);
    margin-top: 8vw;
}
.index-part5 .common-title{
    padding: 1vw 0 5.2vw;
    color: #000000;
    text-align: center;
}
.index-part5 .swiper-container {
    margin-top:4vw;
    padding-left: 4vw;
}
.index-part5 .index-part5-box{
    width: 100%;
    padding: 4.2vw 0 0;
    position: relative;
}
.index-part5 .index-part5-box .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
.index-part5 .index-part5-detail{
    width: 55vw;
    height: 76vw;
    background-color: #ffffff;
    border-radius: 2.7vw;
    padding: 5.3vw;
    box-shadow: 0vw 0vw 6.7vw 0vw rgba(0, 39, 147, 0.08);
}
.index-part5-detail-title .index-part5-detail-tit-quote{
    float: left;
}
.index-part5-detail-tit-name{
    font-size: 4.3vw;
    float: right;
    line-height: 6.4vw;
}
.index-part5-detail-tit-name .index-part5-detail-tit-job{
    font-size: 3.2vw;
    color: #666;
    line-height: 6.4vw;
    margin-top: 2vw;
}
.index-part5-detail-tit-quote,.index-part5-detail-foot-quote{
    color: #f2f5fa;
    font-size: 16vw;
    width: 6.5vw;
    height: 6.1vw;
    line-height: 5.3vw;
    float: left;
    margin-top: 4vw;
}
.index-part5-detail-line{
    width: 100%;
    height: 0.1vw;
    margin: 3vw 0 4.8vw 0;
}
.index-part5-detail-des{
    font-size: 3.5vw;
    line-height: 5.3vw;
    color: #666666;
    height: 42vw;
}
.index-part5-detail-foot{
    height: 2.8vw;
    margin-top: 1vw;
}
.index-part5-detail-foot img{
    height: 6.5vw;
    margin-top: 3vw;
}
.index-part5-detail-foot-quote{
    float: right;
    line-height: 7.8vw;
}
.index-news{
    padding: 12vw 4vw 10vw;
}
.index-news .common-title{
    text-align: center;
}
.index-news-box{
    margin-top: 8vw;
}
.index-news-left{
    width: 29.7vw;
    height: 27.7vw;
    border-radius: 0.5vw;
    border: solid 0.05vw #e6e7ec;
    float: left;
}
.index-news-left:hover{
    box-shadow: 0 0 1vw 0 rgba(13, 21, 30, 0.1);
    border-bottom: 0.15vw solid #262ffc;
}
.index-news-thumb{
    height: 17.8vw;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5vw 0.5vw 0 0;
    vertical-align: middle;
}
.index-news-thumb img{
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    vertical-align: middle;
}
.index-first-news-item{
    padding: 1vw;
}
.index-news-title{
    font-size: 4vw;
    line-height: 4vw;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.index-news-desc{
    height: 11vw;
    font-size: 3.5vw;
    color: #666;
    line-height: 5.3vw;
    width: 100%;
    margin: 4.1vw 0 5.3vw 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.index-first-news-item .index-news-desc{
    white-space: normal;
    height: 2.6vw;
    line-height: 1.5vw;
    margin-bottom: 1.2vw;
}
.index-news-date{
    color: #666;
}
.index-news-date a{
    color: #262ffc;
    font-size: 3.2vw;
    float: right;
}
.index-news-date a:hover{
    color: #262ffc;
    opacity: 0.6;
}
.index-news-right{

}
.index-news-right .index-news-item{
    border: solid 0.05vw #e6e7ec;
    border-radius: 1.3vw;
    margin-top: 5.2vw;
    padding: 5.3vw;
}
.index-news-right .index-news-item:first-child{
    margin-top: 0;
}
.index-news-right .index-news-item:hover{
    box-shadow: 0 0 1vw 0 rgba(13, 21, 30, 0.1);
    border-bottom: 0.15vw solid #262ffc;
}
.index-foot-btn{
    position: fixed;
    width: 100%;
    height: 18vw;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    text-align: center;
}
.index-foot-btn a{
    height: 11.8vw;
    margin-top: 3vw;
    line-height: 11.9vw;
    font-size: 4vw;
    border-radius: 0.5vw;
    width: 38vw;
    border: 0.1vw solid #262ffc;
}
.btn-white{
    background-color: #ffffff;
    border: 0.1vw solid #262ffc;
    color: #262ffc;
    margin-right: 3vw;
}

.common-img-word{
    background: #fff;
    padding:10vw 4vw 2.2vw 4vw;
}
.common-img-word .common-img-word-item
{
    margin-bottom: 10vw;
}
.common-img-word .common-img-word-img
{
    display: inline-block;
}
.common-img-word .common-img-word-img img
{
    width: 100%;
}
.common-img-word .common-img-word-content
{
    display: inline-block;
    font-size: 3.73vw;
    color:#7a8ba6;
    line-height: 5.3vw;
    vertical-align: middle;
    margin-top: 5.8vw;
    width: 100%;
}
.common-img-word .common-img-word-title
{
    font-size: 4.8vw;
    color:#000;
    line-height: 6.4vw;
    text-align: center;
}
.common-img-word .common-img-word-detail
{
    font-size: 3.73vw;
    color: #666;
    line-height: 5.3vw;
    margin-top: 4vw;
}
.study-img-word .common-img-word-item:first-child .common-img-word-content
{
    margin-top: 2.5vw;
}
.study-img-word .common-img-word-item:nth-child(2) .common-img-word-content
{
    margin-top: 2.8vw;
}
.study-img-word .common-img-word-item:nth-child(3) .common-img-word-content
{
    margin-top: 4.2vw;
}
/*产品*/
.product-banner-box .index-banner-top-content{
    text-align: center;
}
.crm-banner-box .index-banner-top-title span{
    background-image: linear-gradient(to right, #c052ff 0%, #ff679d 85%, #ff679d 100%), linear-gradient(#c052ff, #c052ff);
    -webkit-background-clip: text;
    color: transparent;
}
.crm-banner-box .index-banner-top-title .color1{
    background-image: linear-gradient(#ff527f, #ff9267);
}
.crm-banner-box .index-banner-top-title .color2{
    background-image: linear-gradient(to right, #377af8 0%, #13cfbb 85%, #64ff7a 100%), linear-gradient(#377af8, #377af8);
}
.crm-banner-box .index-banner-top-title .color3{
    background-image: linear-gradient(#388cff, #7126fc);
}
.product-content .common-title{
    margin-top: 16vw;
    text-align: center;
    line-height: 9vw;
}
.product-img-word{
    background: url(../Mimg/product/product-img-word-bg.png) no-repeat center;
    background-size: cover;
}

.wechat-banner-box{

}
.wechat-banner-box .ask-btn{
    margin-top: 5vw;
}
.wechat-banner-box .wechat-banner-btn{
    margin-top: 4.5vw;
}
.wechat-banner-box .wechat-banner-btn a:first-child{
    margin-right: 4vw;
}
/*crm系统*/
.crm-item{
    background: url(../Mimg/product/crm/crm-item-bg.png) no-repeat center;
    background-size: 100% 100%;
    height: 71.07vw;
    padding: 10vw 4vw 0;
    color: #fff;
}
.crm-item-box{
    margin-top: 10vw;
}
.crm-item-box:first-child{
    margin-top: 0;
}
.crm-item-tit{
    font-size: 6.4vw;
    line-height: 6.4vw;
}
.crm-item-tit span{
    font-size: 9.6vw;
}
.crm-item-content{
    font-size: 3.73vw;
    line-height: 5.63vw;
    margin-top: 4.2vw;
}
.crm-more{
    padding: 0 4vw 16vw 4vw;
    color: #fff;
}
.crm-more-item{
    width: calc((100% - 13vw) / 2);
    float: left;
    text-align: center;
    margin-top: 10.5vw;
    height: 38.2vw;
}
.crm-more-item:nth-child(2n){
    float: right;
}
.crm-more-item img{
    width: 9.07vw;
}
.crm-more-item-tit{
    font-size: 3.73vw;
    color: #000000;
    margin: 4.2vw 0 3.5vw 0;
}
.crm-more-item-content{
    font-size: 3.47vw;
    color: #666;
    text-align: left;
    padding: 0 2vw;
    line-height: 5.33vw;
}
/*名片系统*/
.card-func{
    background-color: #ffffff;
    box-shadow: 0vw 0.5vw 1.6vw 0vw rgba(0, 22, 125, 0.08);
    padding:11.2vw 0 2.4vw 0;
    margin:-80vw 4vw 0 4vw;
    position: relative;
    z-index: 2;
}
.card-func-detail{
    padding: 11.1vw 6.1vw 0vw;
}
.card-func-left{
    display: inline-block;
    width: 24vw;
    text-align: center;
}
.card-func-left img{
    width: 15.1045vw;
}
.card-func-right{
    display: inline-block;
    width: calc(100% - 26vw - 5px);
    vertical-align: middle;
}
.card-func-item{
    width: calc((100% - 12.2vw)/2);
    margin-right: 11vw;
    display: inline-block;
    color: #333;
    font-size: 3.5vw;
    line-height: 5.6vw;
    vertical-align: middle;
    margin-bottom: 8.1vw;
    text-align: left;
}
.card-func-item:nth-child(even){
    margin-right: 0;
}
.card-func-item .iconfont{
    width: 7.7vw;
    height: 7.7vw;
    line-height: 7.7vw;
    background-color: #e6eeff;
    color: #2c6ee5;
    font-size: 4vw;
    border-radius: 50%;
    text-align: center;
}
.card-func-title{
    font-size: 3.7vw;
    margin: 2.2vw 0 1vw;
    text-align: left;
}
.card-func-desc{
    height:33.5vw;
    overflow: hidden;
    color: #7a8ba6;
}
.card-func-more{
    font-size: 4.8vw;
    margin-bottom: 5vw;
    text-align: center;
    color: #333;
}
.card-func .ask-btn{
    width: 56vw;
    height: 9.6vw;
    line-height: 9.6vw;
    margin:0 0 5vw;
}
.card-part2{
    padding: 13vw 4vw 12vw;
}
.card-part2-detail{
    margin-top:2.5vw;
}
.card-part2-left{

}
.card-common-part-img{
    display: inline-block;
}
.card-part2-right{
    text-align: center;
}
.card-part2-right img{
    width: 70vw;
}
.card-common-part{
    text-align: left;
    margin: 2vw 0;
}
.card-common-part-img img{
    width: 6.9vw;
}
.card-common-part-title{
    font-size: 3.7vw;
    color:#333;
    margin:6.4vw 0 3.2vw;
    display: inline-block;
}
.card-common-part-desc{
    color: #7a8ba6;
    font-size: 3.5vw;
}
.card-part3{
    background: url(../Mimg/product/card/index-part3-bg.png) no-repeat center;
    height: 55vw;
    padding: 3vw 4vw 3vw;
    background-size: cover;
}
.card-part3-right{

}
.card-part3-right .card-common-part-title,.card-part3-right .card-common-part-desc{
    color:#fff;
}
.card-part3-img{
    float: left;
    margin:5.2vw 0 0 18.8vw;
    width: 30.261vw;
}
.card-part3-img img{
    width: 100%;
}
.card-part4{
    margin: 11vw 2.7vw 9vw;
}
.card-part4-detail{
    margin-top:8vw;
}
.card-part4-left{
    display: inline-block;
    width: 21.9vw;
    margin-right: 5.2vw;
}
.card-part4-item{
    height: 6.3vw;
    color: #333333;
    font-size: 0.7vw;
    line-height: 6.3vw;
}
.card-part4-item img{
    display: inline-block;
    width: 2.2vw;
    margin:0 1vw 0 1.5vw;
}
.card-part4-item-desc{
    display: inline-block;
    width: 8vw;
    line-height: 1vw;
    vertical-align: middle;
    color: #7a8ba6;
}
.card-part4-item-desc div:first-child{
    font-size: 0.9vw;
    margin-bottom: 0.7vw;
}
.card-part4-item .iconfont{
    float: right;
    margin-right: 1.6vw;
    color: #dde2eb;
    font-size: 1.8vw;
}
.card-part4-right{
    text-align: center;
}
.card-part4-item .img-b{
    display: none;
}
.card-part4-left .active{
    background-image: linear-gradient(-38deg, #ffbc00 0%, #ffd35d 100%), linear-gradient( #ffbc00, #ffbc00);
    background-blend-mode: normal, normal;
    box-shadow: 0vw 0.5vw 1.6vw 0vw rgba(183, 95, 0, 0.12);
}
.card-part4-left .active .img-b{
    display: inline-block;
}
.card-part4-left .active .img-g{
    display: none;
}
.card-part4-left .active .card-part4-item-desc div{
    color:#333;
}
.card-part4-left .active .iconfont{
    color:#fff;
}
.card-part4-right-title{
    font-size: 4.8vw;
    text-align: left;
    margin: 3vw 0 0 3vw;
}
.card-part4-right .card-part4-right-title img{
    width: 8.3vw;
    margin-right: 3vw;
}
.card-part4-right-title div{
    display: block;
    width: 7.6vw;
    height: 1.2vw;
    background-color: #2c6ee5;
    border-radius: 0.5vw;
    margin: 3vw 0 3vw;
    vertical-align: baseline;
}
.card-part4-right-title-1{
    font-size: 3.7vw;
    text-align: left;
    margin: 0 0 3vw 3vw;
}
.card-part4-right-desc{
    color: #7a8ba6;
    font-size: 3.5vw;
    margin: 0 0 3vw 3vw;
    text-align: left;
}
.card-part4-right img{
    width: 74vw;
}
.card-part4-right .swiper-container{
    padding-bottom: 9vw;
}
/* 广告助手 */
.advertpage-banner{
    height: 160vw;
    align-content: end;
    background-image: linear-gradient(to bottom, #fffafc, #fee7f2);
}
.advertpage-banner img{
    margin-bottom: 8vw;
}
.advert-banner-box{
    top: 23.5vw;
}
/*案例*/
.cases-banner-box{
    top:16.8vw;
}
.cases-banner-box .index-banner-top-title{
    color: #000;
    background: linear-gradient(111deg, #4926FC 0%, #7656FF 40.7568359375%, #D956FF 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cases-banner-box .index-banner-top-content{
    font-size: 7.5vw;
    text-align: center;
    margin: 6vw 4vw 0 4vw;
    font-weight: bold;
}
.case-tab{
    padding: 0 18.8vw;
}
.case-tab-item{
    width: calc(100% / 3);
    text-align: center;
    float: left;
}
.case-tab-item img{
    width: 2.5vw;
}
.case-tab-item-title{
    font-size: 2.3vw;
    margin: 1.6vw 0 0.8vw 0;
}
.case-tab-item-title span{
    font-size: 1.2vw;
    font-weight: bold;
}
.case-tab-item-content{
    font-size: 1.2vw;
    color: #666666;
}
.case-swiper{
    margin-top: 5.6vw;
    height: 39.9vw;
    padding: 0 18.8vw;
    background: url(../img/cases/case-swiper-bg.png) no-repeat center;
    background-size: cover;
    position: relative;
}
.case-swiper .common-title{
    padding: 5.2vw 0 4.2vw 0;
}
.case-swiper-pagination{
    bottom: 4.2vw;
    left: 50%;
    margin-left: -2.4vw;
}
.case-swiper-pagination .swiper-pagination-bullet{
    width: 1.6vw;
    height: 0.5vw;
    background-color: #3158ff;
    border-radius: 0.3vw;
    margin: 3vw 0.5vw 0;
}
.case-list{
    width: calc((100% - 4.2vw) / 3);
    float: left;
    margin-left: 2.1vw;
    position: relative;
}
.case-list:first-child{
    margin-left: 0;
}
.case-list img{
    width: 100%;
}
.case-list span{
    position: absolute;
    top:7.2vw;
    left: 1.4vw;
    display: inline-block;
    width: 16.6vw;
    color: #fff;
    font-size: 0.8vw;
    line-height: 1.6vw;
}
.cases-part3{
    background: #fff;
}

.cases-cate .news-cate-item{
    width: 18vw;
}
.news-list .cases-item{
    background: #fff;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    margin-top: 10vw;
}
.news-list .cases-item:nth-child(2n){
    margin-right: 0;
}
.cases-item .cases-item-img img{
    width: 100%;
    background-color: #262ffc;
    border-radius: 0.5vw;
}
.cases-item-content{

}
.cases-item .cases-item-logo img{
    height: 6.4vw;
    margin: 5.2vw 0;
}
.cases-item .cases-item-c{
    vertical-align: middle;
    margin-bottom: 4vw;
}
.cases-item .cases-item-c .cases-item-label{
    font-size: 3.2vw;
    color: #ffffff;
    display: inline-block;
    padding: 0 3vw;
    height: 6.4vw;
    line-height: 6.4vw;
    text-align: center;
    background-color: #46a1ff;
    border-radius: 0.53vw;
    margin-right: 0.4vw;
}
.cases-item .cases-item-c .cases-item-more{
    font-size: 3.47vw;
    color: #262ffc;
    float: right;
}
.cases-item-intro .cases-item-title{
    font-size: 4.8vw;
    line-height: 6.4vw;
    color: #010101;
    margin-bottom: 4vw;
    max-height: 12vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.cases-item-intro .cases-item-desc{
    font-size: 3.73vw;
    line-height: 6.4vw;
    color: #666666;
    max-height: 31.2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.cases-detail-banner{
    height: 133.33vw;
    background: linear-gradient(180deg, #E9F9FF, #FFFFFF);
}
.cases-detail-bak{
    margin-top: -121vw !important;
}
.cases-detail-content{

}
.cases-detail-title{

}
.cases-detail-img{
    margin-bottom: 8vw;
}
.cases-detail-img img{
    width: 100%;
}

/*新闻资讯*/
.news-cate{
    margin: 0 4vw;
    position: absolute;
    top: 126.53vw;
    width: calc(100% - 12vw);
    padding: 0 2vw;
    border:1px solid #e2e7f1;
    line-height: 13.33vw;
    height: 13.33vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 5.33vw 0vw
    rgba(0, 18, 36, 0.1);
    border-radius: 1.33vw;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
.news-cate::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 */
}
.news-cate-item{
    display: inline-block;
    text-align: center;
    height: 13.33vw;
    line-height: 13.33vw;
    width: 21.6vw;
}
.news-cate-item a{
    font-size: 3.47vw;
    color:#000;
}
.news-cate .active span{
    width: 100%;
    height: 2.4vw;
    background-color: #7f85fb;
    opacity: 0.7;
    position: absolute;
    top: 2.6vw;
    left: 0;
}
.news-cate .active a{
    font-size: 4.27vw;
    position: relative;
}
.news-item-img img{
    width: 24vw;
    height: 13.6vw;
    background-color: #2c6ee5;
    border-radius: 0.5vw;
}
.news-list{
    padding: 0 4vw 16vw;
    position: relative;
    top: 7vw;
}
.news-list .news-item{
    background: #fff;
    cursor: pointer;
    display: block;
}
.news-item-intro{
    margin-top: 8vw;
}
.news-item-intro .news-item-desc{
    font-size: 3.73vw;
    line-height: 6.4vw;
    color: #666666;
    max-height: 21.2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.news-item-data{
    font-size: 3.47vw;
    line-height: 3.47vw;
    color: #999;
    margin-top: 7vw;
}
.news-item-data .detail{
    float: right;
}
/*分页*/
.news-page {
    margin: 8vw auto 5vw;
    text-align: center
}
.news-page-prev{
    display: inline-block;
    width: 24vw;
    color: #fff;
    font-size: 3.5vw;
    height: 9.6vw;
    line-height: 9.6vw;
    text-align: center;
    background-color: #2c6ee5;
    border-radius: 0.5vw;
}
.news-page-now{
    display: inline-block;
    width: calc(100% - 48vw - 4px);
    color: #7a8ba6;
    font-size: 3.5vw;
}
.news-page-next{
    display: inline-block;
    width: 24vw;
    float: right;
    color: #fff;
    font-size: 3.5vw;
    height: 9.6vw;
    line-height: 9.6vw;
    text-align: center;
    background-color: #2c6ee5;
    border-radius: 0.5vw;
}
.news-page div a{
    color: #fff;
}
.news-page ul li {
    display: inline-block;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: 0.5vw;
    font-size: 3.8vw;
    text-align: center;
    margin-right: 1.5vw
}

.news-page ul li.active {
    background-color: #1e92f5;
    color: #fff;
    margin-right: 1.5vw
}

.news-page ul li a {
    color: #333;
}

.news-page ul li i.iconfont {
    color: #cecece;
}

/*新闻详情*/
.news-detail-back{
    font-size: 4vw;
    height: 10vw;
    line-height: 10vw;
    padding: 0 4vw;
    margin-top: 13vw;
}
.news-detail-back a{
    vertical-align: middle;
}
.news-detail-back i{
    font-size: 4.5vw;
    margin-right: 3vw;
    float: left;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.news-detail-content{
    padding: 0 4vw 16vw 4vw;
}
.news-detail-title{
    font-size: 7.5vw;
    color: #333;
    line-height: 9.6vw;
    margin-bottom: 7vw;
    font-weight: bold;
    margin-top: 5vw;
}
.y-news-detail-content{
    line-height: 6.4vw;
    color: #666;
}
.y-news-detail-page{
    margin-top: 3vw;
}
.y-news-detail-page a{
    display: inline-block;
    color: #2c6ee5;
    margin-top: 2vw;
    line-height: 5.8vw;
}
/*生态合作*/
.common-section-head{
    font-size: 6.4vw;
    color: #172b4d;
    margin: 0 0 5.2vw;
    text-align: center;
}
.cooperate-part-1{
    padding: 16vw 4vw 0;
}
.cooperate-part-1-item{
    display: inline-block;
    width: calc(100% - 5.3vw);
    margin-top: 5.33vw;
    height: calc(42.8vw - 7.6vw);
    padding: 5.6vw 0 0 5.3vw;
    vertical-align: top;
    background-size: 100%!important;
}
.cooperate-part-1-item:nth-child(even){
    margin-right: 0;
}
.cooperate-part-1-title{
    font-size: 4.27vw;
    color: #172b4d;
    margin-bottom: 3vw;
}
.cooperate-part-1-detail{
    font-size: 3.47vw;
    color: #7a8ba6;
    width: 50.3vw;
    line-height: 5.33vw;
}
.cooperate-part-2{
    padding: 16vw 4vw;
}
.cooperate-part-2-c{
    background: linear-gradient(-90deg, #BAC9DC, #95A7BF);
    margin-top: 10vw;
}
.cooperate-part-2-item{
    display: inline-block;
    width: calc(100% - 5.73vw);
    height: 8.53vw;
    padding: 6.4vw 0 6.4vw 5.73vw;
    vertical-align: top;
    position: relative;
    cursor:pointer;
    border-top: 1px solid #fff;
}
.cooperate-part-2-item .p2-num{
    position: absolute;
    bottom: 0.67vw;
    right: 0.4vw;
    height: 10.4vw;
}
.cooperate-part-2-item .p2-img{
    display: inline-block;
    height: 8.53vw;
}
.cooperate-part-2-detail{
    font-size: 3.73vw;
    color: #fff;
    width: 68%;
    line-height: 4.5vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5.73vw;
}
.cooperate-part-3{
    padding: 13.33vw 0;
    width: 100%;
    background: url("../Mimg/cooperate/p3-banner.png") no-repeat center;
    background-size: 100%;
    height: calc(175.6vw - 26.66vw);
}
.cooperate-part-3-c{
    width: 100%;
    text-align: center;
    margin-top: 8.67vw;
}
.cooperate-part-3-item{
    display: inline-block;
    width: 66.67vw;
    height: 40.53vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 2vw 0vw
    rgba(0, 65, 183, 0.15);
    opacity: 0.98;
    margin-top: 5.33vw;
}
.cooperate-part-3-item img{
    width: 13.47vw;
    margin-top: 5.2vw;
}
.cooperate-part-3-item:first-child{
    margin-top: 0;
}
.cooperate-part-3 .common-section-head{
    color: #fff;
}
.cooperate-part-3-title{
    font-size: 4.27vw;
    color: #172b4d;
    margin: 4.2vw 0 2vw;
}
.cooperate-part-3-detail{
    font-size: 3.47vw;
    color: #7A8BA6;
}
.cooperate-part-4{
    padding: 16vw 4vw 16vw;
}
.cooperate-part-4-item{
    width: calc((100% - 11.74vw)/3);
    float: left;
    margin-left: 5.87vw;
    height: 16vw;
}
.cooperate-part-4-item:first-child{
    margin-left: 0;
}
.cooperate-part-4-item .circle{
    width: 8.13vw;
    height: 8.13vw;
    background-size: 100% 100% !important;
    margin: 0 auto;
}
.cooperate-part-4-item .tip{
    margin-top: -2.6vw;
    text-align: center;
    width: 100%;
    height: 10.67vw;
    background-image: linear-gradient(
            #ffffff,
            #ffffff),
    linear-gradient(
            #2c6ee5,
            #2c6ee5);
    background-blend-mode: normal,
    normal;
    box-shadow: 0vw 0vw 2vw 0vw
    rgba(0, 65, 183, 0.15);
    opacity: 0.9;
}
.cooperate-part-4-item .tip .cooperate-part-4-title{
    display: inline-block;
    color: #172B4D;
    font-size: 3.47vw;
    vertical-align: middle;
    line-height: 10.67vw;
}
.p4-form{
    margin-top: 9vw;
    padding: 3vw 0;
    background-size: 100%!important;
}
.p4-form .common-section-head{
    text-align: center;
}
.p4-form .p4-form-item{
    margin-bottom: 1vw;
    text-align: center;
}
.p4-form .p4-form-item input{
    display: inline-block;
    margin-right: 2vw;
    width: 15.5vw;
    height: 2vw;
    line-height: 2vw;
    background: #FFFFFF;
    border: 1px solid #E2E7F1;
    border-radius: 4px;
    color: #7A8BA6;
    padding: 0 0.5vw;
}
.p4-form .p4-form-item input:nth-child(even){
    margin-right: 0;
}
.p4-form .p4-form-item.code-input{
    position: relative;
}
.p4-form .p4-form-item .code{
    position: absolute;
    top: 0.3vw;
    right: 14.5vw;
    background: #2C6EE5;
    border-radius: 4px;
    border: none;
    color: #fff;
    height: 1.4vw;
    font-size: 0.7vw;
    line-height: 1.4vw;
    padding: 0 0.5vw;
    cursor: pointer;
}
.p4-form .p4-form-btn{
    text-align: center;
}
.p4-form .p4-form-btn div{
    text-align: center;
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: linear-gradient(96deg, #5DB1FF, #3B77FF);
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 0.8vw;
    display: inline-block;
    cursor: pointer;
}
.ecology-nav{
    position: fixed;
    top: 4.2vw;
    width: 100%;
    background: #fff;
    padding: 0 20%;
    z-index: 99;
    height: 4.2vw;
    line-height: 3.9vw;
    box-shadow: 0vw 0.3vw 0.8vw 0vw rgba(0, 65, 183, 0.1);
    display: none;
}
.ecology-nav .index-banner-three-box{
    margin-top: 0;
}
.ecology-nav .index-banner-three-item{
    padding-bottom: 0;
}
/*关于我们*/
.about-banner-box{

}
.about-banner-box .index-banner-top{
    margin-top: 7.8vw;
}
.about-banner-box .index-banner-top-title{
    color: #000;
}
.about-part1 .common-title,.about-part2 .common-title,.about-part3 .common-title{
    font-size: 6.4vw;
    line-height: 6.4vw;
}
.about-part1{
    padding: 16vw 4vw;
}
.about-part1-box{
    margin-top: 10.8vw;
}
.about-part1-item{
    width: calc(100% / 3);
    float: left;
    text-align: center;
}
.about-part1-tit{
    font-size: 6.4vw;
    color: #000000;
    letter-spacing: 0.1vw;
    line-height: 6.4vw;
    height: 8vw;
}
.about-part1-tit span{
    font-size: 3.73vw;
    vertical-align: middle;
}
.about-part1-des{
    font-size: 3.73vw;
    color: #666666;
    margin-top: 1vw;
}
.about-part2{
    background-color: #f2f5fa;
    padding: 10.67vw 4vw;
}
.about-part2-box{
    margin-top: 10.67vw;
}
.about-part2-item{
    width: calc(100% - 5.33vw);
    height: 18.8vw;
    background-color: #ffffff;
    border-radius: 1.33vw;
    margin-top: 5.2vw;
    padding: 0 0 0 5.33vw;
    display: flex;
    align-items: center;
}
.about-part2-item:first-child{
    margin-top: 0;
}
.about-part2-item img{
    height: 7.73vw;
    float: left;
}
.about-part2-content{
    float: left;
    vertical-align: middle;
    margin-left: 5.47vw;
}
.about-part2-tit{
    font-size: 3.73vw;
    line-height: 3.73vw;
    color: #000;
}
.about-part2-des{
    font-size: 3.47vw;
    line-height: 3.47vw;
    color: #666;
    margin-top: 2.6vw;
}
.about-part3{
    margin-top: 16vw;
    padding: 0 4vw;
}
.about-part3 .common-title{
    color: #fff;
}
.about-part3-box{
    background: url(../Mimg/about/about-bg.png) no-repeat center;
    background-size: cover;
    width: calc(100% - 11.6vw);
    border-radius: 3vw;
    padding: 9.6vw 5.8vw;
}
.about-part3-item{
    color: #fff;
    font-size: 3.47vw;
    line-height: 6vw;
    margin-top: 5vw;
}
.about-info{
    padding:16vw 4vw;
}
.about-desc{

}
.about-left{
    display: inline-block;
}
.about-desc-title{
    font-size: 6.4vw;
    line-height: 6.4vw;
    margin-bottom: 8.9vw;
    font-weight: bold;
    text-align: center;
}
.about-desc-item{
    margin-bottom: 8.5vw;
}
.about-name{
    font-size: 4.27vw;
    line-height: 4.27vw;
    margin-bottom: 3.2vw;
    color: #000000;
    font-weight: bold;
}
.about-name span{
    display: inline-block;
    vertical-align: middle;
}
.about-desc-item p{
    font-size: 3.73vw;
    line-height: 6.4vw;
    color: #666666;
}
.about-map{
    height: 56.13vw;
    background-color: #fff;
    border-radius: 2.67vw;
}
.about-map img{
    width: 100%;
    border-radius: 1vw;
    object-fit:none;
}
/*APP下载*/
.download-banner-box{
    top:18.5vw;
}
.download-banner-box .index-banner-top-title{
    background: linear-gradient(111deg, #388CFF 40.673828125%, #7226FC 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.download-banner-box .index-banner-top-content{
    margin: 5vw 4vw 0 4vw;
    line-height: 6.8vw;
    font-size: 3.8vw;
}
.download-section2{
    padding: 13.8vw 0 7.2vw 0;
    background: #fff;
    width:88vw;
    margin: 0 auto;
}

.download-section2 a{
    text-decoration: none;
}

.download-section2 ul{
    font-size: 0;
    text-align: center;
    padding: 0;
}

.download-section2 ul li{
    display: inline-block;
    vertical-align: text-top;
    width: 66.67vw;
    height:53.33vw;
    text-align: center;
    margin-bottom: 8vw;
    position: relative;
}

.download-section2 ul li .download-first{
    font-size: 4.6vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 5.6vw;
    letter-spacing: 0;
    color: #333333;
    margin:3vw 0 2vw 0;
}
.download-section2 ul li .download-code .download-first{
    margin:5vw 0 2vw 0;
}

.download-section2 ul li .download-second{
    font-size: 3.2vw;
    font-weight: normal;
    letter-spacing: 0;
    color: #666666;
}
.download-section2 ul li .download-show{
    border-radius: 4vw;
    background: #FAFAFA;
    width:100%;
    height:100%;
}
.download-section2 ul li .download-code{
    display:none;
    box-shadow: 0px 0px 25px 0px rgba(0,60,132,0.1);
    background: #FFFFFF;
    width:100%;
    height:100%;
    border-radius: 4vw;
}
.download-section2 ul li .download-content{
    width:100%;
    height:100%;
    display:flex;
    border-radius: 4vw;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.download-section2 ul li .li-label{
    position: absolute;
    width:13.33vw;
    height:13.33vw;
    border-top-right-radius: 4vw;
    right: 0;
    top: 0;
    background: linear-gradient(45deg, #FAFAFA, #FAFAFA 50%, #e6effa 50%, #e6effa 100%);
    line-height:3.2vw;
    cursor: pointer;
}
.download-section2 ul li .li-close{
    position: absolute;
    width:13.33vw;
    height:13.33vw;
    border-top-right-radius: 4vw;
    right: 0;
    top: 0;
    background: linear-gradient(45deg, #fff, #fff 50%, #FAFAFA 50%, #FAFAFA 100%);
    line-height:3.2vw;
    cursor: pointer;
}
.download-section2 ul li .li-label img{
    margin-left:5vw;
    margin-top:2vw;
    width:4vw;
}
.download-section2 ul li .li-close i{
    color:#666;
    margin-left:5vw;
    font-size:3.6vw;
    line-height:8vw;
}
.download-section2 ul li .download-code img{
    max-width:21.33vw
}
/*底部*/
.footer{
    width: 100%;
}
.foot-try{
    width: 100%;
    height:62.8vw;
    text-align: center;
    background: url(../Mimg/index/footer-bg.png) no-repeat center;
    background-size: cover;
}
.foot-try .common-title{
    font-size: 6.4vw;
    padding: 10vw 5vw 2vw;
    font-weight: normal;
    color: #333;
    line-height: 9.6vw;
}
.foot-try .btn-try-out{
    text-align: center;
    font-size: 3.5vw;
    color: #000;
    width: 32vw;
    height: 9.1vw;
    background-color: #fed200;
    border-radius: 4.5vw;
    line-height: 9.1vw;
    border: none;
}

.foot-bottom-box{
    padding: 0 7.3vw 4vw;
}
.index-footer{
    padding-top:8vw;
}
.foot-bottom-left img{
    margin-bottom: 1vw;
}
.foot-bottom-left .foot-logo{
    width: 20.8vw;
    float: left;
    margin-top: 6vw;
}
.foot-bottom-left .qudao_code{
    width: 18.7vw;
    margin-top: 0.4vw;
    float: right;
}
.foot-bottom-link{
    border-top:1px solid #eee;
    margin-top:8vw;
}
.foot-bottom-item{
    border-bottom:1px solid #eee;
    padding-right: 1vw;
}
.foot-bottom-item a{
    color: #999;
    line-height: 10.7vw;
    font-size: 3.73vw;
}
.foot-bottom-item div:first-child{
    font-size: 3.73vw;
    height: 13.33vw;
    line-height: 13.33vw;
}
.foot-bottom-item div:first-child i{
    font-size: 3.2vw;
    float: right;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    color: #999;
}
.foot-bottom-link .active div:first-child i{
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.foot-bottom-item .foot-bottom-item-second{
    display: none;
}
.foot-bottom-link .active .foot-bottom-item-second{
    display: block;
}
.foot-version{
    text-align: center;
    color: #999;
    font-size: 2.93vw;
    line-height: 5.8vw;
    padding: 0 0 3vw;
}
.foot-version a{
    color: #999;
}

/* 预约演示弹窗 */
.demo-pop-ups {width: 80vw;height: 100vw;background: url("../../img/yanshi_bg.png") no-repeat;background-size:100% 100%;position: fixed;z-index: 1000;left: 50%;top:50%;margin-left: -40vw;margin-top: -40vw;display: none;}

.demo-pop-ups .demo-pop-hello{font-size: 4.6vw;color: #09162f;margin:9vw 0 0 13.8vw;}

.demo-pop-ups .demo-pop-welcome{font-size: 3.5vw;color: #09162f;margin:2vw 0 0 13.8vw;}

.demo-pop-ups .demo-pop-code{text-align: center;margin-top: 14vw;}

.demo-pop-ups .demo-pop-code img{width: 43vw;height: 43vw;margin: 0 auto;}

.demo-pop-ups .demo-pop-close{}

.demo-pop-ups .demo-pop-close img{width: 6vw;height: 6vw;border-radius: 6vw;position: absolute;right: 0.5vw;top:-0.5vw;box-shadow: 0vw 1vw 2.3vw 0vw rgba(0, 0, 0, 0.3);z-index: 1002;cursor: pointer}

.demo-pop-ups .demo-pop-close span{width: 5.5vw;height: 5.5vw;border-radius: 5.5vw;position: absolute;right: 0.7vw;top:-0.3vw;background: #eee;z-index: 1;}
