.banner_Overseas_position{
    background-color: #eff8ff;
    width: 100%;
    height: 500px;
    padding-bottom: 10px;
    position: relative;
}
.banner_Overseas_position .tu{
    position: absolute;
    bottom: 0px;
    height: 500px;
    right: 0;
     left: 50%;
    transform: translateX(-100px);
    /*transform: translateX(50%);*/
}
.banner_content {
    position: relative;
    z-index: 2;
}
.banner_Overseas_position .title{
    font-size: 40px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #0099ff;
    padding-top: 200px;
    text-align: unset;
    margin-bottom: 0px;
}
.banner_Overseas_position .introduce{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    /* opacity: 0.8; */
    width: 400px;
    margin: 30px 0px;
    position: relative;
    z-index: 2px;
}
.banner_Overseas_position .consult{
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    color: #0099ff;
    font-size: 16px;
    margin-top: 60px;
    width: fit-content;
    font-family: "Source Han Sans CN";
    display: flex;
    align-items: center;
}
.banner_Overseas_position .consult .icon{
    width: 20px;
    height: 22px;
}
.Overseas_position_section1 , .Overseas_position_section5 , .Overseas_position_section6 , .Overseas_position_section8{
    background:linear-gradient(180deg, #fff, #eff8ff);
    padding: 40px 0;
}
.Overseas_position_section1 .title , .Overseas_position_section2 .title , .Overseas_position_section3 .title ,
.Overseas_position_section4 .title , .Overseas_position_section5 .title , .Overseas_position_section6 .title ,
.Overseas_position_section7 .title , .Overseas_position_section11 .title , .Overseas_position_section12 .title,
.Overseas_position_section13 .title {
    font-size: 36px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #0099ff;
    margin-bottom: 30px;
    text-align: center;
    padding: 0px;
}
.Overseas_position_section4 .small_title , .Overseas_position_section5 .small_title , .Overseas_position_section12 .small_title , .Overseas_position_section13 .small_title{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: rgb(81, 83, 98 ,.75);
    opacity: 0.7;
    /*width: 600px;*/
    text-align: center;
    margin-bottom:20px;
    line-height: 30px;
}
.Overseas_position_section1 .Core{
    display: grid;
    grid-template-columns: repeat(4,23%);
    row-gap: 40px;
    column-gap: 40px;
}
.Overseas_position_section1 .Core .Electronic{
    background-color: #fff;
    padding: 30px;
    border-radius: 30px;
    /* border: 1px solid rgb(111, 111, 111 ,.3); */
    box-shadow:1px 1px 2px 1px rgb(190, 221, 237 , .75);
    transition: ease all 0.3s;
}
.Overseas_position_section1 .Core .Electronic:hover{
    transform: translateY(-10px);
    transition: ease all 0.3s;
    box-shadow:0 8px 40px 1px rgb(190, 221, 237 , .75);
    /* 0 8px 40px rgb(0 0 0 / 10%) */
}
.Overseas_position_section1 .Core .Electronic .icon{
    width: 50px;
    height: 50px;
    margin: 0 auto 30px;
    display: flex;
}
.Overseas_position_section1 .Core .Electronic .small_title{
    font-size: 18px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #333;
    text-align: center;
    opacity: 1;
    margin: 0 0 20px;
}
.Overseas_position_section1 .Core .Electronic .introduce{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #666;
    line-height: 25px;
    margin-bottom: 10px;
}
.Overseas_position_section2 , .Overseas_position_section10 {
    background:linear-gradient(180deg, #fff, #eff8ff);
    padding: 40px 0 60px;
}
.Overseas_position_section12{
    background:linear-gradient(180deg, #fff, #eff8ff);
    padding: 40px 0 60px;
}
.Overseas_position_section2 .tu{
    width: 100%;
}
.Overseas_position_section3 , .Overseas_position_section11 ,.Overseas_position_section13{
    background:linear-gradient(180deg, #fff, #eff8ff);
    padding: 40px 0;
}
.Overseas_position_section3 .tu{
    width: 100%;
}
.Overseas_position_section4{
    background:linear-gradient(180deg, #fff, #eff8ff);
    background-size: cover;
    background-position: center center;
    padding: 40px 0 60px;
}
.Overseas_position_section4 .package .num{
    background-image: linear-gradient(90deg , #3D97E4 , #0099ff);
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
    font-size: 80px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
}
.Overseas_position_section4 .package .down{
    font-size: 16px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
}
.Overseas_position_section4 .package .tu{
    width: 20px;
    height: 20px;
}
.Overseas_position_section4 .package .percent{
    background-image: linear-gradient(90deg , #3D97E4 , #0099ff);
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
    font-size: 24px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
}
.Overseas_position_section4 .package .Stash{
    position: relative;
    top: 26%;
}
.Overseas_position_section5 .API {
    padding: 20px 0 60px;
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: #515362;
    line-height: 40px;
    text-align: center;
}

.Overseas_position_section5 .trademark{
    height: 400px;
    position: relative;
}
.Overseas_position_section5 .trademark img{
    width: 110px;
    height: 100px;
    position: absolute;
}
.Overseas_position_section5 .trademark .trademark1{
    top: 0px;
    left: 0px;
}
.Overseas_position_section5 .trademark .trademark2{
    top: 120px;
    left: 0px;
}
.Overseas_position_section5 .trademark .trademark3{
    top: 240px;
    left: 0px;
}
.Overseas_position_section5 .trademark .trademark4{
    top: 60px;
    left: 100px;
}
.Overseas_position_section5 .trademark .trademark5{
    top: 180px;
    left: 100px;
}
.Overseas_position_section5 .trademark .trademark6{
    top: 120px;
    left: 200px;
}
.Overseas_position_section5 .trademark .trademark7{
    top: 45px;
    left: 310px;
    width: 200px;
    height: 250px;
}
.Overseas_position_section5 .trademark .trademark8{
    top: 38px;
    left: 720px;
    width: 35px;
    height: 265px;
}
.Overseas_position_section5 .trademark .manage1{
    padding: 10px 20px;
    background-color: #0099ff;
    color: #fff;
    font-size: 16px;
    font-family: "Source Han Sans CN";
    position: absolute;
    top: 25px;
    left: 510px;
}
.Overseas_position_section5 .trademark .manage2{
    padding: 10px 20px;
    background-color: #0099ff;
    color: #fff;
    font-size: 16px;
    font-family: "Source Han Sans CN";
    position: absolute;
    top: 150px;
    left: 510px;
}
.Overseas_position_section5 .trademark .manage3{
    padding: 10px 20px;
    background-color: #0099ff;
    color: #fff;
    font-size: 16px;
    font-family: "Source Han Sans CN";
    position: absolute;
    top: 275px;
    left: 510px;
}
.Overseas_position_section5 .trademark .shop1{
    width: 400px;
    font-size: 18px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    position: absolute;
    top: 25px;
    left: 810px;
}
.Overseas_position_section5 .trademark .shop2{
    width: 400px;
    font-size: 18px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    position: absolute;
    top: 150px;
    left: 810px;
}
.Overseas_position_section5 .trademark .shop3{
    width: 400px;
    font-size: 18px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    position: absolute;
    top: 275px;
    left: 810px;
}
.Overseas_position_section6 .ecology p{
    font-size: 24px;
    font-family: "Source Han Sans CN";
    color: #515362;
    cursor: pointer;
    padding: 0 20px 20px;
}
.Overseas_position_section6 .ecology p.action{
    color: #0099ff;
    border-bottom: 3px solid #0099ff;
    border-radius: 1px;
}

.hrls{
    width: 100%;
    height: 2px;
    margin-top: -2px;
    border: 1px solid #f5f1f1;
}
.Overseas_position_section6 .content{
    width: 600px;
    padding: 25px 0;
}
.Overseas_position_section6 .branch{
    width: 200px;
    padding: 25px 0;
    margin-right: 40px;
}
.Overseas_position_section6 .flow{
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: #FFFFFF;
    background-color: #0099ff;
    border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 10px;
    width: 166px;
}
.Overseas_position_section6 .flow_introduce{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    color: #515362;
    line-height: 25px;
}
 .engine_show_L{
    /* opacity: 1; */
    animation: engine_show_L 0.5s ease-out both;
}
@keyframes engine_show_L{
    0% {
        transform: translate(200px,0px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translate(0px,0px);
        opacity: 1;
    }
}
 .engine_show_R{
    /* opacity: 1; */
    animation: engine_show_R 0.5s ease-out both;
}
@keyframes engine_show_R{
    0% {
        transform: translate(-200px,0px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translate(0px,0px);
        opacity: 1;
    }
}
.Overseas_position_section6 #engine2{
    position: relative;
}
.Overseas_position_section6 #engine2 .tu{
    width: 400px;
    display: flex;
    margin: 0 auto;
}
.Overseas_position_section6 .pda{
    position: absolute;
    top: 0px;
    left: 100px;
    width: 300px;
}
.Overseas_position_section6 .pda h1{
    font-size: 18px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #FFFFFF;
    background-color: #0099ff;
    border-radius: 5px;
    padding: 10px 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 205px;
}
.Overseas_position_section6 .pda p{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    color: #515362;
    line-height: 25px;
    text-align: right; 
    position: absolute;
    top: 50px;
    right: 0px;
}
.Overseas_position_section6 #engine2 .intellect{
    position: absolute;
    top: 170px;
    right: 100px;
    width: 300px;
}
.Overseas_position_section6 #engine2 .intellect h1{
    font-size: 18px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #FFFFFF;
    background-color: #0099ff;
    border-radius: 30px;
    padding: 10px 20px;
    width: 185px;
}
.Overseas_position_section6 #engine2 .intellect p{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    color: #515362;
    line-height: 25px;
    margin-top: 5px;
}
.Overseas_position_section7{
    background:linear-gradient(180deg, #fff, #eff8ff);
    padding: 40px 0 60px;
}
.Overseas_position_section9 {
    background:linear-gradient(180deg, #fff, #eff8ff);
    padding: 40px 0 60px;
}
.Overseas_position_section7 .sort{
    display: grid;
    grid-template-columns: repeat(2 , calc(50% - 40px));
    row-gap: 60px;
    column-gap: 80px;
    padding: 0 40px;
}
.Overseas_position_section7 .sort .goods{
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 1px 1px 5px 1px rgb(190, 199, 211 ,.75);
}
.Overseas_position_section7 .sort .goods h1{
    font-size: 16px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #0099ff;
    margin-bottom: 10px;
}
.Overseas_position_section7 .sort .goods p{
    font-size: 16px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #333;
    line-height: 25px;
}
.Overseas_position_section8 .title , .Overseas_position_section9 .title{
    font-size: 30px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #0099ff;
}
.Overseas_position_section8 .deliver{
    width: 50%;
}
.Overseas_position_section8 .deliver .icon{
    width: 25px;
    height: 25px;
    margin-right: 20px;
}
.Overseas_position_section8 .deliver h1{
    font-size: 20px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #0099ff;
    margin-bottom: 10px;
}
.Overseas_position_section8 .deliver p{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    line-height: 25px;
}
.Overseas_position_section8 .tu{
    width: 150px;
    height: 100%;
    margin: 0 auto;
    display: flex;
}
.Overseas_position_section9 .finance{
    width: 40%;
}
.Overseas_position_section9 .icon{
    width: 25px;
    height: 25px;
    margin-right: 20px;
}
.Overseas_position_section9 h1{
    font-size: 20px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #0099ff;
    margin-bottom: 10px;
}
.Overseas_position_section9 p{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    line-height: 25px;
}
.Overseas_position_section9 .deliver{
    width: 50%;
}
.Overseas_position_section9 .tu{
    width: 100%;
}
.Overseas_position_section10 .disappear{
    opacity: 0;
    display: block;
}
.Overseas_position_section10 .data .tu{
    width: 100%;
}
.Overseas_position_section10 .title{
    font-size: 30px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #0099ff;
    margin-bottom: 40px;
}
.Overseas_position_section10 .data .icon{
    width: 25px;
    height: 25px;
    margin-right: 20px;
}
.Overseas_position_section10 .data h1{
    font-size: 20px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #0099ff;
    margin-bottom: 10px;
}
.Overseas_position_section10 .data p{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    line-height: 25px;
}
.Overseas_position_section11 .model p{
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: #515362;
    cursor: pointer;
    padding: 0 20px 20px;
}
.Overseas_position_section11 .icon{
    width: 25px;
    height: 25px;
    margin-right: 20px;
}
.Overseas_position_section11 .small_icon{
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-right: 5px;
}
.Overseas_position_section11 .model p.action{
    color: #0099ff;
    border-bottom: 3px solid #0099ff;
    border-radius: 1px;
}

.Overseas_position_section11 .TMS_title{
    font-size: 24px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #0099ff;
    text-align: center;
    margin-bottom: 40px;
}
.Overseas_position_section11 .tu{
    width: 100%;
}
.Overseas_position_section11 .min_tu{
    width: 80%;
    margin: 0 auto;
    display: flex;
}
.Overseas_position_section11 h1{
    font-size: 24px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #0099ff;
    margin-bottom: 10px;
}
.Overseas_position_section11 p{
    font-size: 14px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    line-height: 25px;
}
.Overseas_position_section11 .business_title{
    font-size: 16px;
    font-family: "Source Han Sans CN";
    color: rgb(81, 83, 98 , 0.7);
    text-align: center;
    width: 550px;
    margin: -20px auto 20px;
}
.Overseas_position_section12 .tu{
    width: 100%;
}
.Overseas_position_section12 .icon{
    width: 25px;
    height: 25px;
    margin-right: 20px;
}
.Overseas_position_section12 p{
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: #333;
    line-height: 35px;
}
.Overseas_position_section13 .agency{
    background-image: linear-gradient(90deg, #3D97E4, #0099ff);
    padding: 40px;
    border-radius: 30px;
    width: 23%;
    transition: ease all 0.3s;
}
.Overseas_position_section13 .agency:hover{
    box-shadow: 0 8px 40px rgb(0 0 0 / 10%);
    transform: translateY(-10px);
    transition: ease all 0.3s;
}
.Overseas_position_section13 .agency .bg{
    width: 150px;
    height: 160px;
    margin: 0 auto 20px;
    display: flex;
}
.Overseas_position_section13 .agency p{
    font-size: 16px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
.Overseas_position_section14 {
    background-color: #5c90e3;
    width: 100%;
    background-image: url("../img/OverseasPosition/bg4.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0px 0px 40px;
    background-size: 100% 100%;
}
.Overseas_position_section14 .title{
    font-size: 30px;
    font-family: "Source Han Sans CN";
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}
.Overseas_position_section14 .swiper{
    width: 100%;
    height: auto;
}
.Overseas_position_section14 .swiper .company{
    background-color: #fff;
    padding: 60px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    border-radius: 20px;
}
.Overseas_position_section14 .swiper .company .logo{
    padding: 30px;
    border-radius: 50%;
    box-shadow: 1px 1px 5px 2px rgb(190, 199, 211 ,0.75);
}
.Overseas_position_section14 .swiper .company .logo img{
    width:  100px;
    height: 100px;
    object-fit: scale-down;
}
.Overseas_position_section14 .swiper .company .company_introduce{
    width: 500px;
    position: relative;
}
.Overseas_position_section14 .swiper .company .company_introduce h1{
    font-size: 24px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
    margin-bottom: 10px;
}
.Overseas_position_section14 .swiper .company .company_introduce p{
    font-size: 16px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
    color: #515362;
}
.Overseas_position_section14 .swiper .company .company_introduce .company_introduce_vertical{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
}
.Overseas_position_section14 .swiper .company .company_introduce .marks1{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
}
.Overseas_position_section14 .swiper .company .company_introduce .marks2{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 50px;
}
.Overseas_position_section14 .swiper .swiper-button-next, .Overseas_position_section14 .swiper .swiper-button-prev{
    color: #fff !important;
}
:root {
    --theme-c: #0099ff;
}

.border-svg {
    pointer-events: none;
    position: absolute;
}
.border-svg rect,
.border-svg path {
    stroke-dasharray: 4 4; /* 定义虚线的长度和间隔 */
    stroke: var(--theme-c);
    stroke-width: 1px;
    fill: none;
    stroke-dashoffset: 0; /* 初始虚线偏移量 */
    transition: all 10s linear;
    animation-name: backring;
    animation-duration: 100s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.border-svg rect.test,
.border-svg path.test {
    stroke: #ff0000;
}

@keyframes ring {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 5000;
    }
}
@keyframes backring {
    from {
        stroke-dashoffset: 5000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
.operationFlow-box {
    height: 591px;
    position: relative;
}
.operationFlow-box .list-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.operationFlow-box .list-box a {
    width: 114px;
    height: 114px;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(61, 139, 255, 0.5);
    position: absolute;
    text-align: center;
}
.operationFlow-box .list-box a > span {
    font-size: 18px;
}
.operationFlow-box .list-box a:nth-of-type(odd) {
    border: 3px solid #fff;
    background-color: var(--theme-c);
}
.operationFlow-box .list-box a:nth-of-type(odd) > span {
    color: #fff;
}
.operationFlow-box .list-box a:nth-of-type(even) {
    border: 3px solid var(--theme-c);
    background-color: #fff;
}
.operationFlow-box .list-box a:nth-of-type(even) > span {
    color: #666;
}
.operationFlow-box .list-box a.a-1 {
    left: 165px;
    top: 125px;
}
.operationFlow-box .list-box a.a-2 {
    left: 414px;
    top: 125px;
}
.operationFlow-box .list-box a.a-3 {
    left: 663px;
    top: 125px;
}
.operationFlow-box .list-box a.a-4 {
    left: 950px;
    top: 125px;
}
.operationFlow-box .list-box a.a-5 {
    left: 1033px;
    top: 318px;
}
.operationFlow-box .list-box a.a-6 {
    left: 784px;
    top: 318px;
}
.operationFlow-box .list-box a.a-7 {
    left: 535px;
    top: 318px;
}
.operationFlow-box .list-box a.a-8 {
    left: 286px;
    top: 318px;
}
.operationFlow-box .list-box a.a-9 {
    left: 37px;
    top: 318px;
}
.operationFlow-box .list-box .list-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.operationFlow-box .list-box .list-wrap .list {
    padding: 4px 11px;
}
.operationFlow-box .list-box .list-wrap span {
    display: block;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.operationFlow-box .list-box .a-1 .list-wrap,
.operationFlow-box .list-box .a-2 .list-wrap,
.operationFlow-box .list-box .a-3 .list-wrap {
    bottom: 140px;
}
.operationFlow-box .list-box .a-1 .list-wrap:after,
.operationFlow-box .list-box .a-2 .list-wrap:after,
.operationFlow-box .list-box .a-3 .list-wrap:after {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--theme-c);
    border-right: 1px solid var(--theme-c);
    transform: translate3d(0, 0, 0) rotate(-45deg);
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
    animation: toBottom25 1s linear infinite;
}
.operationFlow-box .list-box .a-1 em,
.operationFlow-box .list-box .a-2 em,
.operationFlow-box .list-box .a-3 em {
    bottom: 61px;
    left: 180px;
    transform: translateX(-50%);
}
.operationFlow-box .list-box .a-1:after,
.operationFlow-box .list-box .a-2:after,
.operationFlow-box .list-box .a-3:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--theme-c);
    border-right: 1px solid var(--theme-c);
    transform: translate3d(0, 0, 0) rotate(45deg);
    position: absolute;
    pointer-events: none;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    animation: toRight160 2s linear infinite;
}
.operationFlow-box .list-box .a-3 em {
    left: 200px;
}
.operationFlow-box .list-box .a-4 .list-wrap {
    left: 118px;
    bottom: 111px;
    transform: translate(0);
}
.operationFlow-box .list-box .a-4 .list-wrap:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--theme-c);
    border-left: 1px solid var(--theme-c);
    transform: translate3d(0, 0, 0) rotate(-45deg);
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: -8px;
    margin: auto;
    animation: a3ListWrap 2s linear infinite;
}
.operationFlow-box .list-box .a-4 em {
    left: 180px;
    top: 118px;
}
.operationFlow-box .list-box .a-5 .list-wrap,
.operationFlow-box .list-box .a-6 .list-wrap,
.operationFlow-box .list-box .a-7 .list-wrap,
.operationFlow-box .list-box .a-8 .list-wrap,
.operationFlow-box .list-box .a-9 .list-wrap {
    top: 140px;
}
.operationFlow-box .list-box .a-5 .list-wrap:after,
.operationFlow-box .list-box .a-6 .list-wrap:after,
.operationFlow-box .list-box .a-7 .list-wrap:after,
.operationFlow-box .list-box .a-8 .list-wrap:after,
.operationFlow-box .list-box .a-9 .list-wrap:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--theme-c);
    border-right: 1px solid var(--theme-c);
    transform: translate3d(0, 0, 0) rotate(-45deg);
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: -2px;
    margin: auto;
    animation: toTop25 1s linear infinite;
}
.operationFlow-box .list-box .a-5 em,
.operationFlow-box .list-box .a-6 em,
.operationFlow-box .list-box .a-7 em,
.operationFlow-box .list-box .a-8 em,
.operationFlow-box .list-box .a-9 em {
    bottom: 61px;
    right: 180px;
    transform: translateX(50%);
}
.operationFlow-box .list-box .a-5:after,
.operationFlow-box .list-box .a-6:after,
.operationFlow-box .list-box .a-7:after,
.operationFlow-box .list-box .a-8:after,
.operationFlow-box .list-box .a-9:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--theme-c);
    border-left: 1px solid var(--theme-c);
    transform: translate3d(0, 0, 0) rotate(-45deg);
    position: absolute;
    pointer-events: none;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    animation: toLeft120 2s linear infinite;
}
.operationFlow-box .list-box .a-9:after {
    display: none;
}
.operationFlow-box .list-box em {
    font-size: 12px;
    color: var(--theme-c);
    font-style: normal;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    line-height: 1.3;
}
.operationFlow-box svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}

@keyframes toRight160 {
    0% {
        transform: translate3d(0, 0, 0) rotate(45deg);
    }
    100% {
        transform: translate3d(160px, 0, 0) rotate(45deg);
    }
}
@keyframes toLeft120 {
    0% {
        transform: translate3d(0, 0, 0) rotate(-45deg);
    }
    100% {
        transform: translate3d(-120px, 0, 0) rotate(-45deg);
    }
}
@keyframes toBottom25 {
    0% {
        transform: translate3d(0, 0, 0) rotate(45deg);
    }
    100% {
        transform: translate3d(0, 25px, 0) rotate(45deg);
    }
}
@keyframes toTop25 {
    0% {
        transform: translate3d(0, 0, 0) rotate(-45deg);
    }
    100% {
        transform: translate3d(0, -25px, 0) rotate(-45deg);
    }
}
@keyframes a3ListWrap {
    0% {
        transform: translate3d(0) rotate(-45deg);
    }
    43% {
        transform: translate3d(-42px, 0, 0) rotate(-45deg);
    }
    57% {
        transform: translate3d(-61px, 0, 0) rotate(-135deg);
    }
    100% {
        transform: translate3d(-61px, 60px, 0) rotate(-135deg);
    }
}
.arrow-con {
    position: absolute;
    top: 182px;
    right: -10px;
    width: 145px;
    height: 193px;
}
.arrow-con path {
    stroke: transparent;
}
.arrow-con:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--theme-c);
    border-right: 1px solid var(--theme-c);
    transform: translate3d(0, 0, 0) rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    animation: offset 4s linear infinite;
    offset-path: path("M0,0,L47,0,A94,94,0,0,1,25,193");
}

@keyframes offset {
    to {
        offset-distance: 100%;
    }
}
.solution-box {
    position: relative;
    height: 557px;
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.solution-box .min-tit {
    font-size: 28px;
    color: var(--theme-c);
    font-weight: bold;
    text-align: center;
}
.solution-box .part-1 {
    width: 364px;
    height: 100%;
    margin-right: 160px;
}
.solution-box .part-1 .top-list {
    padding-top: 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.solution-box .part-1 .top-list a {
    width: 114px;
    line-height: 44px;
    border: 2px solid var(--theme-c);
    color: #666;
    font-size: 18px;
    border-radius: 6px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(61, 139, 255, 0.5);
    position: relative;
}
.solution-box .part-1 .top-list a svg {
    position: absolute;
    left: 8px;
    right: 0;
    margin: auto;
    bottom: -72px;
    fill: var(--theme-c);
    pointer-events: none;
}
.solution-box .part-1 .bottom-list {
    border-radius: 10px;
    padding-top: 30px;
    margin-top: 94px;
    position: relative;
}
.solution-box .part-1 .bottom-list .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 22px 0;
}
.solution-box .part-1 .bottom-list .list a {
    width: 114px;
    line-height: 44px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    text-align: center;
    background-color: var(--theme-c);
    box-shadow: 0 0 8px rgba(61, 139, 255, 0.5);
    margin: 0 28px;
}
.solution-box .part-1 .bottom-list .list a:nth-of-type(n + 3) {
    margin-top: 26px;
}
.solution-box .part-1 .bottom-list .arrow {
    position: absolute;
    fill: var(--theme-c);
    right: -150px;
    overflow: visible;
}
.solution-box .part-1 .bottom-list .arrow.svg-1 {
    top: 107px;
}
.solution-box .part-1 .bottom-list .arrow.svg-2 {
    top: 181px;
}
.solution-box .part-1 .bottom-list .arrow.svg-3 {
    top: 255px;
}
.solution-box .part-1 .bottom-list .arrow.svg-4 {
    top: 329px;
}
.solution-box .part-1 .bottom-list .arrow text {
    fill: var(--theme-c);
    font-size: 14px;
}
.solution-box .part-2 {
    width: 390px;
    height: 100%;
    margin-right: 98px;
    border-radius: 10px;
    padding: 22px 24px 22px;
    position: relative;
}
.solution-box .part-2 .list {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solution-box .part-2 .list .inner {
    width: 152px;
    height: 94px;
    position: relative;
    border: 2px dashed rgba(0, 153, 255, 0.5);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 47px;
    text-align: center;
}
.solution-box .part-2 .list .inner span {
    font-size: 14px;
    color: #666;
}
.solution-box .part-2 .list .inner:nth-of-type(n + 3) {
    margin-top: 21px;
}
.solution-box .part-2 .list .inner a {
    position: absolute;
    width: 1em;
    line-height: 1.05;
    font-size: 16px;
    color: #fff;
    background-color: var(--theme-c);
    box-sizing: content-box;
    padding: 18px 15px;
    border: 2px solid #fff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(61, 139, 255, 0.5);
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
}
.solution-box .part-2 svg.arrow {
    fill: var(--theme-c);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -80px;
}
.solution-box .part-3 {
    width: 192px;
    height: 100%;
    border-radius: 10px;
    padding: 22px 24px 22px;
    position: relative;
}
.solution-box .part-3 .list {
    padding-top: 14px;
}
.solution-box .part-3 .list a {
    display: block;
    margin: 0 auto;
    width: 128px;
    text-align: center;
    line-height: 34px;
    border: 2px solid var(--theme-c);
    border-radius: 6px;
    background-color: fff;
    color: #666;
    font-size: 16px;
    background-color: #fff;
}
.solution-box .part-3 .list a:nth-of-type(n + 2) {
    margin-top: 14px;
}
.solution-box .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.solution-box .border-svg rect {
    width: 100%;
    height: 100%;
}

.deliver-list {
    display: table;
    margin: 0 auto;
    position: relative;
}
.deliver-list > a {
    display: block;
    width: 148px;
    line-height: 36px;
    border: 1px solid var(--theme-c);
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(61, 139, 255, 0.5);
    text-align: center;
    font-size: 14px;
    color: #666;
    position: relative;
}
.deliver-list > a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.deliver-list > a:nth-of-type(n + 2) {
    margin-top: 40px;
}
.deliver-list .svg-con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.deliver-list .border-svg {
    width: 100%;
    height: 100%;
}
.deliver-list .arrow {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    border-bottom: 1px solid var(--theme-c);
    border-right: 1px solid var(--theme-c);
    position: absolute;
    left: 13px;
    right: 0;
    margin: auto;
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
    offset-path: path("M0,-10,L0,50");
}
.deliver-list .arrow.arrow-1 {
    top: 36px;
}
.deliver-list .arrow.arrow-2 {
    top: 112px;
}
.deliver-list .arrow.arrow-3 {
    top: 188px;
}
.deliver-list .arrow.arrow-4 {
    top: 264px;
}

.DMSdataAnalysis-box {
    width: 480px;
    height: 416px;
    position: relative;
}
.DMSdataAnalysis-box svg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
    top: 0;
    left: 0;
}
.DMSdataAnalysis-box svg ellipse,
.DMSdataAnalysis-box svg rect {
    stroke-width: 1px;
    stroke: #c9daf6;
}
.DMSdataAnalysis-box svg text {
    font-size: 20px;
    font-weight: bold;
    fill: var(--theme-c);
}
.DMSdataAnalysis-box svg text.fs-26 {
    font-size: 26px;
}

.svg-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.svg-con .border-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.orderModel {
    position: relative;
    margin-top: 10px;
}
.orderModel.orderModel-1 {
    width: 660px;
    height: 305px;
}
.orderModel.orderModel-1 .list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.orderModel.orderModel-1 .list-box a {
    width: 74px;
    line-height: 24px;
    border: 1px solid var(--theme-c);
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    color: #666;
    position: absolute;
    border-radius: 12px;
}
.orderModel.orderModel-1 .list-box a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.orderModel.orderModel-1 .list-box a.a-1 {
    left: 87px;
    top: 192px;
}
.orderModel.orderModel-1 .list-box a.a-1 .inner-list {
    top: 45px;
}
.orderModel.orderModel-1 .list-box a.a-2 {
    left: 0;
    top: 135px;
}
.orderModel.orderModel-1 .list-box a.a-3 {
    left: 87px;
    top: 84px;
}
.orderModel.orderModel-1 .list-box a.a-3 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-1 .list-box a.a-3 .inner {
    display: flex !important;
    flex-wrap: wrap;
    width: 110px;
    justify-content: space-between;
}
.orderModel.orderModel-1 .list-box a.a-4 {
    left: 213px;
    top: 84px;
}
.orderModel.orderModel-1 .list-box a.a-4 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-1 .list-box a.a-5 {
    left: 338px;
    top: 84px;
}
.orderModel.orderModel-1 .list-box a.a-6 {
    left: 464px;
    top: 84px;
}
.orderModel.orderModel-1 .list-box a.a-6 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-1 .list-box a.a-7 {
    left: 585px;
    top: 36px;
}
.orderModel.orderModel-1 .list-box a.a-8 {
    left: 585px;
    top: 131px;
}
.orderModel.orderModel-1 .list-box a .inner-list {
    padding: 6px 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.orderModel.orderModel-1 .list-box a .inner-list .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
}
.orderModel.orderModel-1 .list-box a .inner-list .svg-con > em.arrow-1 {
    offset-path: path("M2,0,L2,-12");
}
.orderModel.orderModel-1 .list-box a .inner-list .svg-con > em.arrow-2 {
    offset-path: path("M0,64,L0,80");
}
.orderModel.orderModel-1 .list-box a .inner-list .svg-con > em.arrow-3 {
    offset-path: path("M2,48,L2,62");
}
.orderModel.orderModel-1 .list-box a .inner-list .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.orderModel.orderModel-1 .list-box a .inner-list .border-svg rect {
    width: 100%;
    height: 100%;
}
.orderModel.orderModel-1 .list-box a .inner-list .inner {
    display: table;
}
.orderModel.orderModel-1 .list-box a .inner-list span {
    font-size: 11px;
    line-height: 18px;
    color: #666;
    display: block;
    white-space: nowrap;
}
.orderModel.orderModel-1 > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.orderModel.orderModel-1 > .svg-con > em.arrow-1 {
    offset-path: path("M98,205,A62,55,0,0,1,36,150");
    animation-duration: 1.5s;
}
.orderModel.orderModel-1 > .svg-con > em.arrow-2 {
    offset-path: path("M36,150,A62,55,0,0,1,98,95");
    animation-duration: 1.5s;
}
.orderModel.orderModel-1 > .svg-con > em.arrow-3 {
    offset-path: path("M160,95,L226,95");
    animation-duration: 1s;
}
.orderModel.orderModel-1 > .svg-con > em.arrow-4 {
    offset-path: path("M286,95,L350,95");
    animation-duration: 1s;
}
.orderModel.orderModel-1 > .svg-con > em.arrow-5 {
    offset-path: path("M414,95,L476,95");
    animation-duration: 1s;
}
.orderModel.orderModel-1 > .svg-con > em.arrow-6 {
    offset-path: path("M572,95,L618,60");
    animation-duration: 1s;
}
.orderModel.orderModel-1 > .svg-con > em.arrow-7 {
    offset-path: path("M572,95,L618,130");
    animation-duration: 1s;
}
.orderModel.orderModel-2 {
    width: 660px;
    height: 305px;
}
.orderModel.orderModel-2 .list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.orderModel.orderModel-2 .list-box a {
    width: 108px;
    line-height: 30px;
    border: 1px solid var(--theme-c);
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #666;
    position: absolute;
    border-radius: 12px;
}
.orderModel.orderModel-2 .list-box a > span {
    position: relative;
    z-index: 3;
}
.orderModel.orderModel-2 .list-box a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.orderModel.orderModel-2 .list-box a.a-1 {
    left: 1px;
    top: 131px;
}
.orderModel.orderModel-2 .list-box a.a-1 .inner-list {
    bottom: 60px;
}
.orderModel.orderModel-2 .list-box a.a-2 {
    left: 172px;
    top: 131px;
}
.orderModel.orderModel-2 .list-box a.a-2 .inner-list {
    top: 60px;
}
.orderModel.orderModel-2 .list-box a.a-3 {
    left: 360px;
    top: 40px;
    color: #fff;
}
.orderModel.orderModel-2 .list-box a.a-3:before {
    content: "";
    width: 90px;
    height: 90px;
    background-color: var(--theme-c);
    border: 2px solid #fff;
    position: absolute;
    top: -999px;
    right: -999px;
    bottom: -999px;
    left: -999px;
    margin: auto;
    transform: rotate(45deg);
}
.orderModel.orderModel-2 .list-box a.a-4 {
    left: 360px;
    top: 222px;
    color: #fff;
}
.orderModel.orderModel-2 .list-box a.a-4:before {
    content: "";
    width: 90px;
    height: 90px;
    background-color: var(--theme-c);
    border: 2px solid #fff;
    position: absolute;
    top: -999px;
    right: -999px;
    bottom: -999px;
    left: -999px;
    margin: auto;
    transform: rotate(45deg);
}
.orderModel.orderModel-2 .list-box a.a-5 {
    right: 2px;
    top: 131px;
}
.orderModel.orderModel-2 .list-box a .inner-list {
    padding: 6px 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.orderModel.orderModel-2 .list-box a .inner-list .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
}
.orderModel.orderModel-2 .list-box a .inner-list .svg-con > em.arrow-1 {
    offset-path: path("M1,66,L1,86");
}
.orderModel.orderModel-2 .list-box a .inner-list .svg-con > em.arrow-2 {
    offset-path: path("M1,0,L1,-20");
}
.orderModel.orderModel-2 .list-box a .inner-list .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.orderModel.orderModel-2 .list-box a .inner-list .border-svg rect {
    width: 100%;
    height: 100%;
}
.orderModel.orderModel-2 .list-box a .inner-list .inner {
    display: table;
}
.orderModel.orderModel-2 .list-box a .inner-list span {
    font-size: 11px;
    line-height: 18px;
    color: #666;
    display: block;
    white-space: nowrap;
}
.orderModel.orderModel-2 > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.orderModel.orderModel-2 > .svg-con > em.arrow-1 {
    offset-path: path("M308,146,L396,75");
    animation-duration: 2s;
}
.orderModel.orderModel-2 > .svg-con > em.arrow-2 {
    offset-path: path("M308,146,L396,215");
    animation-duration: 2s;
}
.orderModel.orderModel-2 > .svg-con > em.arrow-3 {
    offset-path: path("M435,75,L523,146");
    animation-duration: 2s;
}
.orderModel.orderModel-2 > .svg-con > em.arrow-4 {
    offset-path: path("M435,215,L523,146");
    animation-duration: 2s;
}
.orderModel.orderModel-2 > .svg-con > em.arrow-5 {
    offset-path: path("M107,146,L206,146");
    animation-duration: 1.5s;
}
.orderModel.orderModel-3 {
    width: 660px;
    height: 305px;
}
.orderModel.orderModel-3 .list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.orderModel.orderModel-3 .list-box a {
    width: 74px;
    line-height: 24px;
    border: 1px solid var(--theme-c);
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    color: #666;
    position: absolute;
    border-radius: 12px;
}
.orderModel.orderModel-3 .list-box a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.orderModel.orderModel-3 .list-box a.a-1 {
    left: 87px;
    top: 192px;
}
.orderModel.orderModel-3 .list-box a.a-1 .inner-list {
    top: 45px;
}
.orderModel.orderModel-3 .list-box a.a-2 {
    left: 0;
    top: 135px;
}
.orderModel.orderModel-3 .list-box a.a-3 {
    left: 87px;
    top: 84px;
}
.orderModel.orderModel-3 .list-box a.a-3 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-3 .list-box a.a-3 .inner {
    display: flex !important;
    flex-wrap: wrap;
    width: 110px;
    justify-content: space-between;
}
.orderModel.orderModel-3 .list-box a.a-4 {
    left: 213px;
    top: 84px;
}
.orderModel.orderModel-3 .list-box a.a-4 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-3 .list-box a.a-5 {
    left: 338px;
    top: 84px;
}
.orderModel.orderModel-3 .list-box a.a-6 {
    left: 464px;
    top: 84px;
}
.orderModel.orderModel-3 .list-box a.a-6 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-3 .list-box a.a-7 {
    left: 585px;
    top: 131px;
}
.orderModel.orderModel-3 .list-box a.a-7 .inner-list {
    top: 47px;
}
.orderModel.orderModel-3 .list-box a.a-8 {
    left: 464px;
    top: 131px;
}
.orderModel.orderModel-3 .list-box a.a-9 {
    left: 464px;
    top: 177px;
}
.orderModel.orderModel-3 .list-box a .inner-list {
    padding: 6px 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.orderModel.orderModel-3 .list-box a .inner-list .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
}
.orderModel.orderModel-3 .list-box a .inner-list .svg-con > em.arrow-1 {
    offset-path: path("M2,0,L2,-12");
}
.orderModel.orderModel-3 .list-box a .inner-list .svg-con > em.arrow-2 {
    offset-path: path("M0,64,L0,80");
}
.orderModel.orderModel-3 .list-box a .inner-list .svg-con > em.arrow-3 {
    offset-path: path("M2,48,L2,62");
}
.orderModel.orderModel-3 .list-box a .inner-list .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.orderModel.orderModel-3 .list-box a .inner-list .border-svg rect {
    width: 100%;
    height: 100%;
}
.orderModel.orderModel-3 .list-box a .inner-list .inner {
    display: table;
}
.orderModel.orderModel-3 .list-box a .inner-list span {
    font-size: 11px;
    line-height: 18px;
    color: #666;
    display: block;
    white-space: nowrap;
}
.orderModel.orderModel-3 > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-1 {
    offset-path: path("M98,205,A62,55,0,0,1,36,150");
    animation-duration: 1.5s;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-2 {
    offset-path: path("M36,150,A62,55,0,0,1,98,95");
    animation-duration: 1.5s;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-3 {
    offset-path: path("M160,95,L226,95");
    animation-duration: 1s;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-4 {
    offset-path: path("M286,95,L350,95");
    animation-duration: 1s;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-5 {
    offset-path: path("M414,95,L476,95");
    animation-duration: 1s;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-6 {
    offset-path: path("M572,95,L618,130");
    animation-duration: 1s;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-7 {
    offset-path: path("M580,144,L512,144");
    animation-duration: 1.5s;
}
.orderModel.orderModel-3 > .svg-con > em.arrow-8 {
    offset-path: path("M500,144,L500,180");
    animation-duration: 1.5s;
}
.orderModel.orderModel-4 {
    width: 660px;
    height: 417px;
}
.orderModel.orderModel-4 .list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.orderModel.orderModel-4 .list-box a {
    width: 134px;
    line-height: 44px;
    border: 1px solid var(--theme-c);
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    color: #666;
    position: absolute;
    border-radius: 12px;
}
.orderModel.orderModel-4 .list-box a > span {
    position: relative;
    z-index: 3;
}
.orderModel.orderModel-4 .list-box a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.orderModel.orderModel-4 .list-box a.a-1 {
    left: 1px;
    top: 188px;
}
.orderModel.orderModel-4 .list-box a.a-1 .inner-list {
    bottom: 60px;
}
.orderModel.orderModel-4 .list-box a.a-2 {
    left: 230px;
    top: 188px;
}
.orderModel.orderModel-4 .list-box a.a-2 .inner-list {
    top: 85px;
}
.orderModel.orderModel-4 .list-box a.a-3 {
    left: 512px;
    top: 56px;
    color: #fff;
    border: none;
    background-color: transparent;
}
.orderModel.orderModel-4 .list-box a.a-3:before {
    content: "";
    width: 90px;
    height: 90px;
    background-color: var(--theme-c);
    border: 2px solid #fff;
    position: absolute;
    top: -999px;
    right: -999px;
    bottom: -999px;
    left: -999px;
    margin: auto;
    transform: rotate(45deg);
}
.orderModel.orderModel-4 .list-box a.a-4 {
    left: 512px;
    top: 314px;
    color: #fff;
    border: none;
    background-color: transparent;
}
.orderModel.orderModel-4 .list-box a.a-4:before {
    content: "";
    width: 90px;
    height: 90px;
    background-color: var(--theme-c);
    border: 2px solid #fff;
    position: absolute;
    top: -999px;
    right: -999px;
    bottom: -999px;
    left: -999px;
    margin: auto;
    transform: rotate(45deg);
}
.orderModel.orderModel-4 .list-box a .inner-list {
    padding: 10px 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.orderModel.orderModel-4 .list-box a .inner-list .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
}
.orderModel.orderModel-4 .list-box a .inner-list .svg-con > em.arrow-1 {
    offset-path: path("M1,66,L1,86");
}
.orderModel.orderModel-4 .list-box a .inner-list .svg-con > em.arrow-2 {
    offset-path: path("M0,0,L0,-30");
}
.orderModel.orderModel-4 .list-box a .inner-list .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.orderModel.orderModel-4 .list-box a .inner-list .border-svg rect {
    width: 100%;
    height: 100%;
}
.orderModel.orderModel-4 .list-box a .inner-list .inner {
    display: table;
}
.orderModel.orderModel-4 .list-box a .inner-list span {
    font-size: 18px;
    line-height: 24px;
    color: #666;
    display: block;
    white-space: nowrap;
}
.orderModel.orderModel-4 > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.orderModel.orderModel-4 > .svg-con > em.arrow-1 {
    offset-path: path("M130,210,L237,210");
    animation-duration: 2s;
}
.orderModel.orderModel-4 > .svg-con > em.arrow-2 {
    offset-path: path("M425,210,L567,100");
    animation-duration: 2s;
}
.orderModel.orderModel-4 > .svg-con > em.arrow-3 {
    offset-path: path("M425,210,L567,320");
    animation-duration: 2s;
}
.orderModel.orderModel-5 {
    width: 660px;
    height: 258px;
}
.orderModel.orderModel-5 .list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.orderModel.orderModel-5 .list-box a {
    width: 74px;
    min-height: 26px;
    padding: 6px 0;
    border: 1px solid var(--theme-c);
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    color: #666;
    position: absolute;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.orderModel.orderModel-5 .list-box a > span {
    line-height: 12px;
}
.orderModel.orderModel-5 .list-box a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.orderModel.orderModel-5 .list-box a.a-1 {
    left: 87px;
    top: 192px;
}
.orderModel.orderModel-5 .list-box a.a-1 .inner-list {
    transform: translate(0);
    left: 100px;
    top: 0px;
}
.orderModel.orderModel-5 .list-box a.a-2 {
    left: 0;
    top: 135px;
}
.orderModel.orderModel-5 .list-box a.a-3 {
    left: 87px;
    top: 76px;
}
.orderModel.orderModel-5 .list-box a.a-3 .inner-list {
    bottom: 49px;
}
.orderModel.orderModel-5 .list-box a.a-3 .inner {
    display: flex !important;
    flex-wrap: wrap;
    width: 110px;
    justify-content: space-between;
}
.orderModel.orderModel-5 .list-box a.a-3 .svg-con .arrow-2 {
    offset-path: path("M0,64,L0,74") !important;
}
.orderModel.orderModel-5 .list-box a.a-4 {
    left: 213px;
    top: 84px;
}
.orderModel.orderModel-5 .list-box a.a-4 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-5 .list-box a.a-5 {
    left: 338px;
    top: 84px;
}
.orderModel.orderModel-5 .list-box a.a-6 {
    left: 464px;
    top: 84px;
}
.orderModel.orderModel-5 .list-box a.a-6 .inner-list {
    bottom: 47px;
}
.orderModel.orderModel-5 .list-box a.a-7 {
    left: 585px;
    top: 131px;
}
.orderModel.orderModel-5 .list-box a.a-8 {
    left: 585px;
    top: 192px;
}
.orderModel.orderModel-5 .list-box a .inner-list {
    padding: 6px 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.orderModel.orderModel-5 .list-box a .inner-list .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
}
.orderModel.orderModel-5 .list-box a .inner-list .svg-con > em.arrow-1 {
    offset-path: path("M2,0,L2,-12");
}
.orderModel.orderModel-5 .list-box a .inner-list .svg-con > em.arrow-2 {
    offset-path: path("M0,64,L0,80");
}
.orderModel.orderModel-5 .list-box a .inner-list .svg-con > em.arrow-3 {
    offset-path: path("M2,48,L2,62");
}
.orderModel.orderModel-5 .list-box a .inner-list .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.orderModel.orderModel-5 .list-box a .inner-list .border-svg rect {
    width: 100%;
    height: 100%;
}
.orderModel.orderModel-5 .list-box a .inner-list .inner {
    display: table;
}
.orderModel.orderModel-5 .list-box a .inner-list span {
    font-size: 11px;
    line-height: 18px;
    color: #666;
    display: block;
    white-space: nowrap;
}
.orderModel.orderModel-5 > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-0 {
    offset-path: path("M223,190,L223,174,L125,174,L125,205");
    animation-duration: 2s;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-1 {
    offset-path: path("M98,205,A62,55,0,0,1,36,150");
    animation-duration: 1.5s;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-2 {
    offset-path: path("M36,150,A62,55,0,0,1,98,95");
    animation-duration: 1.5s;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-3 {
    offset-path: path("M160,95,L226,95");
    animation-duration: 1s;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-4 {
    offset-path: path("M286,95,L350,95");
    animation-duration: 1s;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-5 {
    offset-path: path("M414,95,L476,95");
    animation-duration: 1s;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-6 {
    offset-path: path("M572,95,L622,130");
    animation-duration: 1s;
}
.orderModel.orderModel-5 > .svg-con > em.arrow-7 {
    offset-path: path("M622,150,L622,190");
    animation-duration: 0.8s;
}
.orderModel.orderModel-6 {
    width: 660px;
    height: 417px;
}
.orderModel.orderModel-6 .list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.orderModel.orderModel-6 .list-box a {
    width: 128px;
    line-height: 44px;
    border: 1px solid var(--theme-c);
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    color: #666;
    position: absolute;
    border-radius: 12px;
}
.orderModel.orderModel-6 .list-box a > span {
    position: relative;
    z-index: 3;
}
.orderModel.orderModel-6 .list-box a.a-1, .orderModel.orderModel-6 .list-box a.a-2, .orderModel.orderModel-6 .list-box a.a-3 {
    border: none;
    background-color: transparent;
    color: #fff;
}
.orderModel.orderModel-6 .list-box a.a-1:before, .orderModel.orderModel-6 .list-box a.a-2:before, .orderModel.orderModel-6 .list-box a.a-3:before {
    content: "";
    width: 110px;
    height: 110px;
    background-color: var(--theme-c);
    border: 2px solid #fff;
    position: absolute;
    top: -999px;
    right: -999px;
    bottom: -999px;
    left: -999px;
    margin: auto;
    transform: rotate(45deg);
    border-radius: 6px;
}
.orderModel.orderModel-6 .list-box a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.orderModel.orderModel-6 .list-box a.a-1 {
    left: 13px;
    top: 56px;
    z-index: 3;
}
.orderModel.orderModel-6 .list-box a.a-2 {
    left: 13px;
    top: 186px;
    z-index: 2;
}
.orderModel.orderModel-6 .list-box a.a-3 {
    left: 13px;
    top: 315px;
}
.orderModel.orderModel-6 .list-box a.a-4 {
    left: 295px;
    top: 186px;
}
.orderModel.orderModel-6 .list-box a.a-4 .inner-list {
    width: 194px;
    height: 84px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    transform: translate(0);
    bottom: 120px;
    left: auto;
    right: -150px;
}
.orderModel.orderModel-6 .list-box a.a-4 .inner-list .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.orderModel.orderModel-6 .list-box a.a-4 .inner-list .inner span {
    line-height: 32px;
}
.orderModel.orderModel-6 .list-box a.a-5 {
    left: 525px;
    top: 186px;
}
.orderModel.orderModel-6 .list-box a .inner-list {
    padding: 10px 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.orderModel.orderModel-6 .list-box a .inner-list .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
}
.orderModel.orderModel-6 .list-box a .inner-list .svg-con > em.arrow-1 {
    offset-path: path("M1,66,L1,86");
}
.orderModel.orderModel-6 .list-box a .inner-list .svg-con > em.arrow-2 {
    offset-path: path("M0,0,L0,-30");
}
.orderModel.orderModel-6 .list-box a .inner-list .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.orderModel.orderModel-6 .list-box a .inner-list .border-svg rect {
    width: 100%;
    height: 100%;
}
.orderModel.orderModel-6 .list-box a .inner-list .inner {
    display: table;
}
.orderModel.orderModel-6 .list-box a .inner-list span {
    font-size: 18px;
    line-height: 24px;
    color: #666;
    display: block;
    white-space: nowrap;
}
.orderModel.orderModel-6 > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.orderModel.orderModel-6 > .svg-con > em.arrow-1 {
    offset-path: path("M120,208,L228,208");
    animation-duration: 2s;
}
.orderModel.orderModel-6 > .svg-con > em.arrow-2 {
    offset-path: path("M112,114,L231,208");
    animation-duration: 2s;
}
.orderModel.orderModel-6 > .svg-con > em.arrow-3 {
    offset-path: path("M112,298,L231,208");
    animation-duration: 2s;
}
.orderModel.orderModel-6 > .svg-con > em.arrow-4 {
    offset-path: path("M422,208,L530,208");
    animation-duration: 2s;
}
.orderModel.orderModel-6 > .svg-con > em.arrow-5 {
    offset-path: path("M475,111,L475,148,L358,148,L358,188");
    animation-duration: 3s;
}
.orderModel.orderModel-6 > .svg-con > em.arrow-6 {
    offset-path: path("M475,111,L475,148,L592,148,L592,188");
    animation-duration: 3s;
}
.orderModel.orderModel-7 {
    width: 660px;
    height: 305px;
}
.orderModel.orderModel-7 .list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.orderModel.orderModel-7 .list-box a {
    min-width: 112px;
    padding: 0 14px;
    line-height: 30px;
    border: 1px solid var(--theme-c);
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #666;
    position: absolute;
    border-radius: 12px;
}
.orderModel.orderModel-7 .list-box a > span {
    position: relative;
    z-index: 3;
}
.orderModel.orderModel-7 .list-box a.active {
    background-color: var(--theme-c);
    color: #fff;
}
.orderModel.orderModel-7 .list-box a.a-1 {
    left: 1px;
    top: 145px;
}
.orderModel.orderModel-7 .list-box a.a-2 {
    left: 188px;
    top: 145px;
}
.orderModel.orderModel-7 .list-box a.a-3 {
    left: 348px;
    top: 64px;
}
.orderModel.orderModel-7 .list-box a.a-3 .inner-list {
    bottom: 65px;
    padding: 6px 25px;
}
.orderModel.orderModel-7 .list-box a.a-4 {
    left: 542px;
    top: 64px;
}
.orderModel.orderModel-7 .list-box a .inner-list {
    padding: 6px 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.orderModel.orderModel-7 .list-box a .inner-list .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 1s linear infinite;
}
.orderModel.orderModel-7 .list-box a .inner-list .svg-con > em.arrow-1 {
    offset-path: path("M1,66,L1,86");
}
.orderModel.orderModel-7 .list-box a .inner-list .svg-con > em.arrow-2 {
    offset-path: path("M1,0,L1,-20");
}
.orderModel.orderModel-7 .list-box a .inner-list .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.orderModel.orderModel-7 .list-box a .inner-list .border-svg rect {
    width: 100%;
    height: 100%;
}
.orderModel.orderModel-7 .list-box a .inner-list .inner {
    display: table;
}
.orderModel.orderModel-7 .list-box a .inner-list span {
    font-size: 11px;
    line-height: 18px;
    color: #666;
    display: block;
    white-space: nowrap;
}
.orderModel.orderModel-7 > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.orderModel.orderModel-7 > .svg-con > em.arrow-1 {
    offset-path: path("M110,160,L193,160");
    animation-duration: 2s;
}
.orderModel.orderModel-7 > .svg-con > em.arrow-2 {
    offset-path: path("M301,160,L330,160,L430,80");
    animation-duration: 2.4s;
}
.orderModel.orderModel-7 > .svg-con > em.arrow-3 {
    offset-path: path("M450,80,L547,80");
    animation-duration: 2s;
}
.orderModel.orderModel-7 > .svg-con > em.arrow-4 {
    offset-path: path("M412,32,L412,80");
    animation-duration: 1.8s;
}

.distributionAgent-box {
    width: 480px;
    height: 326px;
    position: relative;
}
.distributionAgent-box > .svg-con > em {
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    position: absolute;
    border-right: 1px solid var(--theme-c);
    border-bottom: 1px solid var(--theme-c);
    transform: rotate(-45deg);
    animation: offset 2s linear infinite;
}
.distributionAgent-box > .svg-con > em.arrow-1 {
    offset-path: path("M86,138,L134,138,L240,50");
    animation-duration: 2s;
}
.distributionAgent-box > .svg-con > em.arrow-2 {
    offset-path: path("M86,138,L134,138,L240,222");
    animation-duration: 2s;
}
.distributionAgent-box > .svg-con > em.arrow-3 {
    offset-path: path("M270,50,L300,50,L300,18,L380,18");
    animation-duration: 2s;
}
.distributionAgent-box > .svg-con > em.arrow-4 {
    offset-path: path("M270,50,L300,50,L300,84,L380,84");
    animation-duration: 2s;
}
.distributionAgent-box > .svg-con > em.arrow-5 {
    offset-path: path("M270,222,L300,222,L300,190,L380,190");
    animation-duration: 2s;
}
.distributionAgent-box > .svg-con > em.arrow-6 {
    offset-path: path("M270,222,L300,222,L300,255,L380,255");
    animation-duration: 2s;
}
.distributionAgent-box > .svg-con > em.arrow-7 {
    offset-path: path("M166,50,L220,50");
    animation-duration: 1s;
}
.distributionAgent-box > .svg-con > em.arrow-8 {
    offset-path: path("M166,222,L220,222");
    animation-duration: 1s;
}
.distributionAgent-box .list-box > a {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666;
}
.distributionAgent-box .list-box > a .border-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
.distributionAgent-box .list-box > a .border-svg rect {
    width: 100%;
    height: 100%;
}
.distributionAgent-box .list-box > a > span {
    white-space: nowrap;
}
.distributionAgent-box .list-box > a.a-1 {
    left: 2px;
    top: 123px;
}
.distributionAgent-box .list-box > a.a-2 {
    right: 3px;
    top: 2px;
}
.distributionAgent-box .list-box > a.a-3 {
    right: 3px;
    top: 68px;
}
.distributionAgent-box .list-box > a.a-4 {
    right: 3px;
    top: 174px;
}
.distributionAgent-box .list-box > a.a-5 {
    right: 3px;
    top: 240px;
}
.distributionAgent-box .list-box > a.a-6 {
    left: 200px;
    top: 14px;
}
.distributionAgent-box .list-box > a.a-7 {
    left: 200px;
    top: 186px;
}
.distributionAgent-box .list-box > a.a-8 {
    left: 25px;
    top: 18px;
}
.distributionAgent-box .list-box > a.a-9 {
    left: 25px;
    top: 192px;
}
.distributionAgent-box .list-box .default {
    background-color: #fff;
    border: 1px solid var(--theme-c);
    border-radius: 12px;
    line-height: 32px;
    min-width: 88px;
    padding: 0 12px;
}
.distributionAgent-box .list-box .circle {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: var(--theme-c);
    color: #fff;
    box-shadow: 0 0 4px rgba(61, 139, 255, 0.5);
}
.distributionAgent-box .list-box .rect {
    padding: 15px;
    text-align: center;
    width: 138px;
    font-size: 14px;
}/*# sourceMappingURL=Overseas_position_add.css.map */