body {
    font-size: 16px;
    height: 0;
}
#app{
    min-height: 100vh;
}

[v-cloak]{
    display: none;
}

img {
    object-fit: cover;
    max-width: 100%;
    vertical-align: middle
}

a {
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s;
}

input {
    outline: none;
}

:root {
    --color: #E12F15;
}


/* 设置滚动条的样式 */
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgba(0,0,0,0.0);background:nnoe; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} /* 滚动槽 */
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {background:#999999; border-radius:4px;/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */opacity:.5;-webkit-opacity:.5;-moz-opacity:.5;}
::-webkit-scrollbar-thumb:window-inactive {}
.lz-mt40 {
    margin-top: 30px;
}

.lz-mt15 {
    margin-top: 15px;
}

.lz-pb50 {
    padding-bottom: 50px;
}

a:hover {
    color: var(--color) !important;
}


input[type="radio"]::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #999;
    box-sizing: border-box;
    position: absolute;
    top: 48px;
    position: absolute;
    top: 0;
    left: 0;
}

input[type="radio"]:checked::before {
    background-color: var(--color);
    background-clip: content-box;
    border: 1px solid var(--color);
    padding: 1px;
    box-sizing: border-box;
}

input[type="checkbox"] {
    margin-top: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9
}

input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid var(--color);;
    color: var(--color);;
    font-size: 16px;
    font-weight: bold;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-text-p2 {
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.bx-text-p3 {
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.bx-text-p4 {
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.bx-img-hover:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
}


.header,#header{
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 8;
    background-color: transparent;
    transition: all 0.5s;

}

/* .header.active {
    box-shadow: 0 8px 20px 0px rgba(180, 184, 206, 0.14);
    top: 0;
} */

.header .header-hidebox {
    content: "";
    display: block;
    width: 100%;
    height: 70px;
    background-color: rgba(255,255,255,.6);
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 2;
    display: none;
}





.header001 {
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, 0.7);
    padding: 0 50px;
    -webkit-box-shadow: 0px 0 10px rgba(225,47,21,.05);
    -moz-box-shadow: 0px 0 10px rgba(225,47,21,.05);
    box-shadow: 0px 0 10px rgba(225,47,21,.05);
}


.header001-con {
    margin: 0 auto;
    max-width: 1740px;
    padding-left: 110px;
    padding-right: 110px;
}

.header001-left {
    display: flex;
    align-items: center;
}

.header001 .bx-logo {
    max-height: 70px;
    position: relative;
    z-index: 1;
}

.header001 .bx-logo a {
    display: flex;
    align-items: center;
    max-height: 50px;
}

.header001 .bx-logo img {
    max-height: 50px;
    display: block;
}

.header001 .right {
    display: flex;
    align-items: center;
}

.header001 .bx-nav ul li {
    float: left;
    line-height: 1;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    z-index: 20;
    text-align: center;
    padding: 0 25px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: relative; */
}
.header001 .bx-nav ul li:nth-child(1){
    margin-left: 0;
}
.header001 .bx-nav{
    height: 100%;
}
.header001 .bx-nav ul li a {
    color: #333333;
    display: block;
    width: 100%;
    position: relative;
}


.header001 .bx-nav ul li i {
    font-size: 20px;
    color: #333;
    vertical-align: middle;
    margin-left: 10px;
    display: none;
}

.header001 .bx-nav ul li .bx-nav-fd {
    width: 100%;
    display: none;
    position: absolute;
    top: 100px;
    line-height: 30px;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 20px 0;
    background-color: #fff;
}

.header001 .bx-nav ul li .bx-nav-fd p{
    display: inline-block;
    color: #333;
    font-size: 16px;
    padding: 0 2vw;
    position: relative;
}
.header001 .bx-nav ul li .bx-nav-fd p::after{
    content: '|';
    color: #D5D8D9;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}
.header001 .bx-nav ul li .bx-nav-fd p:nth-last-child(1):after{
    display: none;
}



.header001 .bx-navigation {
    display: none;
    margin-left: 20px;
}

.header001 .bx-nav ul li a:hover,
.header001 .bx-nav ul li a.active {
    font-weight: bold;
    color: var(--color);
}
.header001 .bx-nav ul li a.active::before{
    opacity: 1;
}
.bx-lang{
    font-size: 16px;
    margin-left: 1.6vw;
}
.bx-lang a{
    color: #333;
    cursor: pointer;
}
.bx-lang a.active{
    color: var(--color);
}
.bx-lang span{
    font-size: 14px;
    vertical-align: middle;
    color: #666666;
    margin: 0 4px;
}
.bx-header-tel{
    margin-left: 25px;
    color: #333333;
    font-size: 16px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.bx-header-tel span{
    color: #E12F15;
}
.bx-header-tel svg{
    width: 20px;
    line-height: 1;
    margin-right: 10px;
}
.bx-butarr{
    margin-left: 1.6vw;
}
.bx-butarr .buts{
    margin-right: 10px;
    
}
.bx-butarr .buts:nth-last-child(1){
    margin-right: 0;
}
@keyframes menu_circle2 {
    0% {
      opacity: 0.5;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    50% {
        opacity: 0.2;
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
    }
  }
.full-menu {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: -90px;
    transform: translate(0,-50%);
    z-index: 110;
    border-radius: 50%;
    background-color: #fff;
    pointer-events: auto;
    color: var(--color);
    text-align: center;
    line-height: 64px;
    font-size: 32px;
    text-indent: 2px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .full-menu .icon svg{
    width: 24px;
  }
  .full-menu::before{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: 4px solid rgba(225,47,21,.2);
    border-radius: 50%;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: menu_circle2;
    animation-name: menu_circle2;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }


  .header-ewm{
    width: 110px;
    height: 110px;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #fff;
    padding: 5px;
    display: none;
    border-radius: 3px;
  }
  .header-ewm img{
    width: 100%;
    display: block;
  }

.bx-navigation {
    display: none;
}

.bx-nav-dh {
    font-size: 18px;
    color: var(--color);
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
}

.bx-nav-dh img {
    width: 20px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.active .bx-nav-dh {
    color: #333;
}

.bx-nav-dh a {
    color: #333;
    display: inline;
    font-weight: 400;
    vertical-align: top;
}

.nav-hide {
    display: none;
}

.bx-header-but {
    position: relative;
}

.bx-header-but .but {
    min-width: 120px;
    line-height: 38px;
    font-size: 16px;
    color: #333000;
    text-align: center;
    padding: 0 20px;
    border-radius: 20px;
    transition: all 0.5s;
    border: 1px solid #333000;
}

.bx-header-but .but:hover {
    background-color: var(--color);
    color: #fff !important;
    border-color: var(--color);
}

.bx-header-but .bx-header-ewm {
    position: absolute;
    right: 0;
    top: 70px;
    width: 140px;
    display: none;
}




@media (max-width: 1600px) {
  
    .header001{
        padding: 0 30px;
        height: 80px;
    }
  
    .bx-header-tel{
        font-size: 14px;
        margin-left: 10px;
    }
    .header001 .bx-logo img{
        max-height: 40px;
    }
    .header001 .bx-nav ul li{
        padding: 0 15px;
        font-size: 14px;
        height: 80px;
    }
    .full-menu{
        width: 60px;
        height: 60px;
        line-height: 60px;
        right: -80px;
    }
    .bx-header-tel img{
        width: 15px;
    }
    .bx-lang{
        font-size: 15px;
    }
    .header001 .bx-nav ul li .bx-nav-fd{
        top: 80px;
    }
    .header, #header{
        top: 20px;
    }
    
  
}



@media (max-width: 1300px) {
    .bx-header-tel{
        display: none;
    }
    .header001 .bx-nav ul li{
        font-size: 14px;
        padding: 0 10px;
    }
    .bx-butarr{
        margin-left: 10px;
    }
    .bx-lang span{
        margin: 0 1px;
    }
    .header001 .bx-logo img{
        max-height: 40px;
    }
    .header001-con{
        padding-left: 90px;
        padding-right: 90px;
    }
    .bx-lang{
        margin-left: 10px;
    }
    .header001{
        padding: 0 20px;
    }
}



@media (max-width: 1000px) {
    .header, #header{
        position: fixed;
        top: 0;
        left: 0;
    }
    .header001-con{
        padding-left: 0;
        padding-right: 0;
    }
    .bx-nav-dh {
        font-size: 14px;
        margin-left: 10px;
    }

    .bx-butarr{
        display: none;
    }


    .bx-header-but .bx-header-ewm {
        top: 60px;
    }

    .bx-nav-dh i {
        font-size: 16px;
    }

    .header001 {
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        border-radius: 0;
    }
    .header001::before{
        transform: translate(-75%, 0);
    }

    .header001 .bx-logo img {
        max-height: 37px;
        object-fit: contain;
    }
    

    .header001 .bx-nav {
        position: fixed;
        top: 60px;
        z-index: 500;
        left: -150%;
        height: auto;
        max-height: calc(100vh - 100px);
        z-index: 600;
        width: 100%;
        background-color: #fff;
        margin-left: 0;
        transition: all 0.5s;
        background-color: #fff;
        overflow-y: scroll;
        border-radius:0 0;
        -webkit-box-shadow: 0px 0 10px rgba(225,47,21,.05);
    -moz-box-shadow: 0px 0 10px rgba(225,47,21,.05);
    box-shadow: 0px 0 10px rgba(225,47,21,.05);
    }
    .header001 .bx-nav ul{
        padding-left: 10px;
    }

    .header001 .bx-nav ul li {
        line-height: 50px;
        height: auto;
        text-align: left;
        float: none;
        border-top: 1px solid rgba(225, 47, 21, 0.4);
        position: relative;
        width: 100%;
        display: block;
        padding: 0 15px;
        text-align: left;
    }

    .header001 .bx-nav ul li i {
        display: block;
        width: 12px;
        height: 12px;
        color: #fff;
        transition: color .25s;
        position: absolute;
        right: 10px;
        top: 18px;
        display: block;
    }

    .header001 .bx-nav ul li i::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background-color: #fff;
        transform: translate(0, -50%);
    }

    .header001 .bx-nav ul li i::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #fff;
        transform: translate(-50%, 0);
    }

    .header001 .bx-nav ul li a {
        padding: 0 10px;
        color: #000;
        text-align: left;
        font-size: 14px;
        width: 100%;
        display: inline-block;
        padding: 0;
    }
    .header001 .bx-nav ul li a::before{
        display: none;
    }

    .header001 .bx-navigation {
        display: block;
    }

    .header001 .bx-nav ul li .bx-nav-fd {
        display: none;
        position: relative;
        top: 0px;
        width: 100%;
        background-color: transparent;
        padding: 0;
    }

    .header001 .bx-nav ul li .bx-nav-fd p {
        display: block;
        width: 100%;
        border-top: 1px solid rgba(255,255,255,.5);
        padding: 5px 0;
    }
    .header001 .bx-nav ul li .bx-nav-fd p:nth-child(1){
        border: none;
    }
    .header001 .bx-nav ul li .bx-nav-fd p::after{
        display: none;
    }

    .bx-navigation {
        display: block;
    }

    .header001 .bx-nav ul li .bx-nav-fd a {
        padding: 0 5px;
        font-size: 14px;
    }

    .header-Solution{
        flex-direction: column;
    }
    .header-Solution .left{
        width: 100%;
        overflow-x: scroll;
    }
    .bx-nav .header-Solution .left ol li p{
        color: #fff;
    }

    .header-Solution .left ol{
        width: max-content;
        display: flex;
        color: #fff;
    }
    .header-Solution .left ol li{
        line-height: 30px;
        padding: 0;
        width: auto;
        margin-right: 15px;
        border-bottom: none;
    }
    .bx-nav .header-Solution .left ol li p{
        padding: 5px 10px;
    }
    .header-Solution .right{
        width: 100%;
        margin-top: 10px;
    }
    .header-Solution-list{
        width: 100%;
    }

    .header-Solution-list ol{
        display: block;
    }

    .header-Solution-list ol li{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-Solution-list ol li .header-Solution-l{
        text-align: left;
        display: block !important;
        padding: 0 !important;
        padding: 13px 0 !important;
    }
    .header-Solution-list ol li .header-Solution-l .icon{
        display: none;
    }
    .header-Solution-list ol li .header-Solution-l p{
        display: none !important;
    }
    .header-Solution-list ol li .header-Solution-l .text{
        display: block;
        padding-left: 0;
        width: 100%;
    }
    .header-Solution-list ol li .header-Solution-l .text h3{
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        text-align: left;
    }

    .header-Solution-list ol li a{
        margin-left: 0 !important;
    }

    .bx-nav .header-Solution .left ol li p{
        padding: 2px 10px;
    }
    


    .hamburger .line {
        width: 20px;
        height: 1px;
        background-color: #333;
        display: block;
        margin: 6px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .hamburger:hover {
        cursor: pointer;
    }



    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-1.is-active .line:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
        -o-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }

    #hamburger-1.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        -o-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }

    .header001 .bx-nav ul li a:hover,
    .header001 .bx-nav ul li a.active {
        color: var(--color) !important;
        font-weight: bold;
    }
}

@keyframes menu_circle {
    0% {
      opacity: 1;
      transform: scale(1,1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.15,1.3);
    }
    100% {
      opacity: 0;
      transform: scale(1.15,1.3);
    }
  }


.buts {
    display: inline-block;
    min-width: 100px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    border: 1px solid #C5C5C5;
    cursor: pointer;
    border-radius: 30px;
    position: relative;
    
  }
  .buts::after{
    min-width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: 1px solid #C5C5C5;
    border-radius: 40px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: menu_circle;
    animation-name: menu_circle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .buts.color::after{
    border-color: var(--color);
  }
  .buts.border{
    background-color: transparent;
    color: #333333;
  }
  .buts.border.color{
    color: var(--color);
    border-color: var(--color);
  }
  
  .buts:hover {
    background-color: #333;
    color: #fff !important;
  }
  .buts.color:hover {
    background-color: var(--color);
    color: #fff !important;
  }


  .banner{
    position: relative;
  }
  .banner-list{
    position: relative;
  }
.banner .img img{
    width: 100%;
}
.banner-list .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
}
.banner-list .text .container{
    width: 100%;
}
.banner-list .text h3{
    font-size: 38px;
    font-weight: 400;
    color: #333;
    opacity: 0;
    transform: translateY(-30px);
    transition: all 2s;
}
.banner-list .text .text-box{
    max-width: 750px;
}
.banner-list .text h4{
    font-size: 52px;
    color: #333;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 0;
    opacity: 0;
    transform: translateY(-30px);
    transition: all 1.8s;
}
.banner-list .text p{
    font-size: 20px;
    color: #333;
    margin-top: 30px;
    opacity: 0;
    transform: translateY(-30px);
    transition: all 1.7s;
}

.banner .swiper-button-prev,.banner .swiper-button-next{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: 13px 20px;
    transition: all 0.5s;
    /* border: 1px solid #FFFFFF; */
    background-color: rgba(0,0,0,.2);
}
/* .banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{
    background-color: rgba(0,0,0,.2);
} */
.banner .swiper-button-prev{
    left: 3vw;
}
.banner .swiper-button-next{
    right: 3vw;
}


@keyframes first{
    0% {width: 0;}/*091*/
    100% {width: 100%;} /*0915*/
  }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    animation:first 6.4s;
}
.banner .swiper-pagination{
    padding-bottom: 30px;
}

.banner .swiper-pagination-bullet{
    width: 90px;
    height: 1px;
    border-radius: 0;
    background-color: #D8DADF;
    transition: all 0.5s;
    opacity: 1;
    position: relative;
}

.banner .swiper-pagination-bullet::before{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background-color: var(--color);
    position: absolute;
    left: 0;
    bottom: 0;
}
@keyframes updown{
    0% { transform: translate(-50%,30%);}/*091*/
    50% { transform: translate(-50%,60%);} /*0915*/
    100% { transform: translate(-50%,30%);}/*091*/
  }
.icon-sb{
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    transition: all 0.5s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: updown;
    animation-name: updown;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.max1200{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide.swiper-slide-active .banner-list .text h3{
    opacity: 1;
    transform: translateY(0);
}
.swiper-slide.swiper-slide-active .banner-list .text h4{
    opacity: 1;
    transform: translateY(0);
}
.swiper-slide.swiper-slide-active .banner-list .text p{
    opacity: 1;
    transform: translateY(0);
}
.pt150{
    padding-top: 150px;
}
.pb150{
    padding-bottom: 150px;
}
.mt50{
    margin-top: 50px;
}
.box1-title h3{
    font-size: 36px;
    color: #333;
    font-weight: 700;
    padding-bottom: 30px;
    border-bottom: 1px solid #EFEEEE;
}
.box1-title h3 span{
    color: var(--color);
}

.index-about-box .text{
    padding-left: 30%;
}
.index-about-box .text .desc{
    font-size: 16px;
    color: #666;
    white-space: pre-line;
}
.index-about{
    overflow: hidden;
}
.index-about-box{
    position: relative;
}

.index-about-box .text h3{
    display: inline-block;
}
.index-about-box .img {
    position: relative;
    z-index: 10px;
}
.index-about-box .img img{
    width: 100%;
}
.about-logo{
    position: absolute;
    left: 10%;
    top: 0;
    transition: transform ease-out 0.6s !important;
}

.index-two{
    position: relative;
    padding-top: 100px;
}
.index-two-bg{
    background-image: url(../images/index-two-bg.jpeg);
    /* background-size: cover; */
    background-size: 100% 150%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 60px);
}

.index-two-nav ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-two-nav-list{
    cursor: pointer;
}
.index-two-nav ul li{
    position: relative;
}
.index-two-nav ul li::before{
    content: '';
    width: calc(33.33% - 50px);
}
.index-two-nav ul li p{
    font-size: 16px;
    color: #000000;
    margin-top: 15px;
}
.index-two-nav ul li .img{
    width: 100px;
    height: 100px;
    background-color: transparent;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s;
    margin: 0 auto;
}
.index-two-nav ul li .img img{
    height: 48px;
}
.index-two-nav ul li .img  .img2{
    display: none;
}
.index-two-nav ul li.active .img  .img1{
    display: none;
}
.index-two-nav ul li.active .img  .img2{
    display: inline-block;
}
.index-two-nav ul li.active .img{
    background-color: #fff;
}
.index-two-box{
    margin-top: 88px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-two-box .text-swiper{
    width: 40%;
    padding-right: 30px;
    position: relative;
}
.index-two-box .text-swiper h3,.Solution-one-box h3{
    font-size: 30px;
    color: #333;
    font-weight: 400;
}
.index-two-box .text-swiper h3 span,.Solution-one-box h3 span{
    color: var(--color);
}
.index-two-box .text-swiper .desc,.Solution-one-box .desc{
    font-size: 16px;
    color: #666;
    margin-top: 28px;
    line-height: 28px;
}
.index-two-box .text-swiper .texts .texts-bottom,.Solution-one-box .texts-bottom{
    margin-top: 90px;
}
.index-two-box .text-swiper .texts-bottom .p1,.Solution-one-box .texts-bottom .p1{
    font-size: 25px;
    color: #333;
}
.index-two-box .text-swiper .texts-bottom .p2,.Solution-one-box .texts-bottom .p2{
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    white-space: pre-line;
    
}
@keyframes nonedh{
    0%{
        opacity:0;
        display: none;
        transform: translateY(20px);
    }
    20%{
        opacity:0.5;
        display: block;
    }
    60%{
        opacity:1;
    }
    100%{
        transform: translateY(0);
    }
  }
.index-two-box .text-swiper .texts,.Solution-one-box .texts{
    opacity: 0;
    transform: translateX(20px);
    display: none;
    transition: all 0.5s;
}
.index-two-box .text-swiper .active.texts,.Solution-one-box .active.texts{
    animation:nonedh 1.3s both;
    opacity:1;
    transform: translateY(0);
    display: block;
}
.index-two-box .img-swiper{
    width: 60%;
    position: relative;
}


.index-two-box .img-swiper .img-swiper-lists{
    border-radius: 30px;
    box-shadow: 0px 0px 30px 0px rgba(51, 0, 0, 0.1);
    background-color: #fff;
    width: 100%;
    height: 100%;
}


.img-swiper .pro-slider{
    width: calc(330%/4);
    height: 0;
    padding-bottom: 65%;
    margin: auto;
    position: relative;
    opacity: 1;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
}
.img-swiper .pro-slider ul{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}
.img-swiper .pro-slider ul li{
    background: #ffffff;
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 30px;
  transform: scale(0.4) translateX(-90px);
  -webkit-transform: scale(0.4) translateX(-90px);
  -moz-transform: scale(0.4) translateX(-90px);
  -o-transform: scale(0.4) translateX(-90px);
  -ms-transform: scale(0.4) translateX(-90px);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transition: all 0.7s cubic-bezier(0.18, 0.88, 0.23, 0.9);
  transform-origin: 0 50%;
  box-shadow: 0 23px 90px -10px rgba(29, 56, 75, 0.17);
}


.img-swiper .pro-slider ul li.on{
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
    -moz-transform: scale(1) translateX(0px);
    -o-transform: scale(1) translateX(0px);
    -ms-transform: scale(1) translateX(0px);
    pointer-events: auto;
    opacity: 1;
    z-index: 10;
}
.img-swiper .pro-slider ul li.n1{
    transform: scale(0.8) translateX(-30px);
    -webkit-transform: scale(0.8) translateX(-30px);
    -moz-transform: scale(0.8) translateX(-30px);
    -o-transform: scale(0.8) translateX(-30px);
    -ms-transform: scale(0.8) translateX(-30px);
    opacity: 0.8;
    z-index: 8;
}
.img-swiper .pro-slider ul li.n2{
    transform: scale(0.6) translateX(-70px);
    -webkit-transform: scale(0.6) translateX(-70px);
    -moz-transform: scale(0.6) translateX(-70px);
    -o-transform: scale(0.6) translateX(-70px);
    -ms-transform: scale(0.6) translateX(-70px);
    opacity: 0.6;
    z-index: 7;
}
.img-swiper .pro-slider ul li.move{
    transform: scale(1) translateX(30px);
    -webkit-transform: scale(1) translateX(30px);
    -moz-transform: scale(1) translateX(30px);
    -o-transform: scale(1) translateX(30px);
    -ms-transform: scale(1) translateX(30px);
    pointer-events: none;
    opacity: 0;
    z-index: 7;
}
.img-swiper .pro-slider ul li.cur_move{
    transform: scale(1) translateX(0px);
  -webkit-transform: scale(1) translateX(0px);
  -moz-transform: scale(1) translateX(0px);
  -o-transform: scale(1) translateX(0px);
  -ms-transform: scale(1) translateX(0px);
  pointer-events: none;
  opacity: 1;
  z-index: 10;
}
.img-swiper .pro-page{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 50px;
    height: 100%;
    background-color: #fff;
    height: 370px;
    border-radius: 25px;
			

box-shadow: 0px 0px 15px 0px rgba(51, 0, 0, 0.1);
}
.img-swiper .pro-page ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;

}
.img-swiper .pro-page ul li.on span,.img-swiper .pro-page ul li:hover span{
    background-color: var(--color);
    box-shadow: 0px 0px 15px 0px rgba(225, 47, 21, 0.4);
    width: 100%;
    height: 100%;
}
.img-swiper .pro-page ul li{
   width: 50px;
   height: 50px;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
}
.img-swiper .pro-page ul li span{
    display: block;
    width: 0;
    height: 0;
    border-radius: 50px;
    transition: all 0.5s;
    
}

.img-swiper-box-list{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    box-shadow: 0px 0px 30px 0px rgba(51, 0, 0, 0.1);
}
.img-swiper-box-list .logo{
    width: 100%;
    text-align: center;
    height: 20%;
    padding: 3% 0;
}
.img-swiper-box-list .logo img,.img-swiper-box-list .pic img{
    max-height: 100%;
}

.img-swiper-box-list .pic{
    width: 100%;
    height: 65%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(-10%);
    transition: all 1.5s ease;
}
.img-swiper-box-list h3{
    height: 15%;
    font-size: 18px;
    color: #333;
    text-align: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}
.img-swiper .pro-slider ul li.on .img-swiper-box-list .pic{
    opacity: 1;
    transform: translateY(0);
}
.title-texts{
    text-align: center;
}
.title-texts h3{
    font-size: 40px;
    color: #333;
    font-weight: 700;
}
.title-texts h3 span{
    color: var(--color);
}
.title-texts p{
    font-size: 16px;
    color: #333333;
    margin-top: 30px;
}


.index-three-box ul{
    display: flex;
    margin: 0 -11px;
}



.index-three-box ul li{
    width: 16.6%;
    transition: all 0.3s;
    padding: 0 11px;
}
.index-three-box ul li.active{
    width: 50%;
}
.index-three-list{
    width: 100%;
    background-color: #F6F6F6;
    height: 450px;
    position: relative;
    overflow: hidden;
}
.index-three-icon2{
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(10%,-10%);
    max-width: 280px;
    opacity: 0;
    transition: all 1.5s;
}
.index-three-list .index-three-top{
    text-align: center;
    padding: 80px 10px 90px 10px;
}
.index-three-list .index-three-top .icon img{
    height: 60px;
}
.index-three-list .index-three-top h3{
    font-size: 20px;
    color: #000000;
    margin-top: 20px;
    font-weight: 400;
}
.index-three-list .index-three-top .icon-right{
    margin-top: 130px;
}
.index-three-list .index-three-top .icon-right img{
    width: 42px;
}


.index-three-list .index-three-bottom{
    max-width: 65%;
    display: none;
    opacity: 0;
    padding: 80px 50px 90px 50px;
}

.index-three-list .index-three-bottom h3{
        font-size: 28px;
        color: #333;
}
.index-three-list .index-three-bottom .desc{
    font-size: 16px;
    color: #666666;
    margin-top: 30px;
}
@keyframes threenone{
    0%{
        opacity:0;
        display: none;
        transform: translateY(30px);
    }
    20%{
        opacity:0.5;
        display: block;
    }
    60%{
        opacity:1;
    }
    100%{
        transform: translateY(0);
    }
  }
.index-three-box ul li.active .index-three-list .index-three-bottom{
    animation: threenone 1s both;
    animation-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
    display: block;
    width: 100%;
    height: 100%;
   
}
.index-three-box ul li.active .index-three-list .index-three-top{
    display: none;
  
}
.index-three-box ul li.active .index-three-list .index-three-icon2{
    opacity: 1;
    transform: translate(10%,10%);
}
/* .index-four{
    margin-top: 125px;
} */
.index-four-title{
    position: relative;
}
.index-four-title .icon-logo{
    text-align: center;
}
.index-four{
    background-image: url(../images/index-four-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 150px;
    background-size: cover;
}
.index-four-title h3{
    font-size: 40px;
    color: #333;
    text-align: center;
    position: absolute;
    left: 0;
    top: 60%;
    transform: translate(0,-50%);
    width: 100%;
    font-weight: 700;
}
.index-four-title h3 span{
    color: var(--color);
}
.index-four-box{
    margin-top: 120px;
}
.index-four-box ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.index-four-box ul li{
    width: calc(50% - 50px);
    border-bottom: 1px solid #E9E5E5;
}
.index-four-box ul li:nth-child(1),.index-four-box ul li:nth-child(2){
    border-top: 1px solid #E9E5E5;
}
.index-four-list{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-four-list .icon{
    width: 100px;
}
.index-four-list .icon img{
    max-width: 100px;
}
.index-four-list .text{
    font-size: 20px;
    color: #202020;
    flex: 1;
    margin-left: 10%;
}

.index-five{
    width: 100%;
    height: 100vh;
    min-height: 800px;
    /* background-image: url(../images/index-five-bg.jpeg); */
    /* background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; */
    background-attachment: fixed;
}
.index-five-box{
    width: 100%;
    height: 100%;
    background-color: rgba(102, 102, 102,.6);
    position: relative;
}
.index-five-text{
    float: right;
    width: 580px;
    background-color: #fff;
    padding: 100px 70px;
    line-height: 1.3;
    position: relative;
    top: 0;
}
.index-five-text .title{
    font-size: 34px;
    color: #333;
}
.index-five-text .title span{
    color: var(--color);
}
.index-five-text .desc{
    line-height: 2;
    color: #666;
    font-size: 16px;
    margin-top: 50px;
    white-space: pre-line;
}
.index-six{
    background-image: url(../images/index-six-bg.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index-from ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    
}
.index-from ul li{
    width: calc(33.33% - 25px);
    margin-top: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
}
.index-from ul li .ts{
    font-size: 16px;
    color: #D6D6D6;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0,120%);
}

.index-from ul li p{
    font-size: 18px;
    color: #333;
}
.index-from ul li p span{
    color: var(--color);
}
.index-from ul li input,.index-from ul li .text{
    flex: 1;
    border: none;
    background-color: transparent;
    height: 60px;
    line-height: 57px;
    margin: 0 10px;
    font-size: 18px;
    color: #000000;
}
.index-from ul li .text a{
    min-width: 110px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    color: var(--color);
    background-color: rgba(225, 47, 21,.1);
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
}
.index-from ul li .but{
    min-width: 110px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    color: var(--color);
    background-color: rgba(225, 47, 21,.1);
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
}
.index-from ul li .but:hover{
    background-color: var(--color);
    color: #fff;
}

.index-from .btns{
    margin: 0 auto;
    margin-top: 50px;
    width: 150px;
    line-height: 50px;
    box-shadow: 0px 5px 10px 0px rgba(225, 47, 21, 0.4);
    background-color: var(--color);
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.5;
}
.index-from .btns:hover{
    opacity: 0.8;
}
.footer{
    background-color: #303030;
}

.footer-item{
    padding: 75px 0;
    display: flex;
    justify-content: space-between;
}

.footer-item .footer-logo{
    width: 220px;
}
.footer-item .footer-nav{
    width: 75%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-nav-list{
    /* width: 12%; */
    max-width: 20%;
    margin: 0 5px;
}
.footer-nav-list.con{
    width: 33%;
    max-width: 33%;
}

.footer-nav-list.con p{
    padding-left: 25px;
    position: relative;
}
.footer-nav-list.con p img{
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
}

.footer-nav-list .title{
    font-size: 18px;
    color: #EFEFEF;
    font-weight: 400;
    margin-bottom: 10px;
    width: 100%;
    text-align: justify;
}
.footer-nav-list:nth-last-child(1) .title{
    text-align: center;
}

.footer-nav-list p{
    padding: 5px 0;
}
.footer-nav-list p,.footer-nav-list p a{
    font-size: 16px;
    color: rgba(255,255,255,.5);
}
.footer-nav-list p a:hover{
    color: #fff !important;
}
.footer-ewm{
    display: flex;
    text-align: center;
    margin-top: 10px;
}
.footer-ewm .footer-ewm-list{
    width: 90px;
}
.footer-ewm .footer-ewm-list img{
    width: 100%;
}
.footer-bottom{
    background-color: #222222;
    padding: 25px;
    font-size: 16px;
    color: #B5B5B5;
    text-align: center;
}
.footer-bottom a{
    font-size: 16px;
    color: #B5B5B5;
}
.footer-bg{
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.nei-banner{
    position: relative;
}

.nei-banner .img{
    width: 100%;
    /* height: 660px; */
}
.nei-banner .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nei-banner .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.35);
}
.nei-banner .text .container{
    height: 100%;
}

.nei-banner .text .texts{
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 100px;
}
.nei-banner-text{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.3);
    line-height: 80px;
}
.nei-banner .text .texts h3{
    font-size: 60px;
    color: #FFFFFF;
    line-height: 80px;
   
}
.nei-banner .text .texts .nei-banner-nav p{
    display: inline-block;
}
.nei-banner .text .texts .nei-banner-nav p a{
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    padding: 0 15px;
    position: relative;
}
.nei-banner .text .texts .nei-banner-nav p a::after{
    content: '';
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: var(--color);
    transition: all 0.5s;
}
.nei-banner .text .texts .nei-banner-nav p.active a{
    color: var(--color);
}
.nei-banner .text .texts .nei-banner-nav p.active a::after,.nei-banner .text .texts .nei-banner-nav p:hover a::after{
    width: 100%;
}

.about_plate1_top{
    display: flex;
    align-items: end;
}
.about_plate1_bottom{
    display: flex;
}
.about_plate1_top .about_plate1_img ,.about_plate1_top .about_plate1_right_pack{
    width: 50%;
}
.about_plate1_bottom .about_plate1_left_list{
    width: 50%;
}

.about_plate1_left_list {
    display:flex;
    justify-content:space-between;
    margin-top:70px;
    padding-right: 60px;
    padding-left: 60px;
}
.about_plate1_left_list li {
    max-width: 32%;
}
.about_plate1_left_icon {
    height:36px;
}
.about_plate1_left_icon img {
    max-height:100%;
    display:block;
}
.about_plate1_left_cont h4 {
    font-size: 20px;
    line-height: 30px;
    color: rgb(0, 0, 0);
    margin-top:10px;
}
.about_plate1_left_cont p {
    font-size: 16px;
    line-height: 24px;
    color: rgb(51, 51, 51);
    margin-top:7.5px;
}
.about_plate1_right_cont a {
    display: block;
    font-size: 18px;
    line-height: 27px;
    color: var(--color);
    margin-top: 21px;
}
.about_plate1_desc {
    margin-top: 80px;
    font-size: 18px;
    line-height: 32px;
    color: rgb(102, 102, 102);
    max-height:120px;
    overflow:auto;
}
.about_plate1_right_pack {
    padding-left:60px;
    margin-bottom: 80px;
    padding-right: 160px;
    position: relative;
}
.about_plate1_right_pack .about-one-j{
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
}
.about_palte1_logo  {
    max-height:60px;
}
.about_palte1_logo img {
    max-height:60px;
    display:block;
    
}
.about_plate1_right {
    padding-top:55px;
}
.about_plate1_right_cont {
    margin-top:27px;
}
    .about_plate1_right_cont h4 {
        font-size: 40px;
        color: #333;
        font-weight: 700;
    }
    .about_plate1_right_cont h4 span{
        color: var(--color);
    }
    .about_plate1_right_cont p {
        font-size: 16px;
        line-height: 1.7;
        white-space: pre-line;
        color: #666;
        margin-top:30px;
        font-weight: 500;
        text-align: left;
    }
    .about_palte1_video {
        width:340px;
        position:relative;
    }
    .about_palte1_video img {
        width:100%;
        border-radius:0 80px 0 80px;
    }
    .about-one {
        position: relative;
    }
    .about_plate1_logo{
        width: 900px;
        position: absolute;
        bottom: 70px;
        left: 0;
        z-index: -1;
    }
    .about-two-box{
        position: relative;
    }
    .about-two-box .img{
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        overflow: hidden;
        position: relative;
    }
    .about-two-box .img img{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top:0;
        object-fit: cover;
    }
    .about-two-box ul{
        display: flex;
        justify-content: space-between;
    }
    .about-two-box ul li{
        width: 33.33%;
       height: 100%;
       position: relative;
        
    }
    .about-two-box ul li .text{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        text-align: center;
        padding: 30% 10%;
        color: #FFFFFF;
        background-color: rgba(0,0,0,.6);
        transition: all 0.5s;
        width: 100%;
    }
    .about-two-box ul li .text .icon img{
        height: 100px;
    }
    .about-two-box ul li .text h3{
        font-size: 28px;
        color: #FFFFFF;
        font-weight: 400;
        margin-top: 50px;
    }
    .about-two-box ul li .text .desc{
        font-size: 18px;
        color: #FFFFFF;
        margin-top: 32px;
        opacity: 0;
        transition: all 0.5s;
        transform: translateY(10px);
    }
    .about-two-box ul li:hover .text{
        background-color: rgba(225, 47, 21,.8);
    }
    .about-two-box ul li:hover .text .desc{
        opacity: 1;
        transform: translateY(0);
    }

    
    .dev_con{
        position: relative;
      }
      .dev_con .tea_case{
        position: relative;
        z-index: 1;
      }
      .tab_time_bottom .showreel_box {
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
         background-color: transparent;
        overflow: hidden;
        position: relative;
        height: 90px;
        line-height: 90px;
        padding: 0 90px;
        box-shadow: none;
        margin-bottom: 0;
      }
      .tab_time_bottom .showreel_box .list_u_img_box > a{
        width: 102px;
        font-size: 16px;
        color: #979ba0;
        transition: all .5s ease;
      }
      .tab_time_bottom .showreel_box .list_u_img_box > a.on,.tab_time_bottom .showreel_box .list_u_img_box > a:hover {
        font-size: 16px;
        color: var(--color);
      }
      .tab_time_bottom .showreel_box .list_u_img_box > a::after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 70%;
        margin-left: -1em;
        width: 0;
        height: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: var(--color);
        transition: all .5s ease;
      }
      .tab_time_bottom .showreel_box .list_u_img_box > a:hover::after,.tab_time_bottom .showreel_box .list_u_img_box > a.on::after {
        width: 2em;
      }
      .tab_time_bottom .showreel_box .btn_img_prev,.tab_time_bottom .showreel_box .btn_img_next{
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        height: 50px;
        width: 50px;
        line-height: 50px;
        color: #fff;
        text-align: center;
        top: 50%;
        left: 10px;
        transform: translate(0,-50%);
        background-color: var(--color);
      }
      .tab_time_bottom .showreel_box .btn_img_next{
        right: 25px;
        left: auto;
      }
      .dev_tex_box{
        overflow: hidden;
        padding-left: 40%;
        padding-right: 30%;
        min-height: 200px;
      }
      .dev_tex_box > div{
        opacity: 0;
        transform: translateX(20px);
        display: none;
        transition: all 0.5s;
        line-height: 45px;
        font-size: 16px;
        color: #666666;
        line-height: 1.5;
        white-space: pre-line;
      }
      .dev_tex_box > div.active{
        animation: nonedh 1.3s both;
        opacity: 1;
        transform: translateY(0);
        display: block;
      }
      .time_title_case{
        position: relative;
        padding-top: 115px;
        padding-bottom: 115px;
        overflow: hidden;
      }
      .at_time{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        color: #e9eff2;
        font-size: 300px;
        line-height: 0.8;
        background: -ms-linear-gradient(180deg, rgba(233, 239, 242, 0), rgba(233, 239, 242, 0), rgba(233, 239, 242, 0));
        background: -moz-linear-gradient(180deg, #f1f2f3, rgba(233, 239, 242, 0.7), rgba(233, 239, 242, 0));
        background: -o-linear-gradient(180deg, #f1f2f3, rgba(233, 239, 242, 0.7), rgba(233, 239, 242, 0));
        background: -webkit-gradient(linear, right top, right bottom, color-stop(0,rgba(246, 249, 251, 1)),color-stop(0.10,rgba(233, 239, 242, 1)),color-stop(0.7,rgba(233, 239, 242, 0.7)), color-stop(1, rgba(233, 239, 242, 0)));
        background:  -webkit-linear-gradient(top, #f1f2f3, rgba(233, 239, 242, 0.7), rgba(233, 239, 242, 0));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .time_sha{
        position: absolute;
        pointer-events: none;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 1) 100%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, right top, right bottom, color-stop(0,rgba(255, 255, 255, 1)),color-stop(0.10,rgba(255, 255, 255, 0)),color-stop(0.9,rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 1) 100%);
      }
      .time_line_case{
        margin: 0 auto;
        width: 83.33333%;
        margin-top: .5rem;
      }
      .time_line_box{
        width: 99999px;
        position: relative;
        top: 0;
        left: 0;
        transition: all .5s ease;
      }
      .time_line_box > div{
        float: left;
        position: relative;
        width: 330px;
        height: 6px;
        background: -ms-linear-gradient(right, rgb(225, 47, 21) 0%, rgba(255, 105, 83, 0.31) 100%);
        background: -moz-linear-gradient(right, rgb(225, 47, 21) 0%, rgba(255, 105, 83, 0.31) 100%);
        background: -o-linear-gradient(right, rgb(225, 47, 21) 0%, rgba(255, 105, 83, 0.31) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0,rgb(225, 47, 21)), color-stop(1, rgba(255, 105, 83, 0.31)));
        background: -webkit-linear-gradient(right, rgb(225, 47, 21) 0%, rgba(255, 105, 83, 0.31) 100%);
        font-size: 20px;
        line-height: 1;
      }
      .btn_time{
        position: absolute;
        right: -10px;
        top: -7px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: var(--color);
        z-index: 1;
        cursor: pointer;
      
      }
      .btn_time > span{
        position: absolute;
        left: 50%;
        margin-left: -23px;
        top: -50px;
        z-index: 2;
        transition: all .5s ease;
        color: #333;
      }
      .time_line_box > div:nth-child(odd) .btn_time > span{
        bottom: -50px;
        top:auto;
      }
      .btn_time::after{
        content: '';
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 36px;
        height: 36px;
        background-color: rgba(225, 47, 21,.15);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        animation:dot1 2s infinite ease;
        -webkit-animation:dot1 2s infinite ease; /* Safari 和 Chrome */}
      @keyframes dot1 {
        0%{
          width: 20px;
          height: 20px;
        }
        50%{
          width: 36px;
          height: 36px;
        }
        100%{
          width: 20px;
          height: 20px;
        }
      
      }
      .btn_time:hover::after{
        display: block;
      }
      .time_line_box > div.bodes{
        pointer-events: none;
        background: -ms-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
        background: -moz-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
        background: -o-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0,rgba(145, 147, 149, 1)), color-stop(1, rgba(220, 224, 225, 1)));
        background: -webkit-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
      }
      .bodes .btn_time{
        background-color: #959798;
      }
      .bodes .btn_time span{
        color: #979ba0;
      }
      /*波浪背景*/
      .wave_box{
        width: 100%;
        height: 350px;
        position: absolute;
        left: 0;
        bottom: 0;
        overflow: hidden;
      }
      .wave {
        overflow: hidden;
        position: absolute;
        top: 129%;
        width: 140%;
        transform: translateY(-50%);
        color: #fff;
        margin-left: -20%;
        animation: 3s ease-in-out infinite alternate waveAnimateA;
      }
      @keyframes waveAnimateA {
        0% {
          transform: translate(-80px,-52%);
        }
      
        100% {
          transform: translate(80px,-50%);
        }
      }
      .wave svg {
        fill: rgba(233,239,242,1);
        width: 102%;
        margin-left: -1%;
        height: auto;
      }
      .st0{fill:#E9EFF2;opacity:0.5}
      .st1{opacity:0.5;fill:#E9EFF2;}
      .st3{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
      
      .titie_box_bg{
        width: 130px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -65px 0 0 -65px;
        z-index: 1;
        transform: scale(0);
      transition: all .5s ease;
      }
      .titie_box_bg svg{
        width: 100%;
        position: relative;
        z-index: 1;
      }
      .titie_box_bg #title_bg_down{
        opacity: .3;
        transform: rotate(37deg) scale(1.02);
        position: absolute;
        left: 0;
        right: 0;
        z-index: 0;
      }
      
      .time_line_box .on .btn_time > span{
        font-size: 40px;
        color: #fff;
        top: 50% !important;
        left: 50%;
        transform: translate(-50%,-50%);
        bottom: auto !important;
        margin-left: 0;
      }
      .time_line_box .on .btn_time .titie_box_bg{
        transform: scale(1);
      }
      .time_line_box .on .btn_time .titie_box_bg > #title_bg_down{
        animation: alpha 2.25s linear infinite forwards;
      
      }
      @keyframes alpha {
        0% {
          transform: rotate(0);
        }
        25% {
        }
        50% {
          border-radius: 50%;
        }
        75% {
        }
        100% {
          transform: rotate(360deg);
        }
      }
      .showreel_box .btn_img_prev,  .showreel_box .btn_img_next {
        display: block;
       z-index: 1;
       position: absolute;
       top: 0;
       width: 90px;
       height: 100%;
        text-align: center;
       /*background-color: rgba(0, 0, 0, 0.4);*/
       color: #bebdc2;
       cursor: pointer; }
     .showreel_box .btn_img_prev:hover, .showreel_box .btn_img_next:hover{
       color: var(--color);
     }
      .showreel_box .btn_img_prev i,  .showreel_box .btn_img_next i {
        font-size: 20px;
        color: #fff !important;
      }
      .showreel_box .btn_img_prev {
       left: 0 !important; }
      .showreel_box .btn_img_next {
       right: 0 !important; }
      .view_box{
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: relative;
      }
      .showreel_box .list_u_img_box {
        font-size: 0;
        width: 99999999px;
        position: absolute;
        left: 0;
        top: 0;
        transition: left .5s ease;
       }
       .showreel_box .list_u_img_box > a {
        position: relative;
        width: 125px;
        display: inline-block;
        vertical-align: middle;
         font-size: 20px;
         text-align: center;
         color: #979ba0;
         cursor: pointer;
         transition: all .5s ease;
       }
        .showreel_box .list_u_img_box > a.on{
          font-size: 24px;
          color: var(--color);
          position: relative;
          cursor: auto;
        }
      .showreel_box .list_u_img_box > a::after{
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 76.666%;
        margin-left: -.5em;
        width: 0;
        height: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: var(--color);
        transition: all .5s ease;
      }
      .showreel_box .list_u_img_box >a:hover{
        color: var(--color);
      }
      .showreel_box .list_u_img_box > a.on::after,.showreel_box .list_u_img_box >a:hover::after{
        width: 1em;
      }
       .showreel_box .list_u_img_box > img:last-child {
        margin-right: 0; }
      .disab{
        pointer-events:none;
        opacity: 0;
      }
      .not_con .ann_box > a{
        border-top: 1px solid #d6dadd;
        border-bottom: none;
        transition: all .5s ease;
        padding: 50px 72px 40px 0;
      }
      .not_con .ann_box > a:hover{
        -webkit-box-shadow: 0 0 46px rgba(225, 47, 21,.17);
        -moz-box-shadow: 0 0 46px rgba(225, 47, 21,.17);
        box-shadow: 0 0 46px rgba(225, 47, 21,.17);
        background-color: #fff;
        border-top-color: transparent;
        margin: 0 -10px;
        padding-right: 82px;
        padding-left: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
      }
      .not_con .ann_box > a:hover+a {
        border-top-color: transparent;
      }
      .not_con .ann_box > a:first-child{
        border-top-color: transparent;
      }
      .not_con .ann_box > a > div{
        float: left;
      }
      .not_time_box{
        width: 10%;
        color: #010101;
        line-height: 1.1;
      }
      .not_time_box > div{
        padding-left: 30.7%;
      }
      .time_year{
        font-size: 20px;
      }
      .not_time{
        font-size: 12px;
      }
      .not_con .ann_title{
        width: 90%;
        padding-left: 39px;
      }
      .not_con .ann_box > a > i{
        right: 40px;
      }

      .contact-box-item{
        border-radius: 30px;
        box-shadow: 0px 0px 30px 0px rgba(51, 0, 0, 0.05);
        padding: 135px 10%;
        display: flex;
        justify-content: space-between;
        position: relative;
      }

      .contact-box-item .left h3{
        font-size: 40px;
        color: #E12F15;
        font-weight: 700;
        white-space: pre-line;
        line-height: 1.3;
      }
      .contact-box-item .left p{
        font-size: 16px;
        color: #333333;
        margin-top: 50px;
      }
      .contact-box-item .left{
        width: 35%;
      }
      .contact-box-item .right{
        width: 65%;
      }
      .contact-box-item .right ul{
        display: flex;
        flex-wrap: wrap;
      }
      .contact-box-item .right ul li{
        width: 50%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 65px;
      }
      .contact-box-item .right ul li:nth-child(1),   .contact-box-item .right ul li:nth-child(2){
        margin-top: 0;
      }
      .contact-box-item .right ul li .icon{
        width: 50px;
      }
      .contact-box-item .right ul li .text{
        width: calc(100% - 50px);
        padding-left: 40px;
      }
      .contact-box-item .right ul li .text h3{
        font-size: 24px;
        color: #333;
        font-weight: 400;
      }
      .contact-box-item .right ul li .text p{
        font-size: 16px;
        color: #626262;
        margin-top: 10px;
      }
      .contact-box-item .about-one-j{
        position: absolute;
        right: 17%;
        top: 0;
      }
      .contact-box-item .about-one-j img{
        width: 107px;
      }

      .Strength-top ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

      }
      .Strength-top ul li{
        width: 46%;
      }
      .Strength-top ul li h3{
        font-size: 30px;
        color: #333;
        font-weight: 400;
      }
      .Strength-top ul li h3 span{
        color: var(--color);
      }
      .Strength-top ul li p{
        font-size: 16px;
        color: #666;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #EFEEEE;
      }

      .Strength-bottom{
        display: flex;
        justify-content: space-between;
      }

      .Strength-swiper-left{
        width: calc(100% - 500px);
      }
      .Strength-swiper-left .swiper-slide{
        width: 40%;
      }

      .Strength-swiper-left .swiper-slide .text{
        text-align: center;
        font-size: 18px;
        color: #333;
        margin-top: 20px;
        opacity: 0;
        transition: all 0.5s;
      }
      .Strength-swiper-left .swiper-slide.swiper-slide-active .text{
        opacity: 1;
      }
      .Strength-swiper-right{
        width: 350px;
        height: 550px;
        padding: 90px 0;
        position: relative;
      }

      .Strength-swiper-right .swiper-container{
        height: 100%;
      }
      .Strength-swiper-right .swiper-slide p{
        text-align: center;
        line-height: 50px;
        font-size: 16px;
        color: #333;
        border-radius: 50px;
        cursor: pointer;
        transition: all 0.5;
      }
      .Strength-swiper-right .swiper-slide p.active{
        color: #fff;
        background-color: var(--color);
      }
      .Strength-swiper-right .swiper-button-next,.Strength-swiper-right .swiper-button-prev{
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
        width: 60px;
        height: 60px;
        background-color: #fff;
        border-radius: 50%;
        background-size: 22px 25px;
        transition: all 0.5s;

      }
      .Strength-swiper-right .swiper-button-next{
        position: absolute;
        bottom: 0;
        right: auto;
        top: auto;
        margin-top: 0;
        left: 50%;
        transform: translate(-50%,0);
        margin-top: 0;
        background-image: url(../images/icon-down.png);
      }
      .Strength-swiper-right .swiper-button-prev{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        margin-top: 0;
        background-image: url(../images/icon-up.png);
      }
      .Strength-swiper-right .swiper-button-next:hover, .Strength-swiper-right .swiper-button-prev:hover{
        background-color: var(--color);
      }
      .Strength-swiper-right .swiper-button-next:hover{
        background-image: url(../images/icon-down-active.png);
      }
      .Strength-swiper-right .swiper-button-prev:hover{
        background-image: url(../images/icon-up-active.png);
      }

      .Solution-one{
        display: flex;
      }
      .Solution-one .left{
        width: 60%;
      }
      .Solution-one .left img{
        width: 100%;
      }
      .Solution-one .right{
        width: 40%;
        background-color: #F6F6F6;
        position: relative;
      }

      .Solution-one-box{
    
        position: relative;
        top: 50%;
        transform: translate(-50%,-50%);
       
      }
      .Solution-one-box .texts{
        background-color: #fff;
        padding: 115px 100px 85px 80px;
        box-shadow: 0px 0px 30px 0px rgba(51, 0, 0, 0.1);
      }

      .Solution-one-nav{
        text-align: right;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0,-50%);
        padding-right: 19%;
        max-width: 50%;
      }
      .Solution-one-nav ul li p{
        font-size: 16px;
        color: #333;
        cursor: pointer;
        transition: all 0.5s;
      }
      .Solution-one-nav ul li{
        position: relative;
        padding-right: 35px;
        padding-bottom: 50px;

      }
      .Solution-one-nav ul li::before{
        content: '';
        display: block;
        overflow: hidden;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        background-color: #fff;
        border: 2px solid #CBCBCB;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        transition: all 0.3s;
      }
      .Solution-one-nav ul li::after{
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        border: 1px dashed #CBCBCB;
        position: absolute;
        right: 11px;
        top:0
      }
      .Solution-one-nav ul li:nth-last-child(1)::after{
        display: none;
      }
      .Solution-one-nav ul li.active::before,.Solution-one-nav ul li:hover:before{
        border: 5px solid  var(--color);
      }
      .Solution-one-nav ul li.active p,.Solution-one-nav ul li:hover p{
        color: var(--color);
      }
      .detail-img{
        text-align: center;
      }

      .Solution-three-list{
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .Solution-three-list .img{
        width: 65%;
        transform: translateY(10%);
        opacity: 0;
        transition: all 1.5s;
      }
      .Solution-three-list .img img{
        width: 100%;
      }
      .Solution-three-list .text{
        width: 35%;
        box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
        background-color: #fff;
        padding: 45px 50px;
        padding-right: 190px;
        padding-bottom: 70px;
        background-image: url(../images/about-icon.png);
        background-repeat: no-repeat;
        background-position: 90% 80%;
        background-size: 20%;
        transform: translateY(-10%);
        opacity: 0;
        transition: all 1.5s;
        margin: 10px;
  
      }
      
      .Solution-three-list .text h3{
        font-size: 30px;
        color: #000000;
        font-weight: 400;
        color: var(--color);
      }
      .Solution-three-list .text p{
        font-size: 16px;
        color: #333333;
        margin-top: 30px;
      }

      .Solution-three-swiper .swiper-slide.swiper-slide-active .Solution-three-list .img{
        transform: translateY(0);
        opacity: 1;
        transition-delay: 0.5s;
      }
      .Solution-three-swiper .swiper-slide.swiper-slide-active .Solution-three-list .text{
        transform: translateY(0);
        opacity: 1;
        transition-delay: 0.5s;
      }

      .Solution-three-swiper  .swiper-button-prev,.Solution-three-swiper  .swiper-button-next{
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
        width: 60px;
        height: 60px;
        background-color: #fff;
        border-radius: 50%;
        background-size: 22px 25px;
        transition: all 0.5s;
      }
      .Solution-three-swiper{
        position: relative;
      }

      .Solution-three-swiper  .swiper-button-prev{
        left: -70px;
        background-image: url(../images/icon-up.png);
        transform: rotate(-90deg);
      }
      .Solution-three-swiper  .swiper-button-next{
        right: -70px;
        background-image: url(../images/icon-down.png);
        transform: rotate(-90deg);
      }
      .Solution-three-swiper  .swiper-button-prev:hover{
        background-color: var(--color);
        background-image: url(../images/icon-up-active.png);
      }
      .Solution-three-swiper  .swiper-button-next:hover{
        background-color: var(--color);
        background-image: url(../images/icon-down-active.png);
      }

      .about-wmdys {
        margin-top: 40px;
        position: relative;
    }
    
        .about-wmdys .wmdys-pic {
            width: 340px;
            height: 340px;
            padding: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: #fff;
            border-radius: 50%;
            text-align:center;
        }
        .about-wmdys .wmdys-pic p{
            position: absolute;
            width: 100%;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            font-size: 26px;
            color: #FFFFFF;
            font-weight: 400;
        }
    
        .about-wmdys ul {
            display: flex;
            align-content: space-between;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    
            .about-wmdys ul li {
                width: 44%;
                background: #fff;
                /* box-shadow: 0px 5px 30px 0px rgba(232, 235, 245, 0.6); */
                border-radius: 20px;
                padding: 55px 120px 55px 55px;
                display: flex;
                background-size: 100% 100%;
                height: 280px;
            }
    
                .about-wmdys ul li .pic {
                    width: 60px;
                }
    
                .about-wmdys ul li .tet {
                    width: calc(100% - 60px);
                    padding-left: 30px;
                    padding-top: 5px;
                }
    
                    .about-wmdys ul li .tet h3 {
                        font-size: 28px;
                        color: #333;
                        font-weight: 400;
                    }
    
                    .about-wmdys ul li .tet p {
                        font-size: 16px;
                        color: #666;
                        margin-top: 13px;
                    }
    
                .about-wmdys ul li:nth-child(2n) {
                    padding: 55px 55px 55px 120px;
                }
                .about-wmdys ul li:nth-child(1){
                    background-image: url(../images/about-wmdys-b1.png);
                
                }
                .about-wmdys ul li:nth-child(2){
                    background-image: url(../images/about-wmdys-b2.png);
                }
                .about-wmdys ul li:nth-child(3){
                    background-image: url(../images/about-wmdys-b3.png);
                }
                .about-wmdys ul li:nth-child(4){
                    background-image: url(../images/about-wmdys-b4.png);
                }
    
   
                .Solution-five{
                    background-image: url(../images/Solution-five-bg.jpeg);
                    background-repeat: no-repeat;
                    background-position: center top;
                    padding-top: 100px;
                    padding-bottom: 120px;
                }

               .Solution-five-item ul{
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
               }
               .Solution-five-item  ul li{
                width: calc(50% - 50px);
                border-bottom: 1px solid #E9E5E5;
            }
            /* .Solution-five-item  ul li:nth-child(1),.Solution-five-item  ul li:nth-child(2){
                border-top: 1px solid #E9E5E5;
            } */
            .Solution-five-list{
                padding: 27px 0;
                font-size: 18px;
                color: #202020;
            }

            .Solution-six-item ul{
                display: flex;
                flex-wrap: wrap;
            }
            .Solution-six-item ul li{
                width: 16.6%;
                margin-top: 70px;
                
            }
            .Solution-six-list{
                width: 100%;
                text-align: center;
                padding: 0 10px;
            }
            .Solution-six-list .icon img{
                height: 60px;
            }
            .Solution-six-list p{
                font-size: 20px;
                color: #333;
                margin-top: 20px;
            }


            @media (max-width: 1600px) {
                .max1200{
                    max-width: 1000px;
                }
                .buts{
                    font-size: 14px;
                    min-width: 80px;
                    padding: 0 10px;
                    line-height: 33px;
                }
                .banner-list .text .text-box{
                    max-width: 500px;
                }
                .banner-list .text h3{
                    font-size: 23px;
                }
                .banner-list .text h4{
                    font-size: 36px;
                    margin-top: 25px;
                }
                .banner-list .text p{
                    font-size: 16px;
                    margin-top: 20px;
                }
                .banner .swiper-button-prev, .banner .swiper-button-next{
                    width: 50px;
                    height: 50px;
                    background-size: 10px 20px;
                }
                .banner .swiper-button-prev{
                    left: 30px;
                }
                .banner .swiper-button-next{
                    right: 30px;
                }
                .pt150{
                    padding-top: 120px;
                }
                .pb150{
                    padding-bottom: 120px;
                }
                .box1-title h3{
                    padding-bottom: 20px;
                }
                .index-about-box .text .desc{
                    font-size: 15px;
                }
                .index-two{
                    padding-top: 80px;
                }
                .index-two-nav ul li .img{
                    width: 80px;
                    height: 80px;
                    line-height: 80px;
                }
                .index-two-nav ul li .img img{
                    height: 35px;
                }
                .index-two-box .text-swiper h3, .Solution-one-box h3{
                    font-size: 28px;
                }
                .index-two-box .text-swiper .desc, .Solution-one-box .desc{
                    font-size: 14px;
                    margin-top: 15px;
                }
                .index-two-box .text-swiper .texts .texts-bottom, .Solution-one-box .texts-bottom{
                    margin-top: 60px;
                }
                .index-two-box .text-swiper .texts-bottom .p1, .Solution-one-box .texts-bottom .p1{
                    font-size: 20px;
                }
                .index-two-box .text-swiper .texts-bottom .p2, .Solution-one-box .texts-bottom .p2{
                    font-size: 15px;
                    margin-top: 10px;
                }
                .img-swiper .pro-page{
                    width: 42px;
                    height: 310px;
                }
                .img-swiper .pro-page ul li{
                    width: 42px;
                    height: 42px;
                }
                .index-two-box{
                    margin-top: 66px;
                }
                .title-texts h3{
                    font-size: 32px;
                }
                .title-texts p{
                    font-size: 15px;
                    margin-top: 20px;
                }
                .index-three-list .index-three-top .icon img{
                    height: 46px;
                }
                .index-three-list .index-three-top h3{
                    font-size: 16px;
                }
                .index-three-list{
                    height: 400px;
                }
                .index-three-list .index-three-top{
                    padding: 65px 10px 75px 10px;
                }
                .index-three-list .index-three-bottom{
                    padding: 65px 40px 75px 40px;
                }
                .index-three-list .index-three-bottom h3{
                    font-size: 25px;
                }
                .index-three-list .index-three-bottom .desc{
                    font-size: 15px;
                    margin-top: 20px;
                }
                .index-three-icon2{
                    max-width: 240px;
                }
                .index-four{
                    padding-bottom: 120px;
                }
                .index-four-title .icon-logo img{
                    max-width: 75%;
                }
                .index-four-title h3{
                    font-size: 32px;
                }
                .index-four-box{
                    margin-top: 90px;
                }
                .index-four-list{
                    padding: 35px 0;
                }
                .index-four-list .icon img{
                    max-width: 70px;
                    max-height: 70px;
                }
                .index-four-list .icon{
                    width: 70px;
                }
                .index-four-list .text{
                    font-size: 17px;
                }
                .index-five-text{
                    width: 460px;
                    padding: 70px 45px;
                }
                .index-five-text .title{
                    font-size: 32px;
                }
                .index-five-text .desc{
                    font-size: 16px;
                    margin-top: 30px;
                }
                .index-from ul li p{
                    font-size: 16px;
                }
                .index-from ul li .but{
                    font-size: 14px;
                }
                .index-from ul li input, .index-from ul li .text{
                    height: 50px;
                    line-height: 47px;
                    min-width: 100px;
                    font-size: 16px;
                }
                .index-from ul li .text a{
                    min-width: 90px;
                    line-height: 40px;
                    padding: 0 10px;
                    font-size: 14px;
                }
                .index-from ul li{
                    margin-top: 45px;
                }
                .index-from ul li .ts{
                    font-size: 13px;
                }
                .index-from .btns{
                    margin-top: 40px;
                    width: 140px;
                    line-height: 45px;
                    font-size: 14px;
                }
                .footer-nav-list .title{
                    font-size: 16px;
                }
                .footer-nav-list p, .footer-nav-list p a{
                    font-size: 14px;
                }
                .footer-nav-list p{
                    padding: 3px 0;
                }
                .footer-item .footer-logo{
                    width: 180px;
                }
                .footer-bottom, .footer-bottom a{
                    font-size: 14px;
                }
                .footer-ewm .footer-ewm-list{
                    width: 80px;
                }

                /* .nei-banner .img{
                    height: 500px;
                } */
                .nei-banner .text .texts h3{
                    font-size: 50px;
                }
                .nei-banner .text .texts h3{
                    line-height: 70px;
                }
                .nei-banner .text .texts .nei-banner-nav p a{
                    font-size: 16px;
                    line-height: 70px;
                }
                .nei-banner-text{
                    line-height: 70px;
                }
                .nei-banner .text .texts{
                    padding-bottom: 75px;
                }
                .Solution-one-box .texts{
                    padding: 57px 53px 66px 55px;
                }
                .Solution-one-nav ul li p{
                    font-size: 14px;
                }
                .Solution-one-nav ul li{
                    padding-bottom: 35px;
                    padding-right: 25px;
                }
                .Solution-one-nav ul li::before{
                    width: 20px;
                    height: 20px;
                }
                .Solution-one-nav ul li::after{
                    right: 9px;
                }
                .Solution-three-list .text{
                    padding: 45px 50px;
                    padding-right: 125px;
                    padding-bottom: 58px;
                     background-size: 15%;
                }
                .Solution-three-list .text h3{
                    font-size: 24px;
                }
                .Solution-three-list .text p{
                    font-size: 15px;
                    margin-top: 20px;
                   
                }
                .Solution-three-swiper .swiper-button-prev, .Solution-three-swiper .swiper-button-next{
                    width: 50px;
                    height: 50px;
                    background-size: 17px 18px;
                }
                .Solution-three-swiper .swiper-button-prev{
                    left: -55px;
                }
                .Solution-three-swiper .swiper-button-next{
                    right: -55px;
                }
                .about-wmdys ul li .tet h3{
                    font-size: 22px;
                }
                .about-wmdys ul li .tet p{
                    font-size: 15px;
                }
                .about-wmdys ul li .pic{
                    width: 45px;
                }
                .about-wmdys ul li .tet{
                    width: calc(100% - 45px);
                    padding-top: 10px;
                }
                .about-wmdys ul li{
                    height: 235px;
                }
                .about-wmdys .wmdys-pic{
                    width: 280px;
                    height: 280px;
                }
                .about_plate1_right_cont p{
                    font-size: 14px;
                }
                .about-wmdys .wmdys-pic p{
                    font-size: 20px;
                }
                .about-wmdys ul li{
                    padding: 55px 100px 55px 55px;
                }
                .about-wmdys ul li:nth-child(2n){
                    padding: 55px 55px 55px 100px;
                }
                .Solution-five-list{
                    font-size: 15px;
                }
                .Solution-five-list{
                    padding: 22px 0;
                }
                .Solution-six-list .icon img{
                    height: 42px;
                }
                .Solution-six-list p{
                    font-size: 16px;
                }
                .Solution-six-item ul li{
                    margin-top: 55px;
                }
                .Strength-top ul li h3{
                    font-size: 28px;
                }
                .Strength-top ul li p{
                    font-size: 16px;
                    margin-top: 20px;
                    padding-top: 20px;
                }
                .Strength-swiper-right .swiper-button-next, .Strength-swiper-right .swiper-button-prev{
                    width: 50px;
                    height: 50px;
                    background-size: 16px 20px;
                }
                .Strength-swiper-right{
                    width: 300px;
                    padding-top: 70px;
                    padding-bottom: 70px;
                }
                .Strength-swiper-right{
                    height: 420px;
                }
                .Strength-swiper-left{
                    width: calc(100% - 400px);
                }
                .Strength-swiper-left .swiper-slide .text{
                    font-size: 16px;
                    margin-top: 10px;
                }
                .about_plate1_right_cont h4{
                    font-size: 32px;
                }
                .about_plate1_right_pack{
                    padding-left: 40px;
                    margin-bottom: 60px;
                    padding-right: 100px;
                }
                .about_plate1_logo{
                    width: 780px;
                }
                .about-two-box ul li .text .icon img{
                    height: 70px;
                }
                .about-two-box ul li .text h3{
                    font-size: 22px;
                    margin-top: 35px;
                }
                .about-two-box ul li .text .desc{
                    font-size: 16px;
                }

                .at_time{
                    font-size: 220px;
                }
                .dev_tex_box > div{
                    font-size: 14px;
                }
                .titie_box_bg{
                    width: 110px;
                    font-size: 32px;
                    margin: -55px 0 0 -55px;
                }
                .time_line_box .on .btn_time > span{
                    font-size: 32px;
                }
                .contact-box-item .left h3{
                    font-size: 32px;
                }
                .contact-box-item .right ul li .icon{
                    width: 32px;
                }
                .contact-box-item .right ul li .text{
                    width: calc(100% - 40px);
                    padding-left: 20px;
                }
                .contact-box-item .right ul li .text h3{
                    font-size: 20px;
                }
                .contact-box-item .right ul li .text p{
                    font-size: 15px;
                }
                .contact-box-item{
                    padding: 110px 8%;
                }
                .contact-box-item .about-one-j{
                    right: 13%;
                }
                .contact-box-item .about-one-j img{
                    width: 90px;
                }
                .contact-box-item .right ul li{
                    margin-top: 50px;
                }
                .mt50{
                    margin-top: 40px;
                }
            }

            @media (max-width: 1300px) {
                .pt150{
                    padding-top: 100px;
                }
                .pb150{
                    padding-bottom: 100px;
                }
                .mt50{
                    margin-top: 30px;
                }
                .banner-list .text h3{
                    font-size: 20px;
                }
                .banner-list .text h4{
                    font-size: 32px;
                    margin-top: 15px;
                }
                .banner-list .text p{
                    font-size: 16px;
                    margin-top: 15px;
                }
                .box1-title h3{
                    font-size: 40px;
                }
                .index-about-box .text .desc{
                    font-size: 16px;
                }
                .index-two-box .text-swiper h3, .Solution-one-box h3{
                    font-size: 24px;
                }
                .index-two-box .text-swiper .texts .texts-bottom, .Solution-one-box .texts-bottom{
                    margin-top: 40px;
                }
                .index-two-box .text-swiper .desc, .Solution-one-box .desc,.index-two-box .text-swiper .texts-bottom .p2, .Solution-one-box .texts-bottom .p2{
                    font-size: 14px;
                }
                .title-texts h3{
                    font-size: 30px;
                }
                .index-five{
                    min-height: 750px;
                }
                .Solution-three-list .text h3{
                    font-size: 28px;
                }
                .Solution-three-list .text{
                    padding-right: 100px;
                }
                .Solution-three-list .text p{
                    font-size: 14px;
                }
                .about-wmdys ul li .tet p{
                    font-size: 14px;
                    margin-top: 15px;
                }
                .about-wmdys ul li .tet h3{
                    font-size: 18px;
                }
                .about-wmdys .wmdys-pic{
                    width: 245px;
                    height: 245px;
                }
                .about-wmdys ul li{
                    height: 210px;
                    width: 43%;
                }
                .Strength-top ul li h3{
                    font-size: 26px;
                }
                .Strength-top ul li p{
                    font-size: 15px;
                }
                .about-two-box ul li .text .desc{
                    font-size: 14px;
                    margin-top: 15px;
                }
                .about-two-box ul li .text .icon img{
                    height: 60px;
                }
                .at_time{
                    font-size: 170px;
                }
                .time_title_case{
                    padding-top: 90px;
                    padding-bottom: 90px;
                }
                .contact-box-item .left h3{
                    font-size: 28px;
                }
                .contact-box-item{
                    padding: 90px 5%;
                }
                /* .nei-banner .img{
                    height: 400px;
                } */
                .nei-banner .text .texts h3{
                    font-size: 40px;
                    
                }
                .nei-banner .text .texts{
                    padding-bottom: 50px ;
                }
                .max1200{
                    max-width: 950px;
                  }
                  .banner-list .text .container{
                    max-width: 820px;
                  }
            }


            @media (max-width: 1000px) {
                .pt150{
                    padding-top: 50px;
                }
                .pb150{
                    padding-bottom: 50px;
                }
                .mt50{
                    margin-top: 15px;
                }
                .full-menu{
                    position: fixed;
                    right: 10px;
                    bottom: -200px;
                    top: auto;
                    transform: translate(0, 0);
                    width: 45px;
                    height: 45px;
                    line-height: 45px;
                }
                .full-menu .icon svg{
                    width: 15px;
                }
                .header-ewm{
                    top: 50%;
                    right: 0;
                    transform: translate(-130%,-50%);
                }
                .full-menu .icon img{
                    display: block;
                }
                .container,.max1200{
                    padding-left: 20px;
                    padding-right: 20px;
                    width: 100%;
                }
                .banner .img img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .banner-list .text h3{
                    font-size: 14px;
                }
                .banner-list .text h4{
                    font-size: 16px;
                    margin-top: 10px;
                    line-height: 1.3;
                }
                .banner-list .img img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .banner .swiper-button-prev,.banner .swiper-button-next{
                    display: none;
                }
                .banner-list .text p{
                    font-size: 12px;
                    margin-top: 5px;
                }
                .banner-list .img{
                    height: 300px;
                }
                .banner .swiper-pagination-bullet{
                    width: 40px;
                }
                .banner-list .text{
                    max-width: 55%;
                }
             
                .banner .swiper-pagination{
                    padding-bottom: 10px;
                }
                .box1-title h3{
                    font-size: 20px;
                    padding-bottom: 10px;
                }
                .index-about-box .text .desc{
                    font-size: 13px;
                    margin-top: 20px;
                }
                .about-logo{
                    left: 0;
                    width: 24%;
                }
                .index-two{
                    padding-top: 30px;
                }
                
                .index-two-nav ul li {
                    width: 25%;
                }
                
                .index-two-nav ul li .img{
                    width: 45px;
                    height: 45px;
                    line-height: 45px;
                }
                .index-two-nav ul li .img img{
                    height: 20px;
                }
                .index-two-nav ul li p{
                    font-size: 12px;
                    text-align: center;
                }
                .index-two-box .text-swiper .texts .texts-bottom, .Solution-one-box .texts-bottom{
                    margin-top: 10px;
                }
                .index-two-box .text-swiper .texts-bottom .p1, .Solution-one-box .texts-bottom .p1{
                    font-size: 16px;
                }
                .index-two-nav ul{
                    align-items: baseline;
                }
                .index-two-box{
                    margin-top: 10px;
                }
                .index-two-box{
                    flex-direction: column;
                }
                .index-two-box .text-swiper{
                    width: 100%;
                    padding-right: 0;
                    display: none;
                }
                .index-two-box .text-swiper h3, .Solution-one-box h3{
                    font-size: 16px;
                }
                .index-two-box .text-swiper .desc, .Solution-one-box .desc{
                    line-height: 1.5;
                }
                .index-two-box .text-swiper .texts-bottom .p2, .Solution-one-box .texts-bottom .p2{
                    line-height: 1.5;
                }
                .index-two-box .img-swiper{
                    width: 100%;
                }
                .img-swiper .pro-slider{
                    width: 100%;
                }
                .img-swiper .pro-page{
                    width: 260px;
                    height: 40px;
                    position: relative;
                    margin: 0 auto;
                    top: 0;
                    transform: translate(0,0);
                    margin-top: 40px;
                }
                .img-swiper .pro-page ul{
                    flex-direction: row;
                }
                .img-swiper .pro-page ul li{
                    width: 40px;
                    height: 40px;
                }
                .img-swiper-box-list{
                    border-radius: 10px;
                }
                .img-swiper-box-list h3{
                    font-size: 14px;
                }
                .img-swiper .pro-slider ul li{
                    border-radius: 10px;
                }
                .title-texts h3{
                    font-size: 18px;
                }
                .title-texts p{
                    font-size: 13px;
                    margin-top: 10px;
                }
                .index-three-box ul{
                    flex-wrap: wrap;
                    margin: 0 -5px;
                }
                .index-three-box ul li{
                    width: 50%;
                    padding: 0 5px;
                    margin: 5px 0;
                }
                .index-three-list{
                    height: 100%;
                }
                .index-three-list .index-three-top h3,.index-three-list .index-three-top .icon-right{
                    display: none;
                }
                .index-three-list .index-three-top{
                    display: block !important;
                    padding: 15px 0 0 15px;
                    text-align: left;
                }
                .index-three-list .index-three-top .icon img{
                    height: 30px;
                }
                .index-three-list .index-three-bottom{
                    display: block !important;
                    opacity: 1;
                }
                .index-three-list .index-three-bottom{
                    max-width: 100%;
                    padding: 15px;
                }
                .index-three-box ul li .index-three-list .index-three-icon2{
                    opacity: 1 !important;
                }
                .index-three-list .index-three-bottom h3{
                    font-size: 15px;
                }
                .index-three-list .index-three-bottom .desc{
                    font-size: 12px;
                    margin-top: 10px;
                }
                .index-three-icon2{
                    max-width: 80%;
                    position: relative;
                    display: none;
                }
                .index-four{
                    margin-top: 0;
                    padding-bottom: 30px;
                }
                .index-four-title .icon-logo img{
                    max-width: 100%;
                }
                .index-four-title h3{
                    font-size: 20px;
                }
                .index-four-box ul li:nth-child(1), .index-four-box ul li:nth-child(2){
                    border-top: 0;
                }
                .index-four .max1200{
                    padding: 0;
                }
                .index-four-box ul li{
                    width: 100%;
                }
                .index-four-box{
                    margin-top: 20px;
                }
                .index-four-list{
                    padding: 15px 0;
                }
                .index-four-list .icon{
                    width: 50px;
                }
                .index-four-list .icon img{
                    max-width: 50px;
                    max-height: 50px;
                    text-align: center;
                }
                .index-four-list .text{
                    font-size: 14px;
                    margin-left: 10px;
                }
                .index-five-text{
                    width: 100%;
                }
                .index-five-text{
                    padding: 15px;
                }
                .index-five-text .title{
                    font-size: 16px;
                }
                .index-five-text .desc{
                    font-size: 12px;
                    line-height: 1.5;
                    margin-top: 10px;
                }
                .index-five{
                    min-height: 200px;
                    height: auto;
                }
                .index-five-text{
                    float: none;
                    padding: 20px 15px;
                }
                .index-five-box{
                    padding: 50px 0;
                    padding-top: 0;
                }
                .index-from ul li{
                    width: 100%;
                    margin-top: 10px;
                }
                .index-from ul li p{
                    font-size: 14px;
                }
                .index-from ul li input, .index-from ul li .text{
                    height: 45px;
                    line-height: 45px;
                }
                .index-from ul li .text a{
                    min-width: 95px;
                    line-height: 32px;
                }
                .index-from ul li .but{
                    min-width: 95px;
                    line-height: 32px;
                
                }
                .footer-item{
                    padding: 20px 0;
                    flex-direction: column;
                }
                .footer-item .footer-nav{
                    width: 100%;
                    margin-top: 15px;
                }
                .footer-item .footer-nav{
                    flex-wrap: wrap;
                }
                .footer-nav-list .title{
                    margin-bottom: 5px;
                }
                .footer-nav-list:nth-child(3) p{
                    width: 100%;
                    margin-bottom: 0;
                }
                .footer-nav-list{
                    width: 30%;
                    max-width: 30%;
                }
                .footer-nav-list .title{
                    font-size: 14px;
                }
                .footer-nav-list p, .footer-nav-list p a{
                    font-size: 12px;
                }
                .footer-nav-list.con p img{
                    top: 5px;
                    width: 16px;
                }
                .footer-nav-list.con,.footer-nav-list:nth-last-child(1){
                    width: 100%;
                    margin-top: 15px;
                    max-width: 100%;
                }
                .footer-nav-list:nth-last-child(1){
                    text-align: center;
                }
                .footer-ewm{
                    display: block;
                    margin: 0 auto;
                }
                .footer-ewm .footer-ewm-list{
                    display: inline-block;
                    margin: 0 5px;
                }
                .footer-nav-list .title{
                    padding-bottom: 0;
                }
                .footer-item .footer-logo{
                    margin: 0 auto;
                }
                .footer-bottom, .footer-bottom a{
                    padding: 10px ;
                    font-size: 12px;
                }
                .icon-sb{
                    width: 20px;
                    
                }
                .banner,.nei-banner{
                    margin-top: 60px;
                }
                /* .nei-banner .img{
                    height: 260px;
                } */
                .nei-banner .text .texts h3{
                    font-size: 20px;
                    line-height: 1.5;
                }
                .nei-banner .text .texts .nei-banner-nav p:hover a{
                    color: #fff !important;
                }
                .nei-banner .text .texts .nei-banner-nav p:hover a::after{
                    width: 0 !important;
                }
                .nei-banner .text .texts .nei-banner-nav p a{
                    font-size: 14px;
                }
                .nei-banner .text .texts{
                    padding-bottom: 20px;
                }
                .nei-banner-text{
                    flex-direction: column;
                    line-height: 30px;
                }
                .nei-banner .text .texts .nei-banner-nav p a{
                    line-height: 30px;
                }
                .nei-banner .text .texts .nei-banner-nav p{
                    margin-top: 10px;
                }
                .Solution-one{
                    flex-direction: column;
                }
                .Solution-one .left{
                    width: 100%;
                    display: none;
                }
                .Solution-one .right{
                    width: 100%;
                }
                .Solution-one-box{
                    top: 0;
                    transform: translate(0,0);
                    padding: 15px;
                }
                .Solution-one-box .texts{
                    padding: 15px;
                }
                .Solution-one-nav{
                    position: relative;
                    right: 0;
                    padding-right: 0;
                    width: 100%;
                    top: 0;
                    transform: translate(0,0);
                    max-width: 100%;
                    text-align: center;
                    padding: 15px;
                    padding-top: 0;
                }
                
                .Solution-one-nav ul li{
                    display: inline-block;
                    padding-bottom: 0;
                   
                    margin: 10px 0;
                    margin-right: 10px;
                    
                }
                .Solution-one-nav ul li::after{
                    display: none;
                }
                .Solution-three-swiper{
                    margin-top: 0 !important;
                }
                .Solution-three-list{
                    flex-direction: column;
                    display: block;
                }
                .Solution-three-list .img{
                    width: 100%;
                }
                .Solution-three-list .text{
                    width: 100%;
                }
                .Solution-three-swiper .swiper-container-autoheight .swiper-wrapper{
                    height: auto !important;
                }
                .Solution-three-swiper .swiper-slide{
                    height: 1px;
                }
                .Solution-three-swiper .swiper-slide.swiper-slide-active{
                    height: auto;
                }
                .Solution-three-swiper .swiper-slide.swiper-slide-active .Solution-three-list .text{
                    padding: 15px;
                    padding-right: 30px;
                }
                .Solution-three-list .text h3{
                    font-size: 16px;
                }
                .Solution-three-list .text p{
                    margin-top: 10px;
                }
                .Solution-three-swiper .swiper-button-next{
                    right: 0;
                    top: 30%;
                }
                .Solution-three-swiper .swiper-button-prev{
                    left: 0;
                    top: 30%;
                }
                .about-wmdys{
                    margin-top: 15px;
                }
                .about-wmdys ul li{
                    width: 100%;
                    padding: 20px !important;
                    background-image: none !important;
                    background-color: #fff;
                    box-shadow: 0px 5px 30px 0px rgba(232, 235, 245, 0.6);
                    height: auto;
                    margin: 5px 0;
                }
                .about-wmdys .wmdys-pic{
                    display: none;
                }
                .about-wmdys ul li .pic{
                    width: 30px;
                }
                .about-wmdys ul li .tet{
                    width: calc(100% - 30px);
                    padding-top: 0;
                }
                .about-wmdys ul li .tet p{
                    margin-top: 10px;
                }
                .Solution-five{
                    padding: 30px 0;
                    background-position: center bottom;
                    background-size: cover;
                }
                .Solution-five-item ul li{
                    width: 100%;
                }
                .Solution-five-list{
                    padding: 15px 0;
                }
                .Solution-six-item ul li{
                    width: 33.33%;
                    margin-top: 30px;
                }
                .about-wmdys ul li .tet h3{
                    font-size: 16px;
                }
                .Solution-six-list p{
                    font-size: 14px;
                    margin-top: 10px;
                }
                .Strength-top ul{
                    flex-direction: column;
                }
                .Strength-top ul li{
                    width: 100%;
                    margin-bottom: 20px;
                }
                .Strength-top ul li h3{
                    font-size: 16px;
                }
                .Strength-top ul li p{
                    font-size: 14px;
                    margin-top: 10px;
                    padding-top: 10px;
                }
                .Strength-bottom{
                    flex-direction: column;
                }
                .Strength-swiper-left{
                    width: 100%;
                }
                .Strength-swiper-right{
                    height: auto;
                    display: none;
                }
                .about_plate1_pack{
                    flex-direction: column-reverse;
                }
                .about_plate1_pack>div{
                    width: 100%;
                }
                .about_plate1_top{
                    flex-direction: column-reverse;
                }
                .about_plate1_top .about_plate1_img, .about_plate1_top .about_plate1_right_pack{
                    width: 100%;
                    padding-right: 0;
                }
                .about_plate1_left_list{
                    margin-top: 20px;
                    display: block;
                    padding-right: 0;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    
                }
                .about_plate1_left_icon img{
                    display: inline-block;
                }
                .about_plate1_left_list li{
                    max-width: calc(50% - 5px);
                    width: calc(50% - 5px);
                }
                .about_plate1_left_list li:nth-last-child(1){
                    max-width: 100%;
                    width: 100%;
                }
                .about_plate1_left_pack{
                    background-color: #fff;
                    padding: 20px;
                    text-align: left;
                    box-shadow: 0px 0px 20px 0px rgba(180, 184, 206, 0.14);
                    border-radius: 15px;
                    margin-top: 10px;
                }
                .about_plate1_bottom .about_plate1_left_list{
                    width: 100%;
                    padding: 0;
                }
                .about_plate1_right_pack{
                    padding-left: 0;
                    margin-top: 0;
                    margin-bottom: 15px;
                    padding-right: 30px;
                }
                .about_plate1_right_pack .about-one-j{
                    width: 40px;
                }
                .about_plate1_logo{
                    width: 400px;
                }
                .about_plate1_left_cont h4{
                    font-size: 18px;
                }
                .about_palte1_logo{
                    text-align: center;
                    display: none;
                }
                .about_plate1_right_cont{
                    margin-top: 0;
                }
                .about_plate1_right_cont h4{
                    font-size: 18px;
                }
                .about_plate1_right_cont p{
                    font-size: 14px;
                    line-height: 1.5;
                    margin-top: 15px;
                }
                .about_plate1_right_cont a{
                font-size: 16px;
                }
                .about_palte1_video{
                    width: auto;
                    max-width: 340px;
                    margin: 0 auto;
                    margin-top: 20px;
                    display: none;
                }
                .about_plate1_img img {
                    border-radius:0 30px 0 30px;
                }
                .about_plate1_left{
                    margin-top: 20px;
                }
                .about_plate1_logo{
                    bottom: 130px;
                }
                .about-two-box ul li{
                    width: 100%;
                }
                .about-two-box ul li .text h3{
                    font-size: 18px;
                }
                .about-two-box ul li .text .icon img{
                    height: 40px;
                }
                .about-two-box ul{
                    flex-direction: column;
                }
                .dev_tex_box{
                    padding-left: 0;
                    padding-right: 0;
                }
                .at_time{
                    font-size: 100px;
                }
                .tab_time_bottom .showreel_box{
                    padding-left: 50px;
                    padding-right: 50px;
                }
                .showreel_box .btn_img_prev{
                    left: 0;
                }
                .tab_time_bottom .showreel_box .btn_img_next{
                    right: 0;
                }
                .tab_time_bottom .showreel_box .btn_img_prev, .tab_time_bottom .showreel_box .btn_img_next{
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                }
                .tab_time_bottom .showreel_box .list_u_img_box > a{
                    width: 75px;
                }
                .titie_box_bg{
                    width: 60px;
                    height: 60px;
                    margin: -30px 0 0 -30px;
                }
                .time_line_box .on .btn_time > span{
                    font-size: 20px;
                }
                .btn_time > span{
                    left: 16px;
                    top: -25px;
                    font-size: 14px;
                }
                .time_line_box > div:nth-child(odd) .btn_time > span{
                    bottom: -25px;
                }
                .time_title_case{
                    padding-top: 50px;
                    padding-bottom: 50px;
                }
                .time_line_box > div{
                    height: 2px;
                }
                .btn_time{
                    top: -5px;
    width: 12px;
    height: 12px;
                }
                .time_sha{
                    display: none;
                }

                .contact-box-item{
                    flex-direction: column;
                    padding: 20px;
                    border-radius: 10px;
                }
                .contact-box-item .left{
                    width: 70%;
                }
                .contact-box-item .left h3{
                    font-size: 20px;
                }
                .contact-box-item .left p{
                    font-size: 14px;
                    margin-top: 5px;
                }
                .contact-box-item .about-one-j{
                    right: 5%;
                }
                .contact-box-item .about-one-j img{
                    width: 60px;
                }
                .contact-box-item .right{
                    width: 100%;
                    margin-top: 10px;
                }
                .contact-box-item .right ul{
                    flex-direction: column;
                }
                .contact-box-item .right ul li{
                    margin: 5px 0 !important;
                    width: 100%;
                }
                .contact-box-item .right ul li .text h3{
                    font-size: 16px;
                }
                .index-from .btns{
                    margin-top: 70px;
                }
                .contact-box-item .right ul li .text p{
                    font-size: 14px;
                    margin-top: 5px;
                }
                .contact-box-item .right ul li .text{
                    width: calc(100% - 30px);
                }
                .Solution-three-swiper .swiper-slide.swiper-slide-active .Solution-three-list .text{
                    transition-delay: 0s !important;
                    transition: all 0s !important;
                    transform: translateY(0) !important;
                }
            }