body{
    background: #1947BA;
    overflow: hidden;
}
*, :after, :before {
    box-sizing: inherit;
}
@font-face {
    font-family:'Avenir';
    src: url('../font/AvenirNextLTCom-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'fontLight';
    src: url('../font/Alibaba-PuHuiTi-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'fontBold';
    src: url('../font/Alibaba-PuHuiTi-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'fontRegular';
    src: url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'fontMedium';
    src: url('../font/Alibaba-PuHuiTi-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'AvenirNextRegular';
    src: url('../font/AvenirNext-Regular-08.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'FuturaMedium';
    src: url('../font/Futura-CondensedMedium-04.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*{
    font-family: fontRegular;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
}
a{
    text-decoration: none;
}
.left-nav{
    border-right: 1px solid #FFFFFF;
    height: 100%;
    left: 0;
    position: absolute;
    width: 1.1rem;
    z-index: 10000;
    color: #ffffff;
    transition: border-right-color .5s ease-in-out,background-color .5s ease-in-out,transform .3s cubic-bezier(0,.76,.72,1) .4s;
}
.left-nav__main-nav {
    position: relative;
    height: 100%;
    z-index: 2;
    transition: border-color .5s ease-in-out;
}
.menu {
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    top: 0.38rem;
    left: 0.34rem;
    margin: 0;
    position: absolute;
    transition: transform .5s ease-in-out;
    width: 0.42rem;
    height: 0.42rem;
    overflow: hidden;
}
.menu.is-animating .first {
    -webkit-animation: fade-up-out .2s ease-in-out forwards;
    animation: fade-up-out .2s ease-in-out forwards
}
@-webkit-keyframes fade-up-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes fade-up-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes fade-up-in {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

.menu.is-animating .second {
    -webkit-animation: fade-up-in .2s ease-in-out forwards;
    animation: fade-up-in .2s ease-in-out forwards
}
@keyframes fade-up-in {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}


.top_line{
    width: 0.42rem;
    height: 0.04rem;
    background: #ffffff;
    position: absolute;
    top: 0;
    border-radius: 2px;
    -webkit-transform-origin: 0 50%;
}
.top_line_2{
    width: 0.42rem;
    height: 0.04rem;
    background: #ffffff;
    position: absolute;
    top: 0;
    border-radius: 2px;
    -webkit-transform-origin: 0 50%;
    -webkit-transform: translateX(-100%);
}
.top_line_close{
     -webkit-animation: top_line_close 0.15s  ease-in-out;
     -webkit-animation-fill-mode:forwards;
 }
@keyframes top_line_close {
    0%{
        -webkit-transform: rotate(0);
    }
    100%{
        -webkit-transform:translate(0.06rem,-0.01rem) rotate(45deg);
    }
}
.top_line_menu{
    -webkit-animation: top_line_menu 0.15s  ease-in-out;
    -webkit-animation-fill-mode:forwards;
}
@keyframes top_line_menu {
    0%{
        -webkit-transform:translate(0.06rem,-0.01px) rotate(45deg);

    }
    100%{
        -webkit-transform:translate(0,0) rotate(0);
    }
}

.center_line{
    width: 0.42rem;
    height: 0.04rem;
    background: #ffffff;
    position: absolute;
    top: 0.14rem;
    border-radius: 2px;
}
.center_line_2{
    width: 0.42rem;
    height: 0.04rem;
    background: #ffffff;
    position: absolute;
    top: 0.14rem;
    border-radius: 2px;
    -webkit-transform: translateX(-100%);
}
.bottom_line{
    width: 0.42rem;
    height: 0.04rem;
    background: #ffffff;
    position: absolute;
    top: 0.28rem;
    border-radius: 2px;
    -webkit-transform-origin: 0 50%;
}
.bottom_line_2{
    width: 0.42rem;
    height: 0.04rem;
    background: #ffffff;
    position: absolute;
    top: 0.28rem;
    border-radius: 2px;
    -webkit-transform-origin: 0 50%;
    -webkit-transform: translateX(-100%);
}
.hide_center{
     -webkit-animation: hide_center 0.15s  ease-in-out;
     -webkit-animation-fill-mode:forwards;
 }
@keyframes hide_center {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.show_center{
    -webkit-animation: show_center 0.15s  ease-in-out;
    -webkit-animation-fill-mode:forwards;
}
@keyframes show_center {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.bottom_line_close{
    -webkit-animation: bottom_line_close 0.15s  ease-in-out;
    -webkit-animation-fill-mode:forwards;
}

@keyframes bottom_line_close {
    0%{
        -webkit-transform: rotate(0);
    }
    100%{
        -webkit-transform:translate(0.06rem,0.01rem) rotate(-45deg);
    }
}
.bottom_line_menu{
    -webkit-animation: bottom_line_menu 0.15s  ease-in-out;
    -webkit-animation-fill-mode:forwards;
}

@keyframes bottom_line_menu {
    0%{
        -webkit-transform:translate(0.06rem,0.01rem) rotate(-45deg);
    }
    100%{
        -webkit-transform:translate(0,0) rotate(0);

    }
}
.email-icon{
    width: 0.39rem;
    height: 0.34rem;
    position: absolute;
    left: 0.35rem;
    bottom: 0.50rem;
    cursor: pointer;
}
.logo{
    width: 0.43rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    cursor: pointer;
}
.bg_video{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
}
.white_video{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: fixed;
    top: 0;
    z-index: 1001;
    display: block;
    -webkit-transform: translateX(-100%);
}
#right-menu{
    position: absolute;
    width:100%;
    height: 100%;
    left: 0px;
    top: 0;
    white-space: nowrap;
    z-index: 100;
}
#right-menu .nav{
    height:100%;
    border-left:1px solid #ffffff;
    position: absolute;
    left: calc(19.2rem - (4 - var(--i))*0.75rem);
    pointer-events: auto;
    width: 16.6rem;
    transition: background-color 0.5s;
    overflow: hidden;
}
#right-menu .nav .tri-menu{
    width: 0.29rem;
    height: 0.18rem;
    position: absolute;
    top: 0.4rem;
    left: 50%;
    margin-left: -0.145rem;
    opacity: 0;
    transition: transform 300ms, opacity 300ms ease;
}
#right-menu .nav .menu-name{
    margin-top: 0.45rem;
    height:0.50rem;
    line-height: 0.50rem;
    color: #ffffff;
    font-size: 0.42rem;
    -webkit-transform: rotate(90deg);
    transition: transform 300ms, opacity 300ms ease,margin-top 300ms;
}
.btn-text-parent {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-weight: bold;
    font-family: fontBold;
}
.wrap_text {
    display: inline-block;
}
.buildin-btn-text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    transform: translateY(100%);
}
.buildin-btn-text .btn-letter {
    opacity: 0;

}
.btn-letter {
    display: inline-block;
    margin: 0em 0.05em;
    position: relative;
    transition: transform 300ms, opacity 300ms ease;
    font-weight: bold;
    font-family:Avenir;
}
.current-btn-text .btn-letter:nth-child(1) {
    transition-delay: 49ms;
}
.current-btn-text .btn-letter:nth-child(2) {
    transition-delay: 99ms;
}
.current-btn-text .btn-letter:nth-child(3) {
    transition-delay: 149ms;
}

.current-btn-text .btn-letter:nth-child(4) {
    transition-delay: 199ms;
}

.current-btn-text .btn-letter:nth-child(5) {
    transition-delay: 249ms;
}

.current-btn-text .btn-letter:nth-child(6) {
    transition-delay: 299ms;
}

.current-btn-text .btn-letter:nth-child(7) {
    transition-delay: 349ms;
}

.current-btn-text .btn-letter:nth-child(8) {
    transition-delay: 399ms;
}

.current-btn-text .btn-letter:nth-child(9) {
    transition-delay: 449ms;
}

.current-btn-text .btn-letter:nth-child(10) {
    transition-delay: 499ms;
}

.current-btn-text .btn-letter:nth-child(11) {
    transition-delay: 549ms;
}

.current-btn-text .btn-letter:nth-child(12) {
    transition-delay: 599ms;
}

.current-btn-text .btn-letter:nth-child(13) {
    transition-delay: 649ms;
}

.current-btn-text .btn-letter:nth-child(14) {
    transition-delay: 699ms;
}

.current-btn-text .btn-letter:nth-child(15) {
    transition-delay: 749ms;
}

.current-btn-text .btn-letter:nth-child(16) {
    transition-delay: 799ms;
}

.current-btn-text .btn-letter:nth-child(17) {
    transition-delay: 849ms;
}

.current-btn-text .btn-letter:nth-child(18) {
    transition-delay: 899ms;
}

.current-btn-text .btn-letter:nth-child(19) {
    transition-delay: 949ms;
}

.current-btn-text .btn-letter:nth-child(20) {
    transition-delay: 999ms;
}

.current-btn-text .btn-letter:nth-child(21) {
    transition-delay: 1049ms;
}

.current-btn-text .btn-letter:nth-child(22) {
    transition-delay: 1099ms;
}

.current-btn-text .btn-letter:nth-child(23) {
    transition-delay: 1149ms;
}

.current-btn-text .btn-letter:nth-child(24) {
    transition-delay: 1199ms;
}

.current-btn-text .btn-letter:nth-child(25) {
    transition-delay: 1249ms;
}

.current-btn-text .btn-letter:nth-child(26) {
    transition-delay: 1299ms;
}

.current-btn-text .btn-letter:nth-child(27) {
    transition-delay: 1349ms;
}

.current-btn-text .btn-letter:nth-child(28) {
    transition-delay: 1399ms;
}

.current-btn-text .btn-letter:nth-child(29) {
    transition-delay: 1449ms;
}

.current-btn-text .btn-letter:nth-child(30) {
    transition-delay: 1499ms;
}

.buildin-btn-text .btn-letter:nth-child(1) {
    opacity: 0;
    transition-delay: 49ms;
}

.buildin-btn-text .btn-letter:nth-child(2) {
    opacity: 0;
    transition-delay: 99ms;
}

.buildin-btn-text .btn-letter:nth-child(3) {
    opacity: 0;
    transition-delay: 149ms;
}

.buildin-btn-text .btn-letter:nth-child(4) {
    opacity: 0;
    transition-delay: 199ms;
}

.buildin-btn-text .btn-letter:nth-child(5) {
    opacity: 0;
    transition-delay: 249ms;
}

.buildin-btn-text .btn-letter:nth-child(6) {
    opacity: 0;
    transition-delay: 299ms;
}

.buildin-btn-text .btn-letter:nth-child(7) {
    opacity: 0;
    transition-delay: 349ms;
}

.buildin-btn-text .btn-letter:nth-child(8) {
    opacity: 0;
    transition-delay: 399ms;
}

.buildin-btn-text .btn-letter:nth-child(9) {
    opacity: 0;
    transition-delay: 449ms;
}

.buildin-btn-text .btn-letter:nth-child(10) {
    opacity: 0;
    transition-delay: 499ms;
}

.buildin-btn-text .btn-letter:nth-child(11) {
    opacity: 0;
    transition-delay: 549ms;
}

.buildin-btn-text .btn-letter:nth-child(12) {
    opacity: 0;
    transition-delay: 599ms;
}

.buildin-btn-text .btn-letter:nth-child(13) {
    opacity: 0;
    transition-delay: 649ms;
}

.buildin-btn-text .btn-letter:nth-child(14) {
    opacity: 0;
    transition-delay: 699ms;
}

.buildin-btn-text .btn-letter:nth-child(15) {
    opacity: 0;
    transition-delay: 749ms;
}

.buildin-btn-text .btn-letter:nth-child(16) {
    opacity: 0;
    transition-delay: 799ms;
}

.buildin-btn-text .btn-letter:nth-child(17) {
    opacity: 0;
    transition-delay: 849ms;
}

.buildin-btn-text .btn-letter:nth-child(18) {
    opacity: 0;
    transition-delay: 899ms;
}

.buildin-btn-text .btn-letter:nth-child(19) {
    opacity: 0;
    transition-delay: 949ms;
}

.buildin-btn-text .btn-letter:nth-child(20) {
    opacity: 0;
    transition-delay: 999ms;
}

.buildin-btn-text .btn-letter:nth-child(21) {
    opacity: 0;
    transition-delay: 1049ms;
}

.buildin-btn-text .btn-letter:nth-child(22) {
    opacity: 0;
    transition-delay: 1099ms;
}

.buildin-btn-text .btn-letter:nth-child(23) {
    opacity: 0;
    transition-delay: 1149ms;
}

.buildin-btn-text .btn-letter:nth-child(24) {
    opacity: 0;
    transition-delay: 1199ms;
}

.buildin-btn-text .btn-letter:nth-child(25) {
    opacity: 0;
    transition-delay: 1249ms;
}

.buildin-btn-text .btn-letter:nth-child(26) {
    opacity: 0;
    transition-delay: 1299ms;
}

.buildin-btn-text .btn-letter:nth-child(27) {
    opacity: 0;
    transition-delay: 1349ms;
}

.buildin-btn-text .btn-letter:nth-child(28) {
    opacity: 0;
    transition-delay: 1399ms;
}

.buildin-btn-text .btn-letter:nth-child(29) {
    opacity: 0;
    transition-delay: 1449ms;
}

.buildin-btn-text .btn-letter:nth-child(30) {
    opacity: 0;
    transition-delay: 1499ms;
}
.nav .nav-header .menu-name:hover{
    margin-top: 0.75rem;
}

.nav .nav-header .menu-name:hover .current-btn-text .btn-letter {
    opacity: 0;
    transform: translateY(-100%);
}
.nav .nav-header .menu-name:hover .buildin-btn-text .btn-letter {
    opacity: 1;
    transform: translateY(-100%);
}
#right-menu .nav .nav-header{
    width: 0.75rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-family:'Avenir';
    cursor: pointer;
}
#right-menu .nav  .nav-header:hover .tri-menu{
    opacity: 1!important;
}
#right-menu .nav  .nav-header:hover .menu-name{
    margin-top: 0.75rem!important;
}
.menu .line:first-child .first,.menu .line:first-child .second {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.menu .line:nth-child(2) .first,.menu .line:nth-child(2) .second {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.menu .line:nth-child(3) .first,.menu .line:nth-child(3) .second {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.cascade-link.is-animating .first {
    -webkit-animation: fade-up-out .2s ease-in-out forwards;
    animation: fade-up-out .2s ease-in-out forwards
}

.cascade-link.is-animating .second {
    -webkit-animation: fade-up-in .2s ease-in-out forwards;
    animation: fade-up-in .2s ease-in-out forwards
}
.home{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden;
}
.index-inner{
    width: 15.85rem;
    position: absolute;
    height: 100%;
    left: 1.1rem;
    top: 0;
    z-index: 1000;
}
.home-title{
    color: #ffffff;
    font-size: 0;
    font-family: fontBold;
    font-weight: bold;
}
.home-title-cn{
    color: #ffffff;
    font-size: 0;
}

.home-txt{
    width: 100%;
    height: 1.8rem;
    position: absolute;
    line-height: 0.65rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
    font-family:'Avenir';
}


.animate span {
    display: inline-block;
}
@keyframes leftRight {
    40% {
        transform: translate(0.50rem, 0) scale(.7);
        opacity: 1;
        color: #ffffff;
    }
    60% {
        color: #0f40ba;
    }
    80% {
        transform: translate(0) scale(2);
        opacity: 0;
    }
    100% {
        transform: translate(0) scale(1);
        opacity: 1;
    }
}
.home-title span{
    display: inline-block;
    font-size:0.7rem;
    padding: 0;
    margin: 0;
    color: #ffffff;
    opacity: 0;
    transform: rotate(-180deg) translate(1.5rem, 0);
    animation: twister .5s forwards;
    letter-spacing: 0.05rem;
    font-family:'Avenir';
}
.home-title-cn span{
    display: inline-block;
    font-size: 0.5rem;
    padding: 0;
    margin: 0;
    color: #ffffff;
    opacity: 0;
    transform: translate(-1.5rem, 0) scale(.3);
    animation: leftRight .5s forwards;
    letter-spacing: 0.05rem;
    font-family: fontLight;
}

@keyframes twister {
    10% {
        opacity: 1;
    }
    100% {
        transform: rotate(0deg) translate(0);
        opacity: 1;
    }
}
.animate span:nth-of-type(2) {
    animation-delay: .05s;
}

.animate span:nth-of-type(3) {
    animation-delay: .1s;
}

.animate span:nth-of-type(4) {
    animation-delay: .15s;
}

.animate span:nth-of-type(5) {
    animation-delay: .2s;
}

.animate span:nth-of-type(6) {
    animation-delay: .25s;
}

.animate span:nth-of-type(7) {
    animation-delay: .3s;
}

.animate span:nth-of-type(8) {
    animation-delay: .35s;
}

.animate span:nth-of-type(9) {
    animation-delay: .4s;
}

.animate span:nth-of-type(10) {
    animation-delay: .45s;
}

.animate span:nth-of-type(11) {
    animation-delay: .5s;
}

.animate span:nth-of-type(12) {
    animation-delay: .55s;
}

.animate span:nth-of-type(13) {
    animation-delay: .6s;
}

.animate span:nth-of-type(14) {
    animation-delay: .65s;
}
.animate span:nth-of-type(15) {
    animation-delay: .7s;
}
.animate span:nth-of-type(16) {
    animation-delay: .75s;
}
.animate span:nth-of-type(17) {
    animation-delay: .8s;
}
.animate span:nth-of-type(18) {
    animation-delay: .85s;
}

.disNone{
    display: none!important;
}
.hide{
    opacity: 0;
}
#menu-box{
    position: fixed;
    width: 18.1rem;
    height: 100%;
    left: 1.1rem;
    top: 0;
    z-index: 1002;
}
.menu-box-list{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%,-50%);
    left: 7%;
}
.menu-box-list .menu-list{
    height: 19vh;
    font-size: 1rem;
    color: #0047BA;
    line-height: 19vh;
    cursor: pointer;
    margin: 2vh 0;
    transition: all 0.4s linear;
    font-family:'Avenir';
}
.menu-box-list .menu-list span{
    color: #9A9A9B;
    font-size: 0.35rem;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 0.20rem;

}
.menu-box-list .menu-list:hover{
    border-bottom: 0.02rem solid #003595;
    transition: all 0.4s linear;
    color: #003595;
    -webkit-transform: translateX(0.60rem);
}
#connect{
    position: absolute;
    z-index: 1001;
    width: 18.1rem;
    height: 100%;
    left: 1.1rem;
    top: 0;
    position: absolute;
    -webkit-transform: translateX(-100%);
}
.connect_box{
    width: 15.36rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
}
#connect .connect_title{
    font-size: 1rem;
    color: #0047BA;
    font-family:'Avenir';
    line-height: 1.2rem;
}
#connect .address{
  font-size: 0.2rem;
    color:#727171;
    white-space: nowrap;
    margin-top: 0.3rem;
    font-size: 0.3rem;
    font-weight: bold;
}
#connect .address span{
    color: #0047BA;
    border-bottom: 0.04rem solid #0047BA;
    font-weight: bold;
    font-family: fontBold;
    font-size: 0.3rem;
}
#connect .email{
     margin-top: 0.3rem;
     display: flex;
 }
#connect .email a{
    text-decoration: none;
    color: #727171;
    font-size: 0.3rem;
}
#connect .email div{
    color: #727171;
    font-size: 0.2rem;
    margin-right: 1.92rem;
}
#connect .email div:last-child{
    margin-right: 0;
}
#connect .email div span{
    color: #0047BA;
    border-bottom: 0.04rem solid #0047BA;
    font-weight: bold;
    font-family: fontBold;
    font-size: 0.3rem;
    margin-right: 0.1rem;
}
.connect_line{
    border-bottom:0.01rem solid #727171;
    margin: 0.50rem 0;
}
.business{
    margin-top: 0.30rem;
}
.business .business_box{
   float: left;
    width: auto;
    height: 8vh;
    cursor: pointer;
    color: #727171;
}
.business_box a{
    color: #727171;
}
.business_box a:hover{
    color: #0f40ba;
}
.business img{
    display: block;
    width: auto;
    height: 0.3rem;
    margin-top: 0.15rem;
}
.business .business_line{
   float: left;
    width: 0.02rem;
    height: 1rem;
    background: #727171;
    margin: 0 4%;
}
.business_name{
    font-size: 0.34rem;
    font-family:'fontRegular';
}

.nav-content{
    height: 100%;
    display: inline-block;
    padding:0  0.75rem;
    white-space:normal;
}
.about-left{
    width: 6.3rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    margin-left: 0.30rem;
    line-height: 0.6rem;
    letter-spacing:0.03rem;
}
.about-right{
    position: absolute;
    bottom: 0.08rem;
    left: 8.1rem;
    width:8.5rem;
    height: 8rem;
    background: #EBEBEB;
}
.bottom-line{
    width: 100%;
    height: 0.08rem;
    background: #0047BA;
    position: absolute;
     bottom:0 ;
}
.about-left-line1{
    font-size: 0.4rem;
    color: #0047BA;
    font-weight: bold;
    font-family: fontRegular;
}
.about-left-line1 span{
    font-family:'AvenirNextRegular';
}
.about-left-line2{
    font-size: 0.4rem;
    color: #0047BA;
    font-weight: bold;
    font-family:'fontMedium';
}
.about-left-line3{
    background: #0f40ba;
    color: #ffffff;
    font-size: 0.4rem;
    margin-top: 0.1rem;
    padding-left: 0.2rem;
    font-weight: bold;
    font-family:'fontMedium';
}
.about-left-line3 span{
    font-size: 0.3rem;
    font-family: fontRegular;
    font-weight: normal;
}
.about-left-line4{
    background: #0f40ba;
    color: #ffffff;
    font-size: 0.4rem;
    margin-top: 0.1rem;
    padding-left: 0.2rem;
    font-weight: bold;
    font-family:'fontMedium';
}
.about-left-line4 span{
    font-size: 0.3rem;
    font-family: fontRegular;
    font-weight: normal;
}
.about-left-line5{
    font-size: 0.32rem;
    color: #727171;
    text-align: justify;
    margin-top: 0.05rem;
    font-family: fontRegular;
}
.about-left-line5 span{
    color: #0f40ba;
    font-family: fontBold;
}
.about-left-line{
    width: 1.94rem;
    height: 0.04rem;
    background: #0f40ba;
    margin: 0.2rem 0;
}
.about-left-line6{
    font-size: 0.32rem;
    color: #727171;
    text-align: justify;
    font-family: fontRegular;
}
.about-right-title{
    width: 2.70rem;
    height: 0.86rem;
    border: 0.02rem solid #0f40ba;
    color: #0f40ba;
    font-size: 0.40rem;
    text-align: center;
    letter-spacing: 0.03rem;
    margin-top: -0.46rem;
    line-height: 0.90rem;
    font-family: fontMedium;
}
.year{
    width: 1.4976rem;
    height: auto;
    margin-left: 0.4992rem;
    display: block;
    margin-top: 0.4rem;
}
.honour{
    line-height: 0.5rem;
    font-size: 0.28rem;
    letter-spacing: 0.03rem;
    color: #0047BA;
    margin-top: 0.10rem;
    overflow: hidden;
    clear: both;
}
.honour_tri{
    float: left;
    width: 0.5rem;
    height: 0.5rem;
    background: url("../image/left_tri.png") no-repeat;
    background-position: center center;
    background-size: auto;
}
.honour-txt{
    float: left;
    font-family: fontRegular;
}

.nav-content2{
    width: 15.25rem;
    position:absolute;
    left: 0.75rem;
    top: 0;
    height: 100%;
    padding: 0 0.3rem;
}
.nav-content2 .serve-box{
    width: 1.5rem;
    height: 100%;
    display:inline-block;
    position: relative;
    margin: 0 0.4rem;
    transition: all 0.5s;
}
.nav-content2 .serve-box .serves_title{
    position: absolute;
    height: 4.5rem;
    top: 1.44rem;
    left: 50%;
    -webkit-transform: translateX(-50%);

}
.nav-content2 .serve-box .serves_icon{
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    bottom: 1rem;
}
.nav-content2 .serve-box .serves_line{
    position: absolute;
    width: 0.02rem;
    height: 6.5rem;
    top: 0;
    background:#0047BA;
    left: 50%;
    -webkit-transform: translateX(-50%);
}
.nav-content2 .serve-box .serve_left{
    width: 1.5rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.nav-content2 .serve-box .serves_desc{
    width: 5.8rem;
    height: 100%;
    background:#F2F2F2;
    position: absolute;
    left: 0.73rem;
    opacity: 0;
}
.right-sacle{
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: top right;
}
.left-sacle{
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: top left;
}
.serves_desc_txt{
    width: 4.44rem;
    position: absolute;
    bottom: 1rem;
    left: 1.045rem;
    color: #727171;
}
.bold_txt{
    font-size: 0.34rem;
    line-height: 0.5rem;
    font-family: fontMedium;
    font-weight: bold;
}
.nomal_txt{
    font-size: 0.26rem;
    line-height: 0.5rem;
    font-family: fontRegular;
}
.nav-content3{
    width: 15.25rem;
    position:absolute;
    left: 0.75rem;
    top: 0;
    height: 100%;
    padding: 0 0.3rem;
    background-color: #000000;
}
.work-tab{
    width: 13rem;
    margin-top: 3vh;
    height: 14.8vh;
}
.work-tab .tab-nav{
    float: left;
    color: #4e4e4e;
    font-size: 0.4416rem;
    letter-spacing: 0.04rem;
    border-bottom: 0.02rem solid #4e4e4e;
    margin-right: 0.8448rem;
    line-height: 5.6vh;
    margin-top: 9.2vh;
    transition: all 0.5s;
    cursor: pointer;
    font-family: fontMedium;
}
.work-tab .tab-nav:last-of-type{
    margin-right: 0;
}
.work-tab  .tab-nav-ac{
    color: #ffffff;
    font-size: 1.075rem;
    border-bottom: 0.04rem solid #ffffff;
    line-height: 14.8vh;
    margin-top: 0;
}
.case-box{
    width: 13rem;
    height: 7rem;
    margin-top: 0.3rem;
  /*  overflow: hidden;*/
    position: relative;
    top: 0;
}
.case-box1{
    width: 13rem;
    height: 7rem;
    margin-top: 0.3rem;
    /*  overflow: hidden;*/
    position: relative;
    top: 0;
}
@media screen and (max-width: 1680px) {
    .case-box{
        height: 7.3rem;
    }
    .case-box1{
        height: 7.3rem;
    }
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.case-box img{
    width: 13rem;
    height: auto;
    transition: all 0.3s;
    position: absolute;
    -webkit-transform-origin:center center ;
    cursor: pointer;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
}
.case-cover{
    background:rgba(0,0,0,0.6) ;
    color: #ffffff;
    position: absolute;
    width: 105%;
    height: 100%;
    top: 0;
    left: -5px;
    display: none;
    z-index: 100;
    cursor: pointer;
}
.click-entry{
    font-size: 0.576rem;
    line-height:1.6;
    letter-spacing: 0.04rem;
    color: #ffffff;
    border-bottom: 0.02rem solid #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
}
/*.case-box:hover .case-cover{
    display: block;
}*/
.process{
    position: absolute;
    bottom: 4vh;
    right: 0.576rem;
    color: #3E3A39;
    font-size: 0.67rem;
    font-family:Avenir;
}
.process .current-id{
    color: #ffffff;
}
.next-case{
    width: 2.1rem;
    position: fixed;
    right: 0;
    bottom: 4.6vh;
    line-height: 1.7;
    border-bottom: 0.01rem solid #ffffff;
    font-size: 0.28rem;
    font-style: italic;
    cursor:pointer;
    font-family:'AvenirNextRegular';
}
.next-case span{
    font-family: Avenir;
}


@keyframes flipInY1 {
    from {
        -webkit-transform: perspective(4rem) rotate3d(0, 1, 0, 90deg) translateX(-50%);
        transform: perspective(4rem) rotate3d(0, 1, 0, 90deg) translateX(-50%);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(4rem) rotate3d(0, 1, 0, -20deg) translateX(-50%);
        transform: perspective(4rem) rotate3d(0, 1, 0, -20deg) translateX(-50%);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(4rem) rotate3d(0, 1, 0, 10deg) translateX(-50%);
        transform: perspective(4rem) rotate3d(0, 1, 0, 10deg) translateX(-50%);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(4rem) rotate3d(0, 1, 0, -5deg) translateX(-50%);
        transform: perspective(4rem) rotate3d(0, 1, 0, -5deg) translateX(-50%);
    }

    100% {
        -webkit-transform: perspective(4rem) translateX(-50%);
        transform: perspective(4rem) translateX(-50%);
    }
}

.flipInY1 {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY1;
    animation-name: flipInY1;
}
.case-detail{
    color: #ffffff;
    z-index: 101;
    overflow-y: scroll;
}
.case-detail::-webkit-scrollbar {
    display: none;
}
.case-detail-desc{
    width: 13.2rem;
    padding-top:50px;
    font-size: 0.28rem;
    overflow: hidden;
    line-height: 1.7;
    letter-spacing: 0.04rem;
    position: absolute;
    top: 0;
}
.case_baner{
    width: 100%;
    height: auto;
    margin-top: 0.3rem;
    display: block;
}
.caseVideo{
    width: 95%;
    height: auto;
}
.case_baner3{
    width: 85%;
    height: auto;
}
.case-detail-desc .line{
    width: 50%;
    height: 0.04rem;
    background-color: #ffffff;
    margin: 2vh 0;
}
.case-detail-desc4_1{
    height: 35.6rem;
}
.case-title{
    font-size: 0.4rem;
    font-family: fontMedium;
    margin: 0.5rem 0 0.3rem;
}
.case1_line1{
    font-family: fontMedium;
    font-size: 0.36rem;
}
.case1_line1 span{
    font-family:'AvenirNextRegular';
}
.desc-txt{
    font-size: 0.34rem;
    line-height: 0.5rem;
    margin: 30px 0;
    white-space: initial;
}
.case-detail-desc4_2 .desc-txt span{
    background: linear-gradient(to top, #d36f9e 0%,#d36f9e 35%,black 36%,black 100%);
}
.case-detail-desc4_3 .desc-txt span{
    background: linear-gradient(to top, #00A7AC 0%,#00A7AC 35%,black 36%,black 100%);
}
.desc-txt span{
  font-family: fontMedium;
    background: linear-gradient(to top, #0f40ba 0%,#0f40ba 35%,black 36%,black 100%);
    font-weight: bold;
}
.close_case{
    width: 0.4rem;
    height: 0.4rem;
    position: fixed;
    top: 7vh;
    right: 0.38rem;
    cursor: pointer;
}
.case-desc-process{
    width: 0.1rem;
    height: 0;
    position: fixed;
    right: 0;
    top: 0;
    background: #ffffff;
}
.case-img{
    width: 100%;
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
}
.case-img3{
    width: 95%;
    margin-top: 0.3rem;
}
.case3_bottom_txt{
     font-size: 0.54rem;
    margin-bottom: 15vh;
    font-family: fontLight;
}
.case3_bottom_txt span{
    font-family: fontMedium;
}

/*水波纹*/

svg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

circle {
    stroke: #fff;
    fill: none;
    transition: 0.3s;
}

#svg1 circle {
    transition-timing-function: linear;
}

#svg2 circle {
    transition-timing-function: linear;
}

#Capa_1 {
    position: absolute;
    width: 0.16rem;
    height: 0.16rem;
    transform: translate(-0.07rem, -0.08rem);
}

#Capa_2 {
    position: absolute;
    width: 0.16rem;
    height: 0.16rem;
    transform: translate(-0.09rem, -0.08rem);
}

.right {
    margin-left: 6.28rem;
    margin-top: 1.68rem;
    border: 0.01rem solid #849494;
    background-color: transparent;
    transition: .5s;
}
.right:hover {
    background-color: #fff;
}

.left {
    margin-left: 0.5%;
    margin-top: 6.17%;
    border: 0.01rem solid #849494;
    background-color: transparent;
    transition: .5s;
}
.left:hover {
    background-color: #fff;
}

.circle1 {
    transition-delay: 0.05s;
}

.circle2 {
    transition-delay: 0.1s;
}

.circle3 {
    transition-delay: 0.15s;
}

.circle4 {
    transition-delay: 0.2s;
}

.circle5 {
    transition-delay: 0.25s;
}

.circle6 {
    transition-delay: 0.3s;
}

.circle7 {
    transition-delay: 0.35s;
}

.circle8 {
    transition-delay: 0.4s;
}

.circle9 {
    transition-delay: 0.45s;
}

.circle10 {
    transition-delay: 0.05s;
}

.circle11 {
    transition-delay: 0.1s;
}

.circle12 {
    transition-delay: 0.15s;
}

.circle13 {
    transition-delay: 0.2s;
}

.circle14 {
    transition-delay: 0.25s;
}

.circle15 {
    transition-delay: 0.3s;
}

.circle16 {
    transition-delay: 0.35s;
}

.circle17 {
    transition-delay: 0.4s;
}

.circle18 {
    transition-delay: 0.45s;
}

.tran {
    transform: scale(1.3);
}

.up1 {
    z-index: 20;
    -webkit-animation: up1 1s linear forwards;
}
@-webkit-keyframes up1 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.up2 {
    z-index: 40;
}

.steap {
    stroke-width: 0;
}

.streak {
    stroke-width: 0.82rem;
}
.case-detail-left{
    float: left;
    width: 3.4rem;
    text-align: center;
}
.case-detail-right{
    width: 8rem;
    float: right;
    white-space: initial;
    margin: 0.3rem 1rem 0 0;
}
.case2_banner{
    width: 3.4rem;
    height: auto;
}
.desc-title{
    font-size: 0.4rem;
    background: linear-gradient(to top, #B0003B 0%,#B0003B 35%,black 36%,black 100%);
    margin-bottom: 2vh;
    width: fit-content;
    font-family: fontMedium;
}
.case4_title{
    font-size: 0.5rem;
    background: linear-gradient(to top, #501ecf 0%,#501ecf 35%,black 36%,black 100%);
    width: fit-content;
    font-family: fontMedium;
}
.case4_2_title{
    font-size: 0.5rem;
    background: linear-gradient(to top, #d36f9e 0%,#d36f9e 35%,black 36%,black 100%);
    width: fit-content;
    font-family: fontMedium;
}
.case4_3_title{
    font-size: 0.5rem;
    background: linear-gradient(to top, #00a7ac 0%,#00a7ac 35%,black 36%,black 100%);
    width: fit-content;
    font-family: fontMedium;
}
.case4_small{
    margin-top: 0.7rem;
    font-size: 0.36rem;
    line-height: 1.5;
    width: 50%;
    white-space: initial;
    text-align: justify;
}
.casse4_small span{
    font-family: fontMedium;
    background: linear-gradient(to top, #d36f9e 0%,#d36f9e 35%,black 36%,black 100%);
    font-weight: bold;
}

.case4-img{
    width:13.2rem;
    margin-top: -4rem;
}
#case4{
    height: 7.3rem!important;
    width: auto!important;
    display: block;
    margin: 0 auto;
}
.record{
    position: absolute;
    width: 15.36rem;
    bottom: 0.3rem;
    font-size: 0.16rem;
    color: grey;
    left: 50%;
    -webkit-transform: translateX(-50%);
    text-align: left;
}
.sign_area{
    position: absolute;
    width: 11rem;
    height: 4.8rem;
    top: 23.2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
}
.sign_line1{
    font-size: 0.4rem;
    color: #FFFFFF;
    line-height: 0.5rem;
    font-family:'FuturaMedium';
}
.sign_line2{
    font-size: 0.32rem;
    width: 1.7rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: 0.05rem;
    color: #000000;
    margin: 0.1rem 0;
    font-family: fontMedium;
}
.sign_line3,.sign_line4{
    color: #FFFFFF;
    font-size: 0.28rem;
    line-height: 0.4rem;
    font-family: fontMedium;
}
.sign_list:nth-child(1) {
  position: absolute;
    top: 0;
    left: 0;
}
.sign_list:nth-child(4) {
    position: absolute;
    top: 2.8rem;
    left: 0;
}
.sign_list:nth-child(2) {
    position: absolute;
    top: 0;
    left: 4.4rem;
}
.sign_list:nth-child(5) {
    position: absolute;
    top: 2.8rem;
    left: 4.4rem;
}
.sign_list:nth-child(3) {
    position: absolute;
    top: 0;
    right: 0;
}
.sign_list:nth-child(6) {
    position: absolute;
    top: 2.8rem;
    right: 0;
}
.sign_list_ac .sign_line1{
    color: #E7F853;
}
.sign_list_ac .sign_line2{
    color: #231815;
    background: #E7F853;
}
.sign_list_ac .sign_line3{
    color: #E7F853;
}
.sign_list_ac .sign_line4{
    color: #E7F853;
}
.sign_list{
    cursor: pointer;
}
.case4_foot_img{
    width: 10rem;
    position: absolute;
    top: 28.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
}


@-webkit-keyframes bounceSpec {
    from, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(-50%, -30px, 0);
        transform: translate3d(-50%, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(-50%, -15px, 0);
        transform: translate3d(-50%, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(-50%,-4px,0);
        transform: translate3d(-50%,-4px,0);
    }
}

@keyframes bounceSpec {
    from, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(-50%, -30px, 0);
        transform: translate3d(-50%, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(-50%, -15px, 0);
        transform: translate3d(-50%, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(-50%,-4px,0);
        transform: translate3d(-50%,-4px,0);
    }
}

.bounceSpec {
    -webkit-animation-name: bounceSpec;
    animation-name: bounceSpec;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.video_box{
    width: 100%;
    position: absolute;
    height: 6rem;
    position: relative;
    margin: 1rem 0;
}
.case1_video2{
    width: 3.31rem;
    height: 5.87rem;
    position: absolute;
    left: 0;
    top: 0;
}
.case1_title2{
    position: absolute;
    top: 2.3rem;
    left: 4rem;
}
.case1_desc2{
    width: 9.2rem;
    position: absolute;
    left: 4rem;
    top: 3.5rem;
    text-align: justify;
    white-space: initial;
}
.case1_img3_1{
    width: 11.18rem;
    height: 6.04rem;
    display: block;
    margin: 0.3rem auto;
}
.case1_img4_1{
    width: 12.58rem;
    height: 3.96rem;
    display: block;
    margin: 0.3rem auto;
}
.case2_1_title{
    width: fit-content;
    color: #FFFFFF;
    font-size: 0.4rem;
    background: linear-gradient(to top, #2E75B4 0%,#2E75B4 35%,black 36%,black 100%);
    margin-bottom: 2vh;
    width: fit-content;
    font-family: fontMedium;
}
.case2_3_title{
    width: fit-content;
    color: #FFFFFF;
    font-size: 0.4rem;
    background: linear-gradient(to top, #F61B02 0%,#F61B02 35%,black 36%,black 100%);
    margin-bottom: 2vh;
    width: fit-content;
    font-family: fontMedium;
}
.case2_4_title{
    width: fit-content;
    color: #FFFFFF;
    font-size: 0.4rem;
    background: linear-gradient(to top, #B38938 0%,#B38938 35%,black 36%,black 100%);
    margin-bottom: 2vh;
    width: fit-content;
    font-family: fontMedium;
}
.case2_5_title{
    width: fit-content;
    color: #FFFFFF;
    font-size: 0.4rem;
    background: linear-gradient(to top, #009ABF 0%,#009ABF 35%,black 36%,black 100%);
    margin-bottom: 2vh;
    width: fit-content;
    font-family: fontMedium;
}
.case2_2_img2{
    width: 8.42rem;
    height: 4.53rem;
    display: block;
    margin: 0.3rem auto;
}
.case2_2_img3_box{
    width: 100%;
    height: 7rem;
    position: relative;
    margin: 0.4rem 0;
}
.case2_2_img3{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
}
.case2_2_img3_desc{
    width: 7.4rem;
    height: 3.6rem;
    position: absolute;
    top: 1.3rem;
    left: 0;
}
.case2_2_foot{
    width: 100%;
    height: 7rem;
    position: relative;
    margin-top: 1rem;
}
.case2_2_icon1{
    width: 1.65rem;
    height: 1.65rem;
    position: absolute;
    top: 0;
    left: 1rem;
}
.case2_2_icon2{
    width: 1.65rem;
    height: 1.65rem;
    position: absolute;
    top: 2.9rem;
    left: 1rem;
}
.case2_2_num1{
    font-size: 0.36rem;
    width: 1.65rem;
    font-family: fontBold;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 1.8rem;
    left: 1rem;
}
.case2_2_num2{
    font-size: 0.36rem;
    width: 1.65rem;
    font-family: fontBold;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top:4.7rem;
    left: 1rem;
}
.case2_foot_title{
    position: absolute;
    top: 0.2rem;
    left: 4rem;
}
.case2_2_foot_desc{
    width: 8.8rem;
    position: absolute;
    left: 4rem;
    top: 1.2rem;
}
.case2_2_foot_desc li{
    color: #2E75B4 ;
}
.case2_3_img1{
    width: 8.17rem;
    height: 3.57rem;
    display: block;
    margin: 1rem auto;
}
.case2_3_img2{
    width: 8.36rem;
    height: 6.57rem;
    display: block;
    margin: 1rem auto;
}
.case2_3_data{
    width: 100%;
    height:4rem;
    position: relative;
    margin: 1rem auto;
}
.case2_3_data_box{
    width: 3rem;
    height: 1.6rem;
    border: 0.02rem solid #F61B02;
    border-radius: 0.1rem;
    position: absolute;
}
.case2_3_data_box div{
    width: 100%;
  position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
}
.case2_3_data_box p:nth-of-type(1){
    font-size: 0.24rem;
    font-family: fontMedium;
    color: #FFFFFF;
    line-height: 0.3rem;
    width: 100%;
    text-align: center;
}
.case2_3_data_box p:nth-of-type(2){
    font-size: 0.36rem;
    font-family: fontBold;
    color: #FFFFFF;
    line-height: 0.4rem;
    width: 100%;
    text-align: center;
}
.case2_5_img1{
    width: 5.71rem;
    height: 4.42rem;
    display: block;
    margin: 1rem 0;
}
.case2_5_img2{
    width: 5.11rem;
    height: 2.88rem;
    display: block;
    margin: 1rem 0;
}
.case2_5_img3{
    width: 7.91rem;
    height: 4.3rem;
    display: block;
    margin: 1rem 0;
}
.case4_3_box{
    width: 100%;
    height: 4.87rem;
    position: relative;
    margin: 1rem 0;
}
.case4_3_txt{
    width: 4.74rem;
    position: absolute;
    bottom: 0;
    font-size: 0.34rem;
    line-height: 0.5rem;
    white-space: initial;
    font-family: fontRegular;
}
.case4_3_img2{
    position: absolute;
    top: 0;
    right: 0;
    width: 7.72rem;
    height: 4.87rem;
}
.case4_3_foot_title{
    width: fit-content;
    height: 1rem;
    font-size: 0.5rem;
    font-family: fontMedium;
    margin: 1rem 0 0.5rem;
    background: url("../image/case4_3_line.png") no-repeat;
    background-position: bottom left;
    overflow: hidden;
}
.case-box1 .leftArr{
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 50%;
    margin-top: -0.25rem;
    left: -0.5rem;
    z-index:200;
    cursor: pointer;
}
.case-box1 .rightArr{
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 50%;
    margin-top: -0.25rem;
    right: -0.5rem;
    left: auto;
    z-index:200;
    cursor: pointer;
}