.button-hover:hover{
    box-shadow: 0px 8px 6px 3px rgba(41,57,87,0.08);
    opacity: 0.9;
    cursor: pointer;
}
.product-background{
    /*background-image: linear-gradient(0deg,#f5f7fc,#f0f1f7);*/
	padding: 40px 0 60px 0;
}
.product-title{
	text-align: center;
	color: #191919;
    font-size: 28px;
    font-weight: 500;
}
.product-msg{
	text-align: center;
	font-size: 18px;
    font-weight: 400;
    color: #3D485D;
    margin: 16px 0 32px 0;
}
.product-box{
    display: flex;
    width: 1200px;
    margin: auto;
    justify-content: space-between;
}
.product-left{
    width: 280px;
}
.product-right{
    width: 900px;
    display: flex;
    justify-content: space-between;
}
.product-left-item{
    background-color: #f3f5f8;
    background-image: url("/static/img/index/w45wr.webp"),linear-gradient(180deg,#f3f5f8,#fff 178px,#fff);
    background-size: 340px auto,auto;
    background-repeat: no-repeat;
    background-position: 100% 0;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    border-radius: 8px;
    padding: 18px 18px 0 18px;
    height: 150px;
    margin-bottom: 29px;
}
.product-left-item:hover .product-left-item-title{
    color: #0052d9;
}
.product-left-item-title{
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}
.product-left-item-title div:nth-child(2){
    padding: 0 12px;
    font-size: 12px;
    line-height: 26px;
    color: #41464f;
    border: 1px solid #dde2e9;
    border-radius: 4px;
    margin-left: 8px;
}
.product-left-item-msg{
    font-size: 14px;
    color: #3d485d;
    line-height: 22px;
}
.product-right-item{
    width: 32%;
    border-radius: 8px;
    box-shadow: 0 4px 60px 0 rgba(0,28,85,.04);
    border: 1.5px solid #fff;
    background: #fff no-repeat;
    background-size: 100% 160px;
    overflow: hidden;
}
.product-right-item:nth-child(1){
    background-image: linear-gradient(0deg,rgba(209,227,255,0),#d1e3ff);
}
.product-right-item:nth-child(2){
    background-image: linear-gradient(0deg,rgba(202,240,248,0),#caeff8);
}
.product-right-item:nth-child(3){
    background-image: linear-gradient(0deg,hsla(0,0%,100%,0),#e6e1fa);
}
.product-right-item-title{
    height: 102px;
    padding: 22px 32px 0 22px;
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 22px;
}
.product-right-item:nth-child(1) .product-right-item-title{
    background-image: url('/static/img/index/tos_41aea0d23743cdc0093a2b54378eb2ed.png');
    color: #1357bd;
}
.product-right-item:nth-child(2) .product-right-item-title{
    background-image: url('/static/img/index/tos_7fe1c3decf58fca69936928ac762d675.png');
    color: #0d72aa;
}
.product-right-item:nth-child(3) .product-right-item-title{
    background-image: url('/static/img/index/tos_863f2fa36883229c29fcf407db6faa66.png');
    color: #5c43a4;
}
.product-right-item-title div:nth-child(1){
    font-size: 24px;
    margin-bottom: 2px;
}
.product-right-item-title div:nth-child(2){
    font-size: 14px;
    margin-bottom: 24px;
}
.product-right-item-title div:nth-child(3){
    height: 1px;
}
.product-right-procuct{
    padding: 16px 32px;
}
.product-right-procuct:hover>div:nth-child(1){
    color: #0052d9;
}
.product-right-procuct>div:nth-child(1){
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
}
.product-right-procuct>div:nth-child(2){
    font-size: 14px;
    color: #3d485d;
    margin-bottom: 8px;
}
.product-right-procuct>div:nth-child(3){
    display: flex;
    align-items: center;
}
.product-right-procuct>div:nth-child(3) div{
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px;
    color: #41464f;
    border: 1px solid #dde2e9;
    border-radius: 4px;
    margin-right: 3px;
}
.introduce-background{
    background: url('/static/img/index/z20.49f1e31b.png') no-repeat top;
}
.introduce-box{
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: flex-end;
}
.introduce-box>div{
    width: 680px;
    padding: 40px 0;
    text-align: center;
}
.introduce-title{
    font-size: 24px;
    color: #333;
    margin-top: 30px;
}
.introduce-msg{
    color: #888;
    font-size: 14px;
    margin: 30px 0;
}
.introduce-item-box{
    padding: 30px;
    width: 680px;
    display: flex;
    justify-content: space-around;
}
.introduce-item div:nth-child(2){
    font-size: 16px;
    color: #333;
    margin: 8px 0;
}
.introduce-item div:nth-child(3){
    font-size: 14px;
    color: #666;
}
.enterprise-experience-background{
    background: #F3F5F8;
}
.enterprise-experience-box{
    margin: auto;
    padding-top: 64px;
    padding-bottom: 60px;
    text-align: center;
    width: 1200px;
}
.enterprise-experience-box>div:nth-child(1){
    color: #191919;
    font-size: 28px;
    font-weight: 500;
}
.enterprise-experience-box>div:nth-child(2){
    font-size: 18px;
    font-weight: 400;
    color: #3D485D;
    margin: 16px 0 32px 0;
}
.enterprise-experience-item-box{
    width: 1200px;
    height: 601px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: start;
}
.enterprise-experience-item-type1{
    overflow: hidden;
    width: 288px;
    height: 225px;
    padding: 24px 16px;
    background: white;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 6px 0px rgba(41,57,87,0.08);
}
.enterprise-experience-item-type1 div:nth-child(1){
    font-size: 18px;
    color: #000;
}
.enterprise-experience-item-type1:hover div:nth-child(1){
    color: #006eff;
}
.enterprise-experience-item-type1 div:nth-child(2){
    height: 80px;
    font-size: 14px;
    color: #495770;
    line-height: 20px;
    margin-bottom: 17px;
}
.enterprise-experience-item-type1 div:nth-child(3){
    height: 1px;
    background: #F2F2F2;
    margin-bottom: 24px;
}
.enterprise-experience-item-type1 a{
    width: fit-content;
    display: flex;
    align-items: center;
    color: #006eff;
    font-size: 14px;
}
.enterprise-experience-item-type1 a .iconfont{
    font-size: 10px;
    margin-left: 6px;
}
.enterprise-experience-item-type2{
    background: white;
    box-shadow: 0px 2px 6px 0px rgba(41,57,87,0.08);
    width: 592px;
    height: 119px;
    padding: 24px 16px;
}
.enterprise-experience-item-type2 div:nth-child(1){
    font-size: 18px;
    color: #000;
}
.enterprise-experience-item-type2:hover div:nth-child(1){
    color: #006eff;
}
.enterprise-experience-item-type2 div:nth-child(2){
    width: 445px;
    font-size: 14px;
    color: #495770;
    line-height: 20px;
}
.enterprise-experience-item-type2 div:nth-child(2) a{
    margin-left: 8px;
    color: #006eff;
}
.partner-background{
    padding: 60px 0;
    background-image: url('/static/img/index/remoteL17125755984451.png');
    background-color: #f4f8ff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.partner-title{
    text-align: center;
    font-size: 30px;
    color: #181818;
    margin-bottom: 18px;
}
.partner-msg{
    text-align: center;
    font-size: 16px;
    color: rgba(34, 34, 34, 0.9);
    margin-bottom: 60px;
}
.partner-container{
    position: relative;
    width: 1200px;
    overflow: hidden;
    margin: auto;
    padding-bottom: 26px;
}
.partner-container::before,.partner-container::after{
    background-image: -webkit-linear-gradient(left, #f4f5f9 20%, rgba(235, 237, 240, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: 184px;
    z-index: 2;
}
.partner-container::before{
    left: -64px;
    top: 0;
}
.partner-container::after{
    right: -64px;
    top: 0;
    transform: rotateZ(180deg);
}
.partner-box{
    animation: 20s linear 0s infinite normal none running scroll-left;
    width: fit-content;
    display: flex;
    align-items: center;
}
.partner-item{
    width: 154px;
    height: 72px;
    background: white;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 26px;
}
.partner-item img{
    width: 112px;
    height: auto;
    max-height: 38px;
    object-fit: fill;
}
@keyframes scroll-left{
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.3%);
    }
}
.global-sites-background{
    background: #fff;
    padding-top: 64px;
    padding-bottom: 32px;
}
.global-sites-background>div:nth-child(1){
    color: #2a2d38;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}
.global-sites-background>div:nth-child(2){
    font-size: 26px;
    font-weight: 300;
    color: #2a2d38;
    text-align: center;
    margin: 12px 0 38px 0;
}
.global-sites-background>div:nth-child(3){
    height: 3px;
    width: 45px;
    margin: auto;
    background: #0069ff;
}
.global-sites-box{
    display: flex;
    margin: 50px auto 0 auto;
    width: 1200px;
    justify-content: space-around;
}
.global-sites-advantage{
    display: flex;
    margin-top: 48px;
}
.global-sites-advantage img{
    width: 58px;
    margin-right: 26px;
}
.global-sites-advantage-text div:nth-child(1){
    font-size: 28px;
    color: #212529;
    font-weight: 500;
    margin-bottom: 8px;
}
.global-sites-advantage-text div:nth-child(2){
    font-size: 18px;
    color: #223160;
    font-weight: 500;
    width: 162px;
}
@keyframes breathing {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: .05
    }

    35% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        opacity: .2
    }

    70% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .3
    }

    100% {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

.world-map ul li .network-label {
    color: #dce6ef;
    background-color: #26386b;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 13px;
    width: 100px;
    height: 24px;
    line-height: 24px;
    margin-left: -44px;
    box-sizing: border-box;
    margin-top: 21px;
    display: none;
    z-index: 998;
    box-shadow: 0 2px 2px 0 rgb(10 19 45 / 8%);
    position: absolute;
    top: -54px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.world-map ul li:hover .network-label {
    display: block
}

.world-map {
    position: relative;
    max-width: 1040px;
    max-height: 527px;
    margin: 0 auto
}

.world-map img {
    width: 100%
}

.world-map ul li {
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    display: block
}

.world-map ul li:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #0069ff;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    display: block
}

.world-map ul li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: -50%;
    left: -50%;
    border-radius: 100%;
    background: #0069ff;
    background: radial-gradient(circle, rgba(255, 143, 79, .14889705882352944) 0, #0069ff 100%);
    -webkit-animation: breathing 2s linear infinite;
    animation: breathing 2s linear infinite
}

.world-map ul li.pop-na-va {
    left: 7.7%;
    top: 20%
}

.world-map ul li.pop-na-mn {
    left: 26.7%;
    top: 22.2%
}

.world-map ul li.pop-as-tw {
    left: 86%;
    top: 39%
}

.world-map ul li.pop-as-pk {
    left: 68%;
    top: 43%
}

.world-map ul li.pop-as-nd {
    left: 70.7%;
    top: 41%
}

.world-map ul li.pop-as-az {
    top: 32%;
    left: 64%
}

.world-map ul li.pop-as-ge {
    top: 30.5%;
    left: 62.3%
}

.world-map ul li.pop-as-cy {
    top: 38%;
    left: 57%
}

.world-map ul li.pop-eu-zu {
    left: 49.6%;
    top: 26.2%
}

.world-map ul li.pop-eu-se {
    left: 52%;
    top: 13.5%
}

.world-map ul li.pop-eu-at {
    top: 25.4%;
    left: 51.3%
}

.world-map ul li.pop-eu-sk {
    top: 26%;
    left: 52.3%
}

.world-map ul li.pop-eu-ky {
    left: 75%;
    top: 18%
}

.world-map ul li.pop-eu-gr {
    left: 54.7%;
    top: 34%
}

.world-map ul li.pop-eu-bg {
    left: 54.4%;
    top: 31%
}

.world-map ul li.pop-na-la {
    left: 10%;
    top: 34%
}

.world-map ul li.pop-na-ph {
    left: 11.4%;
    top: 35%
}

.world-map ul li.pop-na-kc {
    left: 17.7%;
    top: 29%
}

.world-map ul li.pop-na-ny {
    left: 25.9%;
    top: 28%
}

.world-map ul li.pop-na-mi {
    left: 21.5%;
    top: 36%
}

.world-map ul li.pop-na-tx {
    left: 17%;
    top: 33%
}

.world-map ul li.pop-na-wa {
    left: 8%;
    top: 22%
}

.world-map ul li.pop-na-pho {
    left: 11.4%;
    top: 35.5%
}

.world-map ul li.pop-na-hou {
    left: 17.6%;
    top: 37%
}

.world-map ul li.pop-na-sil {
    left: 9%;
    top: 30%
}

.world-map ul li.pop-na-il {
    left: 19.5%;
    top: 27%
}

.world-map ul li.pop-na-den {
    left: 13.5%;
    top: 29%
}

.world-map ul li.pop-na-og {
    left: 11.5%;
    top: 27.5%
}

.world-map ul li.pop-na-bst {
    left: 27.2%;
    top: 26%
}

.world-map ul li.pop-na-ash {
    left: 24.5%;
    top: 29.5%
}

.world-map ul li.pop-na-ga {
    left: 21%;
    top: 32%
}

.world-map ul li.pop-na-to {
    left: 21.5%;
    top: 26%
}

.world-map ul li.pop-sa-cl {
    left: 22.5%;
    top: 79%
}

.world-map ul li.pop-sa-ba {
    left: 26%;
    top: 81%
}

.world-map ul li.pop-sa-cr {
    left: 20%;
    top: 47.5%
}

.world-map ul li.pop-sa-co {
    left: 21%;
    top: 52.6%
}

.world-map ul li.pop-sa-co {
    left: 21%;
    top: 52.6%
}

.world-map ul li.pop-sa-mx {
    left: 16%;
    top: 44%
}

.world-map ul li.pop-sa-ri {
    left: 31.5%;
    top: 70%
}

.world-map ul li.pop-sa-bs {
    left: 29%;
    top: 66%
}

.world-map ul li.pop-sa-br {
    left: 30%;
    top: 72%
}

.world-map ul li.pop-sa-pa {
    left: 28%;
    top: 76%
}

.world-map ul li.pop-sa-fl {
    left: 32%;
    top: 58%
}

.world-map ul li.pop-sa-ar {
    left: 27%;
    top: 79%
}

.world-map ul li.pop-sa-pe {
    left: 18.5%;
    top: 65%
}

.world-map ul li.pop-sa-ec {
    left: 18.5%;
    top: 55%
}

.world-map ul li.pop-sa-pae {
    left: 28.7%;
    top: 75.6%
}

.world-map ul li.pop-sa-ft {
    left: 30%;
    top: 56%
}

.world-map ul li.pop-as-isr {
    top: 41.2%;
    left: 57.7%
}

.world-map ul li.pop-as-uae {
    top: 47.7%;
    left: 66%
}

.world-map ul li.pop-as-sa {
    top: 47.8%;
    left: 63.4%
}

.world-map ul li.pop-as-jp {
    left: 94.5%;
    top: 31.5%
}

.world-map ul li.pop-as-sg {
    left: 81.3%;
    top: 57.7%
}

.world-map ul li.pop-as-my {
    left: 80.8%;
    top: 55.5%
}

.world-map ul li.pop-as-th {
    left: 81%;
    top: 48%
}

.world-map ul li.pop-as-vn {
    left: 82.4%;
    top: 52%
}

.world-map ul li.pop-as-ph {
    left: 85.6%;
    top: 51%
}

.world-map ul li.pop-as-id {
    top: 63%;
    left: 84%
}

.world-map ul li.pop-as-bk {
    top: 51.5%;
    left: 81%
}

.world-map ul li.pop-as-hk {
    left: 83.8%;
    top: 41%
}

.world-map ul li.pop-as-in {
    left: 71%;
    top: 48%
}

.world-map ul li.pop-as-mu {
    left: 69.2%;
    top: 45.5%
}

.world-map ul li.pop-as-cen {
    left: 72.5%;
    top: 47.9%
}

.world-map ul li.pop-as-kr {
    left: 90%;
    top: 30.5%
}

.world-map ul li.pop-as-kz {
    left: 70%;
    top: 27.5%
}

.world-map ul li.pop-as-tr {
    left: 56.7%;
    top: 31%
}

.world-map ul li.pop-eu-uk {
    left: 46.3%;
    top: 20.4%
}

.world-map ul li.pop-eu-es {
    left: 45.2%;
    top: 32%
}

.world-map ul li.pop-eu-pt {
    left: 43.8%;
    top: 33%
}

.world-map ul li.pop-eu-lu {
    left: 48.8%;
    top: 26%
}

.world-map ul li.pop-eu-ie {
    left: 44.3%;
    top: 19.4%
}

.world-map ul li.pop-eu-it {
    left: 50%;
    top: 29%
}

.world-map ul li.pop-eu-no {
    left: 50.2%;
    top: 13%
}

.world-map ul li.pop-eu-ams {
    left: 48.4%;
    top: 20.3%
}

.world-map ul li.pop-eu-fr {
    left: 47.4%;
    top: 26%
}

.world-map ul li.pop-eu-ua {
    left: 57.2%;
    top: 23%
}

.world-map ul li.pop-eu-mr {
    left: 48%;
    top: 30%
}

.world-map ul li.pop-eu-lj {
    left: 51%;
    top: 28%
}

.world-map ul li.pop-eu-de {
    left: 49.4%;
    top: 23.2%
}

.world-map ul li.pop-eu-dk {
    left: 51%;
    top: 18%
}

.world-map ul li.pop-eu-hu {
    left: 52%;
    top: 28%
}

.world-map ul li.pop-eu-bu {
    left: 55.4%;
    top: 29.5%
}

.world-map ul li.pop-eu-ba {
    left: 53%;
    top: 30%
}

.world-map ul li.pop-eu-sr {
    left: 54%;
    top: 28%
}

.world-map ul li.pop-eu-md {
    left: 57%;
    top: 28%
}

.world-map ul li.pop-eu-ru {
    left: 58.4%;
    top: 17.2%
}

.world-map ul li.pop-eu-kh {
    left: 91.7%;
    top: 24%
}

.world-map ul li.pop-eu-pl {
    left: 53%;
    top: 22.2%
}

.world-map ul li.pop-eu-cz {
    left: 51.7%;
    top: 23.4%
}

.world-map ul li.pop-eu-vi {
    left: 53.3%;
    top: 18.7%
}

.world-map ul li.pop-eu-is {
    left: 42%;
    top: 9%
}

.world-map ul li.pop-eu-fi {
    left: 53.9%;
    top: 13.5%
}

.world-map ul li.pop-af-sa {
    left: 57.5%;
    top: 87%
}

.world-map ul li.pop-af-ng {
    left: 47.5%;
    top: 64%
}

.world-map ul li.pop-af-ke {
    left: 59%;
    top: 67%
}

.world-map ul li.pop-af-eg {
    left: 56.4%;
    top: 43%
}

.world-map ul li.pop-oc-syd {
    left: 96.2%;
    top: 81%
}

.world-map ul li.pop-oc-mel {
    left: 94.6%;
    top: 86.8%
}

.world-map ul li.pop-oc-per {
    left: 86.5%;
    top: 79%
}

.world-map ul li.pop-oc-ade {
    left: 91.5%;
    top: 84%
}

.world-map ul li.pop-oc-auc {
    left: 96.7%;
    top: 84%
}

.world-map ul li.pop-oc-bri {
    left: 96.1%;
    top: 77%
}

.world-map ul li.na-pop:before {
    background: #4980ff;
    background: radial-gradient(circle, #4980ff 0, #4980ff 100%)
}

.world-map ul li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: -50%;
    left: -50%;
    border-radius: 100%;
    background: #0069ff;
    background: radial-gradient(circle, rgba(255, 143, 79, .14889705882352944) 0, #0069ff 100%);
    -webkit-animation: breathing 2s linear infinite;
    animation: breathing 2s linear infinite
}
.document-center-background{
    background: #F3F5F8;
}
.document-center-box{
    margin: auto;
    padding-top: 64px;
    padding-bottom: 60px;
    width: 1200px;
}
.document-center-box>div:nth-child(1){
    color: #191919;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;
}
.document-list-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 27px 28px 30px;
    background-image: linear-gradient(180deg, #f0f2f5 0%, #fff 100%), linear-gradient(#fff, #fff);
    box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, 0.1);
    border-radius: 2px;
    border: solid 2px #fff;
}
.document-list-item{
    width: 30%;
}
.document-list-item-title{
    display: flex;
    align-items: center;
    font-size: 23.5px;
    color: #333;
    margin-bottom: 30px;
}
.document-list-item-title img{
    width: 38px;
    height: 38px;
    margin-right: 10px;
}
.document-list-item-link{
    font-size: 14px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.document-list-item-link div:nth-child(1){
    width: 72%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.document-list-item-link div:nth-child(2){
    width: 80px;
    color: #999;
}
.document-list-item-link:hover div:nth-child(1){
    color: #006aff;
}
.document-list-item-more{
    display: block;
    background: #1564ff;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    border-radius: 4px;
    color: white;
    text-align: center;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    margin-top: 30px;
    transition: all .3s;
}
.document-list-item-more:hover{
    background-color: #4281fe;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.banner-tab-box{
    width: 1200px;
    height: fit-content;
    position: relative;
    top: -55px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    z-index: 2;
}
.banner-tab{
    display: block;
    background: white;
    width: 24%;
    height: auto;
    padding: 24px 20px;
    display: flex;
    align-items: center;
    box-shadow: rgba(17, 12, 46, 0.05) 0px 48px 100px 0px;
    border-radius: 4px;
    cursor: pointer;
}
.banner-tab-img{
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}
.banner-tab-text{
    flex: 1;
}
.banner-tab-text div:first-child{
    font-size: 16px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 4px;
}
.banner-tab-text div:last-child{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    margin-top: 4px;
}
@keyframes animation_icon{
    0% {
        background-position: 0 0;
    }
    
    100% {
        background-position: 0 100%;
    }
}
.banner-tab:hover .banner-tab-img{
    animation: animation_icon 1s steps(30) forwards;
}
.banner-tab:hover .banner-tab-text div:first-child{
    color: #0052d9;
}
  /* 轮播图 */
.advertisement-item{
    background-color: rgb(221,239,253);
    height: 490px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.advertisement-video{
    position: absolute;
    left: 0;
    top: 0;
    width: -webkit-fill-available;
    height: auto;
}
.advertisement-content{
    width: 1200px;
    padding-top: 118px;
    margin: auto;
}
.advertisement-tag-box{
    display: flex;
    align-items: center;
}
.advertisement-tag-box div{
    height: 24px;
    padding: 0 8px;
    line-height: 24px;
    text-align: center;
    background: #f33e3e;
    border-radius: 2px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    margin-right: 8px;
}
.advertisement-title{
    font-size: 40px;
    font-weight: bold;
    color: #181818;
    margin: 10px 0 15px 0;
}
.advertisement-msg{
    font-size: 16px;
    font-weight: 400;
    color: #191919;
    line-height: 26px;
}
.advertisement-btn{
    display: block;
    width: fit-content;
    padding: 0 34px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    color: white;
    font-size: 14px;
    background: linear-gradient(180deg,#0052d9, #1466ed);
    border-radius: 4px;
    cursor: pointer;
    margin-top: 22px;
}
.swiper-button-prev,.swiper-button-next{
    width: 40px;
    height: 40px;
    background: white;
    color: #666;
    border-radius: 50%;
}
.swiper-button-prev::after,.swiper-button-next::after{
    font-size: 14px;
    font-weight: bold;
    color: rgb(165, 164, 164);
}
.swiper-button-prev:hover,.swiper-button-next:hover{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
} 
.swiper .swiper-pagination{
    width: 1200px;
    position: relative;
    bottom: 100px;
    height: 0;
    margin: auto;
    text-align: left;
}
.swiper-pagination-bullet{
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    background: rgba(128, 128, 128, 0.5);
    width: 42px;
    border-radius: 0px;
    height: 4px;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #0052d9;
    box-shadow: unset;
}

/**
小图标
 */
.column-link-bubble-inner22 {
    display: inline-block!important;;
    vertical-align: middle!important;;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px!important;
    color: #fff!important;
    background-color: #28a745;
    border-radius: 4px!important;;
    border: none!important;
    border-bottom-left-radius: 0!important;
    margin: 0 5px;
}
.column-link-red-inner22 {
    display: inline-block!important;;
    vertical-align: middle!important;;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px!important;
    color: #fff!important;
    background-color: red;
    border-radius: 4px!important;;
    border: none!important;
    border-bottom-left-radius: 0!important;
    margin: 0 5px;
}
.column-link-black-inner22 {
    display: inline-block!important;;
    vertical-align: middle!important;;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px!important;
    color: #fff!important;
    background-color: #040a11;
    border-radius: 4px!important;;
    border: none!important;
    border-bottom-left-radius: 0!important;
    margin: 0 5px;
}
.column-link-blue-inner22 {
    display: inline-block!important;;
    vertical-align: middle!important;;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px!important;
    color: #fff!important;
    background-color: #0043ff;
    border-radius: 4px!important;;
    border: none!important;
    border-bottom-left-radius: 0!important;
    margin: 0 5px;
}
.column-link-pink-inner22 {
    display: inline-block!important;;
    vertical-align: middle!important;;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px!important;
    color: #fff!important;
    background-color: #ff00ac;
    border-radius: 4px!important;;
    border: none!important;
    border-bottom-left-radius: 0!important;
    margin: 0 5px;
}

/* 手机样式 */
@media (max-width: 1024px) {
    .banner-tab-box{
        width: 92%;
        height: fit-content;
        flex-wrap: wrap;
        top: 20px;
    }
    .banner-tab{
        width: 48%;
        margin-bottom: 12px;
        padding: 26px 13px;
        /* background-image: linear-gradient(0deg,#fff,#f3f5f8); */
        border: 2px solid #fff;
    }
    .banner-tab-text div:first-child{
        font-size: 15px;
    }
    .banner-tab-img{
        display: none;
    }
    .product-background{
        padding: 56px 0 30px 0;
    }
    .product-title{
        font-size: 16px;
        font-weight: 550;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .product-msg{
        font-size: 12px;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .product-box{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .product-left{
        width: 92%;
        margin-bottom: 30px;
    }
    .product-right{
        width: 92%;
        flex-wrap: wrap;
    }
    .product-left-item{
        width: 100%;
    }
    .product-right-item{
        width: 100%;
        margin-bottom: 30px;
    }
    .product-right-item:last-child{
        margin-bottom: 0;
    }
    .introduce-box{
        width: 100%;
        justify-content: center;
    }
    .introduce-box>div{
        width: 92%;
        padding: 30px 0;
    }
    .introduce-title{
        font-size: 16px;
        font-weight: 550;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .introduce-msg{
        font-size: 12px;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .introduce-item-box{
        padding: 0;
        width: 100%;
        justify-content: space-between;
    }
    .introduce-item div:nth-child(2){
        font-size: 14px;
    }
    .introduce-item div:nth-child(3){
        font-size: 12px;
    }
    .enterprise-experience-box{
        width: 100%;
        padding: 30px 0;
    }
    .enterprise-experience-box>div:nth-child(1){
        font-size: 16px;
        font-weight: 550;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .enterprise-experience-box>div:nth-child(2){
        font-size: 12px;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .enterprise-experience-item-box{
        width: 100%;
        height: fit-content;
        justify-content: center;
    }
    .enterprise-experience-item-type1{
        height: fit-content;
        width: 92%;
        margin-bottom: 20px;
    }
    .enterprise-experience-item-type2{
        width: 92%;
        margin-bottom: 20px;
    }
    .enterprise-experience-item-type2:last-child{
        margin-bottom: 0;
    }
    .enterprise-experience-item-type2 div:nth-child(2){
        width: 100%;
        font-size: 13px;
    }
    .enterprise-experience-item-type2{
        height: fit-content;
    }
    .partner-background{
        padding: 30px 0;
    }
    .partner-title{
        font-size: 16px;
        font-weight: 550;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .partner-msg{
        font-size: 12px;
        margin-bottom: 30px;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .global-sites-background{
        padding: 30px 0;
    }
    .global-sites-background>div:nth-child(1){
        font-size: 16px;
        font-weight: 550;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .global-sites-background>div:nth-child(2){
        font-size: 12px;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 22px;
    }
    .global-sites-box{
        margin-top: 0;
        width: 100%;
        justify-content: center;
    }
    .global-sites-box>div:nth-child(1){
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 92%;
    }
    .global-sites-box>div:nth-child(2){
        display: none;
    }
    .global-sites-advantage{
        align-items: center;
        width: 48%;
    }
    .global-sites-advantage-text div:nth-child(1){
        font-size: 16px;
    }
    .global-sites-advantage-text div:nth-child(2){
        font-size: 14px;
        width: fit-content;
    }
    .document-center-box{
        width: 92%;
        padding: 30px 0;
    }
    .document-center-box>div:nth-child(1){
        font-size: 16px;
        font-weight: 550;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .document-list-box{
        justify-content: center;
        flex-wrap: wrap;
    }
    .document-list-item{
        width: 100%;
        margin-bottom: 56px;
    }
    .document-list-item:last-child{
        margin-bottom: 0;
    }
    .product-left-item-title{
        font-size: 16px;
    }
    .product-left-item-msg{
        font-size: 13px;
    }
    .product-right-item-title{
        margin-bottom: 0;
    }
    .product-right-item-title div:nth-child(1){
        font-size: 18px;
    }
    .product-right-procuct>div:nth-child(1){
        font-size: 16px;
    }
    .enterprise-experience-item-type1 div:nth-child(1){
        font-size: 16px;
        margin-bottom: 4px;
    }
    .enterprise-experience-item-type1 div:nth-child(2){
        font-size: 13px;
        height: fit-content;
    }
    .enterprise-experience-item-type2 div:nth-child(1){
        font-size: 16px;
        margin-bottom: 4px;
    }
    .partner-container{
        width: 100%;
    }
    .document-list-item-title{
        font-size: 16px;
    }
    .swiper-pagination-bullet{
        width: 22px;
    }
    .advertisement-video{
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: -webkit-fill-available;
    }
    .advertisement-content{
        width: 92%;
        padding-top: 40px;
    }
    .swiper .swiper-pagination{
        bottom: 40px;
        left: 4%;
    }
    .swiper-button-prev, .swiper-button-next{
        display: none;
    }
    .advertisement-item{
        height: 290px;
    }
    .advertisement-title{
        font-size: 18px;
    }
    .advertisement-msg{
        font-size: 14px;
    }
}