@charset "utf-8";
.ctwbot {
    display: flex;
    padding: 110px 0;
}
.ctbitem:not(:first-child) {
    margin-left: 100px;
}
.ctyc {
    display: flex;
    margin-left: auto;
}
.ctbitem {
    display: flex;
    align-items: center;
}
.cticon {
    display: block;
    width: 82px;
    height: 82px;
    text-align: center;
    line-height: 82px;
    color: #FFF;
    font-size: 28px;
    border-radius: 50%;
    background: #0061AC;
}
.ctinumber, .ctiadr, .ctiemail {
    display: block;
    color: #333333;
    margin-left: 20px;
    word-break: break-all;
}
.ctinumber, .ctiadr, .ctiemail {
    display: block;
    color: #333333;
    margin-left: 20px;
    word-break: break-all;
}
.ctbewm {
    text-align: center;
    color: #333333;
}
.ctbewm:not(:first-child) {
    margin-left: 15px;
}
.ctbewm img {
    display: block;
    width: 100px;
    margin-bottom: 10px;
}

@media screen and (max-width:750px) {
.ctwbot {
    display: block;
    padding: 40px 0;
}
.ctbitem {
    width: 100%
}
.ctbitem:not(:first-child) {
    margin-left: 0;
    margin-top: 20px;
}
.cticon {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
}
.ctbewm {
    margin-top: 20px;
}
.ctbewm img {
    width: 75px;
    margin: 0 auto;
}
}
@media screen and (max-width:1370px) {
html {
    font-size: 8.75px
}
}

@media screen and (max-width:640px) {
html {
    font-size: 9px
}
}
.inner1640 {
    width: 85.4%;
    margin: 0 auto
}

@media screen and (max-width:1180px) {
.inner1640 {
    width: 90%
}
}
.inner1388 {
    width: 72%;
    margin: 0 auto
}

@media screen and (max-width:1370px) {
.inner1388 {
    width: 82%
}
}

@media screen and (max-width:1180px) {
.inner1388 {
    width: 90%
}
}
.inner1450 {
    width: 75.52%;
    margin: 0 auto
}

@media screen and (max-width:1370px) {
.inner1450 {
    width: 80%
}
}

@media screen and (max-width:1180px) {
.inner1450 {
    width: 90%
}
}
.inner1220 {
    width: 64%;
    margin: 0 auto
}

@media screen and (max-width:1650px) {
.inner1220 {
    width: 70%
}
}

@media screen and (max-width:1370px) {
.inner1220 {
    width: 80%
}
}

@media screen and (max-width:1180px) {
.inner1220 {
    width: 90%
}
}
.lh20 {
    line-height: 2
}

@media screen and (max-width:1181px) {
.lh20 {
    line-height: 1.8
}
}
.lh18 {
    line-height: 1.8
}

@media screen and (max-width:1181px) {
.lh18 {
    line-height: 1.7
}
}
.lh175 {
    line-height: 1.75
}

@media screen and (max-width:1181px) {
.lh175 {
    line-height: 1.7
}
}
.lh17 {
    line-height: 1.7
}

@media screen and (max-width:1181px) {
.lh17 {
    line-height: 1.65
}
}
.lh16 {
    line-height: 1.6
}
.lh15 {
    line-height: 1.5
}
.lh145 {
    line-height: 1.45
}
.lh14 {
    line-height: 1.4
}
.lh12 {
    line-height: 1.2
}
.lh1 {
    line-height: 1
}
[swiper-ipad] {
    overflow: hidden
}

@media screen and (max-width:1181px) {
[swiper-ipad] {
    overflow: initial
}
}
[swiper-iphone] {
    overflow: hidden
}

@media screen and (max-width:640px) {
[swiper-iphone] {
    overflow: initial
}
}
.df-flex {
    display: flex
}
.df-flex-ipad {
    display: flex
}

@media screen and (max-width:1180px) {
.df-flex-ipad {
    display: block
}
}
.df-flex-iphone {
    display: flex
}

@media screen and (max-width:640px) {
.df-flex-iphone {
    display: block
}
}
.flex-w {
    flex-wrap: wrap
}

@media screen and (max-width:1180px) {
.flex-w-ipad {
    flex-wrap: wrap
}
}

@media screen and (max-width:640px) {
.flex-w-iphone {
    flex-wrap: wrap
}
}
.fd-c {
    flex-direction: column
}
.fj-c {
    justify-content: center
}
.fj-sb {
    justify-content: space-between
}
.fa-c {
    align-items: center
}
.fws500 {
    font-weight: 500
}
.fwno {
    font-weight: normal
}
.fwblod {
    font-weight: 600
}
.co1 {
    color: #002FA6
}
.c00 {
    color: #000000
}
.c33 {
    color: #333333
}
.c99 {
    color: #999999
}
.cff {
    color: #ffffff
}
.c16 {
    color: #161616
}
.c15 {
    color: #151515
}

.fc {
    text-align: center;
}
@media screen and (max-width:1180px) {
.pvideo-box {
    width: 90%
}
}

@media screen and (max-width:640px) {
.pvideo-box {
    width: 100%
}
}

@media screen and (max-width:1650px) {
.pt150 {
    padding-top: 14rem
}
}

@media screen and (max-width:1440px) {
.pt150 {
    padding-top: 12rem
}
}

@media screen and (max-width:1180px) {
.pt150 {
    padding-top: 11rem
}
}

@media screen and (max-width:640px) {
.pt150 {
    padding-top: 8rem
}
}
.pb150 {
    padding-bottom: 15rem
}

@media screen and (max-width:1650px) {
.pb150 {
    padding-bottom: 14rem
}
}

@media screen and (max-width:1440px) {
.pb150 {
    padding-bottom: 12rem
}
}

@media screen and (max-width:1180px) {
.pb150 {
    padding-bottom: 11rem
}
}

@media screen and (max-width:640px) {
.pb150 {
    padding-bottom: 8rem
}
}
.pt140 {
    padding-top: 14rem
}

@media screen and (max-width:1650px) {
.pt140 {
    padding-top: 13rem
}
}

@media screen and (max-width:1440px) {
.pt140 {
    padding-top: 12rem
}
}

@media screen and (max-width:1180px) {
.pt140 {
    padding-top: 11rem
}
}

@media screen and (max-width:640px) {
.pt140 {
    padding-top: 8rem
}
}
.pb140 {
    padding-bottom: 14rem
}

@media screen and (max-width:1650px) {
.pb140 {
    padding-bottom: 13rem
}
}

@media screen and (max-width:1440px) {
.pb140 {
    padding-bottom: 12rem
}
}

@media screen and (max-width:1180px) {
.pb140 {
    padding-bottom: 11rem
}
}

@media screen and (max-width:640px) {
.pb140 {
    padding-bottom: 8rem
}
}
.pt120 {
    padding-top: 12rem
}

@media screen and (max-width:1650px) {
.pt120 {
    padding-top: 11rem
}
}

@media screen and (max-width:1440px) {
.pt120 {
    padding-top: 10rem
}
}

@media screen and (max-width:1370px) {
.pt120 {
    padding-top: 9rem
}
}

@media screen and (max-width:1180px) {
.pt120 {
    padding-top: 8rem
}
}

@media screen and (max-width:640px) {
.pt120 {
    padding-top: 6rem
}
}
.pb120 {
    padding-bottom: 12rem
}

@media screen and (max-width:1650px) {
.pb120 {
    padding-bottom: 11rem
}
}

@media screen and (max-width:1440px) {
.pb120 {
    padding-bottom: 10rem
}
}

@media screen and (max-width:1370px) {
.pb120 {
    padding-bottom: 9rem
}
}

@media screen and (max-width:1180px) {
.pb120 {
    padding-bottom: 8rem
}
}

@media screen and (max-width:640px) {
.pb120 {
    padding-bottom: 6rem
}
}
.pt110 {
    padding-top: 11rem
}

@media screen and (max-width:1650px) {
.pt110 {
    padding-top: 10rem
}
}

@media screen and (max-width:1440px) {
.pt110 {
    padding-top: 9rem
}
}

@media screen and (max-width:1370px) {
.pt110 {
    padding-top: 8rem
}
}

@media screen and (max-width:1180px) {
.pt110 {
    padding-top: 1.5rem
}
}

@media screen and (max-width:640px) {
.pt110 {
    padding-top: 5.5rem
}
}
.pb110 {
    padding-bottom: 11rem
}

@media screen and (max-width:1650px) {
.pb110 {
    padding-bottom: 10rem
}
}

@media screen and (max-width:1440px) {
.pb110 {
    padding-bottom: 9rem
}
}

@media screen and (max-width:1370px) {
.pb110 {
    padding-bottom: 8rem
}
}

@media screen and (max-width:1180px) {
.pb110 {
    padding-bottom: 6.5rem
}
}

@media screen and (max-width:640px) {
.pb110 {
    padding-bottom: 5.5rem
}
}
.pt100 {
    padding-top: 10rem
}

@media screen and (max-width:1650px) {
.pt100 {
    padding-top: 9rem
}
}

@media screen and (max-width:1440px) {
.pt100 {
    padding-top: 8rem
}
}

@media screen and (max-width:1370px) {
.pt100 {
    padding-top: 7rem
}
}

@media screen and (max-width:1180px) {
.pt100 {
    padding-top: 6.5rem
}
}

@media screen and (max-width:640px) {
.pt100 {
    padding-top: 5.5rem
}
}
.pb100 {
    padding-bottom: 10rem
}

@media screen and (max-width:1650px) {
.pb100 {
    padding-bottom: 9rem
}
}

@media screen and (max-width:1440px) {
.pb100 {
    padding-bottom: 8rem
}
}

@media screen and (max-width:1370px) {
.pb100 {
    padding-bottom: 7rem
}
}

@media screen and (max-width:1180px) {
.pb100 {
    padding-bottom: 6.5rem
}
}

@media screen and (max-width:640px) {
.pb100 {
    padding-bottom: 5.5rem
}
}
.pt90 {
    padding-top: 9rem
}

@media screen and (max-width:1650px) {
.pt90 {
    padding-top: 8rem
}
}

@media screen and (max-width:1440px) {
.pt90 {
    padding-top: 7rem
}
}

@media screen and (max-width:1180px) {
.pt90 {
    padding-top: 6.5rem
}
}

@media screen and (max-width:640px) {
.pt90 {
    padding-top: 5.5rem
}
}
.pb90 {
    padding-bottom: 9rem
}

@media screen and (max-width:1650px) {
.pb90 {
    padding-bottom: 8rem
}
}

@media screen and (max-width:1440px) {
.pb90 {
    padding-bottom: 7rem
}
}

@media screen and (max-width:1180px) {
.pb90 {
    padding-bottom: 6.5rem
}
}

@media screen and (max-width:640px) {
.pb90 {
    padding-bottom: 5.5rem
}
}
.pt80 {
    padding-top: 8rem
}

@media screen and (max-width:1440px) {
.pt80 {
    padding-top: 7rem
}
}

@media screen and (max-width:1180px) {
.pt80 {
    padding-top: 6rem
}
}

@media screen and (max-width:640px) {
.pt80 {
    padding-top: 5rem
}
}
.pb80 {
    padding-bottom: 4rem;
	padding-top:4rem;
}

@media screen and (max-width:1440px) {
.pb80 {
    padding-bottom: 7rem
}
}

@media screen and (max-width:1180px) {
.pb80 {
    padding-bottom: 6rem
}
}

@media screen and (max-width:640px) {
.pb80 {
    padding-bottom: 5rem
}
}
.pt70 {
    padding-top: 7rem
}

@media screen and (max-width:1440px) {
.pt70 {
    padding-top: 6rem
}
}

@media screen and (max-width:1180px) {
.pt70 {
    padding-top: 5rem
}
}

@media screen and (max-width:640px) {
.pt70 {
    padding-top: 4.5rem
}
}
.pb70 {
    padding-bottom: 7rem
}

@media screen and (max-width:1440px) {
.pb70 {
    padding-bottom: 6rem
}
}

@media screen and (max-width:1180px) {
.pb70 {
    padding-bottom: 5rem
}
}

@media screen and (max-width:640px) {
.pb70 {
    padding-bottom: 4.5rem
}
}
.pt65 {
    padding-top: 6.5rem
}

@media screen and (max-width:1440px) {
.pt65 {
    padding-top: 6rem
}
}

@media screen and (max-width:1180px) {
.pt65 {
    padding-top: 5rem
}
}

@media screen and (max-width:640px) {
.pt65 {
    padding-top: 4.5rem
}
}
.pb65 {
    padding-bottom: 6.5rem
}

@media screen and (max-width:1440px) {
.pb65 {
    padding-bottom: 6rem
}
}

@media screen and (max-width:1180px) {
.pb65 {
    padding-bottom: 5rem
}
}

@media screen and (max-width:640px) {
.pb65 {
    padding-bottom: 4.5rem
}
}
.pt60 {
    padding-top: 6rem
}

@media screen and (max-width:1440px) {
.pt60 {
    padding-top: 5rem
}
}

@media screen and (max-width:1180px) {
.pt60 {
    padding-top: 4.5rem
}
}

@media screen and (max-width:640px) {
.pt60 {
    padding-top: 4rem
}
}
.pb60 {
    padding-bottom: 6rem
}

@media screen and (max-width:1440px) {
.pb60 {
    padding-bottom: 5rem
}
}

@media screen and (max-width:1180px) {
.pb60 {
    padding-bottom: 4.5rem
}
}

@media screen and (max-width:640px) {
.pb60 {
    padding-bottom: 4rem
}
}
.pt50 {
    padding-top: 5rem
}

@media screen and (max-width:1440px) {
.pt50 {
    padding-top: 4.5rem
}
}

@media screen and (max-width:1180px) {
.pt50 {
    padding-top: 4rem
}
}

@media screen and (max-width:640px) {
.pt50 {
    padding-top: 3.5rem
}
}
.pb50 {
    padding-bottom: 5rem
}

@media screen and (max-width:1440px) {
.pb50 {
    padding-bottom: 4.5rem
}
}

@media screen and (max-width:1180px) {
.pb50 {
    padding-bottom: 4rem
}
}

@media screen and (max-width:640px) {
.pb50 {
    padding-bottom: 3.5rem
}
}
.pt40 {
    padding-top: 4rem
}

@media screen and (max-width:1440px) {
.pt40 {
    padding-top: 3.6rem
}
}

@media screen and (max-width:1180px) {
.pt40 {
    padding-top: 3rem
}
}

@media screen and (max-width:640px) {
.pt40 {
    padding-top: 2.6rem
}
}
.pb40 {
    padding-bottom: 4rem
}

@media screen and (max-width:1440px) {
.pb40 {
    padding-bottom: 3.6rem
}
}

@media screen and (max-width:1180px) {
.pb40 {
    padding-bottom: 3rem
}
}

@media screen and (max-width:640px) {
.pb40 {
    padding-bottom: 2.6rem
}
}
.pt35 {
    padding-top: 3.5rem
}

@media screen and (max-width:1440px) {
.pt35 {
    padding-top: 3rem
}
}

@media screen and (max-width:1180px) {
.pt35 {
    padding-top: 2.6rem
}
}

@media screen and (max-width:640px) {
.pt35 {
    padding-top: 2.2rem
}
}
.pb35 {
    padding-bottom: 3.5rem
}

@media screen and (max-width:1440px) {
.pb35 {
    padding-bottom: 3rem
}
}

@media screen and (max-width:1180px) {
.pb35 {
    padding-bottom: 2.6rem
}
}

@media screen and (max-width:640px) {
.pb35 {
    padding-bottom: 2.2rem
}
}
.pt20 {
    padding-top: 2rem
}

@media screen and (max-width:1440px) {
.pt20 {
    padding-top: 1.5rem
}
}

@media screen and (max-width:1180px) {
.pt20 {
    padding-top: 1.2rem
}
}

@media screen and (max-width:640px) {
.pt20 {
    padding-top: 1rem
}
}
.pb20 {
    padding-bottom: 2rem
}

@media screen and (max-width:1440px) {
.pb20 {
    padding-bottom: 1.5rem
}
}

@media screen and (max-width:1180px) {
.pb20 {
    padding-bottom: 1.2rem
}
}

@media screen and (max-width:640px) {
.pb20 {
    padding-bottom: 1rem
}
}
.mb50 {
    margin-bottom: 5rem
}

@media screen and (max-width:1440px) {
.mb50 {
    margin-bottom: 4.5rem
}
}

@media screen and (max-width:1180px) {
.mb50 {
    margin-bottom: 4rem
}
}

@media screen and (max-width:640px) {
.mb50 {
    margin-bottom: 3.6rem
}
}
.mb45 {
    margin-bottom: 4.5rem
}

@media screen and (max-width:1650px) {
.mb45 {
    margin-bottom: 4rem
}
}

@media screen and (max-width:1180px) {
.mb45 {
    margin-bottom: 3.5rem
}
}

@media screen and (max-width:640px) {
.mb45 {
    margin-bottom: 3rem
}
}
.mb40 {
    margin-bottom: 4rem
}

@media screen and (max-width:1650px) {
.mb40 {
    margin-bottom: 3.5rem
}
}

@media screen and (max-width:1180px) {
.mb40 {
    margin-bottom: 3rem
}
}

@media screen and (max-width:640px) {
.mb40 {
    margin-bottom: 2.5rem
}
}
.mb35 {
    margin-bottom: 3.5rem
}

@media screen and (max-width:1650px) {
.mb35 {
    margin-bottom: 3rem
}
}

@media screen and (max-width:1180px) {
.mb35 {
    margin-bottom: 2.5rem
}
}

@media screen and (max-width:640px) {
.mb35 {
    margin-bottom: 2rem
}
}
.mb30 {
    margin-bottom: 3rem
}

@media screen and (max-width:1650px) {
.mb30 {
    margin-bottom: 2.5rem
}
}

@media screen and (max-width:1440px) {
.mb30 {
    margin-bottom: 2rem
}
}

@media screen and (max-width:640px) {
.mb30 {
    margin-bottom: 1.8rem
}
}
.mb25 {
    margin-bottom: 2.5rem
}

@media screen and (max-width:1180px) {
.mb25 {
    margin-bottom: 2rem
}
}

@media screen and (max-width:640px) {
.mb25 {
    margin-bottom: 1.8rem
}
}
.mb20 {
    margin-bottom: 2rem
}

@media screen and (max-width:640px) {
.mb20 {
    margin-bottom: 1.5rem
}
}
.mb15 {
    margin-bottom: 1.5rem
}

@media screen and (max-width:640px) {
.mb15 {
    margin-bottom: 1rem
}
}
.mb10 {
    margin-bottom: 1rem
}

@media screen and (max-width:640px) {
.mb10 {
    margin-bottom: .6rem
}
}
.s-parallax-b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}
.s-parallax-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 135%;
    height: calc(100% + 106px)
}
.s-parallax-img img, .s-parallax-img video {
    width: 100%;
    height: 100%;
    object-fit: cover
}
[tt-swiper] .imgBox img {
    opacity: 0;
    transform-origin: right;
    transform: scale(1.02) scaleX(1.06) translate3d(0, 0, 0);
    transition: transform 1.2s, opacity .7s
}
[tt-swiper] .swiper-slide-active .imgBox img {
    opacity: 1;
    transform: scale(1) scaleX(1) translate3d(0, 0, 0);
    transition: transform 2.4s .04s cubic-bezier(.08, .92, .35, 1), opacity .8s
}
[tt-swiper].is-next .imgBox img {
    transform-origin: right !important
}
[tt-swiper].is-next .swiper-slide-active .imgBox img {
    transform-origin: left !important
}
[tt-swiper].is-prev .imgBox img {
    transform-origin: left !important
}
[tt-swiper].is-prev .swiper-slide-active .imgBox img {
    transform-origin: right !important
}

@media screen and (min-width:1181px) {
.fixedImg {
    background-attachment: fixed
}
}

@media screen and (max-width:1441px) {
.f16 {
    font-size: 15px
}
}

@media screen and (max-width:1260px) {
.f16 {
    font-size: 14px
}
}

@media screen and (max-width:1180px) {
.df-flex-ipad {
    display: block
}
.flex-w-ipad {
    flex-wrap: wrap
}
.f16 {
    font-size: 14px
}
}

@media screen and (max-width:640px) {
.cookie-box {
    display: block
}
.cookie-rbox {
    margin: 2rem 0 0
}
.f15 {
    font-size: 13px
}
}

@media screen and (min-width:1651px) {
.f14 {
    font-size: 1.4rem
}
.f15 {
    font-size: 1.5rem
}
.f16 {
    font-size: 1.6rem
}
.f17 {
    font-size: 1.7rem
}
.f18 {
    font-size: 1.8rem
}
.f19 {
    font-size: 1.9rem
}
.f20 {
    font-size: 2rem
}
.f21 {
    font-size: 2.1rem
}
.f22 {
    font-size: 2.2rem
}
.f23 {
    font-size: 2.3rem
}
.f24 {
    font-size: 2.4rem
}
.f25 {
    font-size: 2.5rem
}
.f26 {
    font-size: 2.6rem
}
.f27 {
    font-size: 2.7rem
}
.f28 {
    font-size: 2.8rem
}
.f29 {
    font-size: 2.9rem
}
.f30 {
    font-size: 3rem
}
.f31 {
    font-size: 3.1rem
}
.f32 {
    font-size: 3.2rem
}
.f33 {
    font-size: 3.3rem
}
.f34 {
    font-size: 3.4rem
}
.f35 {
    font-size: 3.5rem
}
.f36 {
    font-size: 3.6rem
}
.f37 {
    font-size: 3.7rem
}
.f38 {
    font-size: 3.8rem
}
.f39 {
    font-size: 3.9rem
}
.f40 {
    font-size: 4rem
}
.f41 {
    font-size: 4.1rem
}
.f42 {
    font-size: 4.2rem
}
.f43 {
    font-size: 4.3rem
}
.f44 {
    font-size: 4.4rem
}
.f45 {
    font-size: 4.5rem
}
.f46 {
    font-size: 4.6rem
}
.f47 {
    font-size: 4.7rem
}
.f48 {
    font-size: 4.8rem
}
.f49 {
    font-size: 4.9rem
}
.f50 {
    font-size: 5rem
}
.f51 {
    font-size: 5.1rem
}
.f52 {
    font-size: 5.2rem
}
.f53 {
    font-size: 5.3rem
}
.f54 {
    font-size: 5.4rem
}
.f55 {
    font-size: 5.5rem
}
.f56 {
    font-size: 5.6rem
}
.f57 {
    font-size: 5.7rem
}
.f58 {
    font-size: 5.8rem
}
.f59 {
    font-size: 5.9rem
}
.f60 {
    font-size: 6rem
}
.f61 {
    font-size: 6.1rem
}
.f62 {
    font-size: 6.2rem
}
.f63 {
    font-size: 6.3rem
}
.f64 {
    font-size: 6.4rem
}
.f65 {
    font-size: 6.5rem
}
.f66 {
    font-size: 6.6rem
}
.f67 {
    font-size: 6.7rem
}
.f68 {
    font-size: 6.8rem
}
.f69 {
    font-size: 6.9rem
}
.f70 {
    font-size: 7rem
}
.f71 {
    font-size: 7.1rem
}
.f72 {
    font-size: 7.2rem
}
.f73 {
    font-size: 7.3rem
}
.f74 {
    font-size: 7.4rem
}
.f75 {
    font-size: 7.5rem
}
.f76 {
    font-size: 7.6rem
}
.f77 {
    font-size: 7.7rem
}
.f78 {
    font-size: 7.8rem
}
.f79 {
    font-size: 7.9rem
}
.f80 {
    font-size: 8rem
}
.f81 {
    font-size: 8.1rem
}
.f82 {
    font-size: 8.2rem
}
.f83 {
    font-size: 8.3rem
}
.f84 {
    font-size: 8.4rem
}
.f85 {
    font-size: 8.5rem
}
.f86 {
    font-size: 8.6rem
}
.f87 {
    font-size: 8.7rem
}
.f88 {
    font-size: 8.8rem
}
.f89 {
    font-size: 8.9rem
}
.f90 {
    font-size: 9rem
}
.f91 {
    font-size: 9.1rem
}
.f92 {
    font-size: 9.2rem
}
.f93 {
    font-size: 9.3rem
}
.f94 {
    font-size: 9.4rem
}
.f95 {
    font-size: 9.5rem
}
.f96 {
    font-size: 9.6rem
}
.f97 {
    font-size: 9.7rem
}
.f98 {
    font-size: 9.8rem
}
.f99 {
    font-size: 9.9rem
}
.f100 {
    font-size: 10rem
}
.f101 {
    font-size: 10.1rem
}
.f102 {
    font-size: 10.2rem
}
.f103 {
    font-size: 10.3rem
}
.f104 {
    font-size: 10.4rem
}
.f105 {
    font-size: 10.5rem
}
.f106 {
    font-size: 10.6rem
}
.f107 {
    font-size: 10.7rem
}
.f108 {
    font-size: 10.8rem
}
.f109 {
    font-size: 10.9rem
}
.f110 {
    font-size: 11rem
}
.f111 {
    font-size: 11.1rem
}
.f112 {
    font-size: 11.2rem
}
.f113 {
    font-size: 11.3rem
}
.f114 {
    font-size: 11.4rem
}
.f115 {
    font-size: 11.5rem
}
.f116 {
    font-size: 11.6rem
}
.f117 {
    font-size: 11.7rem
}
.f118 {
    font-size: 11.8rem
}
.f119 {
    font-size: 11.9rem
}
.f120 {
    font-size: 12rem
}
.f121 {
    font-size: 12.1rem
}
.f122 {
    font-size: 12.2rem
}
.f123 {
    font-size: 12.3rem
}
.f124 {
    font-size: 12.4rem
}
.f125 {
    font-size: 12.5rem
}
.f126 {
    font-size: 12.6rem
}
.f127 {
    font-size: 12.7rem
}
.f128 {
    font-size: 12.8rem
}
.f129 {
    font-size: 12.9rem
}
.f130 {
    font-size: 13rem
}
.f131 {
    font-size: 13.1rem
}
.f132 {
    font-size: 13.2rem
}
.f133 {
    font-size: 13.3rem
}
.f134 {
    font-size: 13.4rem
}
.f135 {
    font-size: 13.5rem
}
.f136 {
    font-size: 13.6rem
}
.f137 {
    font-size: 13.7rem
}
.f138 {
    font-size: 13.8rem
}
.f139 {
    font-size: 13.9rem
}
.f140 {
    font-size: 14rem
}
.f141 {
    font-size: 14.1rem
}
.f142 {
    font-size: 14.2rem
}
.f143 {
    font-size: 14.3rem
}
.f144 {
    font-size: 14.4rem
}
.f145 {
    font-size: 14.5rem
}
.f146 {
    font-size: 14.6rem
}
.f147 {
    font-size: 14.7rem
}
.f148 {
    font-size: 14.8rem
}
.f149 {
    font-size: 14.9rem
}
.f150 {
    font-size: 15rem
}
.f151 {
    font-size: 15.1rem
}
.f152 {
    font-size: 15.2rem
}
.f153 {
    font-size: 15.3rem
}
.f154 {
    font-size: 15.4rem
}
.f155 {
    font-size: 15.5rem
}
.f156 {
    font-size: 15.6rem
}
.f157 {
    font-size: 15.7rem
}
.f158 {
    font-size: 15.8rem
}
.f159 {
    font-size: 15.9rem
}
.f160 {
    font-size: 16rem
}
.f161 {
    font-size: 16.1rem
}
.f162 {
    font-size: 16.2rem
}
.f163 {
    font-size: 16.3rem
}
.f164 {
    font-size: 16.4rem
}
.f165 {
    font-size: 16.5rem
}
.f166 {
    font-size: 16.6rem
}
.f167 {
    font-size: 16.7rem
}
.f168 {
    font-size: 16.8rem
}
.f169 {
    font-size: 16.9rem
}
.f170 {
    font-size: 17rem
}
}

@media screen and (min-width:1181px) and (max-width:1650px) {
.f31 {
    font-size: 2.67241379rem
}
.f32 {
    font-size: 2.75862069rem
}
.f33 {
    font-size: 2.84482759rem
}
.f34 {
    font-size: 2.93103448rem
}
.f35 {
    font-size: 3.01724138rem
}
.f36 {
    font-size: 3.10344828rem
}
.f37 {
    font-size: 3.18965517rem
}
.f38 {
    font-size: 3.27586207rem
}
.f39 {
    font-size: 3.36206897rem
}
.f40 {
    font-size: 3.44827586rem
}
.f41 {
    font-size: 3.53448276rem
}
.f42 {
    font-size: 3.62068966rem
}
.f43 {
    font-size: 3.70689655rem
}
.f44 {
    font-size: 3.79310345rem
}
.f45 {
    font-size: 3.87931034rem
}
.f46 {
    font-size: 3.96551724rem
}
.f47 {
    font-size: 4.05172414rem
}
.f48 {
    font-size: 4.13793103rem
}
.f49 {
    font-size: 4.22413793rem
}
.f50 {
    font-size: 4.31034483rem
}
.f51 {
    font-size: 4.39655172rem
}
.f52 {
    font-size: 4.48275862rem
}
.f53 {
    font-size: 4.56896552rem
}
.f54 {
    font-size: 4.65517241rem
}
.f55 {
    font-size: 4.74137931rem
}
.f56 {
    font-size: 4.82758621rem
}
.f57 {
    font-size: 4.9137931rem
}
.f58 {
    font-size: 5rem
}
.f59 {
    font-size: 5.0862069rem
}
.f60 {
    font-size: 5.17241379rem
}
.f61 {
    font-size: 5.25862069rem
}
.f62 {
    font-size: 5.34482759rem
}
.f63 {
    font-size: 5.43103448rem
}
.f64 {
    font-size: 5.51724138rem
}
.f65 {
    font-size: 5.60344828rem
}
.f66 {
    font-size: 5.68965517rem
}
.f67 {
    font-size: 5.77586207rem
}
.f68 {
    font-size: 5.86206897rem
}
.f69 {
    font-size: 5.94827586rem
}
.f70 {
    font-size: 6.03448276rem
}
.f71 {
    font-size: 6.12068966rem
}
.f72 {
    font-size: 6.20689655rem
}
.f73 {
    font-size: 6.29310345rem
}
.f74 {
    font-size: 6.37931034rem
}
.f75 {
    font-size: 6.46551724rem
}
.f76 {
    font-size: 6.55172414rem
}
.f77 {
    font-size: 6.63793103rem
}
.f78 {
    font-size: 6.72413793rem
}
.f79 {
    font-size: 6.81034483rem
}
.f80 {
    font-size: 6.89655172rem
}
.f81 {
    font-size: 6.98275862rem
}
.f82 {
    font-size: 7.06896552rem
}
.f83 {
    font-size: 7.15517241rem
}
.f84 {
    font-size: 7.24137931rem
}
.f85 {
    font-size: 7.32758621rem
}
.f86 {
    font-size: 7.4137931rem
}
.f87 {
    font-size: 7.5rem
}
.f88 {
    font-size: 7.5862069rem
}
.f89 {
    font-size: 7.67241379rem
}
.f90 {
    font-size: 7.75862069rem
}
.f91 {
    font-size: 7.84482759rem
}
.f92 {
    font-size: 7.93103448rem
}
.f93 {
    font-size: 8.01724138rem
}
.f94 {
    font-size: 8.10344828rem
}
.f95 {
    font-size: 8.18965517rem
}
.f96 {
    font-size: 8.27586207rem
}
.f97 {
    font-size: 8.36206897rem
}
.f98 {
    font-size: 8.44827586rem
}
.f99 {
    font-size: 8.53448276rem
}
.f100 {
    font-size: 8.62068966rem
}
.f101 {
    font-size: 8.70689655rem
}
.f102 {
    font-size: 8.79310345rem
}
.f103 {
    font-size: 8.87931034rem
}
.f104 {
    font-size: 8.96551724rem
}
.f105 {
    font-size: 9.05172414rem
}
.f106 {
    font-size: 9.13793103rem
}
.f107 {
    font-size: 9.22413793rem
}
.f108 {
    font-size: 9.31034483rem
}
.f109 {
    font-size: 9.39655172rem
}
.f110 {
    font-size: 9.48275862rem
}
.f111 {
    font-size: 9.56896552rem
}
.f112 {
    font-size: 9.65517241rem
}
.f113 {
    font-size: 9.74137931rem
}
.f114 {
    font-size: 9.82758621rem
}
.f115 {
    font-size: 9.9137931rem
}
.f116 {
    font-size: 10rem
}
.f117 {
    font-size: 10.0862069rem
}
.f118 {
    font-size: 10.17241379rem
}
.f119 {
    font-size: 10.25862069rem
}
.f120 {
    font-size: 10.34482759rem
}
.f121 {
    font-size: 10.43103448rem
}
.f122 {
    font-size: 10.51724138rem
}
.f123 {
    font-size: 10.60344828rem
}
.f124 {
    font-size: 10.68965517rem
}
.f125 {
    font-size: 10.77586207rem
}
.f126 {
    font-size: 10.86206897rem
}
.f127 {
    font-size: 10.94827586rem
}
.f128 {
    font-size: 11.03448276rem
}
.f129 {
    font-size: 11.12068966rem
}
.f130 {
    font-size: 11.20689655rem
}
.f131 {
    font-size: 11.29310345rem
}
.f132 {
    font-size: 11.37931034rem
}
.f133 {
    font-size: 11.46551724rem
}
.f134 {
    font-size: 11.55172414rem
}
.f135 {
    font-size: 11.63793103rem
}
.f136 {
    font-size: 11.72413793rem
}
.f137 {
    font-size: 11.81034483rem
}
.f138 {
    font-size: 11.89655172rem
}
.f139 {
    font-size: 11.98275862rem
}
.f140 {
    font-size: 12.06896552rem
}
.f141 {
    font-size: 12.15517241rem
}
.f142 {
    font-size: 12.24137931rem
}
.f143 {
    font-size: 12.32758621rem
}
.f144 {
    font-size: 12.4137931rem
}
.f145 {
    font-size: 12.5rem
}
.f146 {
    font-size: 12.5862069rem
}
.f147 {
    font-size: 12.67241379rem
}
.f148 {
    font-size: 12.75862069rem
}
.f149 {
    font-size: 12.84482759rem
}
.f150 {
    font-size: 12.93103448rem
}
.f151 {
    font-size: 13.01724138rem
}
.f152 {
    font-size: 13.10344828rem
}
.f153 {
    font-size: 13.18965517rem
}
.f154 {
    font-size: 13.27586207rem
}
.f155 {
    font-size: 13.36206897rem
}
.f156 {
    font-size: 13.44827586rem
}
.f157 {
    font-size: 13.53448276rem
}
.f158 {
    font-size: 13.62068966rem
}
.f159 {
    font-size: 13.70689655rem
}
.f160 {
    font-size: 13.79310345rem
}
.f161 {
    font-size: 13.87931034rem
}
.f162 {
    font-size: 13.96551724rem
}
.f163 {
    font-size: 14.05172414rem
}
.f164 {
    font-size: 14.13793103rem
}
.f165 {
    font-size: 14.22413793rem
}
.f166 {
    font-size: 14.31034483rem
}
.f167 {
    font-size: 14.39655172rem
}
.f168 {
    font-size: 14.48275862rem
}
.f169 {
    font-size: 14.56896552rem
}
.f170 {
    font-size: 14.65517241rem
}
.f19 {
    font-size: 1.8627451rem
}
.f20 {
    font-size: 1.96078431rem
}
.f21 {
    font-size: 2.05882353rem
}
.f22 {
    font-size: 2.15686275rem
}
.f23 {
    font-size: 2.25490196rem
}
.f24 {
    font-size: 2.35294118rem
}
.f25 {
    font-size: 2.45098039rem
}
.f26 {
    font-size: 2.54901961rem
}
.f27 {
    font-size: 2.64705882rem
}
.f28 {
    font-size: 2.74509804rem
}
.f29 {
    font-size: 2.84313725rem
}
.f30 {
    font-size: 2.94117647rem
}
.f18 {
    font-size: 1.78217822rem
}
}

@media screen and (min-width:641px) and (max-width:1180px) {
.fp12 {
    font-size: 1.2rem
}
.fp13 {
    font-size: 1.3rem
}
.fp14 {
    font-size: 1.4rem
}
.fp15 {
    font-size: 1.5rem
}
.fp16 {
    font-size: 1.6rem
}
.fp17 {
    font-size: 1.7rem
}
.fp18 {
    font-size: 1.8rem
}
.fp19 {
    font-size: 1.9rem
}
.fp20 {
    font-size: 2rem
}
.fp21 {
    font-size: 2.1rem
}
.fp22 {
    font-size: 2.2rem
}
.fp23 {
    font-size: 2.3rem
}
.fp24 {
    font-size: 2.4rem
}
.fp25 {
    font-size: 2.5rem
}
.fp26 {
    font-size: 2.6rem
}
.fp27 {
    font-size: 2.7rem
}
.fp28 {
    font-size: 2.8rem
}
.fp29 {
    font-size: 2.9rem
}
.fp30 {
    font-size: 3rem
}
.fp31 {
    font-size: 3.1rem
}
.fp32 {
    font-size: 3.2rem
}
.fp33 {
    font-size: 3.3rem
}
.fp34 {
    font-size: 3.4rem
}
.fp35 {
    font-size: 3.5rem
}
.fp36 {
    font-size: 3.6rem
}
.fp37 {
    font-size: 3.7rem
}
.fp38 {
    font-size: 3.8rem
}
.fp39 {
    font-size: 3.9rem
}
.fp40 {
    font-size: 4rem
}
.fp41 {
    font-size: 4.1rem
}
.fp42 {
    font-size: 4.2rem
}
.fp43 {
    font-size: 4.3rem
}
.fp44 {
    font-size: 4.4rem
}
.fp45 {
    font-size: 4.5rem
}
.fp46 {
    font-size: 4.6rem
}
.fp47 {
    font-size: 4.7rem
}
.fp48 {
    font-size: 4.8rem
}
.fp49 {
    font-size: 4.9rem
}
.fp50 {
    font-size: 5rem
}
.fp51 {
    font-size: 5.1rem
}
.fp52 {
    font-size: 5.2rem
}
.fp53 {
    font-size: 5.3rem
}
.fp54 {
    font-size: 5.4rem
}
.fp55 {
    font-size: 5.5rem
}
.fp56 {
    font-size: 5.6rem
}
.fp57 {
    font-size: 5.7rem
}
.fp58 {
    font-size: 5.8rem
}
.fp59 {
    font-size: 5.9rem
}
.fp60 {
    font-size: 6rem
}
.fp61 {
    font-size: 6.1rem
}
.fp62 {
    font-size: 6.2rem
}
.fp63 {
    font-size: 6.3rem
}
.fp64 {
    font-size: 6.4rem
}
.fp65 {
    font-size: 6.5rem
}
.fp66 {
    font-size: 6.6rem
}
.fp67 {
    font-size: 6.7rem
}
.fp68 {
    font-size: 6.8rem
}
.fp69 {
    font-size: 6.9rem
}
.fp70 {
    font-size: 7rem
}
.fp71 {
    font-size: 7.1rem
}
.fp72 {
    font-size: 7.2rem
}
.fp73 {
    font-size: 7.3rem
}
.fp74 {
    font-size: 7.4rem
}
.fp75 {
    font-size: 7.5rem
}
.fp76 {
    font-size: 7.6rem
}
.fp77 {
    font-size: 7.7rem
}
.fp78 {
    font-size: 7.8rem
}
.fp79 {
    font-size: 7.9rem
}
.fp80 {
    font-size: 8rem
}
.fp81 {
    font-size: 8.1rem
}
.fp82 {
    font-size: 8.2rem
}
.fp83 {
    font-size: 8.3rem
}
.fp84 {
    font-size: 8.4rem
}
.fp85 {
    font-size: 8.5rem
}
.fp86 {
    font-size: 8.6rem
}
.fp87 {
    font-size: 8.7rem
}
.fp88 {
    font-size: 8.8rem
}
.fp89 {
    font-size: 8.9rem
}
.fp90 {
    font-size: 9rem
}
.fp91 {
    font-size: 9.1rem
}
.fp92 {
    font-size: 9.2rem
}
.fp93 {
    font-size: 9.3rem
}
.fp94 {
    font-size: 9.4rem
}
.fp95 {
    font-size: 9.5rem
}
.fp96 {
    font-size: 9.6rem
}
.fp97 {
    font-size: 9.7rem
}
.fp98 {
    font-size: 9.8rem
}
.fp99 {
    font-size: 9.9rem
}
.fp100 {
    font-size: 10rem
}
.fp101 {
    font-size: 10.1rem
}
.fp102 {
    font-size: 10.2rem
}
.fp103 {
    font-size: 10.3rem
}
.fp104 {
    font-size: 10.4rem
}
.fp105 {
    font-size: 10.5rem
}
.fp106 {
    font-size: 10.6rem
}
.fp107 {
    font-size: 10.7rem
}
.fp108 {
    font-size: 10.8rem
}
.fp109 {
    font-size: 10.9rem
}
.fp110 {
    font-size: 11rem
}
.fp111 {
    font-size: 11.1rem
}
.fp112 {
    font-size: 11.2rem
}
.fp113 {
    font-size: 11.3rem
}
.fp114 {
    font-size: 11.4rem
}
.fp115 {
    font-size: 11.5rem
}
.fp116 {
    font-size: 11.6rem
}
.fp117 {
    font-size: 11.7rem
}
.fp118 {
    font-size: 11.8rem
}
.fp119 {
    font-size: 11.9rem
}
.fp120 {
    font-size: 12rem
}
}

@media screen and (min-width:0) and (max-width:640px) {
.fw12 {
    font-size: 1.2rem
}
.fw13 {
    font-size: 1.3rem
}
.fw14 {
    font-size: 1.4rem
}
.fw15 {
    font-size: 1.5rem
}
.fw16 {
    font-size: 1.6rem
}
.fw17 {
    font-size: 1.7rem
}
.fw18 {
    font-size: 1.8rem
}
.fw19 {
    font-size: 1.9rem
}
.fw20 {
    font-size: 2rem
}
.fw21 {
    font-size: 2.1rem
}
.fw22 {
    font-size: 2.2rem
}
.fw23 {
    font-size: 2.3rem
}
.fw24 {
    font-size: 2.4rem
}
.fw25 {
    font-size: 2.5rem
}
.fw26 {
    font-size: 2.6rem
}
.fw27 {
    font-size: 2.7rem
}
.fw28 {
    font-size: 2.8rem
}
.fw29 {
    font-size: 2.9rem
}
.fw30 {
    font-size: 3rem
}
.fw31 {
    font-size: 3.1rem
}
.fw32 {
    font-size: 3.2rem
}
.fw33 {
    font-size: 3.3rem
}
.fw34 {
    font-size: 3.4rem
}
.fw35 {
    font-size: 3.5rem
}
.fw36 {
    font-size: 3.6rem
}
.fw37 {
    font-size: 3.7rem
}
.fw38 {
    font-size: 3.8rem
}
.fw39 {
    font-size: 3.9rem
}
.fw40 {
    font-size: 4rem
}
.fw41 {
    font-size: 4.1rem
}
.fw42 {
    font-size: 4.2rem
}
.fw43 {
    font-size: 4.3rem
}
.fw44 {
    font-size: 4.4rem
}
.fw45 {
    font-size: 4.5rem
}
.fw46 {
    font-size: 4.6rem
}
.fw47 {
    font-size: 4.7rem
}
.fw48 {
    font-size: 4.8rem
}
.fw49 {
    font-size: 4.9rem
}
.fw50 {
    font-size: 5rem
}
.fw51 {
    font-size: 5.1rem
}
.fw52 {
    font-size: 5.2rem
}
.fw53 {
    font-size: 5.3rem
}
.fw54 {
    font-size: 5.4rem
}
.fw55 {
    font-size: 5.5rem
}
.fw56 {
    font-size: 5.6rem
}
.fw57 {
    font-size: 5.7rem
}
.fw58 {
    font-size: 5.8rem
}
.fw59 {
    font-size: 5.9rem
}
.fw60 {
    font-size: 6rem
}
.fw61 {
    font-size: 6.1rem
}
.fw62 {
    font-size: 6.2rem
}
.fw63 {
    font-size: 6.3rem
}
.fw64 {
    font-size: 6.4rem
}
.fw65 {
    font-size: 6.5rem
}
.fw66 {
    font-size: 6.6rem
}
.fw67 {
    font-size: 6.7rem
}
.fw68 {
    font-size: 6.8rem
}
.fw69 {
    font-size: 6.9rem
}
.fw70 {
    font-size: 7rem
}
.fw71 {
    font-size: 7.1rem
}
.fw72 {
    font-size: 7.2rem
}
.fw73 {
    font-size: 7.3rem
}
.fw74 {
    font-size: 7.4rem
}
.fw75 {
    font-size: 7.5rem
}
.fw76 {
    font-size: 7.6rem
}
.fw77 {
    font-size: 7.7rem
}
.fw78 {
    font-size: 7.8rem
}
.fw79 {
    font-size: 7.9rem
}
.fw80 {
    font-size: 8rem
}
.fw81 {
    font-size: 8.1rem
}
.fw82 {
    font-size: 8.2rem
}
.fw83 {
    font-size: 8.3rem
}
.fw84 {
    font-size: 8.4rem
}
.fw85 {
    font-size: 8.5rem
}
.fw86 {
    font-size: 8.6rem
}
.fw87 {
    font-size: 8.7rem
}
.fw88 {
    font-size: 8.8rem
}
.fw89 {
    font-size: 8.9rem
}
.fw90 {
    font-size: 9rem
}
.fw91 {
    font-size: 9.1rem
}
.fw92 {
    font-size: 9.2rem
}
.fw93 {
    font-size: 9.3rem
}
.fw94 {
    font-size: 9.4rem
}
.fw95 {
    font-size: 9.5rem
}
.fw96 {
    font-size: 9.6rem
}
.fw97 {
    font-size: 9.7rem
}
.fw98 {
    font-size: 9.8rem
}
.fw99 {
    font-size: 9.9rem
}
.fw100 {
    font-size: 10rem
}
.fw101 {
    font-size: 10.1rem
}
.fw102 {
    font-size: 10.2rem
}
.fw103 {
    font-size: 10.3rem
}
.fw104 {
    font-size: 10.4rem
}
.fw105 {
    font-size: 10.5rem
}
.fw106 {
    font-size: 10.6rem
}
.fw107 {
    font-size: 10.7rem
}
.fw108 {
    font-size: 10.8rem
}
.fw109 {
    font-size: 10.9rem
}
.fw110 {
    font-size: 11rem
}
.fw111 {
    font-size: 11.1rem
}
.fw112 {
    font-size: 11.2rem
}
.fw113 {
    font-size: 11.3rem
}
.fw114 {
    font-size: 11.4rem
}
.fw115 {
    font-size: 11.5rem
}
.fw116 {
    font-size: 11.6rem
}
.fw117 {
    font-size: 11.7rem
}
.fw118 {
    font-size: 11.8rem
}
.fw119 {
    font-size: 11.9rem
}
.fw120 {
    font-size: 12rem
}
}

@media screen and (min-width:0) {
[show-psimg] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
[show-primg] {
    display: flex;
    height: 100%
}
[show-img] {
    opacity: 0;
    transform: scale(1.06);
    transition: transform 1.2s cubic-bezier(.25, .1, .25, 1), opacity .8s cubic-bezier(.25, .1, .25, 1)
}
[show-img2] {
    transform: scale(1.1);
    transition: 1s cubic-bezier(.44, .43, .25, .92)
}
[show-opacity], [show-opacityD] {
    opacity: 0;
    transition: opacity .8s ease
}
[show-scale50], [show-scale50D] {
    opacity: 0;
    transform: scale(.5);
    transition: transform 1s cubic-bezier(.25, .1, .25, 1), opacity .8s ease .3s
}
[show-scale90], [show-scale90D] {
    opacity: 0;
    transform: scale(.9);
    transition: transform 1s cubic-bezier(.25, .1, .25, 1), opacity .8s ease .3s
}
[show-scale96], [show-scale96D] {
    opacity: 0;
    transform: scale(.96)
}
[show-text], [show-textD] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(.34, .44, .41, 1.12), transform 1.2s cubic-bezier(.34, .44, .41, 1.12)
}
[show-text2], [show-textD2] {
    opacity: 0;
    transform: translateY(20%);
    transition: transform 1.2s cubic-bezier(.25, .1, .25, 1), opacity .8s ease .3s
}
[show-text-F], [show-text-FD] {
    opacity: 0;
    transform: translateY(25px);
    filter: blur(5px);
    transition: 1s cubic-bezier(.33, 1, .68, 1)
}
[show-text-F2], [show-text-FD2] {
    opacity: 0;
    transform: translateY(25%);
    filter: blur(5px);
    transition: 1s cubic-bezier(.33, 1, .68, 1)
}
[show-text-Fx], [show-text-FDx] {
    opacity: 0;
    transform: translateX(25px);
    filter: blur(5px);
    transition: 1s cubic-bezier(.33, 1, .68, 1)
}
[show-text-Fx2], [show-text-FDx2] {
    opacity: 0;
    transform: translateX(25%);
    filter: blur(5px);
    transition: 1s cubic-bezier(.33, 1, .68, 1)
}
[show-text-skew], [show-text-skewD] {
    opacity: 0;
    transform: translateY(25%) skew(15deg);
    transition: 1.2s cubic-bezier(.33, 1, .68, 1)
}
[show-text-skew2], [show-text-skew2D] {
    opacity: 0;
    transform: translateY(15%) skew(5deg);
    transition: 1.2s cubic-bezier(.33, 1, .68, 1)
}
[show-text-matrix], [show-text-matrixD] {
    opacity: 0;
    transform: matrix(1, -0.1, 0, 1, 0, -10);
    transform-origin: left center;
    transition: 1.2s cubic-bezier(.49, .54, .16, 1)
}
[show-textL], [show-textDL] {
    opacity: 0;
    transform: translateX(25px);
    transition: transform 1s cubic-bezier(.33, 1, .68, 1), opacity .8s ease .3s
}
[show-textL2], [show-textDL2] {
    opacity: 0;
    transform: translateX(15%);
    transition: transform 1s cubic-bezier(.33, 1, .68, 1), opacity .8s ease .3s
}
[show-textR], [show-textDR] {
    opacity: 0;
    transform: translateX(-25px);
    transition: transform 1s cubic-bezier(.33, 1, .68, 1), opacity .8s ease .3s
}
[show-textR2], [show-textDR2] {
    opacity: 0;
    transform: translateX(-15%);
    transition: transform 1s cubic-bezier(.33, 1, .68, 1), opacity .8s ease .3s
}
[pbanner-img] {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform-origin: center bottom;
    opacity: .8;
    transition: 2s;
    -webkit-transition: 2s
}
[show-scaleX] {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    opacity: 0;
    transition: transform 1s cubic-bezier(.25, .1, .25, 1), opacity .8s cubic-bezier(.25, .1, .25, 1)
}
[show-rotatetY], [show-rotatetYD] {
    opacity: 0;
    transform: rotate(10deg) translateY(15%);
    -webkit-transform: rotate(10deg) translateY(15%);
    transition: transform 1s cubic-bezier(.25, .1, .25, 1), opacity .8s cubic-bezier(.25, .1, .25, 1)
}
[clip-w], [clip-wD] {
    clip-path: inset(0 100% 0 0);
    -webkit-transition: 1s cubic-bezier(.215, .61, .355, 1);
    transition: 1s cubic-bezier(.215, .61, .355, 1)
}
[clip-w2], [clip-wD2] {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: -webkit-clip-path 1.6s cubic-bezier(.16, 1, .3, 1);
    transition: clip-path 1.6s cubic-bezier(.16, 1, .3, 1);
    transition: clip-path 1.6s cubic-bezier(.16, 1, .3, 1), -webkit-clip-path 1.6s cubic-bezier(.16, 1, .3, 1);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
[clip-w3], [clip-w3D] {
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 25% 100%);
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 25% 100%);
    -webkit-transition: .8s cubic-bezier(.215, .61, .355, 1);
    transition: .8s cubic-bezier(.215, .61, .355, 1)
}
.action [show-img] {
    opacity: 1;
    transform: initial
}
.action [show-img2] {
    transform: initial
}
.action [show-opacity], .action[show-opacityD] {
    opacity: 1
}
.action [show-text], .action[show-textD], .action [show-text2], .action[show-textD2] {
    opacity: 1;
    transform: translate(0);
    will-change: opacity, transform
}
.action [show-text-F], .action[show-text-FD], .action [show-text-F2], .action[show-text-FD2] {
    filter: blur(0);
    opacity: 1;
    transform: translateY(0)
}
.action [show-text-Fx], .action[show-text-FDx], .action [show-text-Fx2], .action[show-text-FDx2] {
    filter: blur(0);
    opacity: 1;
    transform: translateX(0)
}
.action [show-text-skew], .action[show-text-skewD], .action [show-text-skew2], .action[show-text-skew2D] {
    opacity: 1;
    transform: translateY(0) skew(0)
}
.action [show-text-matrix], .action[show-text-matrixD] {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0)
}
.action [show-textL], .action[show-textDL], .action [show-textR], .action[show-textDR], .action [show-textL2], .action[show-textDL2], .action [show-textR2], .action[show-textDR2] {
    opacity: 1;
    transform: translateX(0)
}
.action [show-scale50], .action[show-scale50D], .action [show-scale90], .action[show-scale90D] {
    opacity: 1;
    transform: inherit
}
.action [show-scale96], .action[show-scale96D] {
    opacity: 1;
    transform: inherit;
    transition: all .4s ease-in-out .1s
}
.action [pbanner-img] {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1
}
.action [show-scaleX] {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    opacity: 1
}
.action [show-rotatetY], .action[show-rotatetYD] {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1
}
.action [clip-w], .action[clip-wD] {
    clip-path: inset(0 0 0 0)
}
.action [clip-w2], .action[clip-wD2] {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
}
.action [clip-w3], .action[clip-wD3] {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
}
[show-imgskewX] {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #e5e1da;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: scale(1.2) skewX(-20deg);
    transform-origin: right bottom;
    animation: picBefore 1000ms 200ms cubic-bezier(.65, 0, .35, 1) forwards
}
@keyframes picBefore {
0% {
width:100%
}
100% {
width:0
}
}
@keyframes fadeInUpSkew {
from {
opacity:0;
transform:translateY(50px) skew(15deg)
}
to {
opacity:1;
transform:translateY(0) skew(0)
}
}
@-webkit-keyframes mask-play {
from {
-webkit-mask-position:0 0;
mask-position:0 0
}
to {
-webkit-mask-position:0 100%;
mask-position:0 100%
}
}
@keyframes mask-play {
from {
-webkit-mask-position:0 0;
mask-position:0 0
}
to {
-webkit-mask-position:0 100%;
mask-position:0 100%
}
}
.dly20 {
    transition-delay: 2s;
    -webkit-transition-delay: 2s
}
.dly19 {
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s
}
.dly18 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s
}
.dly17 {
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s
}
.dly16 {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s
}
.dly15 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s
}
.dly14 {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s
}
.dly13 {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s
}
.dly12 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s
}
.dly11 {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s
}
.dly10 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}
.dly9 {
    transition-delay: .9s;
    -webkit-transition-delay: .9s
}
.dly8 {
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}
.dly7 {
    transition-delay: .7s;
    -webkit-transition-delay: .7s
}
.dly6 {
    transition-delay: .6s;
    -webkit-transition-delay: .6s
}
.dly5 {
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}
.dly4 {
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}
.dly3 {
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}
.dly2 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}
.dly1 {
    transition-delay: .1s;
    -webkit-transition-delay: .1s
}
.action .dly-20 {
    transition-delay: 2s;
    -webkit-transition-delay: 2s
}
.action .dly-19 {
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s
}
.action .dly-18 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s
}
.action .dly-17 {
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s
}
.action .dly-16 {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s
}
.action .dly-15 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s
}
.action .dly-14 {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s
}
.action .dly-13 {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s
}
.action .dly-12 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s
}
.action .dly-11 {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s
}
.action .dly-10 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}
.action .dly-9 {
    transition-delay: .9s;
    -webkit-transition-delay: .9s
}
.action .dly-8 {
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}
.action .dly-7 {
    transition-delay: .7s;
    -webkit-transition-delay: .7s
}
.action .dly-6 {
    transition-delay: .6s;
    -webkit-transition-delay: .6s
}
.action .dly-5 {
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}
.action .dly-4 {
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}
.action .dly-3 {
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}
.action .dly-2 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}
.action .dly-1 {
    transition-delay: .1s;
    -webkit-transition-delay: .1s
}
}
.top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4%;
    height: 9rem;
    background-color: #ffffff;
    z-index: 999;
    transition: .5s;
    -webkit-transition: .5s
}
.top::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}
.top a {
    color: #333333
}
.top a:hover {
    color: #002FA6
}

@media screen and (max-width:1180px) {
.top {
    height: 56px;
    padding: 0 3%
}
}
[data-page-toggle] .top {
    transform: translateY(-105%)
}
.menu-open[data-page-toggle] .top {
    transform: initial
}
.pageH {
    height: 9rem
}

@media screen and (max-width:1180px) {
.pageH {
    height: 56px
}
}
.logo a {
    position: relative;
    display: block;
    height: 3rem
}
.logo a img {
    height: 100%;
    display: block;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

@media screen and (max-width:1360px) {
.logo a {
    height: 2.8rem
}
}

@media screen and (max-width:1180px) {
.logo a {
    height: 2rem
}
}
.nav {
    display: flex
}
.nav>li {
    margin-left: 5.6rem;
    position: relative
}
.nav>li>a {
    height: 9rem;
    display: flex;
    align-items: center;
    line-height: 1.2;
    position: relative;
    color: #151515;
    font-weight: 500
}
.nav>li>a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: .3rem;
    background-color: #002FA6;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}
.nav>li>a:hover::before {
    width: 100%;
    right: auto;
    left: 0
}
.nav .subnav {
    position: fixed;
    top: 9rem;
    left: 0;
    width: 100%;
    background-color: #F6F8FA;
    transform: translate(0%, -1rem) scaleY(.8);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}
.nav .sub-navbox {
    position: relative;
    padding: 6rem 0;
    display: flex;
    align-items: center
}
.nav .pc-menu-z {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 44.5%
}
.nav .pc-menu-l {
    width: 35%;
    margin-right: 5%;
    color: #333333
}
.nav .pc-menu-l .c {
    line-height: 1.4;
    margin-top: 1rem
}
.nav .pc-menu-l .bot {
    margin-top: 4rem;
    width: 3rem;
    height: 2px;
    background-color: #87AF4B;
    display: block
}
.nav .pc-menu-c {
    width: 20%
}
.nav .pc-menu-c p {
    margin-bottom: 2.5rem
}
.nav .pc-menu-c p:last-child {
    margin-bottom: 0
}
.nav .pc-menu-c a {
    display: inline-flex;
    align-items: center;
    line-height: 1.4
}
.nav .pc-menu-c a .txt {
    font-size: 1.8rem
}
.nav .pc-menu-c a .ico {
    margin-left: 5rem;
    opacity: 0;
    display: inline-flex;
    visibility: hidden;
    transform: translateX(-1rem) scale(.6);
    transition: .4s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .4s cubic-bezier(.55, .31, .15, .93)
}
.nav .pc-menu-c a:hover {
    color: #002FA6;
    font-weight: 500;
    font-family: "aphM"
}
.nav .pc-menu-c a:hover .ico {
    opacity: 1;
    visibility: visible;
    transform: initial
}
.nav .pc-menu-r {
    width: 26.2%;
    margin-left: 8%
}
.nav>li:hover>a, .nav .hov>a {
    color: #002FA6
}
.nav>li:hover>a::before, .nav .hov>a::before {
    width: 100%
}
.nav>li:hover .subnav {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0%)
}

@media screen and (max-width:1650px) {
.nav>li {
    margin-left: 5rem
}
}

@media screen and (max-width:1440px) {
.nav>li {
    margin-left: 4rem
}
}

@media screen and (max-width:1280px) {
.nav>li {
    margin-left: 3.2rem
}
}

@media screen and (max-width:1180px) {
.nav {
    display: none
}
}
.grop-rbox {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1
}
.grop-rbox .grop-item {
    margin-left: 5rem
}

@media screen and (max-width:1440px) {
.grop-rbox .grop-item {
    margin-left: 3.5rem
}
}

@media screen and (max-width:1180px) {
.grop-rbox .grop-item {
    margin-left: 2.5rem
}
}
.langer-box {
    position: relative;
    color: #999999;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}
.langer-box .text {
    display: flex;
    justify-content: space-between;
    height: 9rem;
    line-height: 1;
    align-items: center
}
.langer-box .text .ico {
    width: 2rem;
    font-size: 2rem;
    -webkit-animation: rotation 10s linear infinite;
    animation: rotation 10s linear infinite
}
.langer-box .text .txt {
    margin-left: 1.9rem;
    flex: 1;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.langer-box .subnav {
    position: absolute;
    left: -2rem;
    right: -2rem;
    top: 95%;
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1rem 0;
    box-shadow: 0 .2rem 3rem rgba(219,219,219,0.2);
    border: 1px solid #dbdbdb;
    transform: translate(0%, -1rem) scaleY(.8);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}
.langer-box .subnav>li>a {
    display: block;
    padding: .5rem;
    line-height: 1.4;
    text-align: center;
    color: #333333
}
.langer-box .subnav>li>a:hover {
    background-color: rgba(0,47,166,0.1)
}
.langer-box .subnav>li>a.active {
    color: #002FA6
}
.langer-box:hover .subnav {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0%)
}

@media screen and (max-width:1180px) {
.langer-box .text {
    height: 56px
}
.langer-box .text .txt {
    margin-left: 1.2rem
}
}
@keyframes rotation {
from {
transform:rotate(0deg);
opacity:.8
}
to {
transform:rotate(360deg);
opacity:1
}
}
.gorp-cloud {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden
}
.gorp-cloud::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #002FA6;
    background-color: #002FA6;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.gorp-cloud::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid #151515;
    background-color: #151515;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.gorp-cloud .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}
.gorp-cloud .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.gorp-cloud .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}
.gorp-cloud .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}

@media (hover:hover) and (pointer:fine) {
.gorp-cloud:hover::after, [btn-moreH]:hover .gorp-cloud::after {
    opacity: 1;
    transform: initial
}
.gorp-cloud:hover .btn-item, [btn-moreH]:hover .gorp-cloud .btn-item {
    transform: translate3d(0, -110%, 0)
}
.gorp-cloud:hover .btn-item:nth-child(1), [btn-moreH]:hover .gorp-cloud .btn-item:nth-child(1) {
    opacity: 0
}
.gorp-cloud:hover .btn-item:nth-child(2), [btn-moreH]:hover .gorp-cloud .btn-item:nth-child(2) {
    opacity: 1
}
.gorp-cloud:hover .btn-ico, [btn-moreH]:hover .gorp-cloud .btn-ico {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.gorp-cloud {
    height: 4.4rem;
    padding: 0 1.8rem
}
}

@media screen and (max-width:640px) {
.gorp-cloud {
    height: 4.2rem;
    padding: 0 1.8rem
}
}
.gorp-cloud .ico {
    font-size: 1rem;
    margin-left: 2.5rem
}

@media screen and (max-width:1360px) {
.gorp-cloud .ico {
    margin-left: 2rem
}
}

@media screen and (max-width:640px) {
.gorp-cloud {
    display: none
}
}
.menu-handler {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: #002FA6;
    position: relative;
    cursor: pointer;
    display: none
}
.menu-handler .menu-bar {
    width: 1.2rem;
    height: 2px;
    background: #ffffff;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 1.2rem;
    transform: translateY(-50%) rotate(0deg);
    transition: margin .4s .4s, transform .4s, opacity .4s
}
.menu-handler .menu-bar:nth-child(1) {
    width: 2.1rem;
    margin-top: -0.7rem
}
.menu-handler .menu-bar:nth-child(3) {
    width: 2.1rem;
    margin-top: .7rem
}
.menu-handler.active .menu-bar:nth-child(1) {
    margin-top: 0;
    transform: translateY(-50%) rotate(30deg);
    transition: margin .4s, transform .4s .4s, opacity .4s
}
.menu-handler.active .menu-bar:nth-child(2) {
    opacity: 0
}
.menu-handler.active .menu-bar:nth-child(3) {
    margin-top: 0;
    transform: translateY(-50%) rotate(-30deg);
    transition: margin .4s, transform .4s .4s, opacity .4s
}

@media screen and (max-width:1180px) {
.menu-handler {
    display: block
}
}
.menubarM {
    background: rgba(0,0,0,0.5);
    -webkit-backdrop-filter: blur(2vw);
    backdrop-filter: blur(2vw);
    color: #ffffff;
    position: fixed;
    pointer-events: none;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100vh - 56px);
    opacity: 0;
    z-index: 995;
    transition: .6s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .6s cubic-bezier(.55, .31, .15, .93)
}
.menubarM a {
    color: #ffffff
}
.menubarM-box {
    height: calc(100vh - 56px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.menubarM-list {
    padding: 0 0 5vh;
    margin: 0 3%
}
.menubarM-list>li {
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: .6s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .6s cubic-bezier(.55, .31, .15, .93)
}
.menubarM-list>li>a {
    position: relative;
    display: flex;
    font-size: 1.8rem;
    padding: 1.5rem 0;
    line-height: 1.5;
    justify-content: space-between;
    align-items: center
}
.menubarM-list>li>a[has-item]::after {
    font-family: "iconfont" !important;
    content: "\e706";
    margin-left: 1rem;
    font-size: 1.6rem;
    flex-shrink: 0;
    transition: .3s;
    -webkit-transition: .3s
}
.menubarM-list .cur>a::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.menubarM-list .subnav {
    padding: 1rem 5% 2rem;
    display: none
}
.menubarM-list .subnav p {
    font-weight: 500
}
.menubarM-list .subnav a {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.4;
    padding: 1rem 0;
    font-size: 1.6rem
}
.menubarM-list .subnav a::before {
    content: "\e707";
    font-family: "iconfont";
    margin-right: 1.2rem;
    font-size: 1.4rem
}

@media screen and (max-width:1180px) {
.menu-open .menubarM {
    opacity: 1;
    pointer-events: all
}
.menu-open .menubarM-list>li {
    opacity: 1;
    pointer-events: all;
    transform: initial
}
.menu-open .menubarM-list>li:nth-child(1) {
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}
.menu-open .menubarM-list>li:nth-child(2) {
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}
.menu-open .menubarM-list>li:nth-child(3) {
    transition-delay: .6s;
    -webkit-transition-delay: .6s
}
.menu-open .menubarM-list>li:nth-child(4) {
    transition-delay: .7s;
    -webkit-transition-delay: .7s
}
.menu-open .menubarM-list>li:nth-child(5) {
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}
.menu-open .menubarM-list>li:nth-child(6) {
    transition-delay: .9s;
    -webkit-transition-delay: .9s
}
.menu-open .menubarM-list>li:nth-child(7) {
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}
.menu-open .menubarM-list>li:nth-child(8) {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s
}
.menu-open .menubarM-list>li:nth-child(9) {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s
}
.menu-open .menubarM-list>li:nth-child(10) {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s
}
.menu-open .menubarM-list>li:nth-child(11) {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s
}
.menu-open .menubarM-list>li:nth-child(12) {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s
}
.menu-open .menubarM-list>li:nth-child(13) {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s
}
.menu-open .menubarM-list>li:nth-child(14) {
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s
}
.menu-open .menubarM-list>li:nth-child(15) {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s
}
.menu-open .menubarM-list>li:nth-child(16) {
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s
}
}
.banner-box {
    position: relative
}
.banner-img {
    width: 100%;
    overflow: hidden
}
.banner-img img, .banner-img video {
    width: 100%;
    display: block
}
.dian-list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}
.dian-list>li {
    position: absolute
}
.dian-list>li:hover .dian-tab-desc::before {
    width: 100%;
    opacity: 1
}
.dian-list>li:hover .dian-tab-desc span {
    opacity: 1;
    visibility: visible;
    transition-delay: .4s
}
.dian-tab-dian {
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 100%;
    position: relative;
    display: block
}
.dian-tab-dian .dian1 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #002FA6;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    z-index: 3
}
.dian-tab-dian .dian2 {
    position: absolute;
    width: 28%;
    height: 28%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: inherit;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    z-index: 5
}
.dian-tab-dian .quan {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(0,47,166,0.5);
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.dian-tab-dian .quan1 {
    animation: yuandian 2.8s infinite
}
.dian-tab-dian .quan2 {
    animation: yuandian 2.8s .75s infinite
}
.dian-tab-dian .quan3 {
    animation: yuandian 2.8s 1.5s infinite
}
@-webkit-keyframes yuandian {
0% {
-webkit-transform:translate(-50%, -50%) scale(1);
opacity:0
}
20% {
opacity:1
}
75% {
-webkit-transform:translate(-50%, -50%) scale(2.6);
opacity:0
}
100% {
opacity:0
}
}
@keyframes yuandian {
0% {
transform:translate(-50%, -50%) scale(1);
opacity:0
}
20% {
opacity:1
}
75% {
transform:translate(-50%, -50%) scale(2.8);
opacity:0
}
100% {
opacity:0
}
}
.dian-tab-desc {
    position: absolute;
    transform: translateY(-50%);
    white-space: nowrap;
    pointer-events: none;
    display: flex;
    align-items: center;
    top: 50%;
    z-index: 1;
    padding: 1rem 3rem;
    line-height: 1.2;
    color: #ffffff
}
.dian-tab-desc .jiantou {
    font-size: 1rem;
    margin-left: 1.5rem
}
.dian-tab-desc::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    opacity: 0;
    background: #002FA6;
    border-radius: 5rem;
    transition: .6s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .6s cubic-bezier(.34, .44, .41, 1.12)
}
.dian-tab-desc span {
    opacity: 0;
    visibility: hidden;
    transition: .6s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .6s cubic-bezier(.34, .44, .41, 1.12)
}

@media screen and (max-width:1180px) {
.dian-tab-desc {
    padding: .9rem 2.2rem;
    font-size: 1.4rem
}
.dian-tab-desc .jiantou {
    font-size: .9rem;
    margin-left: 1.2rem
}
}

@media screen and (max-width:640px) {
.dian-tab-desc {
    padding: .8rem 1.6rem;
    font-size: 1.3rem
}
.dian-tab-desc .jiantou {
    font-size: .8rem;
    margin-left: 1rem
}
}
.dian-descL {
    left: 0;
    margin-left: 4rem
}
.dian-descL::before {
    left: 0
}

@media screen and (max-width:1180px) {
.dian-descL {
    margin-left: 2rem
}
}
.dian-descR {
    right: 0;
    margin-right: 4rem
}
.dian-descR::before {
    right: 0
}

@media screen and (max-width:1180px) {
.dian-descR {
    margin-right: 2rem
}
}
.btn-more {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 22.2rem;
    height: 5.6rem;
    border-radius: 2.8rem;
    padding: 0 2.4rem;
    overflow: hidden
}
.btn-more::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid #ffffff;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.btn-more::after {
    content: "";
    position: absolute;
    left: -1.5%;
    top: -1.5%;
    right: -1.5%;
    bottom: -1.5%;
    border: .15rem solid transparent;
    background-color: #002FA6;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(104%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
.btn-more .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #002FA6
}
.btn-more .btn-item {
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    position: relative
}
.btn-more .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}

@media (hover:hover) and (pointer:fine) {
.btn-more:hover::after, [btn-moreH]:hover .btn-more::after {
    opacity: 1;
    transform: initial
}
.btn-more:hover .btn-item .txt, [btn-moreH]:hover .btn-more .btn-item .txt {
    transform: translate3d(0, -110%, 0)
}
.btn-more:hover .btn-item .txt:nth-child(1), [btn-moreH]:hover .btn-more .btn-item .txt:nth-child(1) {
    opacity: 0
}
.btn-more:hover .btn-item .txt:nth-child(2), [btn-moreH]:hover .btn-more .btn-item .txt:nth-child(2) {
    opacity: 1
}
.btn-more:hover .btn-ico i, [btn-moreH]:hover .btn-more .btn-ico i {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.btn-more {
    height: 5rem;
    padding: 0 2rem;
    min-width: 18rem;
    border-radius: 2.5rem
}
}

@media screen and (max-width:640px) {
.btn-more {
    height: 4.6rem;
    padding: 0 1.8rem;
    min-width: 16rem;
    border-radius: 2.3rem
}
}
.ibox-about [data-value]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.2)
}
.ibox-about-box {
    position: relative;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media screen and (max-width:640px) {
.ibox-about-box {
    display: block
}
}
.ibox-aboutL {
    width: 40%;
    position: sticky;
    top: 14rem
}

@media screen and (max-width:1180px) {
.ibox-aboutL {
    width: 45%
}
}

@media screen and (max-width:640px) {
.ibox-aboutL {
    width: auto;
    position: static;
    top: auto
}
}
.ibox-tbox .en {
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .1rem
}
.ibox-tbox .title {
    margin-top: 1.5rem;
    line-height: 1.1
}
.ibox-tbox .c {
    line-height: 1.25
}

@media screen and (max-width:1180px) {
.ibox-tbox .title {
    margin-top: 1rem
}
}

@media screen and (max-width:640px) {
.ibox-tbox .title {
    margin-top: .8rem
}
}
.ibox-aboutR {
    width: 38%
}

@media screen and (max-width:1180px) {
.ibox-aboutR {
    width: 50%
}
}

@media screen and (max-width:640px) {
.ibox-aboutR {
    width: auto;
    margin-top: 6rem
}
}
.ibox-about-ul>li {
    border-bottom: 1px solid rgba(255,255,255,0.47);
    padding: 3rem 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center
}
.ibox-about-ul>li:last-child {
    border-bottom: 0 none;
    padding-bottom: 0
}
.ibox-about-ul .icon {
    line-height: 1;
    width: 6rem;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center
}
.ibox-about-ul .icon img {
    max-width: 100%;
    display: block
}
.ibox-about-ul .title {
    line-height: 1.1;
    display: flex;
    align-items: flex-start
}
.ibox-about-ul .title .num {
    line-height: .7
}
.ibox-about-ul .title .by {
    padding-left: 2rem
}
.ibox-about-ul .c {
    margin-top: 1rem;
    line-height: 1.5
}

@media screen and (max-width:1180px) {
.ibox-about-ul>li {
    padding: 2.8rem 0
}
.ibox-about-ul .icon {
    width: 5rem;
    height: 5rem
}
.ibox-about-ul .title .by {
    padding-left: 1.2rem
}
}

@media screen and (max-width:640px) {
.ibox-about-ul>li {
    padding: 2.5rem 0
}
.ibox-about-ul .icon {
    width: 4.2rem;
    height: 4.2rem
}
.ibox-about-ul .title .by {
    padding-left: .8rem
}
}
.ibox-partners [data-value]::after, .pbox-data-box [data-value]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3)
}
.ibox-partners-box {
    position: relative;
    padding: 17rem 0 18rem;
    color: #ffffff
}

@media screen and (max-width:1650px) {
.ibox-partners-box {
    padding: 15rem 0 16rem
}
}

@media screen and (max-width:1440px) {
.ibox-partners-box {
    padding: 14rem 0 15rem
}
}

@media screen and (max-width:1180px) {
.ibox-partners-box {
    padding: 11rem 0
}
}

@media screen and (max-width:640px) {
.ibox-partners-box {
    padding: 8rem 0
}
}
.ibox-product {
    padding: 2.5vw
}

@media screen and (max-width:1180px) {
.ibox-product {
    padding: 8rem 0;
    width: 100%
}
}
.ibox-product-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 13%;
    z-index: 10;
    pointer-events: none
}

@media screen and (max-width:1650px) {
.ibox-product-title {
    top: 12%
}
}

@media screen and (max-width:1440px) {
.ibox-product-title {
    top: 10%
}
}

@media screen and (max-width:1180px) {
.ibox-product-title {
    position: initial;
    transform: initial;
    left: initial;
    top: auto
}
.ibox-product-title .ibox-tbox .en {
    color: #002FA6
}
.ibox-product-title .ibox-tbox .title {
    color: #333333
}
}
.ibox-partners-list {
    display: flex
}
.ibox-partners-list>dd {
    position: relative;
    margin-left: 1.5%;
    height: 98rem;
    border-radius: .8rem;
    flex: 1;
    overflow: hidden;
    cursor: pointer;
    transition: .4s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .4s cubic-bezier(.34, .44, .41, 1.12)
}
.ibox-partners-list>dd:first-child {
    margin-left: 0
}
.ibox-partners-list>dd.active {
    flex: 3
}
.ibox-partners-list>dd.active .desc1 {
    opacity: 0
}
.ibox-partners-list>dd.active .desc2 {
    opacity: 1;
    transition-delay: .4s;
    transform: initial
}
.ibox-partners-list .imgBox {
    border-radius: inherit
}
.ibox-partners-list .imgBox img {
    border-radius: inherit;
    width: auto
}
.ibox-partners-list .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: inherit;
    width: 100%;
    height: 35%;
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 6%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 6%, rgba(0,0,0,0.7) 100%)
}
.ibox-partners-list .desc {
    position: absolute;
    left: 3rem;
    right: 3rem;
    bottom: 5%;
    border-radius: inherit
}
.ibox-partners-list .desc1 {
    color: #c1c1c1;
    transition: .4s cubic-bezier(.26, .06, 0, 1);
    -webkit-transition: .4s cubic-bezier(.26, .06, 0, 1)
}
.ibox-partners-list .desc1 .title {
    line-height: 1.45
}
.ibox-partners-list .desc2 {
    color: #ffffff;
    opacity: 0;
    transform: translateY(8%);
    transition: .6s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .6s cubic-bezier(.34, .44, .41, 1.12)
}
.ibox-partners-list .desc2 .title {
    line-height: 1.4
}
.ibox-partners-list .desc2 .c {
    margin-top: 5rem
}
.ibox-partners-list .desc2 .c li {
    margin-bottom: .4rem
}
.ibox-partners-list .desc2 .c li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1650px) {
.ibox-partners-list>dd {
    height: 85rem
}
.ibox-partners-list .desc2 .c {
    margin-top: 4rem
}
}

@media screen and (max-width:1440px) {
.ibox-partners-list>dd {
    height: 78rem
}
}

@media screen and (max-width:1180px) {
.ibox-partners-list {
    margin: 4rem auto 0;
    width: 90%;
    display: block
}
.ibox-partners-list>dd {
    margin-left: 0;
    width: 100%;
    height: auto;
    flex: none;
    margin-top: 1.5rem
}
.ibox-partners-list>dd.active {
    flex: auto
}
.ibox-partners-list>dd.active .desc1 {
    opacity: 1
}
.ibox-partners-list>dd.active .desc2 {
    opacity: 0
}
.ibox-partners-list .desc1 {
    opacity: 0
}
.ibox-partners-list .desc2 {
    opacity: 1
}
.ibox-partners-list .imgBox img {
    width: 100%
}
.ibox-partners-list .desc2 .c {
    margin-top: 2.5rem
}
.ibox-partners-list .mask {
    height: 60%
}
}

@media screen and (max-width:640px) {
.ibox-partners-list>dd {
    height: 28rem
}
.ibox-partners-list .desc {
    left: 2rem;
    right: 2rem;
    bottom: 8%
}
.ibox-partners-list .desc2 .title {
    font-size: 1.7rem
}
.ibox-partners-list .desc2 .c {
    margin-top: 1.5rem;
    font-size: 1.3rem
}
}
.ibxo-service-title .ibox-tbox {
    width: 34%
}
.ibxo-service-title .pageC {
    width: 59%
}

@media screen and (max-width:1180px) {
.ibxo-service-title .ibox-tbox {
    width: auto
}
.ibxo-service-title .pageC {
    width: auto;
    margin-top: 5rem
}
}

@media screen and (max-width:650px) {
.ibxo-service-title .pageC {
    margin-top: 4rem
}
}
.ibox-service-box {
    width: 72%;
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    position: relative
}
.ibox-service-box .item {
    position: relative;
    width: 50%
}
.ibox-service-box .ist-quan-box {
    width: 100%
}
.ibox-service-box .ist-quan-box>img {
    opacity: 0
}
.ibox-service-box .item1 .ist-quan {
    right: 0
}
.ibox-service-box .item1 .ist-quan img {
    transform-origin: right center
}
.ibox-service-box .item2 .ist-quan {
    left: 0
}
.ibox-service-box .item2 .ist-quan img {
    transform-origin: left center
}

@media screen and (min-width:1181px) {
.ibox-service-box.action .ist-name {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
}

@media screen and (max-width:1180px) {
.ibox-service-box {
    width: 80%
}
}

@media screen and (max-width:750px) {
.ibox-service-box {
    width: 90%
}
}
.ist-quan {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.ist-quan img {
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s
}
@keyframes round1 {
0% {
opacity:0;
transform:scale(.2)
}
100% {
opacity:1;
transform:scale(1.2)
}
}
.ist-quan1 {
    width: 100%;
    height: 100%
}
.ist-quan1 img {
    animation: round1 6s ease-out infinite
}
.ist-quan2 {
    width: 100%
}
.ist-quan2 img {
    animation: round1 6s 1.5s ease-out infinite
}
.ist-quan3 {
    width: 100%
}
.ist-quan3 img {
    animation: round1 6s 3s ease-out infinite
}
.ist-quan4 {
    width: 100%
}
.ist-quan4 img {
    animation: round1 6s 4.5s ease-out infinite
}
.ist-item {
    position: absolute;
    color: #ffffff;
    transform-origin: 50% 40%;
    z-index: 10
}
.ist-item .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    display: flex;
    text-shadow: 1px 1px 1px #2E92FF
}
.ist-item .ist-name {
    position: relative;
    display: block
}

@media screen and (min-width:0) {
.ist-item:nth-child(even) {
    animation: spin 7s infinite linear
}
.ist-item:nth-child(even) .img {
    animation: spin-reverse 7s infinite linear
}
.ist-item:nth-child(even) .txt {
    animation: spin-reverse 7s infinite linear
}
.ist-item:nth-child(odd) {
    animation: spin2 6s infinite linear
}
.ist-item:nth-child(odd) .img {
    animation: spin-reverse2 6s infinite linear
}
.ist-item:nth-child(odd) .txt {
    animation: spin-reverse2 6s infinite linear
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes spin {
to {
transform:rotate(1turn)
}
}
@keyframes spin2 {
to {
transform:rotate(-1turn)
}
}
@keyframes spin-reverse {
from {
transform:rotate(1turn)
}
}
@keyframes spin-reverse2 {
from {
transform:rotate(-1turn)
}
}
.ist-w180 {
    width: 31.1958%
}
.ist-w180 .txt {
    font-size: 2.8rem
}

@media screen and (max-width:1181px) {
.ist-w180 {
    width: 36%
}
.ist-w180 .txt {
    font-size: 2.3728vw
}
}
.ist-w118 {
    width: 20.4506%
}
.ist-w118 .txt {
    font-size: 1.7rem
}

@media screen and (max-width:1181px) {
.ist-w118 {
    width: 24%
}
.ist-w118 .txt {
    font-size: 1.4406vw
}
}
.ist-w108 {
    width: 18.7175%
}
.ist-w108 .txt {
    font-size: 1.7rem
}

@media screen and (max-width:1181px) {
.ist-w108 {
    width: 23%
}
.ist-w108 .txt {
    font-size: 1.4406vw
}
}
.ist-w92 {
    width: 15.9445%
}
.ist-w92 .txt {
    font-size: 1.4rem
}

@media screen and (max-width:1181px) {
.ist-w92 {
    width: 24%
}
.ist-w92 .txt {
    font-size: 1.18vw
}
}
.istitem1 {
    right: 0%;
    top: 35%
}
.istitem2 {
    right: 11%;
    top: 7%
}
.istitem3 {
    right: 11%;
    bottom: 14%
}

@media screen and (max-width:1181px) {
.istitem3 {
    bottom: 4%
}
}
.istitem4 {
    right: 45%;
    top: 21%
}
.istitem5 {
    right: 45%;
    bottom: 21%
}
.istitem6 {
    right: 68%;
    top: 40%
}
.istitem7 {
    right: 63%;
    top: -2%
}
.istitem8 {
    right: 63%;
    bottom: -2%
}
.istitem9 {
    right: 83%;
    top: 19%
}
.istitem10 {
    right: 87%;
    bottom: 22%
}
.istitem11 {
    left: 0%;
    top: 35%
}
.istitem12 {
    left: 37%;
    top: 16%
}
.istitem13 {
    left: 36%;
    bottom: 14%
}
.istitem14 {
    left: 66%;
    top: 39%
}
.istitem15 {
    left: 63%;
    top: -2%
}
.istitem16 {
    left: 63%;
    bottom: -2%
}
.istitem17 {
    left: 87%;
    top: 19%
}
.istitem18 {
    left: 87%;
    bottom: 22%
}
.ibox-news-title {
    align-items: flex-end;
    padding-bottom: 9rem
}

@media screen and (max-width:1180px) {
.ibox-news-title {
    padding-bottom: 4.5rem
}
}

@media screen and (max-width:640px) {
.ibox-news-title {
    padding-bottom: 3.5rem
}
}
.ibox-new-tab {
    display: flex;
    margin-left: 1rem
}
.ibox-new-tab a {
    border-radius: 2.8rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2.3rem;
    padding: 0 1.5rem;
    min-width: 15rem;
    height: 5.6rem;
    line-height: 1.2;
    color: #8E8D8D
}
.ibox-new-tab a::before, .ibox-new-tab a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    transition: .4s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .4s cubic-bezier(.34, .44, .41, 1.12)
}
.ibox-new-tab a::before {
    border: .15rem solid #D8D8D8
}
.ibox-new-tab a::after {
    background-color: #002FA6;
    transform: scale(.6);
    opacity: 0
}
.ibox-new-tab a .txt {
    position: relative;
    z-index: 1
}
.ibox-new-tab a.active {
    color: #ffffff
}
.ibox-new-tab a.active::before {
    transform: scale(1.1);
    opacity: 0
}
.ibox-new-tab a.active::after {
    opacity: 1;
    transform: initial
}

@media (hover:hover) and (pointer:fine) {
.ibox-new-tab a:hover {
    color: #ffffff
}
.ibox-new-tab a:hover::before {
    transform: scale(1.1);
    opacity: 0
}
.ibox-new-tab a:hover::after {
    opacity: 1;
    transform: initial
}
}

@media screen and (max-width:1180px) {
.ibox-new-tab a {
    margin-left: 1.8rem;
    padding: 0 1.4rem;
    min-width: 14rem;
    height: 4.8rem
}
.ibox-new-tab a:first-child {
    margin-left: 0
}
}

@media screen and (max-width:640px) {
.ibox-new-tab a {
    margin-left: 1.5rem;
    padding: 1rem 1.2rem;
    min-width: 10rem;
    height: auto;
    font-size: 1.4rem
}
.ibox-new-tab a:first-child {
    margin-left: 0
}
}
.ibox-news-swiper {
    position: relative;
    overflow: hidden
}
.ibox-news-swiper.active {
    animation: lightSpeedIn .8s forwards
}
@keyframes lightSpeedIn {
0% {
transform:translateX(5%) skewX(-2deg);
opacity:0
}
100% {
transform:translateX(0) skewX(0deg);
opacity:1
}
}
.ibxo-news-box {
    position: relative;
    display: flex;
    justify-content: space-between
}
.ibxo-news-box::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 53.6585%;
    background-color: rgba(112,112,112,0.18)
}

@media screen and (max-width:860px) {
.ibxo-news-box {
    display: block
}
.ibxo-news-box::before {
    display: none
}
}
.ibox-news-first {
    position: relative;
    width: 50.18%;
    background-color: #ffffff;
    border-radius: .8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.ibox-news-first .imgBox {
    flex: 1;
    border-radius: .8rem .8rem 0 0;
    overflow: hidden
}
.ibox-news-first .imgBox img {
    border-radius: inherit
}
.ibox-news-first .desc {
    padding: 2.4rem 4%
}
.ibox-news-first .t {
    color: #151515;
    line-height: 1.4;
    transition: .3s;
    -webkit-transition: .3s
}
.ibox-news-first .c {
    margin-top: 1rem
}
.ibox-news-first .time {
    color: #999999;
    margin-top: 2.5rem
}

@media screen and (max-width:860px) {
.ibox-news-first {
    width: 100%
}
}

@media (hover:hover) and (pointer:fine) {
.ibox-news-first:hover .t {
    color: #002FA6
}
}
.ibox-news-list {
    width: 42.68%
}
.ibox-news-list>li {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 2.45rem;
    margin-bottom: 2.45rem;
    border-bottom: 1px solid rgba(112,112,112,0.18)
}
.ibox-news-list>li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 none
}
.ibox-news-list .imgBox {
    width: 46.2857%;
    flex-shrink: 0;
    margin-right: 3.5rem;
    border-radius: .8rem
}
.ibox-news-list .imgBox img {
    border-radius: inherit
}
.ibox-news-list .desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}
.ibox-news-list .t {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #151515;
    line-height: 1.5;
    transition: .3s;
    -webkit-transition: .3s
}
.ibox-news-list .c {
    margin-top: 1rem;
    flex: 1
}
.ibox-news-list .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.ibox-news-list .time {
    margin-top: 2rem;
    color: #999999
}

@media screen and (max-width:1360px) {
.ibox-news-list .imgBox {
    margin-right: 2.5rem
}
.ibox-news-list .t {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.ibox-news-list .c {
    display: none
}
}

@media screen and (max-width:860px) {
.ibox-news-list {
    width: 100%;
    margin-top: 4rem
}
.ibox-news-list .c {
    display: block
}
}

@media screen and (max-width:640px) {
.ibox-news-list>li:nth-child(3) {
    display: none
}
.ibox-news-list .imgBox {
    width: 45%;
    margin-right: 2rem
}
.ibox-news-list .t {
    font-weight: normal
}
.ibox-news-list .c {
    display: none
}
.ibox-news-list .time {
    font-size: 1.3rem
}
}

@media screen and (max-width:480px) {
.ibox-news-list .imgBox {
    width: 44%;
    margin-right: 1.5rem
}
.ibox-news-list .t {
    font-size: 1.5rem
}
}

@media (hover:hover) and (pointer:fine) {
.ibox-news-list>li:hover .t {
    color: #002FA6
}
}





@media screen and (max-width:640px) {
.flogo img {
    height: 2.2rem
}
}


@media screen and (max-width:640px) {
.link-select-box .mt {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    height: 4.6rem
}
}



.pbanner {
    position: relative;
    overflow: hidden
}

@media screen and (max-width:750px) {
.pbanner .imgBox {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}
}
.pbanner-desc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:750px) {
.pbanner-desc {
    position: relative;
    top: auto;
    left: auto;
    transform: initial;
    min-height: 26vh;
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}
}
.about-one {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:860px) {
.about-one {
    display: block
}
}
.about-oneL {
    width: 49%
}

@media screen and (max-width:1440px) {
.about-oneL {
    width: 50%
}
}

@media screen and (max-width:860px) {
.about-oneL {
    width: auto
}
}
.about-oneR {
    width: 41%;
    cursor: pointer
}

@media screen and (max-width:1440px) {
.about-oneR {
    width: 45%
}
}

@media screen and (max-width:860px) {
.about-oneR {
    width: auto;
    margin-top: 3rem
}
}

@media (hover:hover) and (pointer:fine) {
.about-oneR:hover .about-vico {
    background-color: #002FA6;
    color: #ffffff
}
}
.about-vico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.9);
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #002FA6;
    transition: .3s;
    -webkit-transition: .3s
}
.hw-line {
    background-color: #f5f5f5;
    height: 1px
}
.about-num {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%;
    margin-top: -5%
}
.about-num>li {
    display: flex;
    align-items: center;
    margin-left: 4%;
    margin-top: 5%;
    width: 29.33%
}
.about-num .icon {
    color: #002FA6;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    width: 7rem;
    height: 7rem;
    margin-right: 4rem
}
.about-num .icon img {
    max-width: 100%;
    max-height: 100%
}
.about-num .title {
    line-height: 1.4;
    display: flex;
    align-items: flex-start
}
.about-num .title .num {
    line-height: .8
}
.about-num .title .by {
    margin-left: .8rem
}
.about-num .c {
    margin-top: 1rem
}

@media screen and (max-width:1180px) {
.about-num {
    flex-wrap: wrap;
    margin-left: -5%;
    margin-top: -3rem
}
.about-num>li {
    width: 45%;
    margin-left: 5%;
    margin-top: 3rem
}
}

@media screen and (max-width:640px) {
.about-num {
    margin-left: 0;
    margin-top: 0
}
.about-num>li {
    margin-top: 1rem;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-left: 0;
    width: 100%;
    padding: 2rem;
    box-shadow: 0 .4rem 1rem rgba(163,165,167,0.2);
    border-radius: .8rem
}
.about-num>li:first-child {
    margin-top: 0
}
.about-num .icon {
    margin-left: 5%;
    margin-right: 0
}
}
.about-honor {
    flex-wrap: wrap
}

@media screen and (max-width:640px) {
.about-honor {
    margin-left: 0
}
}
.about-honor-item {
    width: 45%
}
.about-honor-item li::marker {
color:#002FA6
}

@media screen and (max-width:640px) {
.about-honor-item {
    margin-left: 0;
    margin-top: 4rem;
    width: auto
}
.about-honor-item:first-child {
    margin-top: 0
}
}
.hw-pageul ul {
    list-style: none
}
.hw-pageul li {
    display: flex
}
.hw-pageul li::before {
    content: "•";
    color: #002FA6;
    flex-shrink: 0;
    width: 2.6rem
}
.about-honor-img {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%
}
.about-honor-img>li {
    width: 16%;
    margin-left: 4%;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 3rem;
    margin-bottom: 6rem
}
.about-honor-img .txt {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.8rem
}
.about-honor-img .imgBox {
    padding-bottom: 60%;
    position: relative
}
.about-honor-img .imgBox img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

@media screen and (max-width:1180px) {
.about-honor-img {
    margin-left: -2%
}
.about-honor-img>li {
    width: 18%;
    margin-left: 2%;
    padding-bottom: 2rem;
    margin-bottom: 5rem
}
.about-honor-img .txt {
    font-size: 1.4rem;
    margin-top: 1.5rem
}
}

@media screen and (max-width:750px) {
.about-honor-img {
    margin-left: -5%
}
.about-honor-img>li {
    width: 45%;
    margin-left: 5%;
    margin-bottom: 4rem
}
.about-honor-img .txt {
    font-size: 1.6rem
}
}
.about-honor-swiper {
    position: relative
}
.about-honor-swiper .swiper-slide {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 3rem;
    height: auto;
    cursor: pointer
}
.about-honor-swiper .swiper-slide:hover .txt {
    color: #002FA6
}
.about-honor-swiper .txt {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.8rem;
    transition: .3s;
    -webkit-transition: .3s
}
.about-honor-swiper .imgBox {
    padding-bottom: 60%;
    position: relative
}
.about-honor-swiper .imgBox img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}
.about-honor-swiper .swiper-pag {
    position: relative;
    z-index: 400;
    line-height: 1;
    display: flex;
    justify-content: center;
    margin-top: 5.5rem
}
.about-honor-swiper .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .8rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}
.about-honor-swiper .swiper-pag .swiper-pagination-bullet:first-child {
    margin-left: 0
}
.about-honor-swiper .swiper-pag .swiper-pagination-bullet-active {
    background-color: #002FA6
}
.about-honor-swiper .swiper-pag.swiper-pagination-lock {
    display: none
}
.about-honor-swiper .swiper-btnbox {
    display: none;
    margin-top: 4.5rem
}

@media screen and (max-width:1180px) {
.about-honor-swiper .swiper-slide {
    padding-bottom: 2.5rem
}
.about-honor-swiper .txt {
    font-size: 1.6rem;
    margin-top: 1.5rem
}
.about-honor-swiper .swiper-pag {
    margin-top: 4.5rem
}
.about-honor-swiper .swiper-pag .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0 .6rem
}
}

@media screen and (max-width:640px) {
.about-honor-swiper .txt {
    font-size: 1.4rem;
    line-height: 1.4
}
.about-honor-swiper .swiper-pag {
    display: none !important
}
.about-honor-swiper .swiper-btnbox {
    display: flex
}
}
.swiper-arow {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s
}
.swiper-arow::before, .swiper-arow::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: .5s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: .5s cubic-bezier(.215, .61, .355, 1)
}
.swiper-arow::before {
    background-color: #eeeeee
}
.swiper-arow::after {
    background-color: #002FA6;
    transform: scale(.6);
    opacity: 0
}
.swiper-arow .ico {
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    color: #999999;
    font-style: inherit;
    transition: .3s;
    -webkit-transition: .3s
}
.swiper-arow.swiper-button-disabled {
    cursor: no-drop
}
.swiper-arow.swiper-button-lock {
    display: none
}
.swiper-arow:hover .ico {
    color: #ffffff
}
.swiper-arow:hover::before {
    transform: scale(1.2);
    opacity: 0
}
.swiper-arow:hover::after {
    transform: scale(1);
    opacity: 1
}
.swiper-prev {
    margin-right: 1.5rem
}
.social-page {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:860px) {
.social-page {
    display: block
}
}
.social-boxL {
    width: 33%
}

@media screen and (max-width:1180px) {
.social-boxL {
    width: 40%
}
}

@media screen and (max-width:860px) {
.social-boxL {
    width: auto
}
}
.social-boxR {
    width: 55.1724%;
    position: relative;
    overflow: hidden;
    border-radius: .8rem
}
.social-boxR img {
    border-radius: inherit
}

@media screen and (max-width:1180px) {
.social-boxR {
    width: 50%
}
}

@media screen and (max-width:860px) {
.social-boxR {
    width: auto;
    margin-top: 3rem
}
}
.page-title-flext {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.social-swiper-box {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-top: -3rem;
    padding: 3rem 3rem 5rem
}
.social-swiper {
    position: relative
}
.social-swiper .swiper-slide {
    border-radius: .8rem;
    background-color: #ffffff;
    box-shadow: 0 .5rem 2rem rgba(153,153,153,0.19);
    height: auto;
    transition: .3s;
    -webkit-transition: .3s
}
.social-swiper .imgBox {
    border-radius: .8rem .8rem 0 0
}
.social-swiper .imgBox img {
    border-radius: inherit
}
.social-swiper .desc {
    padding: 2.2rem 2.2rem 3rem
}
.social-swiper .title {
    line-height: 1.4;
    color: #333333;
    transition: .3s;
    -webkit-transition: .3s
}
.social-swiper .time {
    color: #999999;
    margin-top: 1.6rem
}

@media (hover:hover) and (pointer:fine) {
.social-swiper .swiper-slide:hover {
    box-shadow: 0 1rem 3rem rgba(153,153,153,0.25)
}
.social-swiper .swiper-slide:hover .title {
    color: #002FA6
}
}
.hr-banner-desc {
    margin-top: 3.5rem;
    line-height: 1.4
}
.hr-banner-desc .item {
    display: flex;
    align-items: center
}
.hr-banner-desc .ico {
    margin-right: 1.5rem
}

@media screen and (max-width:1180px) {
.hr-banner-desc {
    margin-top: 3rem
}
}

@media screen and (max-width:640px) {
.hr-banner-desc {
    margin-top: 2.5rem
}
.hr-banner-desc .ico {
    margin-right: 1rem
}
}
.hr-list>li {
    position: relative;
    display: flex;
    margin-top: 3rem;
    border-radius: .8rem;
    box-shadow: 0 .5rem 1rem rgba(153,153,153,0.2);
    background-color: #ffffff;
    padding: 3rem 6%;
    justify-content: space-between;
    align-items: center
}
.hr-list>li:before {
    content: "";
    width: 100%;
    height: 0;
    background: #002FA6;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .5s;
    z-index: -1
}
.hr-list>li:hover:before, .hr-list>li.active:before {
    height: 100%;
    bottom: auto;
    top: 0
}
.hr-list>li::before {
    border-radius: inherit
}
.hr-list>li:first-child {
    margin-top: 0
}
.hr-list>li>* {
    transition: .3s;
    -webkit-transition: .3s
}
.hr-list .name {
    flex-shrink: 0;
    width: 30%;
    line-height: 1.4
}
.hr-list .item {
    width: 15%;
    margin-left: 5%;
    display: flex
}
.hr-list .item .txt {
    line-height: 1.5
}
.hr-list .ico {
    position: relative;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 1rem;
    flex-shrink: 0
}
.hr-list .ico img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-height: 100%;
    max-width: 100%;
    transition: .3s;
    -webkit-transition: .3s
}
.hr-list .ico .img2 {
    opacity: 0
}
.hr-list .more {
    margin-left: 5%;
    flex-shrink: 0
}

@media (hover:hover) and (pointer:fine) {
.hr-list>li:hover {
    color: #ffffff
}
.hr-list>li:hover .ico .img1 {
    opacity: 0
}
.hr-list>li:hover .ico .img2 {
    opacity: 1
}
.hr-list>li:hover .name {
    transform: translateX(2%)
}
.hr-list>li:hover .more {
    transform: translateX(-6%)
}
}

@media screen and (max-width:1440px) {
.hr-list>li {
    padding: 2.8rem 5%
}
}

@media screen and (max-width:1180px) {
.hr-list>li:hover .name {
    transform: inherit
}
.hr-list>li:hover .more {
    transform: inherit
}
}

@media screen and (max-width:860px) {
.hr-list>li {
    padding: 2rem 5%;
    flex-wrap: wrap;
    justify-content: flex-start
}
.hr-list .name {
    width: 100%;
    margin-bottom: 1.5rem
}
.hr-list .item {
    margin-left: 0;
    margin-right: 2rem;
    width: auto;
    padding: .5rem 0;
    font-size: 1.4rem
}
.hr-list .ico {
    width: 2rem;
    height: 2rem;
    margin-right: .8rem
}
.hr-list .more {
    width: 100%;
    margin-left: 0;
    margin-top: 1.5rem;
    font-size: 1.4rem
}
}
.paging {
    display: flex;
    align-items: center;
    justify-content: center
}
.paging a, .paging span {
    margin: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    color: #4d4d4d
}
.paging a:hover, .paging span:hover, .paging a.active, .paging span.active {
    color: #002FA6;
    background-color: rgba(0,47,166,0.05)
}
.paging a.btn-item {
    position: relative;
    flex-shrink: 0;
    z-index: 1;
    color: #999999;
    width: 3.8rem;
    height: 3.8rem;
    font-size: 1.2rem;
    line-height: 1;
    background-color: #eeeeee
}
.paging a.btn-item:first-child {
    margin-left: 0;
    margin-right: 3rem
}
.paging a.btn-item:last-child {
    margin-right: 0;
    margin-left: 3rem
}
.paging a.btn-item:hover {
    color: #ffffff;
    background-color: #002FA6
}
.paging a.btn-item:hover::before {
    opacity: 1;
    visibility: visible;
    transform: initial
}

@media screen and (max-width:1181px) {
.paging a, .paging span {
    width: auto;
    height: auto;
    border-radius: 0
}
.paging a:hover, .paging span:hover, .paging a.active, .paging span.active {
    color: #002FA6;
    background-color: transparent
}
.paging a.btn-item {
    border-radius: 50%
}
.paging a.btn-item:first-child {
    margin-left: 0;
    margin-right: 2.5rem
}
.paging a.btn-item:last-child {
    margin-right: 0;
    margin-left: 2.5rem
}
}
.hr-infoimg {
    position: absolute;
    width: 45.15625%;
    right: 0;
    bottom: 0
}
.page-cur {
    display: flex;
    flex-wrap: wrap
}
.page-cur a {
    color: #4d4d4d
}
.page-cur a:hover {
    color: #002FA6
}
.page-cur .fg {
    margin: 0 1rem
}
.page-cur .ico {
    margin-right: 1.5rem;
    line-height: 1.5
}

@media screen and (max-width:1181px) {
.page-cur .ico {
    margin-right: 1rem
}
.page-cur .fg {
    margin: 0 .8rem
}
}

@media screen and (max-width:1181px) {
.page-cur .ico {
    margin-right: .8rem
}
.page-cur .fg {
    margin: 0 .6rem
}
}
.hr-infoT {
    padding-bottom: 3rem;
    color: #333333;
    margin-bottom: 4rem;
    border-bottom: .4rem solid #002FA6
}

@media screen and (max-width:1181px) {
.hr-infoT {
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    border-bottom-width: .3rem
}
}
.hr-infoC {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem
}
.hr-infoC .item {
    display: flex;
    margin-right: 4rem;
    margin-top: .5rem
}
.hr-infoC .item .txt {
    line-height: 1.5
}
.hr-infoC .ico {
    position: relative;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 1rem;
    flex-shrink: 0
}
.hr-infoC .ico img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-height: 100%;
    max-width: 100%;
    transition: .3s;
    -webkit-transition: .3s
}

@media screen and (max-width:860px) {
.hr-infoC .item {
    margin-right: 3rem
}
.hr-infoC .item .txt {
    font-size: 1.4rem
}
.hr-infoC .ico {
    width: 2rem;
    height: 2rem;
    margin-right: .8rem
}
}
.news-first-swiper {
    position: relative
}
.news-first-swiper .swiper-pag {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 400;
    line-height: 1;
    width: 1.2rem;
    left: -4rem
}
.news-first-swiper .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 1.5rem 0 0;
    border-radius: 50%;
    background-color: #dbdbdb;
    display: block;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}
.news-first-swiper .swiper-pag .swiper-pagination-bullet:first-child {
    margin-top: 0
}
.news-first-swiper .swiper-pag .swiper-pagination-bullet-active {
    background-color: #002FA6
}
.news-first-swiper .swiper-pag.swiper-pagination-lock {
    display: none
}

@media screen and (max-width:1440px) {
.news-first-swiper .swiper-pag {
    width: 1rem;
    left: -3.8rem
}
.news-first-swiper .swiper-pag .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem
}
}

@media screen and (max-width:1180px) {
.news-first-swiper .swiper-pag {
    left: -3rem
}
.news-first-swiper .swiper-pag .swiper-pagination-bullet {
    margin: 1rem 0 0
}
}

@media screen and (max-width:750px) {
.news-first-swiper .swiper-pag {
    width: .8rem;
    left: -1.4rem
}
.news-first-swiper .swiper-pag .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem
}
}
.news-first-item {
    display: flex;
    height: auto;
    justify-content: space-between
}
.news-first-item .imgBox {
    width: 57.24%;
    border-radius: .8rem
}
.news-first-item .imgBox img {
    border-radius: inherit
}
.news-first-item .desc {
    width: 41.38%;
    background-color: #ffffff;
    box-shadow: 0 .5rem 3rem rgba(153,153,153,0.16);
    border-radius: .8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8rem 5rem
}
.news-first-item .time {
    color: #999999
}
.news-first-item .t {
    margin-top: 3.5rem;
    line-height: 1.4;
    color: #333333
}
.news-first-item .c {
    margin-top: 4.5rem;
    flex: 1
}
.news-first-item .bot {
    margin-top: 5rem;
    background-color: transparent
}

@media screen and (max-width:1440px) {
.news-first-item .desc {
    padding: 6rem 4rem
}
.news-first-item .t {
    margin-top: 3rem
}
.news-first-item .c {
    margin-top: 4rem
}
.news-first-item .bot {
    margin-top: 4.5rem
}
}

@media screen and (max-width:1180px) {
.news-first-item .desc {
    padding: 5rem 3.5rem
}
.news-first-item .t {
    margin-top: 2.5rem
}
.news-first-item .c {
    margin-top: 3rem
}
.news-first-item .bot {
    margin-top: 4rem
}
}

@media screen and (max-width:750px) {
.news-first-item {
    flex-direction: column
}
.news-first-item .imgBox {
    width: 100%
}
.news-first-item .desc {
    padding: 3.5rem 2rem;
    width: auto;
    flex: 1;
    justify-content: space-between
}
.news-first-item .t {
    margin-top: .8rem
}
.news-first-item .c {
    margin-top: 2.5rem;
    display: none
}
.news-first-item .bot {
    margin-top: 3.5rem
}
}
.btn-more2 {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 22.2rem;
    height: 5.6rem;
    border-radius: 2.8rem;
    padding: 0 2.4rem;
    overflow: hidden
}
.btn-more2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid #dbdbdb;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.btn-more2::after {
    content: "";
    position: absolute;
    left: -1.5%;
    top: -1.5%;
    right: -1.5%;
    bottom: -1.5%;
    border: .15rem solid transparent;
    background-color: #002FA6;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(104%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more2 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
.btn-more2 .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #4d4d4d
}
.btn-more2 .btn-item {
    color: #4d4d4d;
    line-height: 1.2;
    align-items: center;
    position: relative
}
.btn-more2 .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more2 .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}

@media (hover:hover) and (pointer:fine) {
.btn-more2:hover::after, [btn-moreH]:hover .btn-more2::after {
    opacity: 1;
    transform: initial
}
.btn-more2:hover .btn-item .txt, [btn-moreH]:hover .btn-more2 .btn-item .txt {
    transform: translate3d(0, -110%, 0)
}
.btn-more2:hover .btn-item .txt:nth-child(1), [btn-moreH]:hover .btn-more2 .btn-item .txt:nth-child(1) {
    opacity: 0
}
.btn-more2:hover .btn-item .txt:nth-child(2), [btn-moreH]:hover .btn-more2 .btn-item .txt:nth-child(2) {
    opacity: 1
}
.btn-more2:hover .btn-ico i, [btn-moreH]:hover .btn-more2 .btn-ico i {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.btn-more2 {
    height: 5rem;
    padding: 0 2rem;
    min-width: 18rem;
    border-radius: 2.5rem
}
}

@media screen and (max-width:640px) {
.btn-more2 {
    height: 4.6rem;
    padding: 0 1.8rem;
    min-width: 16rem;
    border-radius: 2.3rem
}
}
.news-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-top: -4rem
}
.news-list>li {
    position: relative;
    width: 30%;
    margin-left: 2.33%;
    margin-top: 4rem;
    box-shadow: 0 .5rem 3rem rgba(153,153,153,0.16);
    border-radius: .8rem;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: .3s;
    -webkit-transition: .3s
}
.news-list .imgBox {
    border-radius: .8rem .8rem 0 0
}
.news-list .imgBox img {
    border-radius: inherit
}
.news-list .desc {
    flex: 1
}
.news-list .t {
    font-weight: 500;
    color: #333333;
    line-height: 1.6;
    transition: .3s;
    -webkit-transition: .3s
}
.news-list .c {
    margin-top: 1.5rem;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color:#666666;
}
.news-list .desc {
    padding: .7rem 1rem
}
.news-list .bot {
    border-top: 1px solid rgba(112,112,112,0.2);
    padding: 1rem;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    color: #999999;
    transition: .3s;
    -webkit-transition: .3s
}

@media (hover:hover) and (pointer:fine) {
.news-list>li:hover {
    box-shadow: 0 1rem 3.5rem rgba(153,153,153,0.25);
    background-color: #ffffff;
    color: rgba(255,255,255,0.6);
    transform: translateY(-2%)
}
.news-list>li:hover .t {
    color: #333333
}
.news-list>li:hover .bot {
    border-top-color: rgba(255,255,255,0.2);
    color: #999999
}
}

@media screen and (max-width:1180px) {
.news-list .desc {
    padding: 2rem
}
.news-list .c {
    display: none
}
.news-list .bot {
    padding: 2rem
}
}

@media screen and (max-width:750px) {
.news-list {
    margin-left: -5%
}
.news-list>li {
    width: 45%;
    margin-left: 5%
}
}

@media screen and (max-width:640px) {
.news-list {
    margin-left: -2%;
    margin-top: -3rem
}
.news-list>li {
    width: 48%;
    margin-left: 2%;
    margin-top: 3rem
}
}

@media screen and (max-width:480px) {
.news-list {
    margin-left: 0;
    margin-top: -2.5rem
}
.news-list>li {
    width: 100%;
    margin-left: 0;
    margin-top: 2.5rem
}
.news-list .desc {
    padding: 1.8rem
}
.news-list .t {
    line-height: 1.5
}
.news-list .c {
    display: -webkit-box;
    margin-top: 1.5rem;
    font-size: 1.4rem
}
.news-list .bot {
    padding: 1.8rem;
    font-size: 1.4rem
}
}
.info-tbox {
    text-align: center;
    border-bottom: 1px solid rgba(112,112,112,0.2);
    padding-bottom: 2.5rem;
    margin-bottom: 6.5rem
}
.info-tbox .t {
    line-height: 1.4
}
.info-tbox .type {
    margin-top: 2rem;
    color: #999999
}

@media screen and (max-width:1180px) {
.info-tbox {
    padding-bottom: 2rem;
    margin-bottom: 5rem
}
.info-tbox .type {
    margin-top: 1.5rem
}
}

@media screen and (max-width:750px) {
.info-tbox {
    padding-bottom: 1.5rem;
    margin-bottom: 4rem
}
.info-tbox .type {
    margin-top: 1rem
}
}

@media screen and (max-width:640px) {
.info-tbox {
    text-align: left
}
}
.pager {
    border-top: 1px solid rgba(112,112,112,0.2);
    display: flex;
    justify-content: space-between
}
.pager .item {
    max-width: 48%
}
.pager .prev .ico {
    margin-right: 1rem
}
.pager .next .ico {
    margin-left: 1rem
}
.pager a {
    display: flex;
    color: #4d4d4d
}
.pager a:hover {
    color: #002FA6
}
.pager .ico {
    color: #666666
}

@media screen and (max-width:750px) {
.pager .item {
    max-width: 49%
}
}
.pbanner2 {
    position: relative;
    overflow: hidden
}

@media screen and (max-width:750px) {
.pbanner2 .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
}
.pbanner-vh .imgBox {
    height: 100vh;
    position: relative
}
.pbanner-desc2 {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:750px) {
.pbanner-desc2 {
    position: relative;
    left: auto;
    top: auto;
    transform: inherit;
    padding: 10rem 0 4rem;
    bottom: auto
}
}
.solutions-item {
    display: flex;
    box-shadow: 0 1rem 3rem rgba(153,153,153,0.5);
    border-radius: .8rem;
    background-color: #ffffff;
    transition: .4s;
    -webkit-transition: .4s
}
.solutions-item .imgBox {
    width: 56.5%;
    border-radius: .8rem 0 0 .8rem
}
.solutions-item .imgBox img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover
}
.solutions-item .desc {
    width:35%;
    margin: 0 5%;
    padding: 4rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.solutions-item .t {
    line-height: 1.4;
    color: #333333
}
.solutions-item .c {
    margin-top: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.solutions-item .bot {
    margin-top: 3.5rem;
    color: #002FA6
}

@media screen and (max-width:1180px) {
.solutions-item .desc {
    width: 33%;
    padding: 3rem 0
}
.solutions-item .c {
    margin-top: 1.5rem
}
.solutions-item .bot {
    margin-top: 2.5rem
}
}

@media screen and (max-width:750px) {
.solutions-item {
    display: block
}
.solutions-item .imgBox {
    width: 100%;
    border-radius: .5rem .5rem 0 0
}
.solutions-item .desc {
    width: auto
}
}
.solutions-list {
    margin-top: -7rem
}
.solutions-list>li {
    margin-top: 3rem;

}
.solutions-list>li:nth-of-type(odd) .solutions-item {
    flex-direction: row-reverse;
    justify-content: space-between
}
.solutions-list>li:nth-of-type(odd) .solutions-item .imgBox {
    border-radius: 0 .8rem .8rem 0
}
.solutions-list>li:hover .solutions-item {
    transform: translateY(-2%);
    box-shadow: 0 1rem 4rem rgba(153,153,153,0.3)
}

@media screen and (max-width:1440px) {
.solutions-list {
    margin-top: -6rem
}
.solutions-list>li {
    margin-top: 6rem
}
}

@media screen and (max-width:1360px) {
.solutions-list {
    margin-top: -5rem
}
.solutions-list>li {
    margin-top: 5rem
}
}

@media screen and (max-width:1180px) {
.solutions-list {
    margin-top: -4rem
}
.solutions-list>li {
    margin-top: 4rem
}
}

@media screen and (max-width:750px) {
.solutions-list>li:nth-of-type(odd) .solutions-item .imgBox {
    border-radius: .8rem .8rem 0 0
}
}
.led-morebox {
    text-align: center
}
.led-more {
    color: #999999;
    display: flex;
    justify-content: center;
    align-items: baseline
}
.led-more .ico {
    width: 2.4rem;
    height: 2.4rem
}
.led-more .ico img {
    width: 100%;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}
.led-more .txt {
    padding-left: 1.3rem
}
.led-more[data-status='0'] .ico img {
    opacity: 0;
    visibility: hidden;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.solutions-banner {
    position: relative
}
.solutions-banner .imgBox {
    padding-left: 30%;
    display: block;
    position: relative
}
.solutions-banner .imgBox img {
    width: 100%;
    display: block
}
.solutions-banner .imgBox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: -webkit-linear-gradient(90deg, #fafaf8 64%, rgba(250,250,248,0) 100%);
    background: linear-gradient(90deg, #fafaf8 64%, rgba(250,250,248,0) 100%)
}
.solutions-banner .page-cur {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

@media screen and (max-width:768px) {
.solutions-banner .page-cur {
    position: initial;
    left: auto;
    top: auto;
    transform: inherit
}
.solutions-banner .imgBox {
    padding-left: 0
}
.solutions-banner .imgBox::after {
    display: none
}
}
.solutions-banner-desc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}
.solutions-banner-desc .desc {
    width: 44.5rem
}
.solutions-banner-desc .c {
    margin-top: 4rem
}
.solutions-banner-desc .bot {
    margin-top: 8rem
}

@media screen and (max-width:1440px) {
.solutions-banner-desc .c {
    margin-top: 3rem
}
.solutions-banner-desc .bot {
    margin-top: 6.5rem
}
}

@media screen and (max-width:1360px) {
.solutions-banner-desc .c {
    margin-top: 2.5rem
}
.solutions-banner-desc .bot {
    margin-top: 5rem
}
}

@media screen and (max-width:1180px) {
.solutions-banner-desc .desc {
    width: 38rem
}
.solutions-banner-desc .c {
    margin-top: 1.8rem
}
.solutions-banner-desc .bot {
    margin-top: 3.5rem
}
}

@media screen and (max-width:768px) {
.solutions-banner-desc {
    position: initial;
    left: auto;
    top: auto;
    transform: inherit;
    padding: 4rem 5%;
    width: 100%;
    background-color: #F6F8FA
}
.solutions-banner-desc .desc {
    width: auto
}
}
.down-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden;
    height: 4.8rem;
    min-width: 16rem;
    border-radius: 2.4rem
}
.down-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #002FA6;
    background-color: #002FA6;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.down-btn::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid #151515;
    background-color: #151515;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.down-btn .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}
.down-btn .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.down-btn .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}
.down-btn .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}

@media (hover:hover) and (pointer:fine) {
.down-btn:hover::after, [btn-moreH]:hover .down-btn::after {
    opacity: 1;
    transform: initial
}
.down-btn:hover .btn-item, [btn-moreH]:hover .down-btn .btn-item {
    transform: translate3d(0, -110%, 0)
}
.down-btn:hover .btn-item:nth-child(1), [btn-moreH]:hover .down-btn .btn-item:nth-child(1) {
    opacity: 0
}
.down-btn:hover .btn-item:nth-child(2), [btn-moreH]:hover .down-btn .btn-item:nth-child(2) {
    opacity: 1
}
.down-btn:hover .btn-ico, [btn-moreH]:hover .down-btn .btn-ico {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.down-btn {
    height: 4.4rem;
    padding: 0 1.8rem
}
}

@media screen and (max-width:640px) {
.down-btn {
    height: 4.2rem;
    padding: 0 1.8rem
}
}

@media screen and (max-width:1180px) {
.down-btn {
    min-width: 15rem
}
}

@media screen and (max-width:640px) {
.down-btn {
    min-width: 14rem
}
}
.advantage-item {
    text-align: center
}
.advantage-item .ico {
    width: 8.4rem;
    height: 8.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    margin: 0 auto
}
.advantage-item .ico img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain
}
.advantage-item .t {
    line-height: 1.4;
    padding: 2rem 0;
    color: #151515
}

@media screen and (max-width:1180px) {
.advantage-item .ico {
    width: 8rem;
    height: 8rem
}
}

@media screen and (max-width:768px) {
.advantage-item {
    background-color: #ffffff;
    box-shadow: 0 .8rem 2.2rem rgba(153,153,153,0.26);
    padding: 2.5rem 2rem;
    border-radius: .8rem
}
.advantage-item .ico {
    width: 7rem;
    height: 7rem
}
.advantage-item .t {
    padding: 2rem 0 1.5rem
}
}

@media screen and (max-width:640px) {
.advantage-item {
    padding: 2.2rem 1.5rem
}
.advantage-item .ico {
    width: 6rem;
    height: 6rem
}
.advantage-item .t {
    padding: 1.5rem 0 1rem
}
.advantage-item .c {
    font-size: 1.4rem
}
}
.solutions-advantage {
    position: relative
}
.solutions-advantage .swiper-slide {
    height: auto
}
.solutions-advantage .swiper-pag {
    position: relative;
    z-index: 400;
    line-height: 1;
    display: flex;
    justify-content: center;
    margin-top: 4rem
}
.solutions-advantage .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .8rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}
.solutions-advantage .swiper-pag .swiper-pagination-bullet:first-child {
    margin-left: 0
}
.solutions-advantage .swiper-pag .swiper-pagination-bullet-active {
    background-color: #002FA6
}
.solutions-advantage .swiper-pag.swiper-pagination-lock {
    display: none
}

@media screen and (max-width:1180px) {
.solutions-advantage .swiper-pag .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0 .6rem
}
}

@media screen and (max-width:768px) {
.solutions-advantage .swiper-pag .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem;
    margin: 0 .4rem
}
}
.solutions-advantage-ul1 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%;
    margin-top: -5%
}
.solutions-advantage-ul1>li {
    width: 29.33%;
    margin-left: 4%;
    margin-top: 5%;
    display: flex;
    flex-direction: column
}
.solutions-advantage-ul1 .advantage-item {
    height: 100%
}

@media screen and (max-width:768px) {
.solutions-advantage-ul1 {
    margin-left: -3%;
    margin-top: -3%
}
.solutions-advantage-ul1>li {
    width: 47%;
    margin-left: 3%;
    margin-top: 3%
}
}

@media screen and (max-width:640px) {
.solutions-advantage-ul1 {
    margin-left: -2%;
    margin-top: -2%
}
.solutions-advantage-ul1>li {
    width: 48%;
    margin-left: 2%;
    margin-top: 2%
}
}

@media screen and (max-width:440px) {
.solutions-advantage-ul1 {
    margin-left: 0;
    margin-top: -4%
}
.solutions-advantage-ul1>li {
    margin-left: 0;
    width: 100%;
    margin-top: 4%
}
}
.solutions-advantage-ul2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%;
    margin-top: -5%
}
.solutions-advantage-ul2>li {
    width: 21%;
    margin-left: 4%;
    margin-top: 5%;
    display: flex;
    flex-direction: column
}
.solutions-advantage-ul2 .advantage-item {
    height: 100%
}

@media screen and (max-width:768px) {
.solutions-advantage-ul2 {
    margin-left: -3%;
    margin-top: -3%
}
.solutions-advantage-ul2>li {
    width: 47%;
    margin-left: 3%;
    margin-top: 3%
}
}

@media screen and (max-width:640px) {
.solutions-advantage-ul2 {
    margin-left: -2%;
    margin-top: -2%
}
.solutions-advantage-ul2>li {
    width: 48%;
    margin-left: 2%;
    margin-top: 2%
}
}

@media screen and (max-width:440px) {
.solutions-advantage-ul2 {
    margin-left: 0;
    margin-top: -4%
}
.solutions-advantage-ul2>li {
    margin-left: 0;
    width: 100%;
    margin-top: 4%
}
}
.so-product-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    box-shadow: 0 1rem 5rem rgba(153,153,153,0.2);
    border-radius: .8rem;
    padding: 7rem 7%;
    align-items: center
}
.so-product-item .desc {
    width: 41%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.so-product-item .imgBox {
    width: 40%
}
.so-product-item .t {
    color: #151515;
    border-bottom: 1px solid #dbdbdb;
    line-height: 1.4;
    padding-bottom: 2rem;
    transition: .3s;
    -webkit-transition: .3s
}
.so-product-item .c {
    margin-top: 3rem;
    flex: 1;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}
.so-product-item .c::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255,255,255,0.3) 8%, rgba(255,255,255,0) 15%)
}
.so-product-item .bot {
    margin-top: 5rem;
    color: #002FA6
}

@media screen and (max-width:1180px) {
.so-product-item {
    padding: 6rem 5%
}
.so-product-item .desc {
    width: 45%
}
.so-product-item .imgBox {
    width: 45%
}
}

@media screen and (max-width:860px) {
.so-product-item {
    padding: 4rem 5%
}
.so-product-item .desc {
    width: 47%
}
.so-product-item .imgBox {
    width: 47%
}
}

@media screen and (max-width:640px) {
.so-product-item {
    align-items: flex-start;
    flex-direction: column
}
.so-product-item .desc {
    width: 100%;
    flex: 1;
    margin-top: 3rem
}
.so-product-item .t {
    padding-bottom: 1rem
}
.so-product-item .c {
    margin-top: 2rem
}
.so-product-item .bot {
    margin-top: 3rem
}
.so-product-item .imgBox {
    width: 100%
}
}

@media (hover:hover) and (pointer:fine) {
.so-product-item:hover .t {
    color: #002FA6
}
}
.solutions-product {
    position: relative;
    width: 110rem;
    margin: 0 auto
}
.solutions-product .swiper-slide {
    height: auto;
    opacity: .3
}
.solutions-product .swiper-slide.swiper-slide-active {
    opacity: 1
}
.solutions-product .swiper-pag {
    position: relative;
    z-index: 400;
    line-height: 1;
    display: flex;
    justify-content: center
}
.solutions-product .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .8rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}
.solutions-product .swiper-pag .swiper-pagination-bullet:first-child {
    margin-left: 0
}
.solutions-product .swiper-pag .swiper-pagination-bullet-active {
    background-color: #002FA6
}
.solutions-product .swiper-pag.swiper-pagination-lock {
    display: none
}

@media screen and (max-width:1180px) {
.solutions-product {
    width: 80%
}
.solutions-product .swiper-pag .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0 .6rem
}
}

@media screen and (max-width:640px) {
.solutions-product {
    width: 90%
}
}
.btn-more3 {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 22.2rem;
    height: 5.6rem;
    border-radius: 2.8rem;
    padding: 0 2.4rem;
    overflow: hidden
}
.btn-more3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid transparent;
    background-color: #002FA6;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.btn-more3::after {
    content: "";
    position: absolute;
    left: -1.5%;
    top: -1.5%;
    right: -1.5%;
    bottom: -1.5%;
    border: .15rem solid transparent;
    background-color: #151515;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(104%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more3 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
.btn-more3 .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #002FA6
}
.btn-more3 .btn-item {
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    position: relative
}
.btn-more3 .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more3 .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}

@media (hover:hover) and (pointer:fine) {
.btn-more3:hover::after, [btn-moreH]:hover .btn-more3::after {
    opacity: 1;
    transform: initial
}
.btn-more3:hover .btn-item .txt, [btn-moreH]:hover .btn-more3 .btn-item .txt {
    transform: translate3d(0, -110%, 0)
}
.btn-more3:hover .btn-item .txt:nth-child(1), [btn-moreH]:hover .btn-more3 .btn-item .txt:nth-child(1) {
    opacity: 0
}
.btn-more3:hover .btn-item .txt:nth-child(2), [btn-moreH]:hover .btn-more3 .btn-item .txt:nth-child(2) {
    opacity: 1
}
.btn-more3:hover .btn-ico i, [btn-moreH]:hover .btn-more3 .btn-ico i {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.btn-more3 {
    height: 5rem;
    padding: 0 2rem;
    min-width: 18rem;
    border-radius: 2.5rem
}
}

@media screen and (max-width:640px) {
.btn-more3 {
    height: 4.6rem;
    padding: 0 1.8rem;
    min-width: 16rem;
    border-radius: 2.3rem
}
}
.solutions-case {
    position: relative
}
.solutions-case .swiper-slide {
    height: auto;
    opacity: .3
}
.solutions-case .swiper-slide.swiper-slide-visible {
    opacity: 1
}
.so-case-item {
    display: flex;
    flex-direction: column;
    border-radius: .8rem;
    background-color: #ffffff;
    box-shadow: 0 .5rem 3rem rgba(153,153,153,0.16)
}
.so-case-item .imgBox {
    border-radius: .8rem .8rem 0 0
}
.so-case-item .imgBox img {
    border-radius: inherit
}
.so-case-item .desc {
    padding: 2.2rem 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.so-case-item .t {
    color: #333333;
    line-height: 1.4;
    font-weight: 500
}
.so-case-item .c {
    margin-top: 1.5rem;
    color: #666666
}
.so-case-item .bot {
    margin-top: 2rem;
    border-top: 1px solid #dbdbdb;
    padding-top: 2rem;
    line-height: 1;
    text-align: right;
    transition: .3s;
    -webkit-transition: .3s
}

@media screen and (max-width:640px) {
.so-case-item .desc {
    padding: 2rem
}
.so-case-item .c {
    margin-top: 1rem
}
}
.product-page {
    display: flex;
    justify-content: space-between
}
.product-pageL {
    flex: 1;
    border-right: 1px solid #dbdbdb;
    padding-right: 5%
}

@media screen and (max-width:768px) {
.product-pageL {
    border-right: 0 none;
    padding-right: 0
}
}
.product-pageR {
    width: 17.4rem;
    margin-left: 2.5rem;
    flex-shrink: 0
}

@media screen and (max-width:768px) {
.product-pageR {
    display: none
}
}
.product-sider-nav {
    position: sticky;
    top: 12rem
}
.product-sider-nav>li {
    margin-bottom: 1.6rem
}
.product-sider-nav>li:last-child {
    margin-bottom: 0
}
.product-sider-nav a {
    position: relative;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 5.6rem;
    padding: 1rem;
    border-radius: 2.8rem
}
.product-sider-nav a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: scale(.9);
    opacity: 0;
    border-radius: inherit;
    box-shadow: 0 .3rem 1.5rem rgba(153,153,153,0.2);
    transition: .3s;
    -webkit-transition: .3s
}
.product-sider-nav a._current {
    color: #002FA6
}
.product-sider-nav a._current::before {
    opacity: 1;
    transform: initial
}

@media screen and (max-width:1440px) {
.product-sider-nav>li {
    margin-bottom: 1.4rem
}
}

@media screen and (max-width:1180px) {
.product-sider-nav>li {
    margin-bottom: 1.2rem
}
}
.product-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3%;
    margin-top: -3.5rem
}
.product-list>li {
    margin-left: 3%;
    width: 30.33%;
    margin-top: 3.5rem
}

@media screen and (max-width:1180px) {
.product-list {
    margin-left: -5%
}
.product-list>li {
    margin-left: 5%;
    width: 45%
}
}

@media screen and (max-width:768px) {
.product-list {
    margin-left: -3%;
    margin-top: -2.5rem
}
.product-list>li {
    margin-left: 3%;
    width: 47%;
    margin-top: 2.5rem
}
}

@media screen and (max-width:480px) {
.product-list>li {
    width: 100%
}
}
.product-item {
    border-radius: .8rem;
    padding: 4rem 5%;
    height: 100%;
    display: flex;
    transition: .3s;
    -webkit-transition: .3s;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    text-align: center
}
.product-item .title {
    color: #333333;
    line-height: 1.4;
    transition: .3s;
    -webkit-transition: .3s
}
.product-item .by {
    color: #999999;
    margin-top: 1rem
}
.product-item .imgBox {
    margin-top: 2rem
}
.product-item .bot {
    margin-top: 1rem;
    font-family: "aphL";
    transition: .3s;
    -webkit-transition: .3s
}

@media (hover:hover) and (pointer:fine) {
.product-item:hover {
    box-shadow: 0 1rem 3rem rgba(153,153,153,0.2)
}
.product-item:hover .title {
    color: #002FA6
}
.product-item:hover .bot {
    color: #002FA6
}
}

@media screen and (max-width:1180px) {
.product-item {
    box-shadow: 0 1rem 3rem rgba(153,153,153,0.2)
}
}

@media screen and (max-width:640px) {
.product-item {
    padding: 3rem 5%
}
.product-item .imgBox {
    margin-top: 1.5rem
}
}
.pro-banner {
    position: relative
}

@media screen and (max-width:768px) {
.pro-banner .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}
.pro-banner .imgBox img {
    height: 100%;
    object-fit: cover
}
}
.pro-banner-desc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.pro-banner-desc .con {
    position: relative;
    padding-left: 3rem
}
.pro-banner-desc .con::before {
    content: "";
    position: absolute;
    left: 0;
    top: .8rem;
    bottom: .8rem;
    width: .3rem;
    background-color: #002FA6
}
.pro-banner-desc .t {
    line-height: 1.2
}
.pro-banner-desc .t:nth-child(2) {
    margin-top: 1rem
}
.pro-banner-desc .c {
    margin-top: 1rem
}
.pro-banner-desc .bot {
    padding-left: 3rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.5rem
}
.pro-banner-desc .bot>* {
    margin-top: .5rem;
    margin-right: 2.5rem
}
.pro-banner-desc .bot>*:last-child {
    margin-right: 0
}
.pro-banner-desc .desc {
    width: 50%
}

@media screen and (max-width:1180px) {
.pro-banner-desc .t:nth-child(2) {
    margin-top: .8rem
}
.pro-banner-desc .c {
    margin-top: .8rem
}
.pro-banner-desc .con {
    padding-left: 2rem
}
.pro-banner-desc .bot {
    padding-left: 2rem
}
.pro-banner-desc .bot>* {
    margin-right: 1.5rem
}
}

@media screen and (max-width:768px) {
.pro-banner-desc {
    position: initial;
    left: auto;
    top: auto;
    transform: inherit;
    padding: 4rem 5%;
    width: 100%
}
.pro-banner-desc .desc {
    width: auto
}
}
.down-btn2 {
    padding: 0 4rem
}

@media screen and (max-width:1180px) {
.down-btn2 {
    padding: 0 3rem
}
}

@media screen and (max-width:640px) {
.down-btn2 {
    padding: 0 2.5rem
}
}
.down-btn3 {
    padding: 0 4rem;
    min-width: 0
}

@media screen and (max-width:1180px) {
.down-btn3 {
    padding: 0 3rem
}
}

@media screen and (max-width:640px) {
.down-btn3 {
    padding: 0 2.5rem
}
}
.hw-video-btn {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background-color: #002FA6;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:1180px) {
.hw-video-btn {
    height: 4.4rem;
    width: 4.4rem
}
}

@media screen and (max-width:640px) {
.hw-video-btn {
    height: 4.2rem;
    width: 4.2rem
}
}

@media (hover:hover) and (pointer:fine) {
.hw-video-btn:hover {
    background-color: #000000
}
}
.product-type {
    position: relative;
    margin-top: -7rem
}

@media screen and (max-width:1440px) {
.product-type {
    margin-top: -5rem
}
}

@media screen and (max-width:1180px) {
.product-type {
    margin-top: 6rem
}
}
.product-type-list {
    display: flex;
    justify-content: space-between;
    border-radius: .8rem;
    box-shadow: 0 .5rem 3rem rgba(153,153,153,0.16);
    background-color: #ffffff;
    overflow: hidden
}
.product-type-list>li {
    flex: 1;
    position: relative;
    padding: 3.5rem 4%
}
.product-type-list>li::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(112,112,112,0.15)
}
.product-type-list .tbox {
    display: flex
}
.product-type-list .tbox .ico {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .9rem;
    line-height: 1;
    color: #2E92FF
}
.product-type-list .tbox .ico img {
    max-width: 100%;
    max-height: 100%;
    display: block
}
.product-type-list .c {
    margin-top: 1.8rem
}

@media screen and (max-width:1440px) {
.product-type-list>li {
    padding: 3rem 3%
}
}

@media screen and (max-width:1180px) {
.product-type-list {
    flex-wrap: wrap
}
.product-type-list>li {
    padding: 3rem 5%;
    width: 50%;
    flex: auto
}
.product-type-list>li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background-color: rgba(112,112,112,0.15)
}
.product-type-list .tbox .ico {
    width: 3.6rem;
    height: 3.6rem
}
}

@media screen and (max-width:640px) {
.product-type-list>li {
    width: 100%
}
.product-type-list .tbox .ico {
    width: 3rem;
    height: 3rem
}
}
.pro-tab table {
    width: 100% !important
}
.pro-tab table th {
    background-color: #002FA6;
    color: #ffffff;
    font-size: 2rem;
    font-weight: bold;
    padding: 1.2rem 3% !important;
    text-align: center;
    line-height: 1.4
}
.pro-tab table th:first-child {
    text-align: left
}
.pro-tab table td {
    text-align: center;
    padding: 1.2rem 3% !important;
    border-bottom: 1px solid #dbdbdb !important;
    line-height: 1.5
}
.pro-tab table td:first-child {
    text-align: left
}

@media screen and (max-width:1180px) {
.pro-tab table th {
    font-size: 1.8rem
}
}

@media screen and (max-width:640px) {
.pro-tab table th {
    font-size: 1.6rem
}
.pro-tab table td {
    font-size: 1.4rem
}
}
.service-page {
    width: 80%;
    margin: 0 auto
}

@media screen and (max-width:1180px) {
.service-page {
    width: auto
}
}
.service-page-bot {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center
}
.service-page-bot .imgBox {
    width: 69.5%
}
.service-page-bot.notxt {
    justify-content: center
}
.service-page-bot.notxt .service-num-box {
    display: none
}

@media screen and (max-width:750px) {
.service-page-bot {
    display: block
}
.service-page-bot .imgBox {
    width: 100%
}
}
.service-num-box {
    width: 20.6%
}
.service-num-box .item {
    padding: 3rem 5%;
    text-align: center
}
.service-num-box .item .num {
    line-height: 1;
    padding: 1rem 0
}

@media screen and (max-width:1180px) {
.service-num-box {
    width: 25%
}
.service-num-box .item {
    padding: 2rem 3%
}
.service-num-box .item .num {
    padding: .6rem 0
}
}

@media screen and (max-width:750px) {
.service-num-box {
    width: auto;
    display: flex;
    margin-left: -4%;
    flex-wrap: wrap
}
.service-num-box .item {
    margin-left: 4%;
    margin-top: 4rem;
    width: 46%;
    box-shadow: 0 .5rem 3rem rgba(153,153,153,0.2);
    border-radius: .8rem
}
}
.form-box {
    display: flex;
    margin-left: -2%;
    align-items: center
}

@media screen and (max-width:750px) {
.form-box {
    display: block;
    margin-left: 0
}
}
.form-item {
    position: relative;
    margin-bottom: 2.2rem;
    margin-left: 2%
}

@media screen and (max-width:750px) {
.form-item {
    margin-left: 0
}
}
.fomr-item-txt {
    flex: 1;
    position: relative
}
.fomr-item-txt label.error {
    position: absolute;
    left: 2.2rem;
    top: 100%;
    color: #002FA6;
    font-size: 1.2rem
}

@media screen and (max-width:750px) {
.fomr-item-txt label.error {
    left: 0
}
}
.hangwei-txt {
    display: flex;
    align-items: center;
    line-height: 1.4;
    border: 1px solid #dbdbdb;
    border-radius: .5rem;
    padding: 0 2.2rem;
    height: 6rem;
    width: 100%;
    transition: .3s;
    -webkit-transition: .3s
}
.hangwei-txt:focus {
    border-color: #002FA6
}

@media screen and (max-width:750px) {
.hangwei-txt {
    height: 4.6rem;
    padding: 0 1.5rem
}
}
.hangwei-txt2 {
    padding: 1.4rem 2.2rem;
    height: 25rem;
    resize: none;
    font-size: 1.6rem
}

@media screen and (max-width:750px) {
.hangwei-txt2 {
    height: 15rem;
    padding: 1.5rem
}
}
.hangwei-se {
    height: 6rem;
    border: 1px solid #dbdbdb;
    border-radius: .5rem;
    padding: 0 2.2rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.6rem;
    background-color: transparent
}
.hangwei-se:focus {
    border-color: #002FA6
}

@media screen and (max-width:750px) {
.hangwei-se {
    padding: 0 1.5rem;
    height: 4.6rem
}
}
.form-itemb {
    display: flex;
    margin-bottom: 2.2rem;
    margin-left: 2%;
    position: relative
}

@media screen and (max-width:750px) {
.form-itemb {
    margin-left: 0
}
}
.hangwei-se-arrow {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}
.form-name {
    position: absolute;
    flex-shrink: 0;
    margin-right: 1rem;
    line-height: 1;
    pointer-events: none;
    left: 2.2rem;
    top: 50%;
    transform: translateY(-50%)
}
.form-name sup {
    color: #002FA6;
    position: absolute;
    top: -0.5rem;
    line-height: 1
}
.form-name.on {
    display: none
}

@media screen and (max-width:750px) {
.form-name {
    left: 1.5rem
}
}
.form-label {
    position: relative;
    margin-right: 2rem;
    cursor: pointer;
    display: flex;
    align-items: center
}
.form-label input {
    margin: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}
.form-label input:checked+.radio-ico {
    background-color: #002FA6
}
.form-label .radio-ico {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 100%;
    background-color: #D8D8D8;
    display: block;
    margin-right: 1.8rem;
    flex-shrink: 0;
    position: relative;
    line-height: 1
}
.form-label .radio-ico::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    -webkit-transition: .3s
}

@media screen and (max-width:750px) {
.form-label .radio-ico {
    width: 16px;
    height: 16px;
    margin-right: 1.5rem
}
.form-label .radio-ico::before {
    width: 6px;
    height: 6px
}
}
.form-itemw {
    width: 31.33%
}

@media screen and (max-width:750px) {
.form-itemw {
    width: 100%
}
}
.form-itemw1 {
    width: 64.66%
}

@media screen and (max-width:750px) {
.form-itemw1 {
    width: 100%
}
}
.form-itemw2 {
    width: 100%
}
.form-bot {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem
}
.form-bot .lbox {
    display: flex;
    align-items: center
}
.form-bot .form-item {
    margin-bottom: 0;
    width: 22rem
}

@media screen and (max-width:750px) {
.form-bot {
    display: block;
    margin-top: 2rem
}
.form-bot .lbox {
    margin-bottom: 4rem
}
}
.ymz-box {
    display: flex;
    height: 4.5rem;
    align-items: flex-end;
    margin-left: 1.2rem;
    position: relative;
    cursor: pointer
}
.ymz-box .ico {
    flex-shrink: 0
}

@media screen and (max-width:750px) {
.ymz-box {
    margin-left: 0
}
.ymz-box .ico {
    position: absolute;
    right: 0;
    bottom: 0
}
}
.btn-more4 {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 22.2rem;
    height: 5.6rem;
    border-radius: 2.8rem;
    padding: 0 2.4rem;
    overflow: hidden;
    border: 0 none;
    background-color: transparent;
    font-family: "aphR", PingFangSC-Regular, PingFang SC, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}
.btn-more4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid #002FA6;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.btn-more4::after {
    content: "";
    position: absolute;
    left: -1.5%;
    top: -1.5%;
    right: -1.5%;
    bottom: -1.5%;
    border: .15rem solid transparent;
    background-color: #151515;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(104%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more4 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
.btn-more4 .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #002FA6;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #ffffff
}
.btn-more4 .btn-item {
    color: #002FA6;
    line-height: 1.2;
    align-items: center;
    position: relative
}
.btn-more4 .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more4 .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}

@media (hover:hover) and (pointer:fine) {
.btn-more4:hover::after, [btn-moreH]:hover .btn-more4::after {
    opacity: 1;
    transform: initial
}
.btn-more4:hover .btn-item .txt, [btn-moreH]:hover .btn-more4 .btn-item .txt {
    transform: translate3d(0, -110%, 0)
}
.btn-more4:hover .btn-item .txt:nth-child(1), [btn-moreH]:hover .btn-more4 .btn-item .txt:nth-child(1) {
    opacity: 0
}
.btn-more4:hover .btn-item .txt:nth-child(2), [btn-moreH]:hover .btn-more4 .btn-item .txt:nth-child(2) {
    opacity: 1
}
.btn-more4:hover .btn-ico i, [btn-moreH]:hover .btn-more4 .btn-ico i {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.btn-more4 {
    height: 5rem;
    padding: 0 2rem;
    min-width: 18rem;
    border-radius: 2.5rem
}
}

@media screen and (max-width:640px) {
.btn-more4 {
    height: 4.6rem;
    padding: 0 1.8rem;
    min-width: 16rem;
    border-radius: 2.3rem
}
}
.download-serach {
    display: flex;
    margin: 0 auto;
    max-width: 68rem;
    background-color: #ffffff;
    border-radius: 4.4rem;
    padding-left: 3rem;
    margin-top: 7rem
}
.download-serach .txtbox {
    flex: 1;
    margin-right: 1rem;
    height: 6.6rem;
    display: flex;
    align-items: center
}
.download-serach .txt {
    background-color: transparent;
    border: 0 none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}
.download-serach .btn {
    width: 10rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9a9a9a;
    border-radius: inherit
}
.download-serach .btn:hover {
    background-color: #002FA6;
    color: #ffffff
}

@media screen and (max-width:1440px) {
.download-serach {
    margin-top: 5rem
}
}

@media screen and (max-width:1180px) {
.download-serach {
    margin-top: 3.5rem;
    width: 100%
}
.download-serach .txtbox {
    height: 5rem
}
.download-serach .btn {
    width: 7rem
}
}
.down-select-item {
    display: flex;
    line-height: 1.5;
    margin-bottom: 2rem;
    color: #333333
}
.down-select-item .title {
    flex-shrink: 0;
    font-family: "aphSB";
    padding: 1rem 0
}

@media screen and (max-width:1440px) {
.down-select-item {
    margin-bottom: 1.2rem
}
.down-select-item .title {
    padding: .8rem 0
}
}

@media screen and (max-width:750px) {
.down-select-item {
    margin-bottom: .6rem
}
.down-select-item .title {
    padding: .4rem 0
}
}

@media screen and (max-width:640px) {
.down-select-item {
    display: block
}
.down-select-item .title {
    padding: 0 0 .5rem
}
}
.down-se-list {
    display: flex;
    flex-wrap: wrap
}
.down-se-list a {
    border-radius: .8rem;
    border: 1px solid #dbdbdb;
    padding: 1rem 3rem;
    margin-left: 3rem;
    margin-bottom: 2rem;
    color: #333333
}
.down-se-list a.cur {
    background-color: #002FA6;
    border-color: #002FA6;
    color: #ffffff
}

@media screen and (max-width:1440px) {
.down-se-list a {
    padding: .8rem 2.6rem;
    margin-left: 2rem;
    margin-bottom: 1.6rem
}
}

@media screen and (max-width:1180px) {
.down-se-list a {
    padding: .8rem 2.4rem;
    margin-left: 1.8rem;
    margin-bottom: 1rem
}
}

@media screen and (max-width:750px) {
.down-se-list a {
    padding: .4rem 1.5rem;
    margin-left: 1.5rem;
    margin-bottom: .6rem
}
}

@media screen and (max-width:640px) {
.down-se-list a {
    padding: .4rem 1rem;
    margin-left: 0;
    margin-right: 1.2rem
}
}
.down-select-guo {
    display: flex;
    flex-wrap: wrap
}
.down-select-guo a {
    border-radius: 2.4rem;
    border: 1px solid #dbdbdb;
    padding: 1rem 3rem;
    margin-right: 3rem;
    color: #333333
}
.down-select-guo a:hover {
    background-color: #151515;
    border-color: #151515;
    color: #ffffff
}
.down-select-guo .down-se-ok {
    background-color: #002FA6;
    border-color: #002FA6;
    color: #ffffff
}

@media screen and (max-width:1440px) {
.down-select-guo a {
    border-radius: 2rem;
    padding: .8rem 2.6rem;
    margin-right: 2rem
}
}

@media screen and (max-width:1180px) {
.down-select-guo a {
    padding: .8rem 2.4rem;
    margin-right: 1.8rem
}
}

@media screen and (max-width:750px) {
.down-select-guo a {
    padding: .6rem 2rem;
    margin-right: 1.5rem
}
}
.down-guo-num {
    padding-bottom: 1.5rem;
    line-height: 1.4;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 3rem;
    color: #002FA6
}
.down-list dt {
    display: flex;
    background-color: #eeeeee;
    border-radius: .8rem .8rem 0 0;
    font-size: 2rem;
    color: #333333;
    padding: 2rem 5%
}
.down-list dd {
    padding: 3rem 5%;
    display: flex;
    border-bottom: 1px solid #dbdbdb
}
.down-list .item {
    margin-right: 4%
}
.down-list .item:last-child {
    margin-right: 0
}
.down-list .item1 {
    width: 50%
}
.down-list .item2 {
    width: 15%;
    text-align: center
}
.down-list .item3 {
    flex: 1;
    display: flex;
    justify-content: center
}
.down-list .down-lbtn {
    display: flex;
    color: #4d4d4d
}
.down-list .down-lbtn:hover {
    color: #002FA6
}
.down-list .ico {
    font-size: 2.2rem;
    margin-right: 1rem;
    flex-shrink: 0;
    line-height: 1.2
}

@media screen and (max-width:1180px) {
.down-list dt {
    font-size: 1.8rem;
    padding: 1.6rem 5%
}
.down-list dd {
    padding: 2.5rem 5%
}
}

@media screen and (max-width:640px) {
.down-list dt {
    display: none
}
.down-list dd {
    display: block;
    background-color: rgba(153,153,153,0.1);
    border-radius: .8rem;
    margin-bottom: 1rem
}
.down-list .item {
    margin-right: 0
}
.down-list .item1 {
    width: auto
}
.down-list .item2 {
    width: auto;
    text-align: left;
    padding: 1.2rem 0 1.2rem 3.2rem
}
.down-list .item3 {
    justify-content: flex-start
}
}
.video-btn {
    min-width: 15.2rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden
}
.video-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #ffffff;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.video-btn::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid transparent;
    background-color: #002FA6;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.video-btn .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}
.video-btn .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.video-btn .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}
.video-btn .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}

@media (hover:hover) and (pointer:fine) {
.video-btn:hover::after, [btn-moreH]:hover .video-btn::after {
    opacity: 1;
    transform: initial
}
.video-btn:hover .btn-item, [btn-moreH]:hover .video-btn .btn-item {
    transform: translate3d(0, -110%, 0)
}
.video-btn:hover .btn-item:nth-child(1), [btn-moreH]:hover .video-btn .btn-item:nth-child(1) {
    opacity: 0
}
.video-btn:hover .btn-item:nth-child(2), [btn-moreH]:hover .video-btn .btn-item:nth-child(2) {
    opacity: 1
}
.video-btn:hover .btn-ico, [btn-moreH]:hover .video-btn .btn-ico {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.video-btn {
    height: 4.4rem;
    padding: 0 1.8rem
}
}

@media screen and (max-width:640px) {
.video-btn {
    height: 4.2rem;
    padding: 0 1.8rem
}
}
.factory-ul {
    display: flex;
    margin-left: -2%;
    margin-top: -2%;
    flex-wrap: wrap
}
.factory-ul>li {
    position: relative;
    width: 48%;
    margin-left: 2%;
    margin-top: 2%;
    border-radius: .8rem;
    overflow: hidden
}
.factory-ul .imgBox {
    border-radius: inherit
}
.factory-ul .imgBox img {
    border-radius: inherit
}
.factory-ul .imgBox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    border-radius: inherit;
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 6%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 6%, rgba(0,0,0,0.7) 100%)
}
.factory-ul .txt {
    color: #ffffff;
    position: absolute;
    left: 5%;
    top: 8%;
    right: 5%;
    text-align: center;
    line-height: 1.5
}

@media screen and (max-width:640px) {
.factory-ul>li {
    width: 100%
}
}
.core-pageC {
    display: flex;
    justify-content: space-between
}
.core-pageC .lbox {
    width: 50%
}
.core-pageC .rbox {
    width: 38%
}

@media screen and (max-width:1180px) {
.core-pageC {
    display: block
}
.core-pageC .lbox {
    width: auto
}
.core-pageC .rbox {
    width: auto;
    margin-top: 3rem
}
}
.manufacturing-nav {
    border-bottom: 1px solid #707070;
    display: flex;
    align-items: center;
    justify-content: center
}
.manufacturing-nav a {
    color: #4d4d4d;
    line-height: 1.2;
    padding-bottom: 2.5rem;
    position: relative;
    min-width: 14%;
    text-align: center
}
.manufacturing-nav a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #002FA6;
    height: 2px;
    width: 0;
    transition: .3s;
    -webkit-transition: .3s
}
.manufacturing-nav a.active {
    color: #002FA6
}
.manufacturing-nav a.active::before {
    width: 100%
}
.btn-more5 {
    min-width: 15.2rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden
}
.btn-more5::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #ffffff;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.btn-more5::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid transparent;
    background-color: #002FA6;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more5 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}
.btn-more5 .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.btn-more5 .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}
.btn-more5 .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}

@media (hover:hover) and (pointer:fine) {
.btn-more5:hover::after, [btn-moreH]:hover .btn-more5::after {
    opacity: 1;
    transform: initial
}
.btn-more5:hover .btn-item, [btn-moreH]:hover .btn-more5 .btn-item {
    transform: translate3d(0, -110%, 0)
}
.btn-more5:hover .btn-item:nth-child(1), [btn-moreH]:hover .btn-more5 .btn-item:nth-child(1) {
    opacity: 0
}
.btn-more5:hover .btn-item:nth-child(2), [btn-moreH]:hover .btn-more5 .btn-item:nth-child(2) {
    opacity: 1
}
.btn-more5:hover .btn-ico, [btn-moreH]:hover .btn-more5 .btn-ico {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.btn-more5 {
    height: 4.4rem;
    padding: 0 1.8rem
}
}

@media screen and (max-width:640px) {
.btn-more5 {
    height: 4.2rem;
    padding: 0 1.8rem
}
}
.manufacturing-swiper {
    position: relative
}
.manufacturing-swiper .swiper-slide {
    height: auto;
    opacity: .35
}
.manufacturing-swiper .swiper-slide.swiper-slide-active {
    opacity: 1
}
.manufacturing-swiper .imgBox::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 6%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 6%, rgba(0,0,0,0.6) 100%)
}
.manufacturing-swiper .desc {
    position: absolute;
    left: 8%;
    bottom: 8%;
    right: 8%;
    color: #ffffff
}
.manufacturing-swiper .t {
    font-weight: normal
}
.manufacturing-swiper .c {
    max-width: 48rem;
    margin-top: 3.5rem
}
.manufacturing-swiper .bot {
    margin-top: 4rem
}

@media screen and (max-width:1440px) {
.manufacturing-swiper .desc {
    left: 6%;
    bottom: 6%;
    right: 6%
}
.manufacturing-swiper .c {
    margin-top: 2.5rem
}
.manufacturing-swiper .bot {
    margin-top: 3rem
}
}

@media screen and (max-width:1180px) {
.manufacturing-swiper .desc {
    left: 5%;
    right: 5%
}
.manufacturing-swiper .c {
    margin-top: 1.5rem;
    max-width: 100%
}
.manufacturing-swiper .bot {
    margin-top: 2rem
}
}

@media screen and (max-width:750px) {
.manufacturing-swiper .desc {
    left: auto;
    bottom: auto;
    right: auto;
    position: inherit;
    color: #333333;
    margin-top: 3rem
}
.manufacturing-swiper .btn-more5 {
    background-color: #002FA6
}
.manufacturing-swiper .btn-more5::before {
    border: 0 none
}
}
.led-more2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden;
    min-width: 16rem;
    height: 4.8rem;
    border-radius: 2.4rem
}
.led-more2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #002FA6;
    background-color: #002FA6;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}
.led-more2::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid #151515;
    background-color: #151515;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.led-more2 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}
.led-more2 .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}
.led-more2 .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}
.led-more2 .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}

@media (hover:hover) and (pointer:fine) {
.led-more2:hover::after, [btn-moreH]:hover .led-more2::after {
    opacity: 1;
    transform: initial
}
.led-more2:hover .btn-item, [btn-moreH]:hover .led-more2 .btn-item {
    transform: translate3d(0, -110%, 0)
}
.led-more2:hover .btn-item:nth-child(1), [btn-moreH]:hover .led-more2 .btn-item:nth-child(1) {
    opacity: 0
}
.led-more2:hover .btn-item:nth-child(2), [btn-moreH]:hover .led-more2 .btn-item:nth-child(2) {
    opacity: 1
}
.led-more2:hover .btn-ico, [btn-moreH]:hover .led-more2 .btn-ico {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}
}

@media screen and (max-width:1180px) {
.led-more2 {
    height: 4.4rem;
    padding: 0 1.8rem
}
}

@media screen and (max-width:640px) {
.led-more2 {
    height: 4.2rem;
    padding: 0 1.8rem
}
}
.led-more2[data-status='0'] {
    pointer-events: none;
    cursor: no-drop
}

@media screen and (max-width:1180px) {
.led-more2 {
    min-width: 15rem
}
}

@media screen and (max-width:640px) {
.led-more2 {
    min-width: 14rem
}
}