body {
    --www: 1rem;
    --interval: var(--www);
    --nav_height: 0.8rem;
    --color: #0b109f;
    --h1: 0.45rem;
    --f14: 0.14rem;
    --f16: 0.16rem;
    --f18: 0.18rem;
    --f20: 0.2rem;
    --f22: 0.22rem;
    --f24: 0.24rem;
    --f26: 0.26rem;
    --f28: 0.28rem;
    --f30: 0.3rem;
    --f32: 0.32rem;
    --f34: 0.34rem;
    --f36: 0.36rem;
    --f38: 0.38rem;
    --f40: 0.4rem;
    --f42: 0.42rem;
    --f44: 0.44rem;
    --f46: 0.46rem;
    --f48: 0.48rem;
    --f52: 0.52rem;
    --f54: 0.54rem;
    --f56: 0.56rem;
    --f58: 0.58rem;
    --f60: 0.6rem;
    --f90: 0.9rem
}

@media screen and (min-width:1921px) {
    body {
        --interval: calc((100vw - (19.2rem - var(--www))) / 2)
    }
}

@media screen and (max-width:1520px) {
    body {
        --f14: 12px;
        --f16: 14px;
        --f18: 16px;
        --f20: 18px;
        --f22: 20px
    }
}

@media screen and (max-width:1200px) {
    body {
        --f20: 16px;
        --f22: 16px;
        --f24: 18px;
        --f26: 20px;
        --f28: 22px;
        --f30: 0.36rem;
        --f32: 0.36rem;
        --f34: 0.38rem;
        --f36: 0.4rem;
        --f38: 0.4rem;
        --f40: 0.4rem;
        --f42: 0.4rem;
        --f44: 0.4rem;
        --f46: 0.4rem;
        --f48: 0.4rem;
        --f52: 0.46rem;
        --f54: 0.48rem;
        --f56: 0.52rem;
        --f58: 0.52rem;
        --f60: 0.54rem;
        --interval: 5vw;
        --nav_height: 58px
    }
}

@media screen and (max-width:767px) {
    body {
        --f14: 0.26rem;
        --f16: 0.28rem;
        --f18: 0.3rem;
        --f20: 0.3rem;
        --f22: 0.32rem;
        --f24: 0.34rem;
        --f26: 0.34rem;
        --f28: 0.36rem;
        --f30: 0.4rem;
        --f32: 0.4rem;
        --f34: 0.4rem;
        --f36: 0.4rem;
        --f38: 0.4rem;
        --f40: 0.42rem;
        --f42: 0.42rem;
        --f44: 0.42rem;
        --f46: 0.42rem;
        --f48: 0.42rem;
        --f52: 0.42rem;
        --f54: 0.44rem;
        --f56: 0.46rem;
        --f58: 0.46rem;
        --f60: 0.48rem
    }
}

.maodian,
#contact {
    position: relative;
    top: calc(var(--nav_height) * -1 + 1px)
}

.mobile_search {
    top: var(--nav_height)
}

body {
    overflow-x: hidden;
    overflow-y: auto
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

body::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(255,
            255, 255, 0.4)
}

body::-webkit-scrollbar-track {
    border-radius: 0px;
    background: #080d29
}

@-moz-document url-prefix() {
    body {
        scrollbar-color: #0b109f rgba(255, 255, 255,
                0.1);
        scrollbar-width: thin
    }
}

.body {
    overflow: hidden;
    padding-right: 5px
}

.wMain {
    padding-left: var(--interval);
    padding-right: var(--interval);
    width: 100%
}

.swiper-button-lock {
    display: none !important
}

.button-disabled,
.swiper-button-disabled {
    cursor: auto;
    pointer-events: none
}

.ta {
    text-align: center
}

.dw {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flex_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.center {
    text-align: center
}

.bgColor {
    background: #f7f7f7
}

.pt {
    padding-top: 0.94rem
}

.pb {
    padding-bottom: 0.94rem
}

.mt {
    margin-top: 0.56rem
}

.Privacy_Policy .box_ .content1 {
    font-size: var(--f32)
}

.Privacy_Policy .box_ .hr {
    border-top: 1px solid #eee;
    margin: 0.5rem 0
}

.Privacy_Policy .box_ .content3 {
    font-size: var(--f18);
    line-height: 1.8;
    color: #333
}

.Privacy_Policy .box_ table {
    max-width: 100%;
    margin: auto
}

.Search_List .box1 {
    padding: 1.4rem 0 0.5rem;
    font-size: var(--f20);
    background: #f7f7f7
}

.Search_List .box2 {
    min-height: 40vh
}

.Search_List .box2 .item {
    padding: 0.2rem 0.8rem;
    border-bottom: 1px solid #eee
}

@media screen and (max-width:1200px) {
    .Search_List .box2 .item {
        padding: 0.2rem 0rem
    }
}

.Search_List .box2 .item a .left {
    max-width: 80%
}

.Search_List .box2 .item a .left .t {
    font-size: var(--f14);
    color: #999
}

.Search_List .box2 .item a .left .b {
    font-size: var(--f24);
    color: #333;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 12px
}

.Search_List .box2 .item a .right {
    font-size: var(--f16);
    color: #0b109f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Search_List .box2 .item a .right i {
    font-size: var(--f16);
    display: inline-block;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Search_List .box2 .item a:hover .b {
    color: #0b109f
}

.Search_List .box2 .item a:hover .right i {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.Search_List .box3 {
    font-size: var(--f18);
    text-align: center
}

.code_button .a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.15rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.code_button .a svg {
    width: 0.3rem;
    position: relative;
    z-index: 2;
    height: 0.3rem
}

.code_button .a svg path {
    fill: #303E48;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.code_button .a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 0.47rem #c2b2a5;
    box-shadow: inset 0 0 0 0.47rem #c2b2a5;
    -webkit-transition: -webkit-box-shadow 0.3s,
        -webkit-transform 0.3s;
    transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
    -o-transition: box-shadow 0.3s,
        transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s
}

.code_button .a:hover::after {
    -webkit-box-shadow: inset 0 0 0 2px #c2b2a5;
    box-shadow: inset 0 0 0 2px #c2b2a5;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.Header_Container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    --h1: 0.45rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Header_Container::after {
    content: '';
    width: 100%;
    height: calc(100vh - var(--nav_height) - 0.45rem);
    bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0,
            0.3);
    opacity: 0;
    visibility: hidden
}

.Header_Container .boxTop {
    background: #0b109f;
    position: relative;
    z-index: 2
}

.Header_Container .boxTop .boxLeft {
    font-size: var(--f16);
    color: #fff;
    line-height: var(--h1)
}

.Header_Container .boxTop .boxRight ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Header_Container .boxTop .boxRight ul li {
    margin-left: 0.3rem
}

.Header_Container .boxTop .boxRight ul li a {
    font-size: var(--f16);
    color: #fff;
    font-family: 'Butler_Regular';
    line-height: var(--h1)
}

.Header_Container .boxBot {
    position: relative;
    z-index: 2
}

.Header_Container .boxBot .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Header_Container .boxBot .logo a {
    display: block
}

.Header_Container .boxBot .logo a svg,
.Header_Container .boxBot .logo a img {
    transition: 0.4s
}

.Header_Container .boxBot .logo a path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Header_Container .boxBot nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.Header_Container .boxBot nav .item {
    padding: 0 0.25rem
}

.Header_Container .boxBot nav .item>p a {
    font-size: var(--f20);
    font-family: 'Butler_Bold';
    color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    line-height: var(--nav_height);
    display: block;
    border-bottom: 1px solid transparent
}

.Header_Container .boxBot nav .item.active>p a {
    border-bottom: 1px solid #fff
}

.Header_Container .boxBot nav .item:hover>p a {
    color: #0b109f !important
}

.Header_Container .boxBot nav .item:hover .two_nav {
    -webkit-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Header_Container .boxBot nav .itemPro {
    position: initial
}

.Header_Container .boxBot .search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.6rem;
    margin-right: 0.5rem
}

.Header_Container .boxBot .search a {
    display: block;
    cursor: pointer
}

.Header_Container .boxBot .search a path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Header_Container .boxBot .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px
}

.Header_Container .boxBot .menu p {
    cursor: pointer
}

.Header_Container .boxBot .menu p span {
    width: 25px;
    height: 3px;
    background: #fff;
    display: block;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Header_Container .boxBot .menu p span:last-child {
    margin-top: 0.06rem
}

.Header_Container .boxBot .menu p.active span {
    margin: -3px
}

.Header_Container .boxBot .menu p.active span:nth-child(1) {
    transform: rotate(45deg)
}

.Header_Container .boxBot .menu p.active span:nth-child(2) {
    transform: rotate(-45deg)
}

.Header_Container.active,
.Header_Container.act,
.Header_Container.on,
.Header_Container.in,
.Header_Container.me {
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px #f7f7f7;
    box-shadow: 0px 0px 10px #f7f7f7
}

.Header_Container.active .boxBot .logo a img,
.Header_Container.act .boxBot .logo a img,
.Header_Container.on .boxBot .logo a img,
.Header_Container.in .boxBot .logo a img,
.Header_Container.me .boxBot .logo a img,
.Header_Container.active .boxBot .logo a svg,
.Header_Container.act .boxBot .logo a svg,
.Header_Container.on .boxBot .logo a svg,
.Header_Container.in .boxBot .logo a svg,
.Header_Container.me .boxBot .logo a svg {
    filter: invert(1)
}

.Header_Container.active .boxBot nav .item>p a,
.Header_Container.act .boxBot nav .item>p a,
.Header_Container.on .boxBot nav .item>p a,
.Header_Container.in .boxBot nav .item>p a,
.Header_Container.me .boxBot nav .item>p a {
    color: #333
}

.Header_Container.active .boxBot nav .item.active>p a,
.Header_Container.act .boxBot nav .item.active>p a,
.Header_Container.on .boxBot nav .item.active>p a,
.Header_Container.in .boxBot nav .item.active>p a,
.Header_Container.me .boxBot nav .item.active>p a {
    color: #0b109f;
    border-bottom: 1px solid #0b109f
}

.Header_Container.active .boxBot .search a path,
.Header_Container.act .boxBot .search a path,
.Header_Container.on .boxBot .search a path,
.Header_Container.in .boxBot .search a path,
.Header_Container.me .boxBot .search a path {
    fill: #333
}

.Header_Container.active .boxBot .menu p span,
.Header_Container.act .boxBot .menu p span,
.Header_Container.on .boxBot .menu p span,
.Header_Container.in .boxBot .menu p span,
.Header_Container.me .boxBot .menu p span {
    background: #000
}

.Header_Container.in2 {
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px #f7f7f7;
    box-shadow: 0px 0px 10px #f7f7f7
}

.Header_Container.in2::after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Header_Container.in2 .boxBot .logo a img,
.Header_Container.in2 .boxBot .logo a svg {
    filter: invert(1)
}

.Header_Container.in2 .boxBot nav,
.Header_Container.in2 .boxBot .search {
    visibility: hidden;
    opacity: 0
}

.Header_Container.in2 .boxBot .menu p span {
    background: #000
}

.Header_Container.me nav {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s
}

.Menu_Layer {
    position: fixed;
    z-index: 70;
    width: 100%;
    top: calc(var(--nav_height) + var(--h1));
    left: 0;
    height: calc(100vh - var(--nav_height) - var(--h1));
    background: #f4f4f4;
    clip-path: ellipse(0 0 at 100% 0);
    pointer-events: none;
    transition: clip-path 0.6s, -webkit-clip-path 0.6s
}

.Menu_Layer.active {
    clip-path: ellipse(142% 142% at 100% 0);
    pointer-events: auto
}

.Menu_Layer .wMain {
    height: 100%
}

.Menu_Layer .box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    padding: 1rem 0
}

.Menu_Layer .box .boxTop .item .h5 a {
    color: #000;
    font-family: 'Butler_Bold';
    font-size: var(--f26);
    transition: 0.4s
}

.Menu_Layer .box .boxTop .item .h5 a:hover {
    color: #0b109f
}

.Menu_Layer .box .boxTop .item ul {
    margin-top: 0.38rem
}

.Menu_Layer .box .boxTop .item ul li {
    margin-bottom: 0.15rem
}

.Menu_Layer .box .boxTop .item ul li a {
    font-size: var(--f18);
    color: #666;
    font-family: 'Butler_Bold';
    transition: 0.4s
}

.Menu_Layer .box .boxTop .item ul li a:hover {
    color: #0b109f
}

.Menu_Layer .box .boxTop .item ul li.active a {
    color: #0b109f
}

.Menu_Layer .box .boxBottom .left {
    font-size: var(--f26);
    font-family: 'Butler_Bold'
}

.Menu_Layer .box .boxBottom .right ul {
    display: flex
}

.Menu_Layer .box .boxBottom .right ul li {
    margin-right: 10px
}

.Menu_Layer .box .boxBottom .right ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #eaeaea;
    border-radius: 4px;
    width: 0.65rem;
    height: 0.65rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Menu_Layer .box .boxBottom .right ul li a svg {
    margin: auto
}

.Menu_Layer .box .boxBottom .right ul li a svg path {
    transition: 0.4s
}

.Menu_Layer .box .boxBottom .right ul li a:hover {
    background: #0b109f
}

.Menu_Layer .box .boxBottom .right ul li a:hover svg path {
    fill: #fff
}

.mobile_search .input input {
    font-size: 16px
}

.search_box {
    border-top: 1px solid #eee;
    -webkit-box-shadow: 0px 0px 10px #f7f7f7;
    box-shadow: 0px 0px 10px #f7f7f7;
    position: fixed;
    left: 0;
    top: calc(var(--nav_height) + var(--h1));
    width: 100%;
    z-index: 5;
    display: none
}

.Home_Banner .banner .middle {
    padding: .3rem 0 0;
    font-size: .5rem;
    line-height: .6rem;
    font-family: 'Butler_Bold';
    width: 80%
}

.Home_Banner .banner .middle.zj {
    font-size: .34rem;
    border-top: 2px solid #fff;
    display: inline-block;
    width: auto;
    padding-top: .1rem;
    margin-top: .5rem
}

.Home_Banner .banner .middle.zj li {
    line-height: 1.2
}

.Home_Banner .banner .bottom {
    margin-top: .3rem;
    font-family: 'Butler_Bold'
}

.Home_Banner .banner .bottom li {
    margin-bottom: .05rem;
    font-size: .3rem
}

.Home_Banner .banner .bottom li i img {
    max-width: .38rem;
    margin-right: .2rem
}

@media screen and (max-width:1200px) {
    .search_box {
        top: calc(var(--nav_height))
    }
}

.search_box form {
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 0.2rem 0
}

.search_box .bo {
    background: #f4f4f4;
    padding: 0 0.34rem
}

.search_box .bo .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search_box .bo .ss input {
    height: 0.62rem;
    border: 0;
    background: none;
    font-size: var(--f22);
    padding-left: 0.18rem;
    width: 5.32rem
}

.search_box .bo .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search_box .bo .btn label {
    cursor: pointer
}

.search_box .bo .btn label path {
    fill: #7a7a7a;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.search_box .bo .btn label:hover path {
    fill: #0b109f
}

.two_nav {
    background: #fff;
    position: absolute;
    left: 0%;
    width: 100%;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
    opacity: 0;
    visibility: hidden
}

.two_nav ul {
    padding: 0.24rem 0;
    display: flex;
    justify-content: center
}

.two_nav ul li a {
    display: block;
    font-size: var(--f18);
    color: #333;
    padding: 0.06rem 0.3rem;
    font-family: 'Butler_Bold';
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.two_nav ul li a:hover {
    color: #0b109f
}

.Pro_Nav {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 7;
    --p: 0.65rem;
    background: #f7f7f7;
    --h: calc(85vh - var(--nav_height) - var(--h1));
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem)
}

.Pro_Nav .box_ .left_ {
    height: var(--h);
    width: 25%;
    background: #efefef;
    padding: var(--p) 0.3rem 0 var(--interval)
}

.Pro_Nav .box_ .left_ ul li {
    padding-bottom: 0.14rem
}

.Pro_Nav .box_ .left_ ul li a {
    display: block;
    font-size: var(--f18);
    color: #333;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Pro_Nav .box_ .left_ ul .active a {
    font-family: 'gilroy_bold';
    color: #0b109f
}

.Pro_Nav .box_ .right_ {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: var(--p) var(--interval) 0 1rem
}

.Pro_Nav .box_ .right_ .list_ {
    display: none
}

.Pro_Nav .box_ .right_ .list_>div {
    opacity: 0
}

.Pro_Nav .box_ .right_ .list_ .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.2rem;
    padding-bottom: 0.7rem;
    overflow: auto
}

.Pro_Nav .box_ .right_ .list_ .le::-webkit-scrollbar-track {
    background-color: rgb(201, 201,
            201);
    width: 4px;
    height: 164px;
    position: absolute
}

.Pro_Nav .box_ .right_ .list_ .le::-webkit-scrollbar {
    width: 4px
}

.Pro_Nav .box_ .right_ .list_ .le::-webkit-scrollbar-thumb {
    display: block;
    width: 10px;
    height: 35px;
    background: #000
}

.Pro_Nav .box_ .right_ .list_ .le:nth-child(2) {
    margin-left: .4rem
}

.Pro_Nav .box_ .right_ .list_ .le ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.135rem 0.3rem
}

.Pro_Nav .box_ .right_ .list_ .le ul li a {
    display: inline;
    font-size: var(--f16);
    color: #0b109f;
    background: -o-linear-gradient(#0b109f, #0b109f) no-repeat right bottom;
    background: -webkit-gradient(linear, left top, left bottom, from(#0b109f), to(#0b109f)) no-repeat right bottom;
    background: linear-gradient(#0b109f, #0b109f) no-repeat right bottom;
    background-size: 0% 1px
}

.Pro_Nav .box_ .right_ .list_ .le ul li a:hover,
.Pro_Nav .box_ .right_ .list_ .le ul li a.active {
    background-position-x: left;
    background-size: 100% 1px;
    -webkit-transition: background-size 0.4s;
    -o-transition: background-size 0.4s;
    transition: background-size 0.4s
}

.Pro_Nav .box_ .right_ .list_ .le ul .active a {
    background-position-x: left;
    background-size: 100% 1px
}

.Pro_Nav .box_ .right_ .list_ .ri {
    width: 5.9rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem
}

.Pro_Nav .box_ .right_ .list_ .ri a {
    display: block
}

.Pro_Nav .box_ .right_ .list_ .ri a figure {
    overflow: hidden
}

.Pro_Nav .box_ .right_ .list_ .ri a figure img {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Pro_Nav .box_ .right_ .list_ .ri a figcaption {
    padding: 0.3rem;
    background: #fff
}

.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con1 {
    font-family: 'gilroy_bold';
    font-size: var(--f20);
    color: #000;
    line-height: 1.2;
    height: 2.4em;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con2 {
    margin-top: 0.2rem
}

.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con2 p {
    width: 40px;
    height: 40px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con2 p i {
    font-size: var(--f16);
    color: #0b109f;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con2 p svg,
.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con2 p i {
    margin: auto
}

.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con2 p svg path,
.Pro_Nav .box_ .right_ .list_ .ri a figcaption .con2 p i path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Pro_Nav .box_ .right_ .list_ .ri a:hover figure img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.Pro_Nav .box_ .right_ .list_ .ri a:hover figcaption .con2 p {
    background: #0b109f
}

.Pro_Nav .box_ .right_ .list_ .ri a:hover figcaption .con2 p i {
    color: #fff
}

.Pro_Nav .box_ .right_ .list_ .ri a:hover figcaption .con2 p svg path {
    fill: #fff
}

.Pro_Nav .box_ .right_ .list_.active {
    display: block
}

.Pro_Nav .box_ .right_ .list_.active>div {
    -webkit-animation: fade_ 0.8s 0.2s ease-out forwards;
    animation: fade_ 0.8s 0.2s ease-out forwards
}

.Pro_Nav.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

@-webkit-keyframes fade_ {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.2rem);
        transform: translateY(0.2rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade_ {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.2rem);
        transform: translateY(0.2rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.Product_nav {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 7;
    --p: 0.95rem;
    top: calc(var(--nav_height) + var(--h1));
    background: #f7f7f7;
    --h: calc(100vh - var(--nav_height) - var(--h1));
    opacity: 0;
    visibility: hidden
}

.Product_nav .box_nav {
    height: 100%
}

.Product_nav .box_nav .left_ {
    width: 3.9rem;
    padding-left: var(--interval);
    background: #efefef;
    padding-top: var(--p);
    padding-right: var(--p)
}

.Product_nav .box_nav .left_ ul {
    display: grid;
    gap: 8px
}

.Product_nav .box_nav .left_ ul li a {
    font-size: var(--f20);
    color: #333;
    font-family: 'Butler_Regular';
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Product_nav .box_nav .left_ ul .active a {
    color: #0b109f;
    font-family: 'Butler_Bold'
}

.Product_nav .box_nav .right_ {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: var(--p);
    height: var(--h)
}

.Product_nav .box_nav .right_ .scroll {
    height: 100%;
    display: none;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Product_nav .box_nav .right_ .scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.Product_nav .box_nav .right_ .scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #0b109f
}

.Product_nav .box_nav .right_ .scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.1)
}

@-moz-document url-prefix() {
    .Product_nav .box_nav .right_ .scroll {
        scrollbar-color: #0b109f rgba(0, 0, 0,
                0.1);
        scrollbar-width: thin
    }
}

.Product_nav .box_nav .right_ .scroll .list {
    display: grid;
    grid-template-columns: repeat(2,
            1fr);
    gap: 1rem 0.3rem;
    width: 5.8rem
}

.Product_nav .box_nav .right_ .scroll .list .ite .h5 a {
    font-size: var(--f20);
    color: #0b109f;
    font-family: 'Butler_Regular'
}

.Product_nav .box_nav .right_ .scroll .list .ite ul {
    margin-top: 0.18rem
}

.Product_nav .box_nav .right_ .scroll .list .ite ul li {
    margin-bottom: 0.1rem
}

.Product_nav .box_nav .right_ .scroll .list .ite ul li:last-child {
    margin-bottom: 0
}

.Product_nav .box_nav .right_ .scroll .list .ite ul li a {
    display: block;
    font-size: var(--f16);
    color: #666;
    font-family: 'Butler_Regular';
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Product_nav .box_nav .right_ .scroll .list .ite ul li a:hover {
    color: #0b109f
}

.Product_nav .box_nav .right_ .scroll .list_two {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Product_nav .box_nav .right_ .scroll.active {
    display: block
}

.Product_nav.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.banner_swiper_0928,
.Home_Banner {
    position: relative
}

.banner_swiper_0928 .banner .swiper-wrapper,
.Home_Banner .banner .swiper-wrapper {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.645,
            0.045, 0.355, 1) 0s !important;
    transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
    -o-transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s,
        -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important
}

.banner_swiper_0928 .banner .phone,
.Home_Banner .banner .phone {
    display: none;
    position: relative
}

.banner_swiper_0928 .banner .phone .play,
.Home_Banner .banner .phone .play {
    position: absolute;
    right: 5vw;
    bottom: 0.45rem;
    z-index: 6
}

.banner_swiper_0928 .banner a picture img {
    width: 100vw
}

.Home_Banner .banner a picture img,
.Home_Banner .banner picture img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: top
}

.Home_Banner .banner .swiper-slide:nth-child(1) a picture img,
.Home_Banner .banner .swiper-slide:nth-child(1) picture img {}

.banner_swiper_0928 .banner video,
.Home_Banner .banner video {
    width: 100%;
    object-fit: cover
}

.banner_swiper_0928 .banner .swiper-slide .orientation,
.Home_Banner .banner .swiper-slide .orientation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.banner_swiper_0928 .banner .swiper-slide .orientation .content1,
.Home_Banner .banner .swiper-slide .orientation .content1 {
    font-size: 0.9rem;
    line-height: 1.1;
    font-family: 'Butler_Bold'
}

.banner_swiper_0928 .banner .swiper-slide .orientation .content2,
.Home_Banner .banner .swiper-slide .orientation .content2 {
    margin-top: 0.35rem
}

.banner_swiper_0928 .banner .swiper-slide .orientation .content3,
.Home_Banner .banner .swiper-slide .orientation .content3 {
    font-family: 'gilroy_regular';
    font-size: var(--f30);
    margin-top: 0.3rem
}

.banner_swiper_0928 .banner .swiper-slide .orientation.pic1 {
    top: -5%
}

.Home_Banner .banner .swiper-slide .orientation.pic1 {
    top: 0
}

.banner_swiper_0928 .banner .swiper-slide .orientation.pic1 .content1,
.Home_Banner .banner .swiper-slide .orientation.pic1 .content1 {
    font-size: .8rem
}

.banner_swiper_0928 .banner .orientation.pic1 .bottom li,
.Home_Banner .banner .orientation.pic1 .bottom li {
    margin-bottom: 0
}

.banner_swiper_0928 .banner .swiper-slide .orientation.pic1.pic0 .bt1,
.Home_Banner .banner .swiper-slide .orientation.pic1.pic0 .bt1 {
    font-size: .4rem
}

.banner_swiper_0928 .banner .swiper-slide .orientation.pic1.pic0 .middle.zj,
.Home_Banner .banner .swiper-slide .orientation.pic1.pic0 .middle.zj {
    border-top: none;
    width: 100%
}

.banner_swiper_0928 .banner .pic0 .bottom li,
.Home_Banner .banner .pic0 .bottom li {
    font-size: .25rem
}

.banner_swiper_0928 .banner .pic0 .bottom .text1,
.Home_Banner .banner .pic0 .bottom .text1 {
    font-weight: 700;
    font-size: .35rem
}

.banner_swiper_0928 .banner .pic0 .button_01,
.Home_Banner .banner .pic0 .button_01 {
    margin-top: 1rem
}

.banner_swiper_0928 .banner .pic0 .button_01 .a,
.Home_Banner .banner .pic0 .button_01 .a {
    background: #fff;
    color: #0b109f;
    border: 1px solid #fff
}

.banner_swiper_0928 .button,
.Home_Banner .button {
    position: absolute;
    left: 50%;
    bottom: 0.45rem;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner_swiper_0928 .button div,
.Home_Banner .button div {
    margin: 0 0.23rem;
    cursor: pointer
}

.banner_swiper_0928 .button div i,
.Home_Banner .button div i {
    color: #fff;
    font-size: var(--f22);
    font-weight: lighter;
    opacity: 0.4;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.banner_swiper_0928 .button div:hover i,
.Home_Banner .button div:hover i {
    opacity: 1
}

.banner_swiper_0928 .page,
.Home_Banner .page {
    font-size: var(--f20);
    font-family: 'Butler_Bold';
    position: absolute;
    bottom: 0.45rem;
    left: var(--interval);
    z-index: 2;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.banner_swiper_0928 .page em,
.Home_Banner .page em {
    opacity: 0.3
}

.banner_swiper_0928 .page p,
.Home_Banner .page p {
    width: 10px;
    height: 1px;
    margin: 0 0.12rem;
    background: #fff
}

.white {
    color: #fff
}

.button_01 .a {
    display: inline-block;
    line-height: 0.6rem;
    border: 2px solid #0b109f;
    min-width: 2rem;
    background: #0b109f;
    color: #fff;
    font-family: 'Butler_Bold';
    text-align: center;
    padding: 0 0.3rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: var(--f20);
    cursor: pointer
}

.button_01 .a:hover {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
    background: rgba(11,
            16, 159, 0.8);
    border-color: rgba(11, 16, 159, 0.8)
}

.Sitemap .ap_top {
    border-bottom: 1px solid #999;
    padding-bottom: 0.46rem
}

.Sitemap .ap_top p {
    font-size: var(--f40);
    font-weight: bold
}

.Sitemap .ap_bot .item {
    padding: 0.44rem 0;
    border-bottom: 1px solid #ccc
}

.Sitemap .ap_bot .item .content1 a {
    color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: var(--f26)
}

.Sitemap .ap_bot .item .content1 a:hover {
    color: #0b109f
}

.Sitemap .ap_bot .item .content2 {
    margin-top: 0.22rem
}

.Sitemap .ap_bot .item .content2 .firstorder {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.2rem
}

.Sitemap .ap_bot .item .content2 .firstorder a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: var(--f20);
    color: #333
}

.Sitemap .ap_bot .item .content2 .firstorder a:hover {
    color: #0b109f
}

.Sitemap .ap_bot .item .content2 .multistage {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.2rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list {
    font-size: var(--f20)
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #333
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover {
    color: #0b109f
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 {
    margin-top: 0.26rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a {
    font-size: 0.9em;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #333
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover {
    color: #0b109f
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 {
    padding-left: 0.1rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 {
    margin-top: 0.14rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8em;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #666
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 0.9em
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover {
    color: #0b109f
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 {
    padding-left: 0.1rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 {
    margin-top: 0.1rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8em;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #666;
    line-height: 1.4
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 0.9em
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover {
    color: #0b109f
}

@media (max-width:1200px) {

    .Sitemap .ap_bot .item .content2 .multistage,
    .Sitemap .ap_bot .item .content2 .firstorder {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:750px) {

    .Sitemap .ap_bot .item .content2 .multistage,
    .Sitemap .ap_bot .item .content2 .firstorder {
        grid-template-columns: repeat(2,
                1fr)
    }
}

.Layer_Upload {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0,
            0.2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 11
}

.Layer_Upload .box {
    position: absolute;
    width: min(8.2rem,
            90vw);
    margin: auto;
    background: #fff;
    padding: 0.6rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,
            -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.Layer_Upload .box .close {
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    z-index: 2;
    cursor: pointer
}

.Layer_Upload .box .close i {
    font-size: var(--f24);
    color: #ccc;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-weight: bold
}

.Layer_Upload .box .close:hover i {
    color: #0b109f
}

.Layer_Upload .box .content1 {
    font-size: 0.36rem;
    line-height: 1;
    font-weight: bold
}

.Layer_Upload .box .content2 {
    margin-top: 0.5rem
}

.Layer_Upload .box .content2 .upload {
    width: 2.9rem;
    margin: auto;
    cursor: pointer;
    position: relative
}

.Layer_Upload .box .content2 .upload img {
    width: 100%
}

.Layer_Upload .box .content2 .upload p {
    font-size: 14px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0.6rem;
    min-width: 0.95rem;
    padding: 0 0.3rem;
    line-height: 35px;
    border: 1px solid #0b109f
}

.Layer_Upload .box .content3 {
    font-size: var(--f18);
    color: #666;
    margin-top: 0.25rem;
    margin-bottom: 0.15rem
}

.Layer_Upload .box .content5 {
    margin-top: 0.45rem
}

.Layer_Upload .box .content5 input {
    width: 1.6rem;
    height: 0.55rem;
    background: #0b109f;
    color: #fff;
    font-size: var(--f16);
    cursor: pointer
}

.f70 {
    font-size: 0.7rem;
    font-family: 'Butler_Bold';
    line-height: 1.2
}

@media screen and (max-width:1200px) {
    .f70 {
        font-size: 0.6rem
    }

    .Home_Banner_02 .banner .swiper-slide .orientation {
        padding: 0 !important
    }
}

@media screen and (max-width:699px) {
    .f70 {
        font-size: 0.5rem
    }
}

.button_02 .a {
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    line-height: 0.6rem;
    min-width: 2rem;
    border: 2px solid #fff;
    color: #fff;
    font-family: 'Butler_Bold';
    text-align: center;
    padding: 0 0.3rem;
    font-size: var(--f20)
}

.button_02 .a:hover {
    border-color: #0b109f;
    background: #0b109f;
    color: #fff;
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.button_03 .a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 0.66rem;
    width: 0.66rem;
    background: #f7f7f7;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.button_03 .a i {
    margin: auto;
    color: #0b109f;
    font-size: var(--f22);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.button_03 .a:hover {
    background: #0b109f
}

.button_03 .a:hover i {
    color: #fff
}

.button_04 .a {
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    line-height: 0.6rem;
    min-width: 2rem;
    border: 2px solid #0b109f;
    color: #0b109f;
    font-family: 'Butler_Bold';
    text-align: center;
    padding: 0 0.3rem;
    font-size: var(--f20)
}

.button_04 .a svg {
    margin-right: 0.12rem;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.button_04 .a:hover {
    background: #0b109f;
    color: #fff;
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.button_04 .a:hover svg path {
    fill: #fff
}

.Home_Fields {
    position: relative
}

.Home_Fields .title {
    font-size: 0.7rem;
    font-family: 'Butler_Bold';
    line-height: 1.2;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center
}

@media screen and (max-width:1200px) {
    .Home_Fields .title {
        font-size: 0.6rem
    }
}

@media screen and (max-width:699px) {
    .Home_Fields .title {
        font-size: 0.5rem
    }
}

@media screen and (min-width:699px) {
    .Home_Fields .title {
        position: absolute
    }
}

.Home_Fields .box {
    position: relative;
    overflow: hidden
}

.layui-form-select .layui-edge {
    pointer-events: none
}

.Home_Fields .box .img img {
    width: 100%
}

.Home_Fields .box .img video {
    width: 100%
}

.Home_Fields .box .list .item {
    position: absolute;
    z-index: 2;
    -webkit-clip-path: polygon(15px 0%, 0% 50%, 15px 100%, -webkit-calc(85%) 100%, 100% 50%, -webkit-calc(85%) 0%);
    clip-path: polygon(15px 0%, 0% 50%, 15px 100%, calc(100% - 15px) 100%, 100% 50%, calc(100% - 15px) 0%)
}

.Home_Fields .box .list .item a {
    display: block;
    font-size: var(--f20);
    font-family: 'Butler_Medium';
    line-height: 45px;
    background: rgba(255, 255, 255,
            0.6);
    padding: 0 15px 0 60px;
    position: relative;
    color: #000
}

.Home_Fields .box .list .item a p {
    white-space: nowrap
}

.Home_Fields .box .list .item a .img1 {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Home_Fields .box .list .item a .img1>img {
    width: 30px;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Home_Fields .box .list .item a .img1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(-50%,
            -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.Home_Fields .box .list .item a .img1 span img {
    width: 17px
}

.Home_Fields .box .list .item:hover a .img1>img {
    opacity: 1
}

.Home_Fields .box .list .item:hover a .img1 span {
    opacity: 0
}

@media screen and (max-width:1200px) {
    .Home_Fields .box .list .item {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@media screen and (max-width:699px) {
    .Home_Fields .box .list .item {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }
}

.Home_Fields .box .list .active a .img1>img {
    opacity: 1
}

.Home_Fields .box .list .active a .img1 span {
    opacity: 0
}

.Home_Fields .box .list .item1 a,
.Home_Fields .box .list .item2 a {
    padding: 0 60px 0 15px
}

.Home_Fields .box .list .item1 a .img1,
.Home_Fields .box .list .item2 a .img1 {
    left: auto;
    right: 15px
}

.Home_Fields .box .list .item1 {
    top: 27%;
    left: 33%
}

.Home_Fields .box .list .item2 {
    top: 48%;
    left: 12%
}

.Home_Fields .box .list .item3 {
    top: 46%;
    left: 58%
}

.Home_Fields .box .list .item4 {
    top: 58%;
    left: 35%
}

@media screen and (max-width:699px) {
    .Home_Fields .box .list .item3 {
        left: 54%
    }
}

.Home_Technical .ttitle {
    font-size: 0.7rem;
    font-family: 'Butler_Bold';
    line-height: 1.2
}

@media screen and (max-width:1200px) {
    .Home_Technical .ttitle {
        font-size: 0.6rem
    }
}

@media screen and (max-width:699px) {
    .Home_Technical .ttitle {
        font-size: 0.5rem
    }
}

.Home_Technical .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid #ddd
}

@media screen and (min-width:1200px) {
    .Home_Technical .box .item {
        border-bottom: 1px solid #ddd
    }

    .Home_Technical .box .item:nth-child(2n-1) {
        border-right: 1px solid #ddd
    }
}

.Home_Technical .box .item a {
    display: block;
    position: relative;
    padding: 0.66rem var(--interval)
}

.Home_Technical .box .item a .one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Home_Technical .box .item a .one img {
    width: 100%;
    height: 100%
}

.Home_Technical .box .item a .two {
    position: relative;
    z-index: 2
}

.Home_Technical .box .item a .two .content1 {
    font-size: var(--f38);
    color: #000;
    font-family: 'Butler_Bold';
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Home_Technical .box .item a .two .content2 {
    font-size: var(--f18);
    color: #999;
    line-height: 1.7;
    height: 3.4em;
    margin-top: 0.15rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Home_Technical .box .item a .two .content3 {
    margin-top: 0.5rem
}

@media screen and (min-width:1200px) {
    .Home_Technical .box .item a:hover .one {
        opacity: 1
    }

    .Home_Technical .box .item a:hover .two .content1 {
        color: #fff
    }

    .Home_Technical .box .item a:hover .two .content2 {
        color: #fff
    }

    .Home_Technical .box .item a:hover .two .content3 .a {
        background: #0b109f
    }

    .Home_Technical .box .item a:hover .two .content3 .a i {
        color: #fff
    }
}

.Home_Cooperation .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.Home_Cooperation .swiper .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.Home_Cooperation .swiper .swiper-slide img {
    margin: auto;
    max-height: 90%;
    max-width: 90%
}

.Home_Advertising {
    position: relative
}

.Home_Advertising .imgBg img {
    width: 100%
}

.Home_Advertising .orientatiion {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Home_Advertising .orientatiion .content1 {
    font-size: var(--f42);
    color: #fff;
    font-family: 'Butler_Bold';
    line-height: 1
}

.Home_Advertising .orientatiion .content2 {
    margin-top: 0.42rem
}

.Home_News .box .item {
    border-bottom: 1px solid #eee;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Home_News .box .item a {
    padding: 0.3rem 0
}

.Home_News .box .item a .boxLeft {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 8.7rem
}

.Home_News .box .item a .boxLeft .content1 {
    font-size: var(--f26);
    font-family: 'gilroy_bold';
    line-height: 1.4;
    color: #000;
    height: 2.8em;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Home_News .box .item a .boxLeft .content2 {
    font-size: var(--f20);
    color: #ccc;
    margin-top: 0.5rem
}

.Home_News .box .item a .boxRight {
    width: 3.15rem
}

.Home_News .box .item a .boxRight p {
    overflow: hidden
}

.Home_News .box .item a .boxRight p img {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Home_News .box .item:hover {
    border-color: #0b109f
}

.Home_News .box .item:hover a .boxLeft .content1 {
    color: #0b109f
}

.Home_News .box .item:hover a .boxRight p img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.Footer_Container {
    --w: 9.65rem;
    background: #f7f7f7;
    padding: 0.9rem 0 0
}

.Footer_Container .box .boxRight {
    width: var(--w)
}

.Footer_Container .box .boxRight .content1 {
    font-size: var(--f26);
    font-family: 'Butler_Bold'
}

.Footer_Container .box .boxRight .content2 {
    margin-top: 0.25rem
}

.Footer_Container .box1 {
    margin: 1.1rem 0 0;
    padding-top: 0.7rem;
    border-top: 1px solid #eee
}

.Footer_Container .box1 .boxLeft .content1 {
    font-size: var(--f26);
    font-family: 'Butler_Bold';
    line-height: 1.3
}

.Footer_Container .box1 .boxLeft .content2 {
    margin-top: 0.68rem
}

.Footer_Container .box1 .boxLeft .content2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Footer_Container .box1 .boxLeft .content2 ul li {
    margin-right: 10px
}

.Footer_Container .box1 .boxLeft .content2 ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #eaeaea;
    border-radius: 4px;
    width: 0.65rem;
    height: 0.65rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Footer_Container .box1 .boxLeft .content2 ul li a svg {
    margin: auto
}

.Footer_Container .box1 .boxLeft .content2 ul li a svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Footer_Container .box1 .boxLeft .content2 ul li a:hover {
    background: #0b109f
}

.Footer_Container .box1 .boxLeft .content2 ul li a:hover svg path {
    fill: #fff
}

#cnzz_stat_icon_1281414164 {
    display: none
}

.Footer_Container .box1 .boxRight {
    width: var(--w);
    justify-content: space-around
}

.Footer_Container .box1 .boxRight .item:last-child .h5:last-child {
    display: none
}

.Footer_Container .box1 .boxRight .item .h5 a {
    font-size: var(--f26);
    font-family: 'Butler_Bold';
    color: #000;
    line-height: 1.6;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Footer_Container .box1 .boxRight .item .h5 a:hover {
    color: #0b109f
}

.Footer_Container .box1 .boxRight .item ul {
    margin-top: 0.3rem
}

.Footer_Container .box1 .boxRight .item ul li a {
    font-size: var(--f18);
    color: #666;
    font-family: 'Butler_Bold';
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Footer_Container .box1 .boxRight .item ul li a:hover {
    color: #0b109f
}

.Footer_Container .box2 {
    margin-top: 1.7rem;
    font-size: var(--f18);
    padding-bottom: 0.9rem;
    color: #666;
    font-family: 'Butler_Regular'
}

.Footer_Container .box2 a {
    color: #666;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin: 0 5px
}

.Footer_Container .box2 a:hover {
    color: #0b109f
}

.cookie_layer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #0b109f;
    padding: 0.26rem 0
}

.cookie_layer .box {
    font-family: 'Butler_Regular'
}

.cookie_layer .box .left {
    font-size: var(--f16);
    color: #fff;
    opacity: 0.5
}

.cookie_layer .box .right ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cookie_layer .box .right ul li {
    margin-right: 0.56rem
}

.cookie_layer .box .right ul li a {
    font-size: var(--f16);
    color: #fff;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer
}

.cookie_layer .box .right ul li a:hover {
    opacity: 1
}

.cookie_layer .box .right ul li a i {
    font-size: var(--f16)
}

.cookie_layer .box .right ul li:last-child {
    padding-left: 0.25rem
}

.Home_About {
    overflow: hidden
}

.Home_About .scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 165vw
}

.Home_About .data_container {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh
}

.Home_About .data_container .img {
    position: relative;
    height: 100%
}

.Home_About .data_container .img p {
    background: rgba(11, 16, 159,
            0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Home_About .data_container .img img,
.Home_About .data_container .img video {
    width: 100%;
    height: 100%
}

.Home_About .data_container .img .pc {
    height: 100%
}

.Home_About .data_container .img .phone {
    display: none;
    position: relative
}

.Home_About .data_container .img .phone .play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,
            -50%);
    transform: translate(-50%, -50%)
}

.Home_About .data_container .img .phone .play img {
    width: 0.53rem
}

@media screen and (min-width:1024px) {
    .Home_About .data_container .number_position {
        position: absolute;
        left: 0%;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: opacity 0s, -webkit-transform 0.8s;
        transition: opacity 0s, -webkit-transform 0.8s;
        -o-transition: transform 0.8s, opacity 0s;
        transition: transform 0.8s, opacity 0s;
        transition: transform 0.8s, opacity 0s, -webkit-transform 0.8s
    }
}

.Home_About .data_container .number_position>div {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.Home_About .data_container .number_position ul {
    width: 100%
}

@media screen and (min-width:1200px) {
    .Home_About .data_container .number_position ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.Home_About .data_container .number_position ul li {
    color: #fff;
    text-align: center
}

.Home_About .data_container .number_position ul li .top {
    font-family: 'Butler_Medium';
    font-size: 1.02rem
}

.Home_About .data_container .number_position ul li .top div {
    line-height: 1;
    position: relative
}

.Home_About .data_container .number_position ul li .top div span {
    opacity: 0
}

.Home_About .data_container .number_position ul li .top div span:nth-child(2) {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0
}

.Home_About .data_container .number_position ul li .bot {
    font-family: 'Butler_Regular';
    font-size: var(--f20);
    margin-top: 0.15rem
}

.Home_About .data_container .number_position ul li:nth-child(2) {
    margin: 0 3.2rem
}

@media screen and (min-width:1200px) {
    .Home_About .data_container .number_position.active {
        -webkit-transform: translateX(42%);
        -ms-transform: translateX(42%);
        transform: translateX(42%)
    }
}

.Home_About .main_container {
    width: -webkit-calc(65vw);
    width: calc(100vw - 35vw);
    height: 100vh;
    padding-left: 1.45rem;
    padding-right: var(--interval);
    position: relative;
    opacity: 0.2
}

.Home_About .main_container .content1 {
    margin-top: 2rem
}

.Home_About .main_container .content2 {
    font-family: 'gilroy_bold';
    font-size: var(--f42);
    line-height: 1.4;
    margin-top: 0.3rem
}

.Home_About .main_container .content3 {
    font-size: var(--f22);
    color: #666;
    margin-top: 1rem;
    line-height: 1.6
}

.Home_About .main_container .content4 {
    margin-top: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Home_About .main_container .content4 .video {
    width: 0.64rem;
    background: #0b109f;
    margin-left: 0.3rem;
    cursor: pointer
}

.Home_About .main_container .content4 .video p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.Home_About .main_container .content4 .video svg {
    margin: auto
}

.Home_About .main_container .contnet5 {
    position: absolute;
    right: 1rem;
    bottom: 0
}

.Home_About .main_container .contnet5 img {
    width: 1.98rem
}

.Home_About .main_container .contnet5 p {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%,
            -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.Home_About .main_container .contnet5 p img {
    width: 0.53rem
}

.Home_About .main_container>div {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    opacity: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.Home_About .main_container.active>div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s
}

.Home_About .main_container.active .content1 {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.Home_About .main_container.active .content2 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.Home_About .main_container.active .content3 {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.Home_About .main_container.active .content4 {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s
}

.Home_About .main_container.active .contnet5 {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.pu_banner {
    position: relative
}

.pu_banner .ban_bk {
    width: 100%;
    position: relative
}

.pu_banner .ban_bk::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2)
}

.pu_banner .ban_bk img {
    width: 100%;
    height: 100vh
}

.pu_banner .ban_post {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 var(--interval)
}

.pu_banner .ban_post>div {
    margin: auto;
    width: 100%
}

.pu_banner .ban_post>div .content1 {
    color: #fff
}

.pu_banner .ban_post>div .content1 .t1 {
    font-family: 'Butler_Bold';
    font-size: var(--f90);
    line-height: 1.2
}

.pu_banner .ban_post>div .content1 .t2 {
    margin-top: 0.26rem;
    font-size: var(--f30);
    line-height: 1.2;
    font-weight: bold
}

.pu_banner .ban_post>div .content2 {
    margin-top: 0.7rem
}

.introduce_100>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.introduce_100>div .le_box {
    padding-right: 1rem;
    width: 51%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.introduce_100>div .le_box .txt {
    font-size: var(--f20);
    font-family: 'Butler_Bold';
    color: #000;
    display: none
}

.introduce_100>div .le_box .img {
    text-align: center
}

.introduce_100>div .le_box .img img {
    max-width: 100%
}

.introduce_100>div .ri_box {
    width: 49%;
    font-size: var(--f18);
    color: #999;
    line-height: 1.5;
    display: flex;
    align-items: center
}

.pu_li {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    padding: 0.64rem 0.64rem 0;
    text-align: center
}

.pu_li::before {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #0b109f
}

.pu_li a .img {
    height: 4.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pu_li a .img img {
    margin: auto;
    max-width: 90%;
    max-height: 90%
}

.pu_li a .box {
    padding: 0.46rem 0 0.16rem;
    text-align: center
}

.pu_li a .box p {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: var(--f20);
    color: #000;
    font-family: 'Butler_Bold';
    line-height: 1.5;
    height: 3em
}

.pu_li:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 12px 27px 0px rgba(0, 0, 0,
            0.04)
}

.pu_li:hover::before {
    width: 100%
}

.pu_li:hover a .box p {
    color: #0b109f
}

.product_list_100 {
    padding: 1.2rem 0 1.5rem
}

.product_list_100 .st_bot {
    margin-top: 0.48rem;
    display: grid;
    grid-template-columns: repeat(3,
            1fr);
    gap: 12px
}

.layui-input {
    padding-left: 0
}

.contact_100 {
    position: relative
}

.contact_100 .ct_bk {
    width: 100%
}

.contact_100 .ct_bk img {
    width: 100%
}

.contact_100 .ct_post {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 var(--interval);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.contact_100 .ct_post>div {
    width: 100%;
    margin: auto
}

.contact_100 .ct_post>div .content2 {
    margin-top: 0.44rem
}

.contact_100 .ct_post>div .content2 form {
    --h: 0.72rem
}

.contact_100 .ct_post>div .content2 form .box1 {
    display: grid;
    gap: 0.3rem
}

.contact_100 .ct_post>div .content2 form .box1 .li {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-bottom: 1px solid rgba(213, 213, 213, 0.3)
}

.contact_100 .ct_post>div .content2 form .box1 .li input {
    color: #fff;
    height: var(--h);
    background: none;
    border: none;
    font-size: .2rem;
    width: 100%
}

.contact_100 .ct_post>div .content2 form .box1 .li input::-webkit-input-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li input::-moz-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li input:-ms-input-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li input::-ms-input-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li input::placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li:focus-within {
    border-bottom-color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li:focus-within input::-webkit-input-placeholder {
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li:focus-within input::-moz-placeholder {
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li:focus-within input:-ms-input-placeholder {
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li:focus-within input::-ms-input-placeholder {
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .li:focus-within input::placeholder {
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box1 .grid1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.3rem
}

.contact_100 .ct_post>div .content2 form .box1 .grid1:nth-child(2) {
    grid-template-columns: repeat(3, 1fr)
}

.contact_100 .ct_post>div .content2 form .box1 .grid1 .li:nth-last-child(1) .layui-form-select .layui-select-titleinput {
    padding-left: 0
}

.contact_100 .ct_post>div .content2 form .box1 .grid1 .li .layui-form-select dl {
    top: 100%
}

.contact_100 .ct_post>div .content2 form .box1 .grid1 .li .layui-form-selectup dl {
    bottom: 100%;
    top: auto
}

.contact_100 .ct_post>div .content2 form .box2 {
    margin-top: 0.38rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.contact_100 .ct_post>div .content2 form .box2 .layui-form-checkbox {
    padding-left: 0;
    margin-right: 10px
}

.contact_100 .ct_post>div .content2 form .box2 .layui-form-checkbox i {
    width: 18px;
    height: 18px;
    background: transparent;
    border-color: rgba(255, 255,
            255, 0.3);
    border-radius: 0;
    font-size: 14px
}

.contact_100 .ct_post>div .content2 form .box2 .layui-form-checkbox.layui-form-checked i {
    background: #fff;
    color: #0b109f
}

.contact_100 .ct_post>div .content2 form .box2 .layui-form-checkbox.layui-form-checked i::before {
    font-weight: bold
}

.contact_100 .ct_post>div .content2 form .box2 .tips {
    color: rgba(255, 255, 255, 1);
    font-size: var(--f18)
}

.contact_100 .ct_post>div .content2 form .box2 .tips a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    color: rgba(255, 255, 255, 1)
}

.contact_100 .ct_post>div .content2 form .box2 .tips a::before {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: rgba(255,
            255, 255, 0.75)
}

.contact_100 .ct_post>div .content2 form .box2 .tips a:hover {
    color: #fff
}

.contact_100 .ct_post>div .content2 form .box2 .tips a:hover::before {
    background: #fff
}

.contact_100 .ct_post>div .content2 form .box3 {
    margin-top: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact_100 .ct_post>div .content2 form .box3 label {
    cursor: pointer
}

.contact_100 .ct_post>div .content2 form .box3 label+label {
    margin-left: 0.2rem
}

.pop_100 {
    display: none;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,
            0, 0, 0.35)
}

.pop_100 .box {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,
            -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: min(12rem,
            90vw);
    min-height: 6rem;
    padding: 0.64rem 0.8rem 0.8rem
}

.pop_100_02 .box {
    width: min(8rem, 90vw)
}

.pop_100 .box .close {
    position: absolute;
    right: 8px;
    top: 8px;
    line-height: 1
}

.pop_100 .box .close i {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    color: #d5d5d5;
    font-size: var(--f30);
    font-weight: bold
}

.pop_100 .box .close i:hover {
    color: #0b109f
}

.pop_100 .box .main_ .content1 {
    font-family: 'Butler_Bold';
    font-size: var(--f36);
    color: #111;
    line-height: 1.2;
    text-align: center
}

.pop_100 .box .main_ .content2 {
    margin-top: 0.2rem
}

.pop_100 .box .main_ .content2 form {
    --h: 0.72rem
}

.pop_100 .box .main_ .content2 form .box1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 0.3rem
}

.pop_100 .box .main_ .content2 form .box_3 {
    grid-template-columns: repeat(3, 1fr)
}

.pop_100 .box .main_ .content2 form .box1:nth-last-child(3) {
    grid-template-columns: repeat(2, 1fr)
}

.pop_100 .box .main_ .content2 form .box1 .li {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-bottom: 1px solid #d5d5d5
}

.pop_100 .box .main_ .content2 form .box1 .li input {
    color: #000;
    height: var(--h);
    background: none;
    border: none;
    font-size: .18rem;
    width: 100%
}

.pop_100 .box .main_ .content2 form .box1 .li input::-webkit-input-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #111
}

.pop_100 .box .main_ .content2 form .box1 .li input::-moz-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #111
}

.pop_100 .box .main_ .content2 form .box1 .li input:-ms-input-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #111
}

.pop_100 .box .main_ .content2 form .box1 .li input::-ms-input-placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #111
}

.pop_100 .box .main_ .content2 form .box1 .li input::placeholder {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #111
}

.pop_100 .box .main_ .content2 form .box1 .li:focus-within {
    border-bottom-color: #0b109f
}

.pop_100 .layui-form-select dl {
    top: 100%
}

.pop_100 .layui-form-selectup dl {
    bottom: 100%;
    bottom: auto
}

.pop_100 .box .main_ .content2 form .box1 .li:nth-last-child(2) .layui-form-select .layui-select-title input {
    padding-left: 0
}

.pop_100 .box .main_ .content2 form .box1 .li:nth-last-child(2) .layui-form-select dl {
    top: 100%
}

.pop_100 .box .main_ .content2 form .box2 {
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pop_100 .box .main_ .content2 form .box2 .layui-form-checkbox {
    padding-left: 0;
    margin-right: 10px
}

.pop_100 .box .main_ .content2 form .box2 .layui-form-checkbox i {
    width: 18px;
    height: 18px;
    background: transparent;
    border-color: #d5d5d5;
    border-radius: 0;
    font-size: 14px
}

.pop_100 .box .main_ .content2 form .box2 .layui-form-checkbox.layui-form-checked i {
    background: #0b109f;
    color: #fff
}

.parameter_100 .er_bot .four_lie tr td {
    width: 22.5%
}

.parameter_100 .er_bot .four_lie tr:nth-child(1) td {
    font-size: 20px
}

.parameter_100 .er_bot .four_lie tr td:nth-child(1) {
    width: 10%
}

.pop_100 .box .main_ .content2 form .box2 .layui-form-checkbox.layui-form-checked i::before {
    font-weight: bold
}

.pop_100 .box .main_ .content2 form .box2 .tips {
    color: #999;
    font-size: var(--f18)
}

.pop_100 .box .main_ .content2 form .box2 .tips a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    color: #0b109f;
    font-family: 'gilroy_Medium'
}

.pop_100 .box .main_ .content2 form .box2 .tips a::before {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #0b109f
}

.pop_100 .box .main_ .content2 form .box3 {
    margin-top: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pop_100 .box .main_ .content2 form .box3 label {
    cursor: pointer
}

.pop_100 .box .main_ .content2 form .box3 label+label {
    margin-left: 0.2rem
}

.layui-form-select dl dd:hover {
    background: #0b109f !important;
    color: #fff
}

.related_100 {
    padding: 1.26rem 0 1.5rem
}

.related_100 .ed_bot {
    margin-top: 0.6rem
}

.related_100 .ed_bot .pu_li a .img {
    height: 2.2rem
}

.related_100 .banner {
    padding: 0 var(--interval)
}

.related_100 .banner .button div {
    margin: 0 0.1rem;
    cursor: pointer
}

.related_100 .banner .button div i {
    font-size: var(--f22);
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.related_100 .banner .button div:hover i {
    color: #0b109f
}

.field_100 {
    padding: 1.26rem 0 0
}

.field_100 .ld_bot {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.7rem .2rem
}

.field_100 .ld_bot .item {
    text-align: center
}

.field_100 .ld_bot .item .svg {
    height: 1rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.field_100 .ld_bot .item .svg img {
    max-height: 100%;
    height: .9rem
}

.field_100 .ld_bot .item .text {
    margin-top: 0.18rem;
    font-size: var(--f26);
    font-family: 'Butler_Bold';
    line-height: 1.2;
    white-space: pre-line
}

.field_100 .ld_bot .item .desc {
    font-size: var(--f16);
    color: #666;
    line-height: 1.4;
    margin-top: 0.1rem
}

.field_100 .ld_bot .item:hover .svg {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.dd_solutions+.field_100 {
    display: flex;
    width: 100%
}

.parameter_100 {
    padding: 1.3rem 0 0
}

.parameter_100 .er_bot {
    margin-top: 0.6rem
}

.parameter_100 .er_bot .scroll {
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.1rem
}

.parameter_100 .er_bot .scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.parameter_100 .er_bot .scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #0b109f
}

.parameter_100 .er_bot .scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.1)
}

@-moz-document url-prefix() {
    .parameter_100 .er_bot .scroll {
        scrollbar-color: #0b109f rgba(0, 0, 0,
                0.1);
        scrollbar-width: thin
    }
}

.parameter_100 .er_bot .scroll table {
    min-width: 100%;
    border-color: #e7e7e7;
    font-size: var(--f18);
    color: #333;
    text-align: center
}

.parameter_100 .er_bot .scroll table tbody tr td {
    border: 1px solid #eee;
    padding: 6px !important
}

.parameter_100 .er_bot .scroll table tbody tr:nth-child(1) {
    background: #f4f4f4;
    font-size: var(--f22);
    font-family: 'gilroy_bold'
}

.parameter_100 .er_bot .scroll table tbody tr:nth-child(1) td {
    padding: 0.3rem 6px
}

.parameter_100 .ld_bot111 {
    margin-top: 0.6rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media screen and (max-width:1200px) {
    .parameter_100 .ld_bot111 {
        display: grid;
        gap: 0.7rem 0.3rem;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:699px) {
    .parameter_100 .ld_bot111 {
        grid-template-columns: repeat(2, 1fr)
    }
}

.parameter_100 .ld_bot111 .item {
    text-align: center
}

.parameter_100 .ld_bot111 .item .svg {
    height: 0.66rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.parameter_100 .ld_bot111 .item .svg img {
    max-height: 100%
}

.parameter_100 .ld_bot111 .item .text {
    margin-top: 0.18rem;
    font-size: var(--f26);
    font-family: 'Butler_Bold';
    line-height: 1.2;
    height: 2.4em
}

.parameter_100 .ld_bot111 .item .desc {
    font-size: var(--f16);
    color: #666;
    line-height: 1.4;
    margin-top: 0.1rem
}

.parameter_100 .ld_bot111 .item:hover .svg {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.characteristics_100 {
    padding: 1.3rem 0 0
}

.characteristics_100 .cs_bot {
    margin-top: 0.6rem;
    display: grid;
    grid-template-columns: repeat(2,
            1fr);
    gap: 0.2rem
}

.characteristics_100 .cs_bot .item {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: #f4f4f4;
    padding: 0.62rem 0.7rem
}

.characteristics_100 .cs_bot .item>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.characteristics_100 .cs_bot .item>div .svg img {
    width: 0.9rem
}

.characteristics_100 .cs_bot .item>div .box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0.68rem
}

.characteristics_100 .cs_bot .item>div .box .x1 {
    font-size: var(--f38);
    font-family: 'Butler_Bold';
    line-height: 1.2
}

.characteristics_100 .cs_bot .item>div .box .x2 {
    margin-top: 0.36rem;
    font-size: var(--f18);
    color: #999;
    line-height: 1.5
}

.characteristics_100 .cs_bot .item:hover {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.cptdlb {
    padding: 0 .2rem;
    text-align: center;
    position: relative;
    padding-top: .2rem
}

.cptdlb br {
    display: none
}

.cptdlb .button .prev {
    left: 0;
    top: 50%;
    position: absolute
}

.cptdlb .button .next {
    right: 0;
    top: 50%;
    position: absolute
}

.model_100 .content2 .swiper {
    padding: 0 0.2rem 0 0
}

.model_100 .content2 {
    margin-top: 0.6rem;
    position: relative;
    padding: 0 0.8rem
}

.model_100 .content2 .swiper .swiper-slide {
    width: auto
}

.model_100 .content2 .swiper .swiper-slide+.swiper-slide {
    margin-left: 0.66rem
}

.model_100 .content2 .swiper .swiper-slide p {
    cursor: pointer;
    position: relative;
    font-size: var(--f20);
    font-family: 'Butler_Bold';
    padding-bottom: 0.1rem
}

.model_100 .content2 .swiper .swiper-slide p::before {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #0b109f
}

.model_100 .content2 .swiper .swiper-slide:hover p::before,
.model_100 .content2 .swiper .swiper-slide.active p::before {
    width: 100%
}

.model_100 .content2 .button div {
    margin: 0 0.1rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: 0.4s
}

.model_100 .content2 .button div i {
    font-size: var(--f22);
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.model_100 .content2 .button div:hover i {
    color: #0b109f
}

.model_100 .content2 .button div.active {
    opacity: 1;
    visibility: initial
}

.model_100 .content2 .button .next.swiper-button-disabled,
.model_100 .content2 .button .prev.swiper-button-disabled {
    opacity: 0.5
}

.model_100 .content2 .button .prev {
    left: 0
}

.model_100 .content2 .button .next {
    right: 0
}

.model_100 .content2:hover .button div {
    opacity: 1;
    visibility: initial
}

.model_100 .el_bot {
    margin-top: 0.78rem
}

.model_100 .el_bot .item {
    display: none
}

.model_100 .el_bot .item .content1 {
    position: relative;
    width: 100%
}

.model_100 .el_bot .item .content1 .bk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.model_100 .el_bot .item .content1 .swiper {
    z-index: 1;
    position: relative;
    top: 0.32rem;
    text-align: center;
    width: 100%
}

.model_100 .el_bot .item .content1 .swiper .page {
    margin-top: 0.3rem
}

.model_100 .el_bot .item .content1 .swiper .page div span {
    background: #0b109f;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.model_100 .el_bot .item .content2 {
    margin-top: 0.66rem;
    font-size: var(--f18);
    color: #666;
    line-height: 1.5
}

.model_100 .el_bot .item .content3 {
    text-align: center;
    margin-top: 0.58rem
}

.model_100 .el_bot .item.active {
    display: block
}

.pu_banner_2 {
    position: relative
}

.pu_banner_2 .ban_bk {
    width: 100%
}

.pu_banner_2 .ban_bk img {
    width: 100%;
    height: 100vh
}

.pu_banner_2 .ban_post {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 var(--interval)
}

.pu_banner_2 .ban_post>div {
    margin: auto
}

@media (min-width:1200px) {

    .banner_swiper_0928 .banner .swiper-slide .orientation,
    .pu_banner_2 .ban_post>div {
        padding: 0 2.1rem
    }
}

.pu_banner_2 .ban_post>div .content1 {
    color: #fff
}

.banner_swiper_0928 .banner .swiper-slide .orientation .content_2 {
    text-align: left
}

.banner_swiper_0928 .banner .swiper-slide .orientation .content_2,
.pu_banner_2 .ban_post>div .content1 .t2 {
    margin-top: 0.28rem;
    font-size: var(--f18);
    line-height: 1.5;
    color: #ccc;
    font-weight: bold;
    text-align: justify;
}

.box_main {
    margin-bottom: 0rem
}

.box_main .none {
    display: none
}

.box_main .none.active {
    display: block
}

.w1200 {
    width: min(1200px, 100%);
    margin: 0 auto
}

.join_01 {
    padding: 0.5rem 0;
    position: relative;
    z-index: 1
}

.join_01 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.join_01 .box .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

.join_01 .box .item input {
    font-size: var(--f18);
    height: 0.6rem;
    border: 0;
    background: none;
    background: #f4f4f4;
    padding: 0 0.26rem;
    width: 100%
}

.join_01 .box .item .layui-form-select dl {
    top: 0.62rem
}

.join_01 .box .item .layui-form-select dl dd {
    padding: 0 0.26rem !important
}

.join_01 .box .item1 {
    -webkit-box-flex: 2.1;
    -webkit-flex: 2.1;
    -ms-flex: 2.1;
    flex: 2.1
}

.join_01 .box .item2 {
    width: 0.6rem;
    background: #0b109f
}

.join_01 .box .item2 label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.join_01 .box .item2 label svg {
    margin: auto
}

.join_02 .box .item {
    border-bottom: 1px solid #eee
}

.join_02 .box .item a {
    padding: 0.22rem 0
}

.join_02 .box .item a .content1 {
    height: 0.3rem;
    font-family: 'gilroy_bold';
    font-size: var(--f24);
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 0.3rem;
    padding-right: 0.9rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.join_02 .box .item a .content2 {
    width: 2.2rem;
    font-family: 'Butler_Bold';
    font-size: var(--f18);
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.join_02 .box .item a .content2 svg {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-right: 0.08rem
}

.join_02 .box .item a .content3 {
    width: 3.2rem;
    font-family: 'Butler_Bold';
    font-size: var(--f18);
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.join_02 .box .item a .content3 svg {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-right: 0.08rem
}

.join_02 .box .item a:hover .content1 {
    color: #0b109f
}

.pu_page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.8rem
}

.pu_page a {
    width: 0.66rem;
    height: 0.66rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-family: 'Butler_Bold';
    font-size: var(--f26);
    margin: 0 5px
}

.pu_page a:hover {
    color: #0b109f
}

.pu_page .active {
    color: #0b109f
}

.pu_page .number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0.6rem
}

.pu_page .prev a,
.pu_page .next a {
    background: #f7f7f7;
    color: #0b109f
}

.pu_page .prev a i,
.pu_page .next a i {
    font-size: var(--f22);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.pu_page .prev a:hover,
.pu_page .next a:hover {
    background: #0b109f
}

.pu_page .prev a:hover i,
.pu_page .next a:hover i {
    color: #fff
}

.join_03 .box .boxLeft {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.5rem;
    border-right: 1px solid #c3c3c3;
    margin-right: 0.5rem
}

.join_03 .box .boxLeft .content1 {
    font-family: 'gilroy_bold';
    font-size: var(--f48);
    line-height: 1
}

.join_03 .box .boxLeft .content2 {
    margin-top: 0.26rem
}

.join_03 .box .boxLeft .content2 p {
    margin-right: 0.9rem;
    font-family: 'Butler_Bold';
    font-size: var(--f18)
}

.join_03 .box .boxLeft .content2 p svg {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-right: 0.08rem
}

.join_03 .box .boxLeft .heng {
    margin: 0.45rem 0;
    background: #eee;
    height: 1px
}

.join_03 .box .boxLeft .content3 {
    margin-bottom: 0.5rem
}

.join_03 .box .boxLeft .content3 .h5 {
    font-family: 'gilroy_bold';
    font-size: var(--f26)
}

.join_03 .box .boxLeft .content3 .desc {
    font-size: var(--f18);
    color: #999;
    line-height: 1.8;
    margin-top: 0.3rem
}

.join_03 .box .boxRight {
    width: 3.45rem
}

.form_Container {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--nav_height) + 0.45rem);
    z-index: 1
}

.form_Container .h5 {
    font-family: 'Butler_Bold';
    font-size: var(--f38)
}

.form_Container .item {
    position: relative;
    font-size: var(--f18)
}

.form_Container .item input {
    height: 0.7rem;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #cccccc;
    background: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.form_Container .item input:not(:placeholder-shown)+p {
    opacity: 0
}

.form_Container .item p {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    color: #666
}

.form_Container .item p span {
    color: #0b109f
}

.form_Container .item:hover input {
    border-bottom: 1px solid #0b109f
}

.form_Container .select {
    margin-top: 0.28rem;
    font-size: var(--f18);
    color: #666
}

.form_Container .select a {
    color: #0b109f;
    border-bottom: 1px solid #0b109f
}

.form_Container .select div {
    margin-right: 0.15rem
}

.form_Container .select div span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    -webkit-transform: translateY(0.05rem);
    -ms-transform: translateY(0.05rem);
    transform: translateY(0.05rem);
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.form_Container .select div span i {
    margin: auto;
    font-size: 12px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.form_Container .select div span:hover {
    border-color: #0b109f
}

.form_Container .select div .active {
    background: #0b109f;
    border-color: #0b109f
}

.form_Container .select div .active i {
    opacity: 1
}

.form_Container .select p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form_Container .button {
    margin-top: 0.56rem
}

.form_Container .button input {
    height: 0.65rem;
    color: #fff;
    font-family: 'Butler_Bold';
    text-align: center;
    width: 100%;
    background: #0b109f;
    border: 0;
    font-size: var(--f20);
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.form_Container .button input:hover {
    -webkit-box-shadow: 0px 0px 12px rgba(11, 16, 159, 0.5);
    box-shadow: 0px 0px 12px rgba(11, 16, 159,
            0.5)
}

.Contact_01 {
    padding-bottom: 0.5rem;
    overflow: hidden
}

.Contact_01 .box {
    padding: 0 0.8rem;
    position: relative
}

.Contact_01 .box .imgbg img {
    width: 100%
}

.Contact_01 .box .list .item {
    position: absolute;
    left: 0%;
    top: 0%
}

.Contact_01 .box .list .item .img1>img {
    width: 30px;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Contact_01 .box .list .item .img1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(-50%,
            -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.Contact_01 .box .list .item .img1 span img {
    width: 17px
}

.Contact_01 .box .list .item .text {
    font-size: var(--f20);
    color: #333;
    position: absolute;
    left: 36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    font-family: 'Butler_Bold';
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Contact_01 .box .list .item .b {
    cursor: pointer;
    position: relative;
    z-index: 2
}

.Contact_01 .box .list .item .b:hover .text {
    color: #0b109f
}

.Contact_01 .box .list .item .img1>img {
    transform: translateY(-2px)
}

@media screen and (min-width:1200px) {
    .Contact_01 .box .list .item1 {
        left: 17%;
        top: 39.1%
    }

    .Contact_01 .box .list .item1 .contact_posi {
        left: 36px;
        right: auto
    }

    .Contact_01 .box .list .item2 {
        left: 49.3%;
        top: 33%
    }

    .Contact_01 .box .list .item3 {
        left: 81.6%;
        top: 41.4%;
        display: none
    }

    .Contact_01 .box .list .item4 {
        left: 71.7%;
        top: 59.6%
    }

    .Contact_01 .box .list .item4 .contact_posi {
        top: -0.56rem
    }

    .Contact_01 .box .list .item3 .contact_posi {
        top: auto;
        right: auto;
        bottom: 36px;
        left: -1.2rem
    }

    .Contact_01 .box .list .item2 .contact_posi {
        right: auto;
        left: 0px;
        top: 36px
    }
}

.Contact_01 .box .list .active .img1>img {
    opacity: 1
}

.Contact_01 .box .list .active .img1 span {
    opacity: 0
}

.Contact_01 .box .list .active .text {
    opacity: 0
}

.Contact_01 .box .list .active .contact_posi {
    opacity: 1;
    z-index: 3
}

.Contact_01 .list_phone {
    display: none
}

.contact_posi {
    position: absolute;
    right: 36px;
    top: 0;
    background: rgba(11, 16, 159,
            0.85);
    width: 3.2rem;
    min-height: 10px;
    padding: 0.42rem 0.28rem;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.contact_posi .close {
    position: absolute;
    right: 0.2rem;
    top: 0.1rem;
    z-index: 1;
    cursor: pointer
}

.contact_posi .close path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.contact_posi .close:hover path {
    opacity: 1
}

.contact_posi .content1 {
    font-family: 'Butler_Bold';
    font-size: var(--f24);
    line-height: 1.5;
    color: #fff
}

.contact_posi .content2 {}

.contact_posi .content2 ul li {
    font-size: var(--f18);
    line-height: 2;
    color: #fff;
    padding-left: 38px;
    position: relative
}

.contact_posi .content2 ul li:first-child {
    margin-top: 0.42rem
}

.contact_posi .content2 ul li svg {
    position: absolute;
    left: 0;
    top: 0.06rem
}

.down_01 .toggle ul li {
    margin: 0 0.14rem
}

.down_01 .toggle ul li a {
    font-size: var(--f20);
    font-family: 'Butler_Bold';
    color: #000;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.down_01 .toggle ul li a:hover {
    color: #0b109f
}

.down_01 .toggle ul li.active a {
    border-color: #0b109f
}

.down_01 .box {
    display: grid;
    gap: 0.2rem 0.3rem;
    grid-template-columns: repeat(4, 1fr)
}

.down_01 .null {
    text-align: center;
    font-size: var(--f20);
    color: #999
}

.down_01 .box .item a {
    display: block;
    background: #f4f4f4;
    padding: 0.6rem 0.36rem 0.45rem;
    cursor: pointer;
    position: relative
}

.down_01 .box .item a .one {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.down_01 .box .item a .one .content1 img {
    height: 0.77rem
}

.down_01 .box .item a .one .content2 {
    margin-top: 2.2rem;
    font-family: 'Butler_Bold';
    font-size: var(--f24);
    line-height: 1.6;
    height: 4.8em;
    color: #000
}

.down_01 .box .item a .two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.6rem 0.85rem 0;
    background: #f4f4f4;
    border-bottom: 2px solid #0b109f;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.down_01 .box .item a .two .img {
    text-align: center
}

.down_01 .box .item a .two .img img {
    width: 1.78rem
}

.down_01 .box .item a .two .text {
    position: absolute;
    left: 0;
    bottom: 0.46rem;
    text-align: center;
    width: 100%;
    font-family: 'Butler_Bold';
    font-size: var(--f20);
    line-height: 1.6;
    color: #000
}

.down_01 .box .item a .two .text svg {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-right: 0.2rem
}

.down_01 .box .item a:hover .one {
    opacity: 0
}

.down_01 .box .item a:hover .two {
    opacity: 1
}

.Search_box {
    padding: 0.9rem 0 1.2rem;
    background: #f4f4f4
}

.Search_box .box {
    background: #fff;
    width: 6.5rem;
    margin: auto;
    padding: 0 0.3rem;
    margin-top: 0.32rem
}

.Search_box .box input {
    height: 0.65rem;
    width: 100%;
    background: none;
    border: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: 'gilroy_Medium';
    font-size: var(--f22);
    color: #000
}

.Search_box .box label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.Search_list .box .boxLeft {
    width: 5.4rem;
    padding-left: 1rem;
    padding-right: 0.7rem
}

.Search_list .box .boxLeft ul {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--nav_height) + 0.7rem)
}

.Search_list .box .boxLeft ul li {
    margin-bottom: 0.5rem;
    cursor: pointer
}

.Search_list .box .boxLeft ul li a {
    font-size: var(--f26);
    font-family: 'Butler_Bold';
    color: #000;
    display: block;
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding-right: 0.3rem
}

.Search_list .box .boxLeft ul li a:hover {
    color: #0b109f
}

.Search_list .box .boxLeft ul li a i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--f20);
    color: #0b109f;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Search_list .box .boxLeft ul .active a {
    color: #0b109f
}

.Search_list .box .boxLeft ul .active a i {
    opacity: 1
}

.Search_list .box .boxRight {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 1px solid #eee
}

.Search_list .box .boxRight .list_box {
    padding-right: 1rem;
    padding-left: 0.78rem;
    display: none
}

.Search_list .box .boxRight .list_box.active {
    display: block
}

.Search_list .box .boxRight .list_box .h5 {
    font-family: 'gilroy_bold';
    font-size: var(--f22);
    color: #999
}

.Search_list .box .boxRight .list_box .h5 em {
    color: #0b109f
}

.Search_list .box .boxRight .list_box .list {
    margin-top: 0.36rem
}

.Search_list .box .boxRight .list_box .list .item {
    border-bottom: 1px solid #eee
}

.Search_list .box .boxRight .list_box .list .item a {
    font-family: 'gilroy_bold';
    font-size: var(--f24);
    line-height: 0.8rem;
    height: 0.8rem;
    color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Search_list .box .boxRight .list_box .list .item a:hover {
    color: #0b109f
}

.About_01 .box .boxLeft {
    width: 50%;
    padding-right: 1.2rem
}

.About_01 .box .boxLeft .p {
    font-size: var(--f38);
    font-family: 'Butler_Bold';
    line-height: 1.1;
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--nav_height) + 0.7rem)
}

.About_01 .box .boxLeft .p .p1 {
    font-size: var(--f40);
    font-weight: bold
}

.About_01 .box .boxLeft .p .p2 {
    font-size: var(--f26);
    color: #000;
    margin-top: .2rem;
    line-height: 1.5;
    font-family: 'Butler_Medium'
}

.About_01 .box .boxRight {
    width: 50%;
    font-size: var(--f18);
    color: #999;
    line-height: 1.5
}

.About_02 {
    padding: 0.7rem 0;
    display: none
}

.About_02 .box .item .top {
    position: relative
}

.About_02 .box .item .top p {
    font-family: 'Butler_Medium';
    font-size: 1.04rem;
    line-height: 1
}

.About_02 .box .item .top .p1 {
    opacity: 0
}

.About_02 .box .item .top .p2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0
}

.About_02 .box .item .bot {
    font-family: 'Butler_Regular';
    font-size: var(--f20);
    margin-top: 0.12rem;
    text-align: center
}

.New_01 .box .boxLeft {
    width: 50%;
    overflow: hidden
}

.New_01 .box .boxLeft img {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.New_01 .box .boxRight {
    width: 50%;
    padding: 0.5rem 0.76rem 0;
    border: 1px solid #ddd
}

.New_01 .box .boxRight .content1 {
    font-size: var(--f20);
    color: #333
}

.New_01 .box .boxRight .content2 {
    font-size: var(--f28);
    font-family: 'gilroy_bold';
    line-height: 1.5;
    height: 3em;
    margin-top: 0.3rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #000
}

.New_01 .box .boxRight .content3 {
    margin-top: 0.8rem
}

.New_01 .box .boxRight .content3 p {
    width: 0.66rem;
    height: 0.66rem;
    background: #0b109f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.New_01 .box .boxRight .content3 p i {
    color: #fff;
    font-size: var(--f22);
    margin: auto
}

@media screen and (min-width:1200px) {
    .New_01 .box:hover .boxLeft img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .New_01 .box:hover .boxRight .content2 {
        color: #0b109f
    }
}

.New_02 .box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.65rem 0.55rem
}

.New_02 .box .item a {
    display: block
}

.New_02 .box .item a figure {
    overflow: hidden
}

.New_02 .box .item a figure img {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.New_02 .box .item a figcaption {
    margin-top: 0.22rem
}

.New_02 .box .item a figcaption .content1 {
    font-size: var(--f20);
    color: #000;
    line-height: 1.35;    font-family: 'Butler_Bold';
    height: 4.05em;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.New_02 .box .item a figcaption .content2 {
    margin-top: 0.1rem;
    font-size: var(--f20);
    color: #ccc
}

@media screen and (min-width:1200px) {
    .New_02 .box .item:hover figure img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .New_02 .box .item:hover figcaption .content1 {
        color: #0b109f
    }
}

.New_03 .box .boxLeft {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.New_03 .box .boxLeft .content1 {
    font-family: 'gilroy_bold';
    font-size: var(--f48);
    line-height: 1.1
}

.New_03 .box .boxLeft .content2 {
    font-size: var(--f20);
    color: #999;
    margin-top: 0.28rem
}

.New_03 .box .boxLeft .heng {
    margin: 0.5rem 0 0.6rem;
    border-top: 1px solid #eee
}

.New_03 .box .boxLeft .content3 {
    font-size: var(--f18);
    color: #999;
    line-height: 1.5;
        text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
.New_03 .box .boxLeft .content3 a{
        color: #0b109f;
    display: inline !important;
    white-space: normal !important;
    word-break: normal !important;
    text-align: left;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    
}.New_03 .box .boxLeft .content3 .xwz{
        font-size: var(--f14);
        text-align: center;
        color:#e1e1e1;
}

.New_03 .box .boxLeft .content3 .xwz1{
        font-size: var(--f14);
       
        color:#b1b1b1;
}


.New_03 .box .boxRight {
    width: 5.2rem;
    padding-left: 0.8rem
}

.Recommended {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--nav_height) + 0.7rem)
}

.Recommended .h5 {
    font-size: var(--f38);
    font-family: 'Butler_Bold'
}

.Recommended .list {
    margin-top: 0.52rem;
    display: grid;
    gap: 0.68rem
}

.Recommended .list .item a {
    display: block
}

.Recommended .list .item a figure {
    overflow: hidden
}

.Recommended .list .item a figure img {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Recommended .list .item a figcaption {
    margin-top: 0.3rem
}

.Recommended .list .item a figcaption .content1 {
    font-family: 'gilroy_bold';
    font-size: var(--f22);
    color: #000;
    line-height: 1.35;
    max-height: 5.4em;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.Recommended .list .item a figcaption .content2 {
    margin-top: 0.3rem;
    font-size: var(--f20);
    color: #ccc
}

@media screen and (min-width:1200px) {
    
    .Recommended .list .item:hover figure img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Recommended .list .item:hover figcaption .content1 {
        color: #0b109f
    }
}

.robotics_01 {
    position: relative
}

.robotics_01 picture img {
    width: 100%
}

.robotics_01 .orientation {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

.robotics_01 .orientation .box {
    padding: 0 3.6rem;
    color: #fff
}

.robotics_01 .orientation .box .content2 {
    margin-top: 0.4rem;
    font-size: var(--f18);
    line-height: 1.56;
    text-align: left
}

.Home_Banner_02 .banner .swiper-slide .orientation {
    padding: 0 2.1rem
}

.Home_Banner_02 .banner .swiper-slide .orientation .content_1 {
    text-align: center
}

.Home_Banner_02 .banner .swiper-slide .orientation .content_2 {
    margin-top: 0.4rem;
    font-size: var(--f18);
    line-height: 1.56;
    font-weight: bold
}

.robotics_02 {
    position: relative
}

.robotics_02 picture img {
    width: 100%
}

@media screen and (max-width:1200px) {
    .robotics_02 picture img {
        height: 8.8rem
    }
}

.robotics_02 .title {
    position: absolute;
    left: 50%;
    z-index: 2;
    top: 0%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: center
}

.robotics_02 .orientation {
    position: absolute;
    left: 0%;
    bottom: 1rem;
    width: 100%
}

@media screen and (max-width:1366px) {
    .robotics_02 .orientation {
        bottom: 1.1rem
    }
}

@media screen and (max-width:1281px) {
    .robotics_02 .orientation {
        bottom: 0.9rem
    }
}

@media screen and (max-width:1200px) {
    .robotics_02 .orientation {
        bottom: 1rem
    }
}

.robotics_02 .orientation div {
    position: relative
}

.robotics_02 .orientation div>img,
.robotics_02 .orientation div video {
    height: 5.45rem;
    width: 9.9rem
}

@media screen and (max-width:699px) {

    .robotics_02 .orientation div>img,
    .robotics_02 .orientation div video {
        height: 5rem;
        width: 90vw
    }
}

.robotics_02 .orientation div p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px)
}

.robotics_02 .orientation div p svg {
    transform: scale(0.8)
}

.robotics_02 .orientation div p svg path:nth-child(1) {
    fill: transparent
}

.bg01 {
    background: #020516
}

.robotics_03 {
    padding-bottom: 0.8rem;
    padding-top: .5rem
}

.robotics_03 .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem
}

.robotics_03 .box .item {
    background: #070b27;
    padding: 0.45rem 0.7rem
}

.robotics_03 .box .item .left {
    width: 0.92rem
}

.robotics_03 .box .item .left img {
    max-width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.robotics_03 .box .item .right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    padding-left: 0.5rem
}

.robotics_03 .box .item .right .content1 {
    font-size: var(--f38);
    font-family: 'Butler_Bold'
}

.robotics_03 .box .item .right .content2 {
    font-size: var(--f18);
    color: #999;
    line-height: 1.5;
    margin-top: 0.35rem;
    height: 6em;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.1rem
}

.robotics_03 .box .item .right .content2::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.robotics_03 .box .item .right .content2::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #fff
}

.robotics_03 .box .item .right .content2::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.1)
}

@-moz-document url-prefix() {
    .robotics_03 .box .item .right .content2 {
        scrollbar-color: #0b109f rgba(255, 255, 255,
                0.1);
        scrollbar-width: thin
    }
}

.robotics_03 .box .item:hover .left img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.robotics_04 {
    padding-top: 0.8rem
}

.robotics_04 .box {
    padding: 0 2.6rem
}

.robotics_04 .box .content1 {
    font-size: var(--f18);
    line-height: 1.56;
    text-align: left;
    color: #999
}

.robotics_04 picture img {
    width: 100%
}

.robotics_04 .box1 {
    background: url(https://cloud-1251007531.bcdn8.com/galatek/template/default/pc/skin/images/img102.jpg) no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 0.16rem
}

.robotics_04 .box1>div {
    position: relative
}

.robotics_04 .box1>div>img,
.robotics_04 .box1>div video {
    height: 5.45rem;
    width: 9.9rem
}

@media screen and (max-width:699px) {

    .robotics_04 .box1>div>img,
    .robotics_04 .box1>div video {
        height: auto;
        width: 90vw
    }
}

.robotics_04 .box1>div p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px)
}

.robotics_04 .box1>div p svg {
    transform: scale(0.8)
}

.robotics_04 .box1>div p svg path:nth-child(1) {
    fill: transparent
}

.robotics_05 .box .boxLeft {
    width: 4.6rem;
    padding-right: 0.65rem
}

.robotics_05_21 .box .boxRight {
    width: 100% !important;
    border: 0 !important;
    padding: 0 2.1rem !important
}

.robotics_05_21 .box .boxRight .banner {
    padding: 0 1rem
}

.robotics_05 .box .boxLeft ul li {
    margin-bottom: 0.6rem;
    cursor: pointer
}

.robotics_05.list_org .box .boxLeft ul li {
    margin-bottom: 0.3rem
}

.robotics_05 .box .boxLeft ul li:last-child {
    margin-bottom: 0
}

.robotics_05 .box .boxLeft ul li .flexBetween {
    padding: 0.12rem 0
}

.robotics_05 .box .boxLeft ul li .flexBetween .content1 {
    width: 0.62rem
}

.robotics_05 .box .boxLeft ul li .flexBetween .content2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.2rem 0 .4rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: var(--f26);
    color: #999;
    font-family: 'Butler_Bold';
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.robotics_05.list_org .box .boxLeft ul li .flexBetween .content2 {
    color: #666
}

.robotics_05 .box .boxLeft ul li .flexBetween .content3 {
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.robotics_05 .box .boxLeft ul li .flexBetween .content3 i {
    color: #fff;
    font-size: var(--f20);
    transition: 0.4s
}

.robotics_05 .box .boxLeft ul li .item {
    display: none;
    padding: 0.3rem 0
}

.robotics_05 .box .boxLeft ul li .item .content2 {
    font-size: var(--f18);
    line-height: 1.56;
    color: #999
}

.robotics_05 .box .boxLeft ul .active .flexBetween .content2 {
    color: #fff
}

.robotics_05.list_org .box .boxLeft ul .active .flexBetween .content2 {
    color: #0b109f
}

.robotics_05.list_org .box .boxLeft ul .flexBetween .content2 {
    font-size: var(--f22)
}

.robotics_05 .box .boxLeft ul .active .flexBetween .content3 {
    opacity: 1
}

@media screen and (max-width:1200px) {
    .robotics_05 .box .boxLeft ul .active .flexBetween .content3 svg {
        transform: rotate(90deg)
    }

    .banner_swiper_0928 .banner .middle,
    .Home_Banner .banner .middle {
        font-size: .4rem;
        width: 80%;
        padding: .3rem 0 .1rem
    }

    .banner_swiper_0928 .banner .bottom,
    .Home_Banner .banner .bottom {
        margin-top: .5rem
    }
}

@media screen and (max-width:767px) {

    .banner_swiper_0928 .banner .middle,
    .Home_Banner .banner .middle {
        font-size: .4rem;
        line-height: .5rem;
        width: 100%;
        padding: .1rem 0 0
    }

    .banner_swiper_0928 .banner .bottom,
    .Home_Banner .banner .bottom {
        padding-bottom: .1rem
    }

    .banner_swiper_0928 .banner .bottom li,
    .Home_Banner .banner .bottom li {
        font-size: .25rem
    }

    .parameter_100 .er_bot .scroll table tbody tr td {
        font-size: 14px
    }

    .pop_100 .box .main_ .content2 form .box1 .li {
        width: 100%;
        margin: 0
    }

    .pop_100 .box .main_ .content2 form .box1 .li.sanl {
        width: 100%
    }
}

@media screen and (max-width:699px) {
    .robotics_05 .box .boxLeft ul .active .item {
        display: block
    }
}

.robotics_05 .box .boxRight {
    width: calc(100% - 4.6rem);
    padding-left: 1.46rem;
    border-left: 1px solid rgba(102, 102, 102, 0.3)
}

.robotics_05 .box .page {
    margin-top: 0.3rem;
    text-align: center
}

.robotics_05 .box .page div span {
    background: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

@media screen and (max-width:699px) {
    .robotics_05 .box .boxRight {
        display: none
    }
}

.robotics_05 .box .boxRight .list {
    position: sticky;
    top: calc(var(--nav_height) + var(--h1) + 0.4rem);
    max-height: calc(100vh - var(--nav_height) - var(--h1) - 0.4rem)
}

.robotics_05 .box .boxRight .list::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.robotics_05 .box .boxRight .list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.6)
}

.robotics_05 .box .boxRight .list::-webkit-scrollbar-track {}

@-moz-document url-prefix() {
    .robotics_05 .box .boxRight .list {
        scrollbar-color: #fff rgba(255, 255, 255, 0.1);
        scrollbar-width: thin
    }
}

.robotics_05 .box .boxRight .list .item {
    display: none
}

.robotics_05 .box .boxRight .list .item p img {
    width: 66%;
    margin: auto;
    display: flex
}

.robotics_05.list_org .box .boxRight .list .item p img {
    width: auto;
    max-width: 80%
}

.robotics_05 .box .boxRight .list .item .content1 {
    font-size: var(--f38);
    font-family: 'Butler_Bold';
    display: none;
    color: #fff
}

.robotics_05 .box .boxRight .list .item .content2 {
    font-size: var(--f18);
    line-height: 1.56;
    color: #999
}

.robotics_05.list_org .box .boxRight .list .item .content2 p:nth-child(1) {
    color: #000;
    font-size: var(--f38);
    font-family: 'Butler_Bold';
    line-height: 1.2
}

.robotics_05 .box .boxRight .list .active {
    display: block
}

.robotics_06 .box {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width:1200px) {
    .robotics_06 .box {
        display: grid;
        gap: 0.7rem 0.3rem
    }
}

.robotics_06 .box .item {
    text-align: center
}

@media screen and (min-width:1200px) {
    .robotics_06 .box .item {
        width: 20%;
        padding: 0.3rem
    }
}

.robotics_06 .box .item .top {
    height: 0.7rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.robotics_06 .box .item .top img {
    max-height: 100%
}

.robotics_06 .box .item .bot {
    margin-top: 0.25rem;
    font-family: 'Butler_Bold';
    font-size: var(--f26);
    line-height: 1.2;
    color: #fff
}

.robotics_06 .box .item:hover .top {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.robotics_07 .orientation {
    text-align: left
}

.robotics_07 .orientation .box {
    padding: 0
}

.robotics_07 .orientation .content10 {
    font-size: 0.96rem;
    font-family: 'Butler_Bold'
}

.robotics_07 .orientation .content11 {
    font-family: 'Butler_Regular';
    font-size: var(--f42);
    line-height: 1.3
}

.robotics_08 {
    background: url(https://cloud-1251007531.bcdn8.com/galatek/template/default/pc/skin/images/img102.jpg) no-repeat center bottom;
    background-size: 100% auto;
    min-height: 50vh;
    padding: 2.2rem 0
}

.robotics_08 .box .boxLeft {
    width: 50%;
    padding-left: 0.68rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 2.2rem
}

.robotics_08 .box .boxLeft>div {
    width: 100%
}

.robotics_08 .box .boxLeft>div .content1 {
    font-family: 'Butler_Regular';
    font-size: var(--f32);
    line-height: 1.4;
    color: #fff
}

.robotics_08 .box .boxRight {
    width: 50%;
    position: relative
}

.robotics_08 .box .boxRight .img img {
    width: 100%
}

.robotics_08 .box .boxRight p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px)
}

.robotics_08 .box .boxRight p svg {
    transform: scale(0.8)
}

.robotics_08 .box .boxRight p svg path:nth-child(1) {
    fill: transparent
}

.robotics_09 .box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem 1.6rem
}

.robotics_09 .grid2_4 {
    grid-template-columns: repeat(2, 1fr)
}

.robotics_09 .box .item {
    color: #fff
}

.robotics_09 .box .item .content1 {
    height: 0.62rem
}

.robotics_09 .box .item .content1 img {
    max-height: 100%
}

.robotics_09 .box .item .content2 {
    font-family: 'Butler_Bold';
    font-size: var(--f26);
    margin-top: 0.25rem
}

.robotics_09 .box .item .content3 {
    font-family: 'gilroy_regular';
    font-size: var(--f18);
    color: #999;
    line-height: 1.5;
    margin-top: 0.2rem
}

.robotics_10 .box .banner {
    position: relative
}

.robotics_10 .box .banner .box {
    display: none
}

.robotics_10 .box .banner .item {
    cursor: pointer;
    display: block;
    color: #fff
}

.robotics_10 .box .banner .item .img {
    position: relative;
    overflow: hidden
}

.robotics_10 .box .banner .item .img img {
    width: 100%;
    transition: 0.4s
}

.robotics_10 .box .banner .item .img::after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(https://cloud-1251007531.bcdn8.com/galatek/template/default/pc/skin/images/121.png) no-repeat center bottom;
    background-size: 100% auto;
    transition: 0.4s
}

.robotics_10 .box .banner .item .posi1 {
    font-size: var(--f26);
    font-family: 'Butler_Bold';
    position: absolute;
    top: 0.3rem;
    left: 0.3rem
}

.robotics_10 .box .banner .item .posi1 p {
    padding: 0.12rem 0.18rem;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px)
}

.robotics_10 .box .banner .item .posi2 {
    font-size: var(--f18);
    font-family: 'gilroy_regular';
    line-height: 1.5;
    position: absolute;
    left: 0;
    bottom: 1rem;
    z-index: 2;
    width: 100%;
    height: calc(1.5em * 5);
    padding: 0 0.3rem
}

.robotics_10 .box .banner .item .posi3 {
    position: absolute;
    left: 0.3rem;
    bottom: 0.45rem;
    z-index: 2;
    font-family: 'Butler_Bold';
    font-size: var(--f20)
}

.robotics_10 .box .banner .item .posi3 i {
    color: #0b109f;
    transition: 0.4s;
    font-size: var(--f18)
}

.robotics_10 .box .banner .item:hover .img img {
    transform: scale(1.05)
}

.robotics_10 .box .banner .item:hover .img::after {
    transform: scale(1.1)
}

.robotics_10 .box .banner .item:hover .posi3 i {
    color: #fff
}

.robotics_10 .box .banner .button div {
    margin: 0 0.1rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s
}

.robotics_10 .box .banner .button div i {
    font-size: var(--f22);
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.robotics_10 .box .banner .button div:hover i {
    color: #fff
}

.robotics_10 .box .banner .button div.active {
    opacity: 1;
    visibility: initial
}

.robotics_10 .box .banner .button .prev {
    left: -0.6rem
}

.robotics_10 .box .banner .button .next {
    right: -0.6rem
}

.robotics_10 .box .banner:hover .button div {
    opacity: 1;
    visibility: initial
}

.robotics_11 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0,
            0, 0, 0.35);
    display: none
}

.robotics_11 .box {
    position: absolute;
    left: var(--interval);
    width: calc(100% - var(--interval) * 2);
    min-height: 2rem;
    background: #080d29;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.75rem
}

.robotics_11 .box .close {
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    z-index: 2;
    cursor: pointer
}

.robotics_11 .box .close path {
    transition: 0.4s
}

.robotics_11 .box .close:hover path {
    opacity: 1
}

.robotics_11 .box .boxLeft {
    flex: 1;
    padding-right: 0.8rem;
    color: #fff
}

.robotics_11 .box .boxLeft .content1 {
    font-size: var(--f38);
    font-family: 'Butler_Bold'
}

.robotics_11 .box .boxLeft .content2 {
    margin-top: 0.3rem
}

.robotics_11 .box .boxLeft .content2 .scroll {
    font-size: var(--f18);
    color: #999999;
    line-height: 1.5;
    max-height: 4.4rem;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.1rem
}

.robotics_11 .box .boxLeft .content2 .scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.robotics_11 .box .boxLeft .content2 .scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #fff
}

.robotics_11 .box .boxLeft .content2 .scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.1)
}

@-moz-document url-prefix() {
    .robotics_11 .box .boxLeft .content2 .scroll {
        scrollbar-color: #0b109f rgba(255, 255, 255,
                0.1);
        scrollbar-width: thin
    }
}

.robotics_11 .box .boxLeft .content3 {
    margin-top: 0.7rem
}

.robotics_11 .box .boxRight {
    width: 8.05rem;
    position: relative
}

.robotics_11 .box .boxRight img {
    width: 100%
}

.robotics_11 .box .boxRight p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    background: #0b109f
}

.robotics_11 .box .boxRight p svg {
    transform: scale(0.8)
}

.robotics_11 .box .boxRight p svg path:nth-child(1) {
    fill: transparent
}

@media screen and (max-width:1680px) and (min-width:1200px) {
    .Home_About .data_container .number_position.active {
        -webkit-transform: translateX(60%);
        -ms-transform: translateX(60%);
        transform: translateX(60%)
    }
}

@media screen and (max-width:1520px) {

    .Header_Container .boxTop .boxLeft,
    .Header_Container .boxTop .boxRight ul li a {
        font-size: var(--f18)
    }

    .Header_Container {
        --h1: 0.5rem
    }

    .Pro_Nav .box_ .right_ .list_ .ri {
        width: 6.5rem
    }

    .contact_posi {
        width: 4.2rem
    }

    .join_02 .box .item a .content3 {
        width: 4rem
    }

    .Pro_Nav .box_ .left_ {
        width: 4.2rem
    }

    .Header_Container::after {
        height: calc(100vh - var(--nav_height) - 0.5rem)
    }

    .contact_posi {
        top: -0.4rem
    }
}

.ue-table-interlace-color-double {
    background-color: #f7faff
}

@media screen and (max-width:1400px) {
    .w1200 {
        width: auto;
        padding-left: var(--interval);
        padding-right: var(--interval)
    }

    .Footer_Container .box1 .boxLeft .content2 ul li a svg {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .Contact_01 .box .list .item .text {
        font-size: var(--f18)
    }

    .down_01 .box .item a .two .img img {
        width: 2.18rem
    }

    .robotics_08 .box .boxRight p,
    .robotics_11 .box .boxRight p {
        transform: translate(-50%, -50%) scale(0.8)
    }
}

@media screen and (max-width:1281px) {
    .robotics_05 .box .boxRight .list {
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto
    }

    .robotics_05 .box .boxRight .list::-webkit-scrollbar {
        width: 2px;
        height: 2px
    }

    .robotics_05 .box .boxRight .list::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.6)
    }

    .robotics_05 .box .boxRight .list::-webkit-scrollbar-track {}

    @-moz-document url-prefix() {
        .robotics_05 .box .boxRight .list {
            scrollbar-color: #fff rgba(255, 255, 255, 0.1);
            scrollbar-width: thin
        }
    }

    .pu_banner .ban_post>div .content1 .t1 {
        font-size: 0.7rem
    }

    .introduce_100>div .ri_box {
        font-size: var(--f16);
        line-height: 1.4
    }

    .Home_About .main_container .content3 {
        font-size: var(--f18)
    }

    .Home_About .main_container .content2 {
        font-size: var(--f38)
    }

    .robotics_09 .box {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem 1rem
    }

    .robotics_11 .box .boxRight {
        width: 7rem
    }

    .robotics_11 .box {
        padding: 0.5rem
    }

    .robotics_11 .box .close {
        right: 0.1rem;
        top: 0.1rem;
        transform: scale(0.6)
    }
}

.height {
    height: calc(var(--nav_height) + 0.45rem)
}

@media screen and (max-width:1200px) {
    .robotics_05 .box .boxLeft ul {
        display: block
    }

    .robotics_05 .box .boxLeft {
        padding-right: 0
    }

    .Home_Fields .box .list .item1 {
        top: 16%;
        left: 25%
    }

    .Home_Fields .box .list .item2 {
        top: 40%;
        left: 2%
    }

    .Home_Fields .box .list .item3 {
        top: 30%;
        left: 62%
    }

    .Home_Fields .box .list .item4 {
        top: 65%;
        left: 54%
    }

    .Home_Fields .title {
        position: inherit
    }

    .Header_Container {
        display: none
    }

    .Home_Banner .banner video,
    .Home_Banner .banner picture img {
        height: 60vh
    }

    .Home_Banner .banner .swiper-slide .orientation .content1 {
        font-size: 0.7rem
    }

    .Home_Technical .box .item a .two .content1 {
        font-size: var(--f32)
    }

    .pu_banner_2 .ban_bk img {
        height: 48vh
    }

    .Home_About .data_container {
        height: auto
    }

    .Home_About .scroll {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Home_About .main_container {
        padding: 0.9rem var(--interval);
        opacity: 1;
        width: 100%;
        height: auto
    }

    .Home_About .main_container>div {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }

    .Home_About .main_container .content1 {
        margin-top: 0
    }

    .Home_About .main_container .content3 {
        margin-top: 0.8rem
    }

    .Home_About .main_container .contnet5 {
        display: none
    }

    .Home_Advertising .imgBg img {
        min-height: 4rem
    }

    .Footer_Container .box1 .boxRight {
        display: none
    }

    .Footer_Container {
        --w: 45vw
    }

    .Footer_Container .box1 {
        margin: 0.9rem 0 0;
        padding-top: 0
    }

    .Footer_Container .box2 {
        margin-top: 0.9rem;
        padding-bottom: 0.9rem
    }

    .cookie_layer .box .left {
        width: 50%
    }

    .pu_banner .ban_bk img {
        height: 50vh
    }

    .pu_banner .ban_post>div .content1 .t1 {
        font-size: 0.6rem
    }

    .pu_banner .ban_post>div .content1 .t2 {
        font-size: var(--f28);
        line-height: 1.4
    }

    .introduce_100>div .le_box {
        padding-right: 0;
        width: 100%
    }

    .introduce_100>div .ri_box {
        width: 100%
    }

    .introduce_100>div .ri_box {
        font-size: var(--f18);
        line-height: 1.5
    }

    .introduce_100>div {
        padding-bottom: 0
    }

    .product_list_100 .st_bot {
        grid-template-columns: repeat(2, 1fr)
    }

    .contact_100 .ct_bk img {
        min-height: 9rem
    }

    .contact_100 .ct_post>div .content2 form .box1 .grid1 {
        grid-template-columns: repeat(2, 1fr)
    }

    .model_100 .content2 {
        margin-top: 0.3rem
    }

    .model_100 .content2 .swiper .swiper-slide+.swiper-slide {
        margin-left: 0.5rem
    }

    .model_100 .content2 .swiper .swiper-slide p {
        font-size: var(--f218)
    }

    .characteristics_100 .cs_bot {
        grid-template-columns: repeat(1, 1fr)
    }

    .field_100 .ld_bot {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem
    }

    .field_100 .ld_bot .item .text {
        font-size: var(--f22)
    }

    .related_100 {
        padding: 0.9rem 0rem
    }

    .contact_100 .ct_post>div .content2 form .box2 .tips {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .pop_100 .box .main_ .content2 form .box2 .tips {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .Home_About .data_container .img {
        height: auto
    }

    .Home_About .data_container .number_position ul li {
        color: #111
    }

    .Home_About .data_container .number_position {
        padding: 0 5vw;
        margin-top: 0.7rem
    }

    .Home_About .data_container .number_position ul {
        display: grid;
        grid-template-columns: repeat(3,
                1fr);
        gap: 0.3rem
    }

    .Home_About .scroll {
        width: 100%
    }

    .Home_About .data_container .number_position ul li .top {
        font-size: 0.6rem
    }

    .Home_Fields .box {
        margin-top: 0
    }

    .Home_About .data_container .number_position ul li:nth-child(2) {
        margin: 0
    }

    .robotics_01 .orientation .box {
        padding: 0
    }

    .robotics_03 .box {
        grid-template-columns: repeat(1,
                1fr)
    }

    .robotics_04 .box {
        padding: 0
    }

    .robotics_05 .box .boxLeft {
        width: 100%
    }

    .robotics_05 .box .boxLeft ul {
        display: block;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.4rem
    }

    .robotics_05 .box .boxLeft ul li {
        margin-bottom: 0.4
    }

    .robotics_05 .box .boxLeft ul li:last-child {
        margin: 0
    }

    .robotics_05 .box .boxRight {
        margin-top: 0.5rem;
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        padding-top: 0.5rem;
        padding-left: 0;
        border-top: 1px solid rgba(102, 102, 102, 0.3);
        border-left: 0
    }

    .robotics_06 .box {
        grid-template-columns: repeat(3, 1fr)
    }

    .About_01 .box .boxLeft {
        width: 100%;
        padding-right: 0
    }

    .About_01 .box .boxRight {
        width: 100%;
        margin-top: 0.5rem
    }

    .About_02 .box {
        display: grid;
        grid-template-columns: repeat(3,
                1fr);
        gap: 0.3rem;
        text-align: center
    }

    .About_02 .box .item .top p {
        font-size: 0.6rem
    }

    .Contact_01 .box .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.3rem
    }

    .Contact_01 .box .list .item {
        position: relative;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .Contact_01 .box .list .contact_posi {
        display: none
    }

    .Contact_01 .box .list .active .text {
        opacity: 1;
        color: #0b109f
    }

    .Contact_01 .list_phone {
        display: block;
        margin-top: 0.5rem
    }

    .contact_posi {
        position: initial;
        width: 100%;
        top: 0;
        display: none;
        opacity: 1
    }

    .contact_posi.active {
        display: block
    }

    .contact_posi .close {
        display: none
    }

    .New_02 .box {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem 0.3rem
    }

    .New_01 .box .boxLeft img {
        height: 100%
    }

    .New_01 .box .boxRight {
        padding: 0.4rem
    }

    .New_01 .box .boxRight .content3 {
        margin-top: 0.6rem
    }

    .pu_page .number {
        display: none
    }

    .New_03 .box .boxLeft {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }

    .New_03 .box .boxRight {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        width: 100%;
        padding-left: 0;
        margin-top: 0.5rem
    }

    .height {
        display: none
    }

    .Recommended .list {
        grid-template-columns: repeat(2,
                1fr);
        gap: 0.5rem 0.3rem
    }

    .join_02 .box .item {
        padding: 0.1rem 0
    }

    .join_02 .box .item a .content1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        width: 100%;
        padding-right: 0;
        margin-bottom: 0.2rem
    }

    .join_01 .box {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .join_01 .box .item1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 100% !important;
        -ms-flex: 1 1 100% !important;
        flex: 1 1 100% !important;
        margin-right: 0 !important
    }

    .join_01 .box .item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .join_01 .box .item:nth-child(3) {
        margin-right: 0
    }

    .join_01 .box .item2 {
        margin-bottom: 10px
    }

    .join_03 .box .boxLeft {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        padding-right: 0
    }

    .join_03 .box .boxRight {
        width: 100%;
        margin-top: 0.5rem
    }

    .form_Container .item input {
        height: 0.9rem
    }

    .down_01 .box {
        grid-template-columns: repeat(2, 1fr)
    }

    .down_01 .box .item a .two {
        opacity: 1
    }

    .down_01 .toggle ul li {
        margin: 0 0.3rem 0.3rem
    }

    .Search_list .box .boxLeft,
    .Search_list .box .boxRight {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw
    }

    .Search_list .box .boxRight {
        margin-top: 0.5rem;
        border-top: 1px solid #eee;
        border-left: 0;
        padding-top: 0.5rem
    }

    .Search_list .box .boxRight .list_box {
        padding: 0
    }

    .Search_box .box input {
        height: 0.8rem
    }

    .Contact_01 .box .list {
        margin-top: 0.2rem
    }

    .contact_posi .content2 ul li {
        margin-bottom: 0.1rem
    }

    .contact_posi .content2 ul li svg {
        top: 0.08rem
    }

    .New_03 .box .boxLeft .content3 {
        font-size: var(--f20);
        text-align: left;
    }

    .Contact_01 .box {
        padding: 0 5vw
    }

    .search_box form {
        padding: 0.4rem 0
    }

    .search_box .bo .ss input {
        height: 0.96rem
    }

    .robotics_07 .orientation .content10 {
        font-size: 0.6rem
    }

    .robotics_07 .orientation .content11 {
        font-size: var(--f32);
        margin-top: 0.1rem
    }

    .robotics_08 .box .boxLeft {
        width: 100%;
        padding: 0
    }

    .robotics_08 .box .boxRight {
        width: 100%;
        margin-top: 0.6rem
    }

    .robotics_08 {
        padding: 1rem 0
    }

    .robotics_09 .box {
        grid-template-columns: repeat(2,
                1fr);
        gap: 0.6rem
    }

    .robotics_11 .box .boxLeft {
        padding-right: 0;
        width: 100%;
        flex: 1 100%
    }

    .robotics_11 .box .boxRight {
        width: 50%;
        margin: auto;
        margin-top: 0.4rem
    }

    .robotics_11 .box .boxLeft .content2 .scroll {
        max-height: 2.4rem
    }

    .robotics_11 .box .close {
        right: 0.2rem;
        top: 0.2rem;
        transform: scale(0.8)
    }

    .robotics_10 .box .banner .button {
        display: flex;
        justify-content: center;
        margin-top: 0.3rem
    }

    .robotics_10 .box .banner .button div {
        cursor: pointer;
        position: initial;
        top: 50%;
        transform: translateY(0%);
        opacity: 1;
        visibility: initial;
        transition: 0.4s;
        margin: 0 0.1rem
    }
}

@media screen and (max-width:1200px) and (min-width:500px) {}

@media screen and (max-width:768px) {
    .robotics_05_21 .box .boxRight .list {
        max-height: initial !important;
        padding: 0 !important
    }

    .robotics_05_21 .box .boxRight {
        display: block;
        padding: 0 !important
    }

    .robotics_05_21 .box .boxRight .banner {
        padding: 0
    }

    .Home_Banner .banner .swiper-slide .orientation.pic1 .content1 {
        font-size: .5rem
    }

    .Footer_Container .box .boxRight {
        width: 100%;
        margin-top: 0.6rem
    }


    .Home_Banner .banner .swiper-slide .orientation.pic1 {
        top: -7%
    }

    .cookie_layer .box .left {
        width: 100%;
        margin-bottom: 0.3rem
    }

    .cookie_layer .box .right {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .Home_Banner .banner .swiper-slide .orientation .content1 {
        font-size: 0.5rem
    }

    .button_01 .a,
    .button_02 .a,
    .button_04 .a {
        line-height: 0.6rem;
        min-width: 1.5rem
    }

    .Home_Banner .banner .pic0 .button_01 {
        margin-top: .3rem
    }

    .button_01 .a {
        font-size: .3rem
    }

    .Home_Banner .banner .pic0 .middle.zj {
        margin-top: .2rem
    }

    .Home_Technical .box {
        grid-template-columns: repeat(1, 1fr)
    }

    .Home_Technical .box .item {
        border-bottom: 1px solid #eee
    }

    .Home_News .box .item a {
        padding: 0.5rem 0
    }

    .Home_Banner .banner .swiper-slide .orientation.pic1.pic0 {
        top: -5%
    }

    .Home_News .box .item a .boxLeft {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }

    .Home_News .box .item a .boxRight {
        width: 100%;
        margin-top: 0.3rem
    }

    .Footer_Container .box .boxLeft img {
        height: 28px
    }

    .Footer_Container .box .boxRight .content2 {
        margin-top: 0.15rem
    }

    .Footer_Container .box1 .boxLeft .content2 ul li a {
        width: 0.75rem;
        height: 0.75rem
    }

    .Footer_Container .box2>div {
        width: 100%;
        text-align: center
    }

    .pu_banner .ban_post>div .content1 .t1 {
        font-size: 0.5rem
    }

    .pu_banner .ban_post>div .content1 .t2 {
        font-size: var(--f24);
        line-height: 1.4
    }

    .product_list_100 .st_bot {
        grid-template-columns: repeat(1, 1fr)
    }

    .contact_100 .ct_post>div .content2 form .box1 .grid1 {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .layui-input,
    .layui-textarea {
        padding-left: 0
    }

    .contact_100 .ct_bk img {
        min-height: 13rem
    }

    .pop_100 .box .main_ .content2 form .box1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .pop_100 .box,
    .characteristics_100 .cs_bot .item {
        padding: 0.5rem
    }

    .introduce_100>div .le_box .txt {
        font-size: var(--f28)
    }

    .pu_banner_2 .ban_post>div .content1 .t2 {
        max-height: 9em;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 0.1rem
    }

    .pu_banner_2 .ban_post>div .content1 .t2::-webkit-scrollbar {
        width: 2px;
        height: 2px
    }

    .pu_banner_2 .ban_post>div .content1 .t2::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #fff
    }

    .pu_banner_2 .ban_post>div .content1 .t2::-webkit-scrollbar-track {
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.1)
    }

    @-moz-document url-prefix() {
        .pu_banner_2 .ban_post>div .content1 .t2 {
            scrollbar-color: #0b109f rgba(255, 255, 255,
                    0.1);
            scrollbar-width: thin
        }
    }

    .characteristics_100 .cs_bot .item>div .svg {
        width: 100%
    }

    .characteristics_100 .cs_bot .item>div .box {
        -webkit-box-flex: 1;
        -webkit-flex: 1 10%;
        -ms-flex: 1 10%;
        flex: 1 10%;
        padding-left: 0;
        margin-top: 0.6rem
    }

    .characteristics_100 .cs_bot .item>div .svg img {
        width: 1.2rem
    }

    .field_100 .ld_bot {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.6rem 0.3rem
    }

    .related_100 .banner {
        padding: 0
    }

    .related_100 .ed_bot {
        margin-top: 0.3rem
    }

    .related_100 {
        padding: 1.1rem 0rem
    }

    .model_100 .el_bot .item .content2,
    .introduce_100>div .ri_box {
        height: 9em;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 0.1rem
    }

    .model_100 .el_bot .item .content2::-webkit-scrollbar,
    .introduce_100>div .ri_box::-webkit-scrollbar {
        width: 2px;
        height: 2px
    }

    .model_100 .el_bot .item .content2::-webkit-scrollbar-thumb,
    .introduce_100>div .ri_box::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #0b109f
    }

    .model_100 .el_bot .item .content2::-webkit-scrollbar-track,
    .introduce_100>div .ri_box::-webkit-scrollbar-track {
        border-radius: 2px;
        background: rgba(0, 0, 0, 0.1)
    }

    @-moz-document url-prefix() {

        .model_100 .el_bot .item .content2,
        .introduce_100>div .ri_box {
            scrollbar-color: #0b109f rgba(0, 0, 0,
                    0.1);
            scrollbar-width: thin
        }
    }

    .characteristics_100 .cs_bot .item>div .box .x2 {
        height: 7.5em;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 0.1rem
    }

    .characteristics_100 .cs_bot .item>div .box .x2::-webkit-scrollbar {
        width: 2px;
        height: 2px
    }

    .characteristics_100 .cs_bot .item>div .box .x2::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #0b109f
    }

    .characteristics_100 .cs_bot .item>div .box .x2::-webkit-scrollbar-track {
        border-radius: 2px;
        background: rgba(0, 0, 0, 0.1)
    }

    @-moz-document url-prefix() {
        .characteristics_100 .cs_bot .item>div .box .x2 {
            scrollbar-color: #0b109f rgba(0, 0, 0,
                    0.1);
            scrollbar-width: thin
        }
    }

    .pu_li {
        padding: 0rem 0.64rem 0
    }

    .Home_About .data_container .img p {
        display: none
    }

    .Home_About .data_container .img .pc,
    .Home_Banner .banner .pc {
        display: none
    }

    .Home_About .data_container .img .phone,
    .Home_Banner .banner .phone {
        display: block
    }

    .robotics_01 picture img,
    .robotics_02 picture img {
        min-height: 5rem
    }

    .robotics_03 .box .item .right .content2 {
        height: auto
    }

    .robotics_05 .box .boxLeft ul {
        grid-template-columns: repeat(1, 1fr)
    }

    .robotics_06 .box {
        grid-template-columns: repeat(2, 1fr)
    }

    .Contact_01 .box .list {
        grid-template-columns: repeat(1, 1fr)
    }

    .Contact_01 .box .list .item .img1,
    .contact_posi .content2 ul li svg {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    .New_02 .box,
    .Recommended .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.8rem
    }

    .New_01 .box .boxRight,
    .New_01 .box .boxLeft {
        width: 100%
    }

    .join_01 .box .item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-right: 0px;
        margin-bottom: 10px
    }

    .join_01 .box .item input {
        height: 0.9rem
    }

    .pu_page a {
        width: 0.86rem;
        height: 0.86rem
    }

    .form_Container .h5 {
        margin-bottom: 0.3rem
    }

    .form_Container .button input {
        height: 0.9rem
    }

    .down_01 .box {
        grid-template-columns: repeat(1, 1fr)
    }

    .down_01 .toggle ul {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .Search_list .box .boxRight .list_box .list .item a {
        line-height: 0.9rem;
        height: 0.9rem
    }

    .join_01 .box .item2 {
        width: 100%;
        height: 0.8rem
    }

    .join_02 .box .item a .content3 svg {
        width: 18px
    }

    .robotics_07 .orientation .content11 br {
        display: none
    }

    .robotics_09 .box {
        grid-template-columns: repeat(1, 1fr)
    }

    .robotics_09 .box .item .content1 {
        height: 0.82rem
    }

    .robotics_11 .box .boxRight {
        width: 62%
    }

    .robotics_08 .box .boxRight p,
    .robotics_11 .box .boxRight p {
        transform: translate(-50%, -50%) scale(0.6)
    }

    .robotics_11 .box .boxLeft .content2 .scroll {
        max-height: 2.7rem
    }

    .robotics_11 .box {
        padding: 0.7rem 0.5rem
    }

    .Home_Fields .box .list .item2 {
        top: 27%;
        left: -6%
    }

    .Home_Fields .box .list .item1 {
        top: 12%;
        left: 10%
    }

    .Home_Fields .box .list .item3 {
        top: 30%;
        left: 47%
    }

    .Home_Fields .box .list .item4 {
        top: 65%;
        left: 38%
    }
}

.dd_solutions .model_100 .el_bot .item {
    overflow: hidden;
    min-height: 350px
}

.dd_solutions .model_100 .el_bot .item .content1 {
    float: right;
    width: 40%
}

.dd_solutions .model_100 .el_bot .item .content2 {
    float: left;
    width: 55%;
    margin-top: 0
}

.dd_solutions .model_100 .content2 {
    margin-top: .6rem
}

.dd_solutions .model_100 .el_bot {
    margin-top: .3rem
}

.dd_solutions .model_100 .el_bot .item .content1 .bk {
    display: none
}

.dd_solutions .model_100 .el_bot .item .content2 {
    font-size: var(--f16)
}

.dd_solutions .model_100 .el_bot .item .content2 .a {
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    line-height: 0.4rem;
    min-width: 1rem;
    border: 1px solid #0b109f;
    color: #0b109f;
    font-family: 'Butler_Bold';
    text-align: center;
    padding: 0.01rem .3rem;
    font-size: var(--f20);
    margin-top: .2rem
}

.dd_solutions .model_100 .el_bot .item .content2 .a:hover {
    background: #0b109f;
    color: #FFf
}

.flzxtca_list1 {
    position: relative;
    margin-top: .2rem;
    z-index: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flzxtca_list1:before {
    content: "";
    display: block;
    position: absolute;
    top: .4rem;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 2px;
    background: #0b109f
}

.flzxtca_list1:after {
    content: "";
    display: block;
    position: absolute;
    top: .405rem;
    right: -0.15rem;
    z-index: -1;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    border-left: .15rem solid #0b109f;
    transform: translateY(-50%)
}

.flzxtca_list1 li {
    flex: 1;
    padding: 0 1%;
    text-align: center
}

.flzxtca_list1 li .img {
    width: .8rem;
    margin: 0 auto
}

.flzxtca_list1 li .img img {
    width: 100%
}

.flzxtca_list1 li p {
    text-align: center;
    color: #333333;
    font-size: var(--f16);
    line-height: 1.5;
    position: relative;
    padding: .15rem 0;
    width: 100%;
    font-family: 'Butler_Bold'
}

@media (max-width:768px) {
    .fhasxr .fhasxr-a1 {
        width: 100%
    }

    .flzxtca {
        padding: .25rem 0 .15rem
    }

    .flzxtca .titas {
        font-size: .135rem
    }

    .flzxtca_list1 {
        margin-top: .1125rem
    }

    .flzxtca_list1:before,
    .flzxtca_list1:after {
        display: none
    }

    .flzxtca_list1 li {
        width: calc(100%/3);
        flex: inherit
    }

    .xgnr-cont1 .heng1 {
        padding: .15rem 0 0
    }

    .fhasxr {
        margin-top: .15rem
    }

    .fhasxr .fhasxr-a1 {
        width: 100%;
        order: 2;
        margin-top: .125rem
    }

    .fhasxr .fhasxr-a2 {
        width: 100%;
        margin-top: .125rem;
        order: 1
    }

    .fhasxr .fhasxr-a3 {
        width: 100%
    }
}

.mms_moled .flzxtca_list1 {
    margin-top: .6rem
}

.mms_moled .fhasxr-a31 .tit {
    font-size: var(--f24);
    margin-top: .4rem;
    font-family: 'Butler_Bold'
}

.mms_moled .fhasxr-a31 .tit,
.fhasxr .fhasxr-a2 .tit {
    margin-bottom: 0.25rem
}

.mms_moled .fhasxr-a31 .tag-aa>div {
    font-size: var(--f16)
}

.mms_moled .tag-aa {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.mms_moled .fhasxr-a31 .tag-aa>div {
    display: block;
    background: #fff;
    border: 1px solid #0b109f;
    color: #fff;
    font-size: var(--f16);
    font-family: 'Butler_Bold';
    padding: 0.07rem 0;
    margin-right: .3rem;
    width: auto;
    text-align: center;
    background: #0b109f;
    flex: 1
}

.mms_moled .output_lb {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    overflow: hidden
}

.mms_moled .output_div>div {
    padding: .15rem 0
}

.mms_moled .output_div {
    text-align: center
}

.mms_moled .col-md-51 {
    padding: 0 .23rem
}

.mms_moled .col-md-51 {
    width: 20%
}

.mms_moled .output_lb {
    margin-top: .6rem
}

.parameter_tab .table {
    font-weight: 500
}

.mms_moled .col-md-51 .jianju {}

.parameter_tab .table tr td.d::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #333;
    display: block
}

.jianju {}

.mms_moled .output_div div:nth-of-type(2) {
    font-size: var(--f18);
    font-family: 'Butler_Bold'
}

.parameter_tab .table tr td.shu {
    text-align: center;
    letter-spacing: 1em
}

.proxq_xq {
    text-align: left
}

.output_div p,
.biology .biology_size p:nth-of-type(2),
.proxq_xq {
    font-weight: 500
}

.ul-jie>ul {
    display: none
}

.cpml-asasr li .zhstxa .cont-p .reg a {
    display: none
}

.pb100 {
    padding-bottom: 1rem
}

.pdb0 {
    padding-top: 0
}

.pro-video {
    padding: 1.3rem 0 0
}

.pro-vido-con {
    text-align: center;
    margin-top: 0.6rem
}

.pro-vido-con a {
    width: 50%;
    position: relative
}

.pro-vido-con a img {
    width: 100%
}

.pro-vido-con a svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.pro-vido-con a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 2
}

.fancybox__content {
    width: min(12rem,
            80vw) !important;
    height: auto !important
}

.paly-bof {
    box-shadow: 5px 5px rgba(10, 16, 159, .7);
    border: 1px solid #0b109f;
    cursor: pointer
}

.paly-bof .content1 {
    position: relative
}

.paly-bof .content1::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,
            .3);
    z-index: 2
}

.paly-bof .img img {
    height: 3rem;
    object-fit: cover
}

.paly-bof .content1 svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.paly-bof .content2 {
    font-size: .20rem;
    font-weight: bold
}

.paly-bof .box-bot {
    padding: .1rem .2rem
}

.paly-bof .box-bot .data {
    font-size: .14rem;
    margin-top: .05rem;
    color: #9d9d9d
}

.paly-bof .box-bot .text {
    text-align: right
}

.video-a {
    display: inline-block;
    background: #0b109f;
    color: #fff;
    padding: .1rem .2rem
}

.box_main .none.active {
    margin-bottom: 1rem
}

@media(max-width:767px) {
    .pro-vido-con a {
        width: 100%
    }

    .mms_moled .col-md-51 {
        width: 100%
    }

    .model_100 .content2 {
        padding: 0
    }

    .mms_moled .tag-aa {
        display: block
    }

    .mms_moled .fhasxr-a31 .tag-aa>div {
        margin-right: 0;
        margin-bottom: .1rem
    }

    .dd_solutions .model_100 .el_bot .item .content2 {
        width: 100%
    }

    .dd_solutions .model_100 .el_bot .item .content1 {
        width: 100%
    }

    .pop_100 .box .main_ .content2 form {
        --h: 0.82rem
    }
}

@media screen and (max-width:1200px) {
    .Contact_01 .box .list .item3 {
        display: none
    }
}

.sum>section {
    height: 0;
    overflow: hidden
}

.sum>section.active {
    height: auto
}

.flex {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-z {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex_left {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex_left1 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex2 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex3 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex21 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wex-as_lst1 li {
    margin-right: .25rem
}

.wex-as_lst1 li span::before {
    display: none
}

.wex-as_lst1 li.on span,
.wex-as_lst1 li:hover span {
    color: #0b109f
}

.wex-as_lst1 li span {
    padding: 8px 0;
    position: relative;
    border-radius: 0;
    background: transparent;
    padding: 13.6px 0;
    font-size: var(--f20);
    font-family: 'Butler_Bold'
}

.wex-as_lst1 li span:after {
    display: none
}

.wex-as_lst1 li {
    cursor: pointer
}

.wex-as_lst1 li .biology_text {
    position: relative;
    padding: 10px 0;
    font-weight: bold
}

.wex-as_lst1 li .biology_text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0b109f;
    transform: scaleX(0);
    transition: all 0.4s
}

.wex-as_lst1 li .biology_text::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    transform: scaleX(1);
    transition: all 0.4s
}

.wex-as_lst1 li.on .biology_text::after {
    transform: scaleX(1)
}

.wex-as_lst1 li span {
    padding: 10px 0;
    position: relative;
    border-radius: 0;
    background: transparent
}

.mlds-sdt .cpml-as {
    width: 30%;
    border-right: 1px solid #f0f0f0
}

.mlds-sdt .cpml-as li {
    padding: 30px 5%;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    font-family: 'Butler_Bold';
    display: flex;
    justify-content: space-between
}

.mlds-sdt .cpml-as li .tb {
    max-width: 160px
}

.mlds-sdt .cpml-as li .btit {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    color: #000000
}

.mlds-sdt .cpml-as li .btit span {
    display: block;
    font-size: 13.6px;
    line-height: 1.5em;
    text-transform: Capitalize
}

.mlds-sdt .cpml-as li.on .btit {
    color: #0b109f
}

.mlds-sdt .cpml-asasr {
    width: 100%
}

.cpml-asasr li .zhstxa .cont-p {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: justify-content
}

.cpml-asasr li .zhstxa .cont-p .left {
    width: calc(100% - 3.5rem)
}

.cpml-asasr li .zhstxa .cont-p .left .wen1 {
    width: calc(100% - 1.125rem);
    padding-right: 0.5rem
}

.cpml-asasr li .zhstxa .cont-p .reg {
    align-content: center;
    justify-content: center
}

.cpml-asasr li .zhstxa .cont-p .min img {
    width: 1.125rem
}

.cpml-asasr li .zhstxa .flex_left {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0;
    padding: 18px 0 16px
}

.cpml-asasr li .zhstxa .flex_left:last-child {
    border-bottom: none
}

.cpml-asasr li .zhstxa .cont-p .tit {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    color: #000000
}

.cpml-asasr li .zhstxa .cont-p .tit2 {
    justify-content: space-between
}

.cpml-asasr li .zhstxa .cont-p .p1 {
    font-size: 13.664px;
    font-weight: 400;
    line-height: 1.65em;
    color: #666;
    padding: 8px 0
}

.cpml-asasr li .zhstxa .cont-p .tit2 .p1 {
    margin-right: 40px
}

.cpml-asasr li .zhstxa .cont-p .more {
    color: #0b109f;
    line-height: 36px;
    padding: 0 .1rem
}

.cpml-asasr li .zhstxa .cont-p .more:hover {
    color: #fff
}

.cpml-asasr li .zhstxa .img {
    width: 15%
}

.cpml-asasr li .zhstxa .img img {
    width: 100%
}

.fancybox__content:focus:not(.carousel__button.is-close) {
    outline: none
}

body.compensate-for-scrollbar {
    overflow-y: auto !important
}

.tcmgs-a {
    display: none;
    border-radius: 18px;
    width: 92%;
    max-width: 600px;
    padding: 31.2px 2.8% 41.6px
}

.tyasx-a {
    margin-top: .4rem
}

.mlds-sdt {
    margin-top: .4rem
}

.wex-as_lst1 {
    margin-top: .4rem
}

@media (max-width:768px) {

    .tyasx-a,
    .tyasx-ax {
        margin-top: 16px
    }

    .tyasx-a .titb .proxq_xq1,
    .tyasx-ax .titb .proxq_xq1 {
        margin-bottom: 0
    }

    .mlds-sdt .cpml-as li {
        padding: 16px 0
    }

    .mlds-sdt .cpml-as {
        width: 100%;
        border-right: none
    }

    .mlds-sdt .cpml-asasr {
        width: 100%;
        margin-top: 24px
    }

    .cpml-asasr li .zhstxa .cont-p .more {
        margin-right: 0
    }

    .cpml-asasr li .zhstxa .cont-p {
        width: 100%;
        order: 1;
        margin-top: 16px
    }

    .cpml-asasr li .zhstxa .img {
        width: 100%
    }

    .cpml-asasr li .zhstxa .cont-p .tit {
        font-size: 16px
    }

    .parameter-asb {
        padding: 34px 0
    }
}

.wex-as_lst1 li {
    position: relative;
    padding: 10px 0
}

.more {
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    line-height: 0.6rem;
    min-width: 1rem;
    border: 1px solid #0b109f;
    color: #0b109f;
    font-family: 'Butler_Bold';
    text-align: center;
    padding: 0.01rem;
    font-size: var(--f20)
}

.more:hover {
    background: #0b109f
}

@media (max-width:768px) {
    .cpml-asasr li .zhstxa .cont-p .left {
        width: 100%
    }

    .cpml-asasr li .zhstxa .cont-p .left .min {
        width: 100%;
        text-align: center
    }

    .cpml-asasr li .zhstxa .cont-p .reg {
        width: 100%;
        margin: .2rem 0;
        text-align: center
    }

    .Home_Banner .banner a picture img,
    .Home_Banner .banner picture img {
        height: auto
    }
}

.erji_ul li a {
    cursor: pointer;
    position: relative;
    font-size: var(--f20);
    font-family: 'Butler_Bold';
    margin: 0 .2rem;
    padding: 0 0 0.1rem;
    display: block
}

.erji_ul li a::before {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #0b109f
}

.erji_ul li.active a::before,
.erji_ul li:hover a::before {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.erji_ul li.active a,
.erji_ul li:hover a {
    color: #000
}

.blog_view .form_Container .item input {
    height: 0.5rem
}

.blog_view .form_Container .button {
    margin-top: 0.2rem
}

.blog_view .box .boxLeft .content3 {
    font-size: var(--f18);
    color: #999;
    line-height: 1.5
}

.blog_view .button_01 .a {
    width: 100%
}

.blog_view .select div {
    margin-right: 0
}

.blog_view .box .boxLeft .content3 a {
    color: #0b109f;
    display: inline !important;
    white-space: normal !important;
    word-break: normal !important;
    text-align: left;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto
}

.blog_view .box .boxLeft .content3 {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto
}

.blog_view .form_Container .item {
    font-size: var(--f16)
}

.blog_view .form_Container .select {
    font-size: var(--f16)
}

.blog_view .button_01 .a {
    font-size: var(--f16)
}

@media (max-width:1200px) {
    .blog_view .form_Container .item input {
        height: 0.9rem
    }
        .join_03 .box .boxLeft {
        margin-right: 0;
        border-right: none
    }
}

@media (max-width:768px) {
.form_Container .select div{
    margin-top: 2px;
}
.join_03 .box .boxLeft .content3 .desc{
    font-size: var(--f14);
}
    .blog_view .box .boxLeft .content3 {
        font-size: var(--f15);
        margin-right: 0
    }

    .blog_view .box .boxLeft .content3 {
        text-align: left
    }
}
/* faqs代码20260331 */
.Home_News{
    background: #F7F7F7;
}





.Home_Faqs .faq_list{
    width: 69%;

}

.Home_Faqs  .wMain {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.faq_list li svg{
    width: .24rem;
}

.faq_list li .dt {
    cursor: pointer;
   border-bottom: 1px solid #D9D9D9;
        padding: .3rem 0;
}.faq_list li:nth-child(1) .dt {
    padding-top: 0;
 
}

.faq_list li .dt .tit {
    color: rgba(0, 0, 0, 0.8);

    font-size: .26rem;
    line-height: 1.1;
    width: -webkit-calc(100% - .25rem);
    width: -moz-calc(100% - .25rem);
    width: calc(100% - .25rem);
 
}

@media (max-width: 1200px) {
    .MobileMain .HeaderMobile .box .logo a img {
        height: 28px;
        filter: invert(1)
    }
}

@media (max-width: 768px) {
    .faq_list li .dt .tit {
  font-size: .20rem;
    }
}



.faq_list li .wehha-job {
    display: none;
    margin-top: 0.37rem;
    margin-bottom: .18rem;
}

.faq_list li .wehha-job .as-xatc .p1 {
    width: .47rem;
}

.faq_list li .wehha-job .as-xatc .p1 b {
    display: block;
    color: #0b109f;
    font-weight: 400;
    background: #F4F4F4;
    font-size: .27rem;
 
    line-height:.47rem;
    text-transform: uppercase;
    width: 100%;
    height: .47rem;

    text-align: center;
}

.faq_list li .wehha-job .as-xatc .p2 {
    width: -webkit-calc(100% - .76rem);
    width: -moz-calc(100% - .76rem);
    width: calc(100% - .76rem);
    color: #666666;
    font-size: .2rem;
    line-height: 1.5;
}

.faq_list li.active .dt{
    border-color: #0b109f;
}


.faq_list li.active .dt i {
    color: #015AFF;
     -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
       -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.faqs-title{
    font-family: 'Butler_Bold';
    font-size: .4rem;
    color: #000;
    line-height: 1;
    margin-bottom: .38rem;
}
.faqs-con{
    margin-bottom: 1.4rem;
}.faqs-main{

}
.faqs-main .faqs-div{
    width: 62.5%;

    margin: 0 auto;
}
@media (max-width: 1440px) {
.blog_view .form_Container .item input{
        height: 0.7rem;
}
}.dice-list-ul{
    padding-left: .4rem;
}
.dice-list-ul li{
    list-style:disc;
}

.dows {
    margin: 0 .2rem;
}
@media (max-width: 768px) {
    .join_03 .box .boxLeft .content1{
                font-size: var(--f30);
        line-height: 1.2;
    
    }.dows{margin: 0.1rem .2rem}
    
    .erji_ul li{
    margin: 0 0rem 0.3rem;
    }
    .faq_list li .dt .tit{
             font-size:var(--f28);
    }
    
.blog_view .form_Container .item input{
        height: 0.9rem;
}
 .faqs-main .faqs-div{
    width:100%;
    padding: 0 5vw;
 }.faq_list li .wehha-job .as-xatc .p2{
     font-size:var(--f24);
 }.banner_swiper_0928 .banner .swiper-slide .orientation .content_2, .pu_banner_2 .ban_post>div .content1 .t2{
     
     text-align: left;
 }
 
}
.qian-p{
    color: #a9a9a9;
    font-size: var(--f16);
 
}
.qian-bg{
       background: #f1f1f1;
    padding: .2rem.1rem;
}