.vision {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 26px;
    animation: actLeft 1s linear 0s;
    -webkit-animation: actLeft 1s linear 0s;
    /* Safari 与 Chrome */
    position: relative;
    left: 0;
}

.big-img:hover .vision {
    animation: actRight 1s linear 0s;
}

.vision-top {
    margin-top: 30px;
}

.big-img:hover .vision-content {
    animation: actLeft 1s linear 0s;
}

.vision-content {
    font-size: 32px;
    line-height: 32px;
    animation: actRight 1s linear 0s;
    -webkit-animation: actRight 1s linear 0s;
    /* Safari 与 Chrome */
    position: relative;
    left: 0;
}

.big-img:hover .vision-relax {
    animation: actRight 1s linear 0s;
}

.vision-relax {
    font-size: 36px;
    line-height: 36px;
    margin-top: 60px;
    animation: actLeft 1s linear 0s;
    -webkit-animation: actLeft 1s linear 0s;
    /* Safari 与 Chrome */
    position: relative;
    left: 0;
}

.banner_c h1 {
    margin-bottom: 40px;
}

body {
    min-width: 1800px;
}

.banner_c p {
    font-size: 20px;
    margin-top: 10px;
}

.panner-main {
    width: 100%;
    padding-top: 90px;
}

.panner-content {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.panner-content h5 {
    font-size: 26px;
    color: #333333;
    font-weight: bold;
}

.panner-main .panner-content .coop-box {
    padding: 20px 0;
    position: relative;
}

.panner-main .panner-content .coop-box .cont {
    width: 366px;
    height: 180px;
    font-size: 14px;
    color: #fff;
    padding: 20px;
    background: linear-gradient(#2d6cc7, #408af4);
    border-radius: 20px;
    text-align: justify;
    position: absolute;
}

.panner-main .panner-content .coop-box .cont1 {
    left: 30px;
    top: 84px;
}

.panner-main .panner-content .coop-box .cont2 {
    width: 202px;
    height: 66px;
    left: 840px;
    top: 41px;
}

.title-desc {
    color: #666666;
    font-size: 18px;
    margin-bottom: 40px;
}

.panner-type {
    display: flex;
    padding: 14px 50px;
    width: 100%;
    height: 410px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 0px 10px 10px 0px;
    position: relative;
}

.panner-img {
    margin-right: 90px;
}

.dialogue {
    height: 900px;
    width: 100%;
    box-sizing: border-box;
    background: url(../image/ipad.png)no-repeat center;
    background-size: contain;
    border-radius: 10px;
    position: relative;
    padding: 40px 0 0 0;
}

.create {
    font-size: 32px;
    color: #4397F9;
    line-height: 32px;
    margin-bottom: 50px;
}

.partner-a {
    position: absolute;
    left: 32px;
    top: 521px;
    cursor: pointer;
}

.partner-b {
    position: absolute;
    right: 32px;
    top: 528px;
    cursor: pointer;
}

.responsible {
    margin: 60px auto 0;
    width: 1140px;
    height: 246px;
    box-shadow: 0px 0px 27px 0px rgba(48, 90, 223, 0.05);
    border-radius: 10px;
    padding: 30px;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    /* Safari */
}

.responsible:hover {
    box-shadow: 5px 5px 16px 0 rgba(0, 9, 76, 0.3);
    top: -5px;
}

.proto {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 30px;
}

.responsible-b {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    text-align: left;
}

.responsible-a {
    text-align: left;
    margin-top: 19px;
    font-size: 18px;
    line-height: 18px;
    color: #333;
}

.responsible-info {
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    margin-top: 14px;
    color: #666;
}

.dialogue-1 {
    margin-top: 32px;
    display: flex;
}

.dialogue-3 {
    margin-top: 14px;
    display: flex;
}

.paety-a {
    width: 44px;
    height: 44px;
    background: #4397F9;
    border-radius: 6px;
    margin-left: 254px;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

.dialogue-1-content {
    width: 268px;
    height: 68px;
    background: #4397F9;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 29px;
}

.dialogue-3-content {
    width: 508px;
    height: 90px;
    background: #4397F9;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 29px;
    padding-right: 20px;
}

.dialogue-me {
    line-height: 22px;
}

.dialogue-content {
    width: 192px;
    height: 44px;
}

.dialogue-a {
    width: 508px;
    height: 136px;
    line-height: 22px;
}

.dialogue-3-info {
    font-size: 14px;
    color: #fff;
    text-align: left;
}

.dialogue-info {
    width: 170px;
    font-size: 26px;
    letter-spacing: 2px;
    font-style: italic;
    font-weight: 600;
    color: #4397F9;
    line-height: 34px;
    -webkit-text-stroke: 1px #FFFFFF;
    /* text-stroke: 3px #FFFFFF; */
}

.arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-right: 20px solid #4397F9;
    border-bottom: 6px solid transparent;
    left: -10px;
    top: 16px;
}

.dialogue-2 {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
    margin-right: 254px;
}

.dialogue-4 {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
    margin-right: 254px;
}

.dialogue-2-content {
    width: 508px;
    height: 68px;
    border: 2px solid #FEBC4F;
    border-radius: 8px;
    margin-right: 20px;
    position: relative;
    padding: 0px 41px 0px 15px;
    display: flex;
    align-items: center;
}

.dialogue-4-content {
    width: 162px;
    height: 44px;
    border: 2px solid #FEBC4F;
    border-radius: 8px;
    margin-right: 20px;
    position: relative;
    padding: 0px 41px 0px 15px;
    display: flex;
    align-items: center;
}

.dialogue-need {
    width: 200px;
}

.dialogue-b {
    width: 264px;
}

.dialogue-b-1 {
    width: 508px;
    height: 68px;
}

.dialogue-end {
    display: flex;
    align-items: center;
}

.hand {
    margin: 0 5px;
    animation: zy 2.5s .15s linear infinite;
    -moz-animation: zy 2.5s .15s linear infinite;
    /* Firefox */
    -webkit-animation: zy 2.5s .15s linear infinite;
    /* Safari and Chrome */
    -o-animation: zy 2.5s .15s linear infinite;
    /* Opera */
}

@-webkit-keyframes zy {
    10% {
        transform: rotate(45deg);
    }
    20% {
        transform: rotate(-40deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,
    100% {
        transform: rotate(0deg);
    }
}

@-moz-keyframes zy {
    10% {
        transform: rotate(45deg);
    }
    20% {
        transform: rotate(-40deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,
    100% {
        transform: rotate(0deg);
    }
}

@-o-keyframes zy {
    10% {
        transform: rotate(45deg);
    }
    20% {
        transform: rotate(-40deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,
    100% {
        transform: rotate(0deg);
    }
}

@keyframes zy {
    10% {
        transform: rotate(45deg);
    }
    20% {
        transform: rotate(-40deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,
    100% {
        transform: rotate(0deg);
    }
}

.arrow-2 {
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 4px solid transparent;
    right: -14px;
    z-index: 10;
    top: 18px;
}

.arrow-1 {
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-left: 16px solid #FEBC4F;
    border-bottom: 6px solid transparent;
    right: -16px;
    top: 16px;
}

.dialogue-2-info {
    text-align: left;
    font-size: 14px;
    color: #666;
}

.paety-b {
    width: 44px;
    height: 44px;
    background: #FEBC4F;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
}

.party {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #333333;
    font-size: 18px;
}

.party-B {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #333333;
    font-size: 18px;
    margin-top: 31px;
}

.main-content {
    color: #666666;
    font-size: 16px;
    text-align: left;
}

.line-show {
    margin-top: 100px;
    width: 44px;
    height: 3px;
    background: #3E94F9;
}

.party-content {}

.img-show {
    position: absolute;
    bottom: 24px;
    right: 60px;
}

.module {
    display: flex;
    text-align: left;
    background: #FFFFFF;
}

.module-cake {
    margin-right: 20px;
    width: 230px;
    height: 320px;
    cursor: pointer;
    background: #FFFFFF;
    position: relative;
    box-shadow: 0px 27px 46px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    position: relative;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 10px;
    /* Safari */
}

.module-cake:hover {
    box-shadow: 5px 5px 16px 0 rgba(0, 9, 76, 0.3);
    top: -5px;
}

.cake-top {
    width: 230px;
    height: 70px;
    background: url(../image/solution2.png)no-repeat center;
    padding-left: 15px;
    padding-top: 10px;
    border-radius: 10px 10px 0 0;
}

.deployment {
    margin-right: 0;
}

.cake-title {
    font-weight: 400;
    color: #FFFFFF;
    height: 18px;
    font-size: 18px;
}

.cake-en {
    height: 13px;
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0.4;
    margin-top: 3px;
}

.line {
    width: 54px;
    height: 2px;
    background: #FFFFFF;
    margin-top: 15px;
}

.serve {
    background: url(../image/solution4.png)no-repeat center;
}

.teamwork {
    background: url(../image/solution5.png)no-repeat center;
}

.mall {
    background: url(../image/solution1.png)no-repeat center;
}

.deployment {
    background: url(../image/solution3.png)no-repeat center;
}

.cake-content {
    width: 224px;
    padding: 20px 16px;
    line-height: 32px;
}

.view {
    position: absolute;
    bottom: 20px;
    right: 60px;
    width: 100px;
    height: 32px;
    border: 1px solid #3E94F9;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    color: #4789FD;
    font-size: 16px;
}

.view:hover {
    background: #3E94F9;
    color: #fff;
}

.odds-logo {
    background: url("../image/background.png");
    height: 480px;
    padding-top: 46px;
}

.panner-content .odds-title {
    color: #fff;
}

.odds-content {
    display: flex;
    width: 1200px;
    margin: 0 auto;
}

.odds-main-content {
    flex: 0 0 607px;
    height: 440px;
    margin-right: 44px;
    background: #FFFFFF;
    box-shadow: 0px 27px 46px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-top: -317px;
    padding: 39px 26px 39px 36px;
}

.odds-content-en {
    flex: 1;
    font-size: 113px;
    letter-spacing: 47px;
    font-weight: bold;
    line-height: 123px;
    color: #4397F9;
    opacity: 0.1;
}

.advantage {
    font-size: 24px;
    color: #4397F9;
    margin-bottom: 26px;
    line-height: 24px;
}

.advantage-content {
    width: 360px;
    height: fit-content;
    background: linear-gradient(#88c3fa, #2668dc);
    padding: 20px 15px;
    border-radius: 16px;
    position: absolute;
}

.advantage-content:nth-child(1) {
    left: 70px;
    top: 0;
}

.advantage-content:nth-child(2) {
    bottom: 311px;
    left: 0;
}

.advantage-content:nth-child(3) {
    right: 0;
}

.advantage-content:nth-child(4) {
    right: 70px;
    bottom: 130px;
}

.advantage-content>div {
    line-height: 18px;
    font-size: 18px;
    color: #fff000;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

.advantage-content p {
    color: #fff;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}

.advantage-content p span {
    font-weight: 600;
}

.advantage-content div.mall-service {
    display: flex;
    margin-bottom: 0;
}

.mall-service-title {
    width: 120px;
}

.advantage-content .virtual-content {
    color: #fff;
    line-height: 22px;
    font-size: 16px;
}

.advantage-content div.mall-service div {
    line-height: 22px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}

.select {
    display: flex;
    padding: 40px 32px;
    width: 1200px;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    height: 590px;
}

.select-content {
    width: 100%;
}

.select-title {
    font-size: 18px;
    color: #333333;
}

.select-main-content {
    font-size: 16px;
    color: #666666;
    margin-top: 24px;
}

.select-img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.industry {
    width: 150px;
    height: 150px;
    margin-right: 16px;
    margin-bottom: 16px;
    position: relative;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    /* Safari */
}

.industry:hover {
    box-shadow: 5px 5px 16px 0 rgba(0, 9, 76, 0.3);
    top: -5px;
}

.end {
    margin-right: 0;
}

.industry-cate {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 36px;
    font-size: 18px;
    width: 100%;
    height: 36px;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0.8;
    border-radius: 0px 0px 10px 10px;
    color: #fff;
}

.choice {
    height: 480px;
    background: #4397F9;
    margin-top: 100px;
    width: 100%;
    padding-top: 46px;
}

.enterprise {
    margin: 0px auto;
    margin-top: -300px;
    width: 1200px;
    height: 640px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 0px 10px 10px 0px;
    padding: 104px 32px;
}

.enterprise-title {
    font-size: 22px;
    width: 374px;
    height: 94px;
    line-height: 94px;
    margin: -150px auto 30px;
    background: url(../image/titlebg.png)no-repeat center;
    text-align: center;
    color: #fff;
}

.enterprise-info {
    display: flex;
    flex-wrap: wrap;
    width: 1136px;
    margin: 0 auto;
}

.enterprise-info .industry {
    width: 212px;
    height: 212px;
    margin-right: 19px;
    overflow: hidden;
    border-radius: 16px;
}

.enterprise-info .end {
    margin-right: 0;
}

.enterprise-info .industry .industry-cate {
    text-align: center;
}

.enterprise-content {
    font-size: 16px;
    line-height: 21px;
    color: #666;
    margin-top: 24px;
    margin-bottom: 32px;
}

.supplier {
    display: flex;
    width: 100%;
}

.supplier div {
    width: 154px;
    height: 154px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}

.supplier div:last-child {
    margin-right: 0;
}

.supplier div:hover {
    background: #FFFFFD;
    box-shadow: 0px 0px 27px 0px rgba(48, 90, 223, 0.2);
}

.supplier div:hover img {
    -ms-transform: scale(1.06, 1.06);
    /* IE 9 */
    -webkit-transform: scale(1.06, 1.06);
    /* Safari */
    transform: scale(1.06, 1.06);
    /* 标准语法 */
}

.supplier div img {
    margin-top: 23px;
    margin-bottom: 15px;
    height: 76px;
}

@keyframes dialogue {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.dialogue {
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.dialogue:hover .dialogue-1 {
    animation: dialogue 0.2s both;
}

.dialogue:hover .dialogue-2 {
    animation: dialogue 0.2s 1s both;
}

.dialogue:hover .dia-3 {
    animation: dialogue 0.2s 2s both;
}

.dialogue:hover .dia-4 {
    animation: dialogue 0.2s 3s both;
}

.dialogue:hover .dia-5 {
    animation: dialogue 0.2s 4s both;
}

.dialogue:hover .dia-6 {
    animation: dialogue 0.2s 5s both;
}

.dialogue:hover .dia-7 {
    animation: dialogue 0.2s 6s both;
}

.dialogue:hover .dia-8 {
    animation: dialogue 0.2s 7s both;
}

.dialogue:hover .dia-9 {
    animation: dialogue 0.2s 8s both;
}

.dialogue:hover .dia-10 {
    animation: dialogue 0.2s 9s both;
}

.partner-a:hover {
    animation-name: container;
    /*动画的名称*/
    transform-origin: center bottom;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    /*动画时间*/
    animation-fill-mode: both;
}

.partner-b:hover {
    animation-name: container;
    /*动画的名称*/
    transform-origin: center bottom;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    /*动画时间*/
    animation-fill-mode: both;
}

.select {
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.select:hover .select-img {
    -ms-transform: scale(1.06, 1.06);
    /* IE 9 */
    -webkit-transform: scale(1.06, 1.06);
    /* Safari */
    transform: scale(1.06, 1.06);
    /* 标准语法 */
}