html.lenis,
html.lenis body {
    height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
    overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

.lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete;
}

.mid {
    font-family: 'MiSans Medium';
    font-weight: 450;
}

.mib {
    font-family: 'MiSans Bold';
    font-weight: 700;
}

.mis {
    font-family: 'MiSans Bold';
    font-weight: 700;
}

.mir {
    font-family: 'MiSans Light';
    font-weight: 305;
}

.mim {
    font-family: 'MiSans Medium';
    font-weight: 380;
}

.min {
    font-family: 'MiSans ExtraLight';
    /* font-weight: 305; */

}

.mil {
    font-family: 'MiSans ExtraLight';
    font-weight: 250;
}

.es {
    /* 一行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.es2 {
    /* 一行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.g_box .view {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
}

.g_box .t1 {
    line-height: 1;
}

.g_box .t2 {
    margin-bottom: .45rem;
}

.licon-list {
    height: 100%;
    display: flex;
    align-items: center;
}

.licon-list .li {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.licon-list .li svg {
    position: relative;
    z-index: 1;
}

.licon-list .li svg path {
    transition: all .6s;
}

.licon-list .li::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .825rem;
    height: .825rem;
    content: '';
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 1);
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    transition: all .6s;
}

.licon-list .li:hover::after {
    opacity: 1;
}

.licon-list .li:hover svg path {
    fill: #fff;
}

.licon-list .li .li_hide {
    position: absolute;
    left: 50%;
    top: calc(100% + .025rem);
    transform: translateX(-50%);
    width: 5rem;
    height: auto;
    transition: all .6s .1s;
    background-color: #fff;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

.licon-list .li .li_hide a {
    width: 100%;
    height: 1.3rem;
    line-height: 100%;
    color: #666;
    transition: all .6s;
    display: flex;
    align-items: center;
    padding: .4rem;
    font-size: .375rem;
}

.licon-list .li .li_hide a .icon_imf {
    width: .425rem;
    margin-right: .175rem;
    height: .425rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(102, 102, 102, .7);
    color: #000;
    transition: all .6s;
}

.licon-list .li .li_hide a .icon_imf img {
    width: auto;
}

.licon-list .li:hover .li_hide {
    z-index: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.licon-list .li .li_hide a:hover {
    color: #000;
}

.licon-list .li .li_hide a.op5 {
    opacity: .5;
}

.licon-list .li .li_hide a:hover .icon_imf {
    background-color: rgba(0, 0, 0, .7);
}

.product_menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 9999;
    padding: .575rem .675rem;
    display: none;
}

.product_menu .product_closed {
    display: flex;
    align-items: center;
    font-size: .4rem;
    color: #000;
    margin-bottom: 2.75rem;
    cursor: pointer;
}

.product_menu .product_closed svg {
    width: .35rem;
    height: auto;
    margin-right: .325rem;
    transition: all .6s;
}

.product_menu .product_closed svg path {
    transition: all .6s;

}

.product_menu .product_closed:hover svg {
    transform: rotate(180deg);
}

.product_menu .product_closed:hover svg path {
    stroke: #112B7B;
}

.product_menu .product_closed:hover {
    color: #112B7B;
}

.product_menu .product_menu_mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    backdrop-filter: blur(10px);
}

.product_menu_box {
    width: 35rem;
    height: calc(100vh - .5rem);
    background-color: #fff;
    border-radius: .25rem;
    overflow: hidden;
    padding: .75rem .8rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    transition: all .6s;
    position: absolute;
    left: .8rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
}

.product_menu_box .product_menu_left {
    /* width: 10.5rem; */
    width: max-content;
    flex-shrink: 0;
    padding-right: 1.45rem;
    border-right: 1px solid #e9e9e9;

}

.product_menu_box .product_menu_list {
    padding-left: 1.85rem;

}

.product_menu_box .product_menu_li {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: .45rem;
    color: #888;
    transition: all .6s;
    cursor: pointer;
}

.product_menu_box .product_menu_li .icon {
    /*width: .775rem;
        height: .6rem;*/
    overflow: hidden;
    margin-right: 1.075rem;
    width: 1rem;
    height: 0.774rem;
}

.product_menu_box .product_menu_li .icon img {
    width: 100%;
    height: auto;
    transition: all .6s;
}

.product_menu_box .product_menu_li:hover,
.product_menu_box .product_menu_li.cur {
    color: #112B7B;
}

.product_menu_box .product_menu_li:hover img,
.product_menu_box .product_menu_li.cur img {
    transform: translateY(-50%);
}


.product_menu_box .product_list {
    flex: 1;
    overflow: auto;
    padding-left: 1.875rem;
    padding-right: .825rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product_menu_box .product_list .product_li {
    background-color: #F0F1F2;
    width: 10rem;
    position: relative;
    height: 10rem;

}

.product_menu_box .product_list .product_li::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transition: all .6s;
}

.product_menu_box .product_list .product_li:hover::after {
    opacity: 1;
}

.product_menu_box .product_list .product_li .img {
    width: 100%;
    height: 100%;
    /* height: 7.5rem; */
    overflow: hidden;
    margin: 0 auto;
}

.product_menu_box .product_list .product_li .img img {
    width: 100%;

    height: 100%;
    object-fit: cover;
    transition: all .6s;
    margin: 0 auto;
}

.product_menu_box .product_list .product_li .txt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    padding: 0 1rem 1.25rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

}

.product_menu_box .product_list .product_li .tit-20 {
    color: #000;
    font-size: .5rem;
}

.product_menu_box .product_list .product_li:hover .tit-20 {
    color: #112B7B;
}

.product_menu_box .product_list .product_li .tit-16 {
    color: #000;
    font-size: .4rem;
}

.product_menu.cur .product_menu_box {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}


.g_store,
.g_core {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.g_core .view1 {
    padding-top: 3.5rem;
    padding-bottom: 2rem;
}

.g_core .view2 {
    width: 100%;
    height: 27rem;
    padding: 0;
    position: relative;
}

.g_core .view2::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.25);
    z-index: 0;
}

.g_core .view3 {
    padding-top: 2.75rem;
    padding-bottom: 5rem;
}

.g_core .view1 .tit-17 {
    margin-top: .5rem;
    line-height: .75rem;
}

.g_core .view2 .videoTxt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2.5rem 5.5rem;
}

.g_core .view2 .videoTxt .tit-32 {
    margin-bottom: .25rem;
}

.g_core .view2 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.g_core .view2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 0;
    display: none;
    background-color: rgba(0, 0, 0, .25);
}

.g_core .view2 .play_btn {
    z-index: 2;
    cursor: pointer;
}

.g_core .view2 .play_btn svg g path:nth-child(1) {
    transition: all .6s;
}

.g_core .view2 .play_btn:hover svg g path:nth-child(1) {
    fill: #000;
}

.g_core .view2 video::-webkit-media-controls-play-button {
    display: none !important;
}

.g_core .view2 video {
    background-color: #000;
}

.g_core .view3 .ul_list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.g_core .view3 .ul_list .ul_li {
    background-color: #F9F9F9;
    width: calc((100% - 1rem) / 2);
    flex-shrink: 0;

}

.g_core .view3 .ul_list .ul_li .img {
    width: 100%;
    height: 13rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.g_core .view3 .ul_list .ul_li .img::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    content: '';
    background-color: rgba(0, 0, 0, .25);
}

.g_core .view3 .ul_list .ul_li .img .play_btn {
    z-index: 2;
}

.g_core .view3 .ul_list .ul_li .img .play_btn path {
    transition: all .6s;
}

.g_core .view3 .ul_list .ul_li .img .play_btn:hover svg g path:nth-child(1) {
    fill: #000;
}

.g_core .view3 .ul_list .ul_li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: relative;
    transition: all .6s;
}

.g_core .view3 .ul_list .ul_li .txt {
    padding: 1.125rem 1.5rem 1.5rem;
}

.g_core .view3 .ul_list .ul_li .tit-22 {
    line-height: 1.05rem;
    transition: all .6s;
}

.g_core .view3 .ul_list .ul_li .tit-17 {
    line-height: .75rem;
}

.g_core .view3 .ul_list .ul_li:hover .tit-22 {
    color: #112B7B;
}

.g_core .view3 .ul_list .ul_li:hover .img img {
    transform: scale(1.05);
}

.g_box .view2.por-4 {
    overflow: hidden;
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
}

.g_exp .por-4 .table-list .lst .li {
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.g_exp .por-4 .table-list .lst .li .hidetxt {
    width: 20rem;
    left: 50%;
    transform: translateX(-50%);
}

.g_box .banner {
    height: 27rem;
}

.g_box .banner .swiper-pagination {
    text-align: center;
    width: calc(100% - 1.275rem * 2);
}

.g_box .banner-container .swiper-slide .txt {
    left: 50%;
    bottom: auto;
    top: 7.25rem;
    transform: translate(-50%, 0%);
}

.g_box .banner-container .swiper-slide .txt .t2 {
    line-height: 1;
    margin-top: 0;
}

.g_box .banner-container .swiper-slide .bg {
    background-size: 100% 100%;
}

.g_store .view1 {
    padding-top: 3.5rem;
    padding-bottom: 4.25rem;
}

.g_store .tit-52 {
    margin-bottom: .45rem;
    line-height: 1;
}

.g_store .view>.tit-17 {
    line-height: 1.3rem;
    font-size: .55rem;
    margin-top: .45rem;
}

.g_store .view1 .img1 {
    width: 100%;
    height: 17rem;
    overflow: hidden;
    margin-bottom: 1.075rem;
    margin-top: 1rem;
    display: flex;
    align-items: flex-end;
    padding: 1rem 1.5rem;
    background-size: 100% 100%;
    transition: all .6s;
    position: relative;
}

.g_store .view1 .img1 .tit-22 {
    position: relative;
    z-index: 1;
}

.g_store .view1 .img1::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 0;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(198.35deg, rgba(0, 0, 0, 0) 70.99%, rgba(0, 0, 0, 0.25) 95.46%);
}

.g_store .view1 .img1:hover {
    background-size: 105% 105%;
}

.g_store .view1 .img_box {
    display: flex;
    align-items: stretch;
    height: 23rem;
    justify-content: space-between;
}

.g_store .view1 .img_l {
    width: 18rem;
    height: 100%;
    overflow: hidden;
    background-color: #F9F9F9;
}

.g_store .view1 .img_l .img2 {
    width: 100%;
    height: 13rem;
    overflow: hidden;
}

.g_store .view1 .img_r img,
.g_store .view1 .img_l .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_store .view1 .img_l .img2:hover img {
    transform: scale(1.05);
}

.g_store .view1 .img_l .txt {
    padding: 1.8rem 1.8rem;
}

.g_store .view1 .img_l .txt .tit-22 {
    margin-bottom: .05rem;
    line-height: 1.05rem;
}

.g_store .view1 .img_l .txt .tit-17 {
    line-height: .75rem;
}

.g_store .view1 .img_r {
    width: 18rem;
    height: 100%;
    overflow: hidden;
}

.g_store .view1 .img_r:hover img {
    transform: scale(1.05);
}

.g_store .view2 {
    width: 100%;
    overflow: hidden;
    background-color: #F9F9F9;
    padding: 3.25rem 11.8rem 4.5rem;

    padding-left: 0;
    padding-right: 0;
}

.g_store .view2 .views2-wraps {
    padding: 0 11.8rem;
}

@media (max-width: 996px) {
    .g_store .view2 .views2-wraps {
        padding: 0 4%;
    }
}

.g_store .view2 .swiper_img {
    margin-top: 1.55rem;
    width: 100%;
    height: 14.5rem;

}

.g_store .view2 .swiper_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_store .view2 .swiper_img .swiper-slide {
    width: 100%;
    height: 100%;

    overflow: hidden;
    width: 50%;
}

.g_store .view2 .swiper_img .swiper-slide:hover img {
    transform: scale(1.05);
}

.g_store .view3 {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
    width: 100%;
}

.g_store .view3 .ul_list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .9rem;
}

.g_store .view3 .ul_list .ul_li {
    width: calc((100% - .5rem) / 2);
    margin-bottom: 1rem;
}

.g_store .view3 .ul_list .ul_li .img {
    width: 100%;
    height: 13rem;
    overflow: hidden;
    margin-bottom: .85rem;
}

.g_store .view3 .ul_list .ul_li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_store .view3 .ul_list .ul_li:hover .img img {
    transform: scale(1.05);
}

.g_store .view3 .ul_list .ul_li .tit-17 {
    min-width: 80%;
    color: #7f7f7f;
    line-height: .7rem;
}

.g_store .view4 {
    width: 100%;
    padding: 2.5rem 5.5rem 3.625rem;
    background-color: #F9F9F9;
}

.g_store .view4 .txt {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 2.25rem;
}

.g_store .view4 .tit-52 {
    margin-bottom: 0;
}

.g_store .view4 .txt .tit-22 {
    max-width: 12.5rem;
    line-height: 1.3rem;
}

.g_store .view4 .txt .tit-17 {
    max-width: 15.375rem;
    line-height: .75rem;
    padding-top: .325rem;
}

.g_store .swiper_img1 {
    overflow: hidden;
    width: 100%;
    height: 17rem;
}

.g_store .swiper_img1 .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.g_store .swiper_img1 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_store .swiper_img1 .swiper-slide:hover img {
    transform: scale(1.02);
}

.g_store .view4 .swiper-pagination {
    position: relative;
    top: auto;
    bottom: auto;
    margin-top: 1.5rem;
}

.g_store .view4 .swiper-pagination span {
    margin: 0 .125rem;
    width: 1.1rem;
    height: 0.05rem;
    background-color: rgba(51, 51, 51, .1);
    opacity: 1;
    border-radius: 0;
}

.g_store .view4 .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: rgba(51, 51, 51, 1);
}

.g_box .pro-2 {
    height: 20.5rem;
    width: 100%;
}

.g_box .pro-2 .txt {
    top: 6rem;
}

.g_box .pro-2 .txt .tit-54 {
    line-height: 1;
}

.g_box .pro-2 .txt .tit-17 {
    line-height: 1.5;
    margin-top: 1.05rem;
}

.g_box .pro-2 .hot_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin-top: 6.4rem;
}

.g_box .pro-2 .hot_box .hot_line {
    width: auto;
    height: .95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .175rem .8rem;
    border: 1px solid #FFF;
    font-size: .425rem;
    position: relative;
    overflow: hidden;
    border: none;
}

.g_box .pro-2 .hot_box .hot_line span {
    position: relative;
    z-index: 1;
}

.g_box .pro-2 .hot_box .hot_line::after {
    position: absolute;
    left: 0;
    top: 0%;
    width: 120%;
    height: 120%;
    content: "";
    background-color: #fff;
    transform: scaleX(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: right center;
}

.g_box .pro-2 .hot_box .hot_line:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.g_box .pro-2 .hot_box .hot_line:hover {
    color: #000;
}

.g_box .pro-2 .hot_box .hot_line:hover::after {

    transform: scaleX(1);
    transform-origin: left center;
}

.g_cont {
    width: 100%;
    background-color: #fff;
}

.g_cont .view1 {
    padding: 2.675rem 5.5rem 3.125rem;
}

.g_cont .ul_list {
    width: 100%;
    overflow: hidden;
    margin-top: 1.225rem;
}

.g_cont .ul_list .ul_li {
    width: 100%;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: .8rem 0 1.05rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
}



.g_cont .ul_list .ul_li .mil {
    flex: 1;
    font-size: .425rem;
    color: #000;
    line-height: .575rem;

}

.g_cont .ul_list .ul_li .mid {
    width: 9.125rem;
    flex: none;
    color: #000;
    font-size: .55rem;
    line-height: .75rem;
    text-decoration: underline;
    text-underline-offset: .1rem;
    text-decoration-thickness: .0375rem;
    text-decoration-color: rgba(51, 51, 51, 0);
    transition: all .6s;
}

.g_cont .ul_list .ul_li:hover .mid {
    text-decoration-color: rgba(51, 51, 51, 1);

}

.g_box .popUpBox {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.g_box .popUpBox .popUpMask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    backdrop-filter: blur(12.5px);
}

.g_box .popUpBox .popUpContent {
    width: 27.5rem;
    min-height: 18rem;
    max-height: 22rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: .25rem;
    padding: 1.4rem 1rem 1.9rem 1.5rem;

}

.g_box .popUpBox .popUpContent .popUpScroll {
    padding-right: 1rem;
    height: 11.25rem;
    padding-top: .625rem;
    overflow-y: auto;

}

.g_box .popUpBox .popUpContent .popUpScroll .tit-16 {
    line-height: 1;
}

.g_box .popUpBox .popUpContent .popUpScroll .tit-14 {
    margin-bottom: .8rem;
    margin-top: .5rem;
}

.g_box .popUpBox .popUpContent .popUpScroll::-webkit-scrollbar {
    width: .2rem;
    border-radius: .5rem;
    background-color: rgba(217, 217, 217, .25) !important;
}

.g_box .popUpBox .popUpContent .popUpScroll::-webkit-scrollbar-thumb {
    width: 100%;
    border-radius: .5rem;

    background-color: #333 !important;
}

.g_box .popUpBox .popUpContent .closed {
    position: absolute;
    right: 1rem;
    top: .7rem;
    width: .35rem;
    height: auto;
    cursor: pointer;

}

.g_box .popUpBox .popUpContent .closed svg {
    width: 100%;
    height: auto;
    transition: all .6s;
}

.g_box .popUpBox .popUpContent .closed svg path {
    transition: all .6s;

}

.g_box .popUpBox .popUpContent .closed:hover svg {
    transform: rotate(180deg);
}

.g_box .popUpBox .popUpContent .closed:hover path {
    stroke: #112B7B;
}

.g_box .popUpBox .popUpContent .tit-32 {
    margin-bottom: .35rem;
    line-height: 1.2;
}

.g_box .popUpBox .popUpContent .tit-15 {
    margin-bottom: .7rem;
    line-height: 1;
}

.g_box .popUpBox .popUpContent .line {
    width: 95%;
    height: .025rem;
    background-color: #D9D9D9;
    margin-bottom: 0;
}

.g_box .popUpBox .popUpContent a {
    margin-top: 1.1rem;
    width: 9.75rem;
    height: 1.3rem;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .375rem;
    margin: 1.1rem auto 0;
    transition: all .6s;

}

.g_box .popUpBox .popUpContent a:hover svg {
    /*transform: translateX(10px);*/
}

.g_box .popUpBox .popUpContent a:hover {
    background-color: #112B7B;
}

.g_box .popUpBox .popUpContent a svg {
    margin-left: .25rem;
    width: .375rem;
    height: auto;
    transition: all .6s;

}

.g_box .popUpBox .popUpContent a:hover {}

.g_brand {
    background-color: #fff;
    width: 100%;
}

.g_brand .view1 {
    padding: 4.4rem 5.5rem 4.6rem;
}

.g_brand .view1 .swiper_brand {
    height: 13.5rem;
    width: 100%;
    position: relative;
    margin-top: .95rem;

}

.g_brand .view1 .swiper_brand .swiper_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.1rem;
    height: 1.1rem;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 2;
}

.g_brand .view1 .swiper_brand .swiper_btn svg {
    width: .225rem;
    height: auto;
}

.g_brand .view1 .swiper_brand .prev_btn {
    left: -2.45rem;
}

.g_brand .view1 .swiper_brand .next_btn {
    right: -2.45rem;
}

.g_brand .view1 .swiper_brand .prev_btn svg {
    margin-right: .1rem;
}

.g_brand .view1 .swiper_brand .next_btn svg {
    margin-right: -.1rem;
}

.g_brand .view1 .swiper_brand a .txt {
    flex: 1;
    height: 100%;

    padding: 1.8rem 1.65rem 5rem;
    background-color: rgba(249, 249, 249, 1);
}

.g_brand .view1 .swiper_brand a {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.g_brand .view1 .swiper_brand a .img {
    width: 23.5rem;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
}

.g_brand .view1 .swiper_brand a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_brand .view1 .swiper_brand a .tit-22 {
    margin-bottom: 1.5rem;
    line-height: .75rem;
    transition: all .6s .1s;
}

.g_brand .view1 .swiper_brand a:hover .tit-22 {
    color: #112B7B;
}

.g_brand .view1 .swiper_brand a .tit-17 {
    margin-bottom: 1.5rem;
    line-height: .75rem;
    color: rgba(0, 0, 0, .55);
    transition: all .6s .2s;
}

.g_brand .view1 .swiper_brand a .tit-12 {
    color: #333;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-decoration-color: transparent;
    transition: all .6s .3s;
}

.g_brand .view1 .swiper_brand a:hover .tit-12 {
    text-decoration-color: inherit
}

.g_brand .view1 .swiper_brand a .tit-22,
.g_brand .view1 .swiper_brand a .tit-17,
.g_brand .view1 .swiper_brand a .tit-12 {
    opacity: 0;
    transform: translateY(20px);
}

.g_brand .view1 .swiper_brand .swiper-slide-active .tit-22,
.g_brand .view1 .swiper_brand .swiper-slide-active .tit-17,
.g_brand .view1 .swiper_brand .swiper-slide-active .tit-12 {
    opacity: 1;
    transform: translateY(0);
}

.g_brand .view1 .swiper_brand .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.g_brand .view1 .swiper-pagination {
    margin-top: 1.25rem;
}

.g_brand .view1 .swiper-pagination span {
    margin: 0 .125rem;
    width: 1.1rem;
    height: .05rem;
    background-color: rgba(51, 51, 51, .1);
    opacity: 1;
}

.g_brand .view1 .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #333;
}



.g_brand .view1 .ul_list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: .875rem;
    margin-top: 1.9rem;
    margin-bottom: 2.25rem;
}

.g_brand .view1 .ul_list .ul_li {
    width: calc((100% - 1.75rem) / 3);
    padding-bottom: .525rem;
    height: auto;
}


.g_brand .view1 .ul_list .ul_li .img {
    margin-bottom: .55rem;
    width: 100%;
    height: 6.75rem;
    overflow: hidden;
}

.g_brand .view1 .ul_list .ul_li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_brand .view1 .ul_list .ul_li .tit-17 {
    margin-bottom: .425rem;
    line-height: auto;
    color: #000;
    transition: all .6s;
    min-height: 1.35rem;

}

.g_brand .view1 .ul_list .ul_li:hover .tit-15 {
    text-decoration-color: inherit;
}

.g_brand .view1 .ul_list .ul_li .tit-15 {
    line-height: .5rem;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all .6s;

    text-decoration-color: transparent;
    color: rgba(149, 144, 158, 1);
}

.g_brand .view1 .ul_list .ul_li:hover img {
    transform: scale(1.05);
}

.g_brand .view1 .ul_list .ul_li:hover .tit-17 {
    color: #112B7B;
}

.g_brand_info {
    background-color: rgba(249, 249, 249, 1);
}

.g_brand_info .view1 {
    padding: 5.45rem 10.2rem 3.175rem;
}

.g_brand_info .view1 .info_content {
    font-size: .425rem;
    color: #333;

}

.g_brand_info .tit-42 {
    margin-bottom: .475rem;
    line-height: 1.2;
}


.g_brand_info .tit-16 {
    margin-bottom: .95rem;
    line-height: 1;
}

.g_brand_info .line {
    width: 100%;
    height: 1px;
    background-color: rgba(217, 217, 217, 1);
    margin-bottom: 1rem;
}

.g_brand_info .line2 {
    margin-top: 1.4rem;
}

.g_brand_info .prev_next {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.g_brand_info .prev_next .nav_a {
    width: 40%;
    display: flex;
    align-items: center;

}

.g_brand_info .prev_next .nav_a span {
    font-size: .375rem;
    color: #333;

}

.g_brand_info .prev_next .nav_a p {
    font-size: .425rem;
    color: rgba(0, 0, 0, .5);
    transition: all .6s;
}

.g_brand_info .prev_next .nav_a:hover p {
    color: #333;
}

.g_brand_info .prev_next .return_box {
    width: 100%;
}

.g_brand_info .prev_next .return {
    width: 2.5rem;
    height: 1.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.8rem auto 0;
    border: 1px solid #000;
    position: relative;
    overflow: hidden;
}

.g_brand_info .prev_next .return::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 120%;
    height: 100%;
    background: #000;
    transform: scaleX(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: right center;
}

.g_brand_info .prev_next .return:hover::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.g_brand_info .prev_next .return svg {
    width: .5rem;
    position: relative;
    z-index: 1;
    height: auto;
}

.g_brand_info .prev_next .return path {
    transition: all .6s;
}

.g_brand_info .prev_next .return:hover path {
    fill: #fff;
}




.swiper_btn.swiper-button-disabled {
    opacity: .5;
    pointer-events: none;
}

.swiper_btn,
.swiper_btn path {
    transition: all .6s;
}

.swiper_btn:hover {
    background-color: rgba(51, 51, 51, 1);
}

.swiper_btn:hover path {
    fill: #fff;
}

.sub_banner {
    width: 100%;
    position: relative;
    height: 27rem !important;
}

.sub_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub_banner .txt1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 7.25rem;
    z-index: 1;
}

.sub_banner .txt1 .t1 {
    margin-bottom: .375rem;
    line-height: 1;
}

.sub_banner .txt1 .t2 {
    line-height: 2;
    color: rgba(255, 255, 255, 1);
}

.sub_banner .txt2 {
    position: absolute;
    left: 50%;
    top: 13rem;
    opacity: 0;
    transform: translateX(-50%) translateY(60px);
    transition: all .6s;
    z-index: 1;

}

.sub_banner .txt2 .tit-52 {
    margin-bottom: .875rem;
    line-height: 1;
}

.sub_banner .txt2 .tit-22 {
    line-height: .8rem;
    position: relative;
    top: auto;
    left: auto;
    padding-top: 0;
    bottom: auto;
    margin: 0 auto;
    max-width: 80%;
}

.sub_banner.pro-1>.t4 {
    z-index: 1;
}

.sub_banner::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    content: "";
    z-index: 0;
    opacity: 0;
    transition: opacity 0.6s;
}

.sub_banner.active::after {
    opacity: 1;
    /* 立即显示 */
}

.sub_banner.active .txt1 {
    transform: translate(-50%, -1.5rem);
    opacity: 0;
}


.sub_banner.no-backdrop::after {
    backdrop-filter: none !important;
}

.sub_banner.active .txt2 {
    transform: translateX(-50%) translateY(0px);
    opacity: 1;
}

.sub_banner.active .t4 .more {
    opacity: 0;
}

.g_exp {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.g_exp .view1 {
    padding: 3.45rem 10.25rem 2.725rem;

}

.g_exp .view1.on {
    padding-left: 0;
    padding-right: 0;
}

.g_exp .view1.on .views1-wraps {
    padding-left: 10.25rem;
    padding-right: 10.25rem;
}

.g_exp .view1 .tit-32 {
    line-height: 1.3;

    margin-bottom: .9rem;
}

.g_exp .view1 .tit-17 {
    color: #666;
    line-height: .75rem;
    margin-bottom: 2rem;
}

.g_exp .view1 .swiper_img {
    width: 27.5rem;
    height: 13.5rem;
    margin: 0 auto;
    /* padding-left: 10.25rem; */
    /* padding-right: 10.25rem; */
    /* overflow: hidden; */
}

.g_exp .view1 .swiper_img .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.g_exp .view1.on .swiper_img .swiper-slide {
    width: 100%;
}

.g_exp .view1 .swiper_img .swiper-slide:hover img {
    transform: scale(1.05);
}

.g_exp .view1 .swiper_img .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .2;
    transition: all .6s;
}

.g_exp .view1 .swiper_img .swiper-slide-active img {
    opacity: 1;
}

.g_exp .view1 .swiper_btn_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.275rem;
}

.g_exp .view1 .swiper_btn {
    width: 1.1rem;
    height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(51, 51, 51, 1);
    border-radius: 50%;
    margin: 0 .45rem;
    cursor: pointer;
}

.g_exp .view1 .prev_btn svg {
    margin-right: .1rem;
}

.g_exp .view1 .next_btn svg {
    margin-right: -.1rem;
}

.g_exp .view1 .swiper_btn:hover {
    background-color: #333;
}

.g_exp .view1 .swiper_btn path {
    transition: all .6s;
}

.g_exp .view1 .swiper_btn:hover path {
    transition: all .6s;
}

.g_exp .view1 .swiper_btn svg {
    width: .225rem;
    height: auto;
}

.g_exp .view2 .t1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.g_exp .view2 .t1 .title {
    margin-bottom: .9rem;
    color: #333;
}

.g_exp .view2 .t1 .tit-22 {
    color: #666;
}

.g_exp .view2 .sub-tit {
    margin-top: 1.3rem;
    line-height: .75rem;
    color: #7f7f7f;
}

.g_exp .view2 .img-list {
    margin-top: 1.5rem;
}

.g_exp .view3 {
    padding: 3.375rem 5.5rem 5.3rem;
}

.g_exp .view3 .tit-52 {
    margin-bottom: .875rem;
}

.g_exp .view3 .tit-17 {
    color: #666;
    line-height: .75rem;
    margin-bottom: 1.925rem;
}

.g_exp .view3 .ul_list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;

}

.g_exp .view3 .ul_list .ul_li {
    width: calc((100% - 1.3rem)/ 2);
    height: 13.5rem;
    display: flex;
    align-items: flex-end;
    position: relative;
    padding: .925rem 1.2rem;
    background-size: 100% 100%;
    transition: all .6s;
}

.g_exp .view3 .ul_list .ul_li:hover {
    background-size: 105% 105%;
}

.g_exp .view3 .ul_list .ul_li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, rgba(51, 51, 51, 0) 69.54%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 0;
}

.g_exp .view3 .ul_list .ul_li .tit-24 {
    position: relative;
    z-index: 1;
}

.g_exp .view5 {
    width: 100%;
    height: 27rem;
    overflow: hidden;
}

.g_exp .view5 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 3.85rem 5.5rem;
    position: relative;
}

.g_exp .view5 .tit-52 {
    line-height: 1.4;
    position: relative;
    z-index: 2;
}

.g_exp .view5::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.g_exp .view6 {
    width: 100%;
    height: 27rem;
    position: relative;
    padding: 4.5rem 5.5rem 4.75rem;
}

.g_exp .view6 .tit-52 {
    margin-bottom: 2.25rem;
    line-height: 1;

}

.g_exp .view6 .slide_box {
    position: absolute;
    left: 50%;
    top: 62.5%;
    /* top: 7.4rem; */
    transform: translate(-50%, -50%) scale(.77);
    /* width: 37rem;
        height: 18rem; */
    width: 100%;
    height: 100vh;
    transform-origin: center;
    transition: all 1s .3s;
}


.g_exp .view6 .slide_box .ul_list {
    position: absolute;
    left: 26%;
    top: 69%;
    transform: translate(-50%, -50%);
    height: auto;
    z-index: 2;
    padding: 0rem 0rem 0rem;
    will-change: left, top, text-align;
}

.g_exp .view6 .slide_box .ul_list1 {
    max-width: 60%;
    transition: all .6s .3s;
}

.g_exp .view6 .slide_box .ul_list2 {
    text-align: center;
    left: 0 !important;
    /* overflow: hidden; */
    top: 49%;
    transform: translate(0%, -50%);
    width: 100%;
    height: 100%;
    padding: 10rem 5.5rem 8rem;
    opacity: 0;
    z-index: -1;
}

.g_exp .view6 .slide_box .ul_list2 .swiper-slide {
    height: auto;
    opacity: .5;
}

.g_exp .view6 .slide_box .ul_list2 .swiper-slide-active {
    opacity: 1;
}

.g_exp .view6 .slide_box .ul_list .tit-22 {
    margin-bottom: .75rem;
    line-height: 1;
}

.g_exp .view6 .slide_box .ul_list .tit-32 {
    line-height: 1.3rem;
}

.g_exp .view6 .slide_box .ul_list .ul_li {
    width: 100%;
    padding-bottom: 4rem;
    opacity: 1;
}



.g_exp .view6 .slide_box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .1);
    z-index: 0;
}

.g_exp .view7 {
    background-color: #fff;
    padding: 4rem 5.5rem 4.5rem;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;

    justify-content: space-between;
}

.g_exp .view7 .txt {
    width: calc((100% - 1rem) / 2);
    height: 20.5rem;
    background-color: #f9f9f9;
    padding: 2.8rem 3.25rem;
}

.g_exp .view7 .img {
    width: calc((100% - 1rem) / 2);
    height: 20.5rem;
    overflow: hidden;
}

.g_exp .view7 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_exp .view7 .txt .tit-32 {
    padding-bottom: .6rem;
    line-height: 1.3rem;
    border-bottom: 1px solid #333;
}

.g_exp .view7 .txt .ul_li {
    padding: .725rem 0;
    border-bottom: 1px solid rgba(51, 51, 51, .1);
}

.g_exp .view7 .txt .ul_li .ul_li_show {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    cursor: pointer;
    opacity: .5;
    transition: all .6s;
}

.g_exp .view7 .txt .ul_li .ul_li_show svg path {
    transition: all .6s;
}

.g_exp .view7 .txt .ul_li:hover .ul_li_show,
.g_exp .view7 .txt .ul_li.active .ul_li_show {
    opacity: 1;
}

.g_exp .view7 .txt .ul_li.active .ul_li_show svg path:nth-child(1) {
    opacity: 0;
}

.g_exp .view7 .txt .ul_li .ul_li_hide {
    display: none;
    line-height: .75rem;
    padding-top: .25rem;
}

.g_exp .view8 {
    width: 100%;
    height: 28.75rem;
    padding: 3.175rem 5.5rem 0;
    background-color: rgba(249, 249, 249, 1);
    position: relative;

}

.g_exp .view8::after {
    position: absolute;
    left: 50%;
    bottom: 1.15rem;
    transform: translate(-50%, 0%);
    background-image: url(../gimg/25.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20.475rem;
    height: 20.475rem;
    content: '';
    z-index: 0;
    opacity: .1;
}

.g_exp .view8 .tit-52 {
    margin-bottom: .65rem;
    line-height: 1;
}

.g_exp .view8 .tit-22 {
    line-height: 1.3rem;
    margin-bottom: .2rem;
}

.g_exp .view8 .swiper_box {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.g_exp .view8 .swiper_year_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1);

}

.g_exp .view8 .swiper_year {

    padding: 1.05rem 0 1.05rem 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.g_exp .view8 .swiper_year::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12.5rem;
    height: .05rem;
    background-color: #333;

    content: '';
}

.g_exp .view8 .swiper_year_box .next_btn {
    width: .8rem;
    height: .8rem;
    border-radius: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333;
    cursor: pointer;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.g_exp .view8 .swiper_year_box .next_btn svg {
    margin-left: .1rem;
}

.g_exp .view8 .swiper_year .swiper-slide {
    font-size: .55rem;
    color: #7f7f7f;
    height: 100%;
    width: auto;
    transition: color .6s;
    cursor: pointer;
}

.g_exp .view8 .swiper_year .swiper-slide:hover,
.g_exp .view8 .swiper_year .swiper-slide.on {
    color: #333;

}

.g_exp .view8 .swiper_history {
    width: 17.5rem;
    height: 19.25rem;
    /* overflow: hidden; */
    position: relative;
    z-index: 1;
    /* padding-right: calc(100% - 19.4rem); */

}

.g_exp .view8 .swiper_history .swiper-slide {
    width: 7rem;
    height: 100%;
    border-right: 1px solid rgba(51, 51, 51, 0.1);
    padding: 3rem 1.25rem 3rem 1.375rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    transition: all 0s;
    cursor: pointer;
}

.g_exp .view8 .swiper_history .swiper-slide.on {
    border-right-color: transparent;
}

.g_exp .view8 .swiper_history .swiper-slide::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    content: '';
    background-color: rgba(249, 249, 249, 0.5);
    box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(12.5px);
    transition: all .6s;
    z-index: -1;

}


.g_exp .view8 .swiper_history .slide_show .tit-22 {
    margin-bottom: .375rem;
    font-size: .55rem;
    line-height: .75rem;
    transition: all .6s;
}

.g_exp .view8 .swiper_history .slide_show .tit-15 {
    margin-bottom: .75rem;
    font-size: .375rem;
    line-height: 1.5;
    min-height: 1.125rem;
    color: #7F7F7F;
}

.g_exp .view8 .swiper_history .swiper-slide:hover .slide_show .tit-22 {
    /* font-size: .625rem; */
    /* font-weight: 500; */
    color: #112B7B;
}

.g_exp .view8 .swiper_history .slide_show .tit-12 {
    font-size: .3rem;
}

.g_exp .view8 .swiper_history .slide_hide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2.625rem 1.575rem 2.625rem 2rem;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.g_exp .view8 .swiper_history .swiper-slide.on {
    width: 17.5rem;
    position: relative;
    transition: all 0s;
}

.g_exp .view8 .swiper_history .swiper-slide.on .slide_show {
    opacity: 0;
    z-index: -1;
    transition: all .6s 0;
}

.g_exp .view8 .swiper_history .swiper-slide.on .slide_hide {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: opacity .6s;
}

.g_exp .view8 .swiper_history .swiper-slide.on::after {
    height: 100%;
}


.g_exp .view8 .swiper_history .tit-82 {
    font-size: 2.05rem;
    line-height: 2.5rem;
    margin-bottom: .2rem;
}

.g_exp .view8 .swiper_history .ul_li {
    padding-left: .75rem;
    display: flex;
    align-items: stretch;
    position: relative;
    margin-bottom: 0;
}

.g_exp .view8 .swiper_history .ul_li::after {
    position: absolute;
    left: 0;
    top: .625rem;
    width: .175rem;
    height: .175rem;
    content: '';
    border-radius: 50%;
    background-color: #0A2748;
}


/* 激活状态过渡更自然 */
.g_exp .view9 {
    width: 100%;
    background-color: #fff;
    padding: 3.425rem 5.5rem 5.75rem;
}

.g_exp .view9 .tit-52 {
    margin-bottom: 1.175rem;
    line-height: 1;
}

.g_exp .view9 .txt {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

.g_exp .view9 .txt .tit-22 {
    color: #666;
    width: 47%;
}

.g_exp .view9 .txt .tit-22 span {
    font-weight: 450;
    color: #333;
    font-family: 'Misans Demibold';
}

.g_exp .view9 .txt .tit-17 {
    align-items: flex-end;
    color: #7f7f7f;
}

.g_exp .view9 .img {
    width: 100%;
    height: 18rem;
    overflow: hidden;
}

.g_exp .view9 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_exp .view9 .img:hover img {
    transform: scale(1.05);
}

.g_retail .sub_banner {
    position: relative;
    width: 100%;
    height: 20.5rem;
}

.sub_banner .g_form {
    position: absolute;
    top: 6.8rem;
    width: 18rem;
    max-width: 88%;

    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.sub_banner .g_form .tit-52 {
    margin-bottom: .85rem;
    line-height: 1;
}

.sub_banner .g_form .input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.3rem;
    border: 1px solid #FFF;
    padding: 0 .625rem;
}

.sub_banner .g_form .input button {
    margin-right: .5rem;
    background-color: transparent;
    width: .55rem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sub_banner .g_form .input button svg {
    width: 100%;
    height: auto;
    transition: all .6s;
}

.sub_banner .g_form .input input {
    background-color: transparent;
    font-size: .425rem;
    color: #ffff;
    flex: 1;
}

.sub_banner .g_form .input input::placeholder {
    color: rgba(255, 255, 255, 1);
}

.g_store1 {
    background-color: #fff;
}

.g_store1 .view1 {
    padding: 1.3rem 9rem 4.75rem;

}


.g_store1 .ul_list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex: 1;
    flex-wrap: wrap;
    gap: .55rem .5rem;
    margin-top: 1rem;
}

.g_store1 .ul_list .ul_li {
    width: calc((100% - .5rem) / 2);
    height: 5.5rem;
    position: relative;
    border: 1px solid #F9F9F9;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0);
    transition: all .6s;
    background: url(../gimg/w3.webp) 50% / cover no-repeat;
}

.g_store1 .ul_list .ul_li .ul_li_txt {
    position: relative;
    z-index: 2;
    padding: 1.1rem 1.425rem;
    width: 100%;
    height: 100%;
}

.g_store1 .ul_list .ul_li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: '';
    z-index: 0;
    opacity: 0;
    transition: all .6s;
}

.g_store1 .ul_list .ul_li .tit-22 {
    margin-bottom: .75rem;
    transition: all .6s;
    line-height: .75rem;
}

.g_store1 .ul_list .ul_li .item_ls {
    display: flex;
    align-items: center;
    margin-bottom: .375rem;
    line-height: .8rem;

}

.g_store1 .ul_list .ul_li .item_ls svg {
    width: auto;
    margin-right: .25rem;
    height: .5rem;
}

.g_store1 .ul_list .ul_li:hover {
    background-color: #FFF;
    border-color: #000;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);

}

.g_store1 .ul_list .ul_li:hover::after {
    opacity: 1;
    z-index: 1;

    /* color: ; */

}



.swiper_btn:hover {
    opacity: .5;
}

.afterInner .page {
    margin: 1rem auto 0;
    display: block;
}

.fsb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub_banner .g_form .input button:hover svg {
    /*transform: scale(1.05);*/
    /*fill:#112B7B;*/
    transform: translateY(-3px);
}

/* .pc-header .nav-list .li:not(:last-child) {
        position: relative;
    } */

.pc-header .nav-list .li:not(.li_product) .hide_nav {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: max-content;
    height: auto;
    border-top: 1px solid #333;
    padding: .35rem .5rem;
    transition: all .6s .1s;
    background-color: #fff;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

.pc-header .nav-list .li:not(.li_product):hover .hide_nav {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.pc-header .nav-list .li:not(.li_product) .hide_nav a {
    display: block;
    font-size: .425rem;
    color: #333;
    line-height: 1.3;
    margin-bottom: .25rem;
    transition: all .6s;
}

.pc-header .nav-list .li:not(.li_product) .hide_nav a:last-child {
    margin-bottom: 0;
}

.pc-header .nav-list .li:not(.li_product) .hide_nav a.op5 {
    opacity: .5;
}

/* boc样式 */
.warranty li a .img img {
    transition: all .6s;
}

.warranty li a .txt .t1 {
    transition: all .6s;
}

.warranty li a:hover .txt .t3 .tomore {
    color: #112B7B;
}

.warranty li a:hover .txt .t3 .tomore,
.warranty li a .txt .t3 .tomore {
    /*transition: all .6s;*/
}

.warranty li a .txt .t3 .tomore span,
.warranty li a:hover .txt .t3 .tomore span {
    /*transition: all .6s;*/
    /*display: inline-flex;*/
}

.warranty li a:hover .txt .t3 .tomore span {
    /*transform: translateX(5px);*/
}

.warranty li:hover a .txt .t1 {
    /*opacity: .5;*/
    color: #112B7B;
}

.warranty li:hover a img {
    transform: scale(1.05);
}

.pagination span,
.pagination a {
    border-radius: 1px;

}

.pagination span:hover,
.pagination a:hover,
.pagination span.active,
.pagination a.active {
    background-color: #000 !important;
    color: #fff;
}

.pagination a.page-start,
.pagination a.page-end,
.pagination a[rel="prev"],
.pagination a[rel="next"] {
    opacity: .7;
    transition: all .6s;
}

.pagination a.page-start:hover,
.pagination a.page-end:hover,
.pagination a[rel="prev"]:hover,
.pagination a[rel="next"]:hover {
    opacity: 1;
}

.faq .cont .list li .t1 {
    transition: all .6s;
}

.faq .cont .list li:hover .tit-22 {
    /*opacity: .5 !important;*/
    color: #112B7B;

}

.g_exp .view6 .slide_box {

    transform-origin: center;
}

.g_exp .view6 .slide_box.cur {
    /* top: 57%; */
    /* width: 100%; */
    /* height: 100vh; */
    transform: translate(-50%, -56%) scale(1);

}

.g_exp .view6 .slide_box.cur .ul_list1 {
    opacity: 0;
    transition: all .6s;
}

.g_exp .view6 .slide_box.cur .ul_list2 {
    opacity: 1;
    transition: all .6s .6s;
    z-index: 5;
}

.sev-vid-container .swiper-slide .img-box .video {
    position: relative;
    display: block;

}

.sev-vid-container .swiper-slide .splay,
.video-list .li .splay {
    z-index: 2;
}

.video-list .li .img,
.sev-vid-container .swiper-slide .img-box .img,
.g_core .view3 .ul_list .ul_li .img {
    position: relative;
}

.video-list .li .img::after,
.sev-vid-container .swiper-slide .img-box .img::after,
.g_core .view3 .ul_list .ul_li .img::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
    content: '';
    transition: all .6s;
}

.video-list .li:hover .img::after,
.sev-vid-container .swiper-slide:hover .img-box .img::after,
.g_core .view3 .ul_list .ul_li:hover .img::after {
    background-color: rgba(0, 0, 0, .2);
}



/* .g_store1 .ul_list .ul_li .item_ls  */

@media (max-width:996px) {
    .g_exp .view1.on .views1-wraps {
        padding-left: 4%;
        padding-right: 4%;
    }

    .g_box .view {
        padding: 1.5rem 4%;
    }

    .g_box .tit-52 {
        font-size: .9rem;
        margin-bottom: 0;
        line-height: 1.6;
    }

    .g_core .view1 .tit-17 {
        margin-top: .2rem;
        font-size: .4rem;
    }

    .g_core .view2 {
        height: 100vh;
    }

    .g_core .view2 .videoTxt {
        padding: 1.5rem 4%;

    }

    .g_core .view2 .videoTxt .tit-32 {
        font-size: .9rem;
    }

    .g_core .view2 .videoTxt .tit-17 {
        font-size: .4rem;
        margin-top: .2rem;
    }

    .g_core .view3 .ul_list .ul_li {
        width: 100%;
    }

    .g_core .view3 .ul_list .ul_li .img {
        height: auto;
    }

    .g_core .view3 .ul_list .ul_li .txt {
        padding: 1rem 4%;
    }

    .g_core .view3 .ul_list .ul_li .tit-22 {
        font-size: .6rem;
    }

    .g_core .view3 .ul_list .ul_li .tit-17 {
        font-size: .4rem;
        margin-top: .2rem;
    }

    .g_box .banner {
        height: 100vh;
    }

    .g_box .banner .swiper-pagination {
        width: calc(100% - 8%);
    }

    .g_store .view>.tit-17 {
        line-height: 1.6;
        margin-top: .2rem;
    }

    .g_store .view1 .img1 {
        height: 6rem;
        padding: 1rem 4%;
    }

    .g_store .view1 .img_box {
        height: auto;
        flex-direction: column;
    }

    .g_store .view1 .img_r {
        width: 100%;
        height: auto;
    }

    .g_store .view1 .img_l {
        width: 100%;
    }

    .g_store .view1 .img_l .txt {
        padding: 1rem 4%;
    }

    .g_store .view1 .img_l .img2 {
        height: auto;
    }

    .g_store .view2 .swiper_img {
        margin-top: 1rem;
        padding: 0 2%;
        width: 100%;
        height: 10rem;

    }

    .g_store .view3 .ul_list .ul_li {
        width: 100%;
        margin-bottom: 1rem;
    }

    .g_store .view3 .ul_list .ul_li:last-child {
        margin-bottom: 0;
    }

    .g_store .view3 .ul_list .ul_li .img {
        height: auto;
        margin-bottom: .5rem;
    }

    .g_store .view3 .ul_list .ul_li .tit-17 br {
        display: none;
    }

    .g_store .view4 .txt {
        display: block;
        margin-bottom: 1rem;
    }

    .g_store .view4 .txt .tit-22 {
        font-size: .55rem;
        line-height: 1.6;
    }

    .g_store .view4 .txt .tit-17 {
        font-size: .4rem;
    }

    .g_store .swiper_img1 {
        height: auto;
    }

    .g_store .view4 .swiper-pagination {
        margin-top: 1rem;
    }

    .g_store .view .swiper-pagination span {
        height: 2px;
    }

    .g_box .pro-2 {
        height: 20rem;
    }

    .g_box .pro-2 .txt {
        padding: 1rem 4%;
    }

    .g_box .pro-2 .hot_box {
        flex-direction: column;
        gap: .5rem;
        margin-top: 5rem;
    }

    .g_box .pro-2 .txt .tit-54 {
        font-size: .9rem;
    }

    .g_box .pro-2 .txt .tit-17 {
        font-size: .4rem;
        line-height: 1.6;
        margin-top: .5rem;
    }

    .g_box .pro-2 .txt .tit-17 br {
        display: none;

    }

    .g_box .popUpBox {
        width: 100%;
    }

    .g_box .popUpBox .popUpContent .closed {
        top: .5rem;
        right: .5rem;
    }

    .g_box .popUpBox .popUpContent {
        width: 92%;
        padding: 1rem 4%;
    }

    .g_box .popUpBox .popUpContent .popUpScroll {
        padding-right: .25rem;
    }

    .g_box .popUpBox .popUpContent .tit-32 {
        font-size: .9rem;
        line-height: 1.6;
        margin-bottom: .5rem;
    }

    .g_box .popUpBox .popUpContent .tit-15 {
        font-size: .5rem;
        line-height: 1.6;
    }

    .g_box .popUpBox .popUpContent .ul_li {
        margin-bottom: .5rem;
    }

    .g_box .popUpBox .popUpContent .ul_li .tit-16 {
        line-height: 1.6;
        font-size: .5rem;
        margin-bottom: .2rem;
    }

    .g_box .popUpBox .popUpContent .ul_li .tit-14 {
        font-size: .4rem;
        line-height: 1.6;
    }

    .g_box .popUpBox .popUpContent a {
        width: 80%;
    }

    .g_cont .ul_list {
        overflow-x: auto;
    }

    .g_cont .ul_list .ul_li {
        width: 200%;
    }

    .g_cont .ul_list .ul_li .mid {
        flex: 15%;
        width: auto;
    }

    .g_cont .ul_list .ul_li div {
        width: auto !important;
        flex: 1;
    }

    .sub_banner .txt1 {
        width: 100%;
        padding: 0 4%;
        top: 20%;
        transform: translateX(-50%);

    }

    .sub_banner .txt2 {
        padding: 0 4%;
        top: 40%;
        width: 100%;
        opacity: 1;
        transform: translateX(-50%);
    }

    .sub_banner .txt1 .t1 {
        font-size: .9rem;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .sub_banner .txt1 .t2 {
        line-height: 1.6;
        font-size: .4rem;
        margin-top: .2rem;
    }

    .sub_banner .txt2 .tit-52 {
        font-size: .6rem;
        margin-bottom: .5rem;
        line-height: 1.6;
    }

    .sub_banner .txt2 .tit-22 {
        font-size: .45rem;
        line-height: 1.6;
    }

    .sub_banner .txt2 .tit-22 br {
        display: none;
    }

    .g_exp .view1 .tit-32 {
        line-height: 1.6;
        margin-bottom: .5rem;
        font-size: .6rem;
    }

    .g_exp .view1 .tit-32 br {
        display: none;
    }

    .g_exp .view1 .tit-17 {
        font-size: .4rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    .g_exp .view1 .swiper_img {
        height: auto;
    }

    .g_exp .view2 .t1 {
        display: block;
    }

    .g_exp .view2 .t1 .title {
        margin-bottom: 0;
    }

    .g_exp .view2 .t1 .tit-22 {
        font-size: .4rem;
        line-height: 1.6;
        margin-top: .2rem;
    }

    .g_exp .view2 .sub-tit {
        margin-top: .5rem;
        line-height: 1.6;
        font-size: .45rem;
    }

    .g_exp .view2 .sub-tit br {
        display: none;
    }

    .g_exp .view2 .hidelist .li.on {
        display: block;
    }

    .g_exp .view3 .tit-52 {
        margin-bottom: 0;
    }

    .g_exp .view3 .tit-17 {
        font-size: .4rem;
        margin-top: .2rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    .g_exp .view3 .tit-17 br {
        display: none;

    }

    .g_exp .view3 .ul_list {
        gap: .5rem;
    }

    .g_exp .view3 .ul_list .ul_li {
        height: 6.25rem;
        width: 100%;
        padding: 1rem 4%;
    }

    .g_exp .view3 .ul_list .ul_li .tit-24 {
        font-size: .5rem;
    }

    .g_exp .view5 {
        height: 50vh;
    }

    .g_exp .view6 {
        height: auto;
    }

    .g_exp .view6 .tit-52 {
        margin-bottom: 1rem;
    }

    .g_exp .view6 .slide_box {
        position: relative;
        top: auto;
        transform: none;
        left: auto;
        width: 100%;
        height: 10rem;
    }

    .g_exp .view6 .slide_box .ul_list1 {
        display: none;
    }

    .g_exp .view6 .slide_box .ul_list2 {
        opacity: 1;
        top: auto;
        transform: none;
        z-index: 1;
        height: 100%;
        overflow: hidden;
        padding: 1rem 4% 60%;
    }

    .g_exp .view6 .slide_box .ul_list .tit-22 {
        line-height: 1.6;
        margin-bottom: .25rem;
        font-size: .4rem;
    }

    .g_exp .view6 .slide_box .ul_list .tit-32 {
        font-size: .6rem;
        line-height: 1.6;
    }

    .g_exp .view6 .slide_box .ul_list .tit-32 br {
        display: none;
    }

    .g_exp .view7 {
        padding-top: 0;
        flex-direction: column-reverse;
    }

    .g_exp .view7 .txt,
    .g_exp .view7 .img {
        width: 100%;
        height: auto;
    }

    .g_exp .view7 .txt {
        padding: 1rem 4%;
    }

    .g_exp .view7 .txt .tit-32 {
        font-size: .7rem;
        line-height: 1.6;
        padding-bottom: .25rem;
    }

    .g_exp .view7 .txt .ul_li {
        padding: .35rem 0 .35rem;
    }

    .g_exp .view7 .txt .ul_li .ul_li_show {
        font-size: .5rem;
        line-height: 1.6;
    }

    .g_exp .view7 .txt .ul_li .ul_li_hide {
        font-size: .4rem;
        line-height: 1.6;
    }

    .g_exp .view8 {
        height: auto;
    }

    .g_exp .view8 .tit-52 {
        line-height: 1.6;
        margin-bottom: .2rem;
    }

    .g_exp .view8 .tit-22 {
        line-height: 1.6;
        font-size: .45rem;
        margin-bottom: .25rem;
    }

    .g_exp .view8 .swiper_history .swiper-slide.on,
    .g_exp .view8 .swiper_history .swiper-slide {
        width: 100%;
    }

    .g_exp .view8 .swiper_year {
        margin-right: .75rem;
        padding: .5rem 0;
    }

    .g_exp .view8 .swiper_history {
        height: auto;
    }

    .g_exp .view8 .swiper_year .swiper-slide {
        font-size: .45rem;
    }

    .g_exp .view8 .swiper_history .swiper-slide {
        padding: 0;
        padding-right: 1rem;
        margin-top: .25rem;
    }

    .g_exp .view8 .swiper_history .slide_show {
        display: none;
    }

    .g_exp .view8 .swiper_history .slide_hide {
        position: relative;
        left: auto;
        padding: 1rem 4%;

        top: auto;
        transform: none;
        z-index: 1;

    }

    .g_exp .view8 .swiper_history .tit-82 {
        font-size: .9rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    .g_exp .view8 .swiper_history .ul_li {
        font-size: .45rem;

        line-height: 1.6;
        margin-bottom: .25rem;
    }

    .g_exp .view8 .swiper_history .ul_li::after {
        top: .3rem;
    }

    .g_exp .view8 .swiper_history .swiper-slide.on::after {
        display: none;
    }

    .g_exp .view8::after {
        width: 10rem;
        height: 10rem;
    }

    .g_exp .view9 .tit-52 {
        line-height: 1.6;
        margin-bottom: .2rem;
    }

    .g_exp .view9 .txt {
        display: block;
        margin-bottom: 1rem;
    }

    .g_exp .view9 .txt .tit-22 {
        width: 100%;
        line-height: 1.6;
        font-size: .5rem;
    }

    .g_exp .view9 .txt .tit-17 {
        width: 100%;
        font-size: .4rem;
        line-height: 1.6;
        margin-top: .5rem;
    }

    .g_exp .view9 .img {
        height: auto;
    }

    .g_brand_info .view1,
    .g_brand .view1 {
        padding: 3rem 4% 1.5rem;
    }

    .g_brand .view1 .tit-54 {
        font-size: .9rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }


    .g_brand .view1 .swiper_brand {
        height: auto;
    }

    .g_brand .view1 .swiper_brand a {
        flex-direction: column-reverse;
    }

    .g_brand .view1 .swiper_brand a .img {
        width: 100%;
        height: auto;
    }

    .g_brand .view1 .swiper_brand a .txt {
        width: 100%;
        flex: 100%;
        padding: 1rem 4%;
    }

    .g_brand .view1 .swiper_brand a .tit-22 {
        margin-bottom: .25rem;
        font-size: .5rem;
        line-height: 1.6;
    }

    .g_brand .view1 .swiper_brand a .tit-17 {
        font-size: .4rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    .g_brand .view1 .swiper_brand a .tit-12 {
        font-size: .4rem;

    }

    .g_brand .view1 .swiper-pagination {
        margin-top: 1rem;
    }

    .g_brand .view1 .swiper-pagination span {
        height: 2px;
    }

    .g_brand .view1 .ul_list .ul_li {
        width: 100%;
    }

    .g_brand .view1 .ul_list .ul_li .img {
        height: auto;
    }

    .g_brand .view1 .ul_list .ul_li .tit-17 {
        margin-bottom: .5rem;
        font-size: .45rem;
        line-height: 1.6;


    }

    .g_brand .view1 .ul_list .ul_li .tit-15 {
        font-size: .4rem;
        line-height: 1.6;
    }

    .g_brand .view1 .ul_list {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .g_brand_info .tit-42 {
        font-size: .9rem;
        line-height: 1.3;
        margin-bottom: .5rem;
    }

    .g_brand_info .tit-16 {
        font-size: .4rem;
        line-height: 1.6;
        margin-bottom: .5rem;
    }

    .g_brand_info .line2 {
        margin-top: 1rem;
        margin-bottom: .75rem;
    }

    .g_brand_info .prev_next {
        display: block;
    }

    .g_brand_info .prev_next .nav_a {
        width: 100%;
        margin-bottom: .25rem;
    }

    .g_brand_info .prev_next .nav_a span {
        flex-shrink: 0;
        display: block;
        font-size: .45rem;
        line-height: 1.6;
    }

    .g_brand_info .prev_next .nav_a p {
        width: 80%;
        font-size: .45rem;
        line-height: 1.6;

    }

    .g_brand_info .prev_next .return {
        margin-top: 1rem;
    }

    .g_box .view2.por-4 {
        padding-top: 1.5rem;
    }

    .g_store1 .ul_list .ul_li {
        width: 100%;
        height: auto;

    }

    .g_store1 .ul_list .ul_li .ul_li_txt {
        padding: 1rem 4%;
    }

    .g_store1 .ul_list .ul_li .tit-22 {
        margin-bottom: .75rem;
    }

    .g_store1 .ul_list .ul_li .item_ls {
        margin-bottom: .25rem;
    }

    .g_box .view2.por-4 {
        padding-bottom: 1.5rem;
    }

    .g_exp .view2.por-4 .table-list {
        padding-bottom: 0;
    }

    .g_exp .view2.por-4 .hidelist .li {
        position: relative !important;
    }

    .sub_banner .txt2 .tit-22 {
        max-width: 100%;
    }

    .g_exp .view1 .swiper_img {
        width: 100%;
        height: auto;
    }
}

.g_box .popUpBox .popUpContent .popUpScroll .ul_li:last-child .tit-14 {
    margin-bottom: 0;
}