inner-banner .inner-banner {
    position: relative
}

inner-banner .inner-banner .img-box {
    width: 100%;
    height: 45rem
}

inner-banner .inner-banner .img-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

inner-banner .inner-banner .img-box .img {
    height: 100%
}

inner-banner .inner-banner .text-box {
    margin: 0 auto;
    max-width: 94rem;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

inner-banner .inner-banner .text-box>h1,inner-banner .inner-banner .text-box>p {
    font-size: 3rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 2.6rem
}

inner-banner .inner-banner .text-box .main_des {
    color: #ffffff
}

slide-bar .slide-bar {
    width: 30.5rem;
    flex-shrink: 0
}

slide-bar .slide-bar>h4 {
    font-size: 3.4rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 1;
    margin-bottom: var(--mini-m-b, 5rem)
}

slide-bar .slide-bar .slide-bar-list {
    position: relative
}

slide-bar .slide-bar .slide-bar-list::before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: .2rem;
    transform: translateX(-50%);
    z-index: 0;
    background-color: #E9E9E9
}

slide-bar .slide-bar .slide-bar-list li {
    margin-bottom: var(--mini-m-b, 3rem);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

slide-bar .slide-bar .slide-bar-list li:last-child {
    margin-bottom: unset
}

slide-bar .slide-bar .slide-bar-list li.active a::after {
    width: 100%
}

slide-bar .slide-bar .slide-bar-list li a {
    padding: 0 1.5rem;
    font-size: var(--fz-16, 14px);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 3rem;
    position: relative
}

slide-bar .slide-bar .slide-bar-list li a>span {
    position: relative;
    z-index: 9
}

slide-bar .slide-bar .slide-bar-list li a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: .25s ease-out;
    background-image: linear-gradient(90deg, var(--themeColor) 0%, var(--themeColor) .4rem, #eeeeee .4rem, #eeeeee 100%)
}

slide-bar .slide-bar .slide-bar-list li a::before {
    content: '';
    width: .4rem;
    height: .4rem;
    background-color: var(--themeColor);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

route .route {
    margin-top: 7rem
}

route .route ._content_ .route-list {
    background: #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: .4rem;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem
}

route .route ._content_ .route-list>li {
    line-height: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

route .route ._content_ .route-list>li:last-child::after {
    content: unset
}

route .route ._content_ .route-list>li::after {
    content: '\e83e';
    font-family: "hg-iconfont";
    font-size: 14px;
    color: #666666
}

route .route ._content_ .route-list>li a {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 1;
    transition: .2s ease-out
}

route .route ._content_ .route-list>li a:hover {
    color: var(--themeColor)
}

.inner-title {
    font-size: 6rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333
}

.product-title {
    font-size: 3rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 1;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

.product-title::before {
    content: '';
    background-image: var(--icon);
    width: 2rem;
    height: 2rem;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    margin-right: 1.5rem
}

.swiperPagition {
    display: flex;
    justify-content: center;
    align-items: center
}

.swiperPagition .custom-swiper-button {
    position: static;
    transform: unset;
    font-size: 1.8rem;
    background-color: #fff;
    color: var(--themeColor-2)
}

.swiperPagition .custom-swiper-button:hover {
    background-color: var(--themeColor-2);
    color: #ffffff
}

.swiperPagition .custom-swiper-button:first-child {
    margin-right: 3rem
}

.aboutUs .aboutUs-main {
    padding-top: var(--block-p-t, 10rem);
    position: relative
}

.aboutUs .aboutUs-main #world-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 70rem;
    height: 70rem;
	margin-top:20rem;
}

.aboutUs .aboutUs-main ._content_ {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.aboutUs .aboutUs-main ._content_ .main-left {
    max-width: 78rem;
    flex-shrink: 0
}

.aboutUs .aboutUs-main ._content_ .main-left .inner-title {
    margin-bottom: 7rem
}

.aboutUs .aboutUs-main ._content_ .main-right {
    width: 62rem;
    flex-shrink: 0
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li {
    width: 36rem;
    height: 20rem;
    background-color: var(--themeColor);
    border-radius: 1rem;
    box-shadow: 0 1.2rem 1.4rem .2rem rgba(31, 31, 31, 0.4);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 3.5rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(1) {
    margin-bottom: 2rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(3) {
    margin-left: 2rem;
    flex-direction: column;
    width: 24rem;
    height: 30rem;
    justify-content: center
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(3) .icon-box {
    margin: unset;
    margin-bottom: 4rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(3) .text-box {
    justify-content: center;
    align-items: center
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box {
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 4rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box .img {
    object-fit: contain
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .counter {
    font-size: 7rem;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 1;
    margin-bottom: .5rem;
    display: block
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .des {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 2.2rem
}

.aboutUs .aboutUs-advantages {
    padding-top: var(--block-p-t, 8rem);
    position: relative
}

.aboutUs .aboutUs-advantages .sticky-container {
    position: relative
}

.aboutUs .aboutUs-advantages .sticky-container .sticky-wrapper {
    position: sticky;
    top: calc(var(--headerHeight) + 2rem)
}

.aboutUs .aboutUs-advantages .sticky-container .sticky-wrapper ._content_ {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.aboutUs .aboutUs-advantages .advantages-left {
    flex-shrink: 0;
    margin-right: 15.6rem
}

.aboutUs .aboutUs-advantages .advantages-left .img-box {
    border-radius: 26.6rem 1.8rem 1.8rem 1.8rem;
    width: 58rem;
    height: 80rem
}

.aboutUs .aboutUs-advantages .advantages-right {
    position: relative;
    overflow: hidden
}

.aboutUs .aboutUs-advantages .advantages-right::after {
    pointer-events: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to top, #ffffff 0%, #ffffff 20%, transparent 100%)
}

.aboutUs .aboutUs-advantages .advantages-right .inner-title {
    margin-bottom: var(--mini-m-b, 5rem)
}

.aboutUs .aboutUs-advantages .advantages-right .scroll-container {
    overflow: hidden;
    height: 70rem;
    max-width: 70rem;
    padding: 0 2rem
}

.aboutUs .aboutUs-advantages .advantages-right .list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.aboutUs .aboutUs-advantages .advantages-right .list>li {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 1.6rem;
    box-shadow: .4rem .8rem 1.6rem .4rem rgba(0, 0, 0, 0.15);
    margin-bottom: var(--mini-m-b, 3rem);
    padding: 2rem 2.4rem;
    width: 100%;
}

.aboutUs .aboutUs-advantages .advantages-right .list>li:last-child {
    margin-bottom: unset
}

.aboutUs .aboutUs-advantages .advantages-right .list>li>h2 {
    font-size: 3rem;
    font-family: Montserrat-Bold;
    font-weight: normal;
    text-align: left;
    color: #898383;
    font-style: italic;
    margin-bottom: 1.5rem;
}

.aboutUs .aboutUs-advantages .advantages-right .list>li>h2 span {
    margin-right: 1.5rem;
}

.aboutUs .aboutUs-authentication {
    padding-top: var(--block-p-t, 13rem)
}

.aboutUs .aboutUs-authentication .container {
    width: 144rem
}

.aboutUs .aboutUs-authentication ._content_ .inner-title {
    margin-bottom: var(--mini-m-b, 7rem);
    text-align: center
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiper {
    margin-bottom: var(--mini-m-b, 7.8rem)
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiperPagition .custom-swiper-button {
    width: 4.8rem;
    height: 4.8rem;
    background-color: #EAEAEA;
    color: var(--themeColor-2);
    font-size: 2.4rem
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiperPagition .custom-swiper-button:hover {
    color: #ffffff;
    background-color: var(--themeColor-2)
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiper-slide {
    padding: 2.5rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .slide-item,.aboutUs .aboutUs-authentication ._content_ .swiper-box .img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.aboutUs .aboutUs-development {
    padding-top: var(--block-p-t, 12rem);
    padding-bottom: var(--block-p-b, 10rem);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}

.aboutUs .aboutUs-development .inner-title {
    text-align: center;
    margin-bottom: var(--mini-m-b, 10rem)
}

.aboutUs .aboutUs-development ._content_ {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.aboutUs .aboutUs-development ._content_ .development-left {
    margin-right: 22.8rem
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box::before,.aboutUs .aboutUs-development ._content_ .development-left .swiper-box::after {
    content: '';
    display: block;
    width: 1px;
    height: 2.4rem;
    background-color: #A2A2A2
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb {
    max-width: 10rem;
    height: 20rem;
    margin: 2rem 0
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-wrapper {
    align-items: center
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide {
    width: fit-content;
    height: fit-content;
    opacity: .5;
    font-size: var(--fz-16, 14px);
    font-weight: 400;
    text-align: center;
    color: var(--themeColor)
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide.swiper-slide-thumb-active {
    font-size: var(--fz-18, 16px);
    font-weight: bold;
    opacity: 1
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide.swiper-slide-next,.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide.swiper-slide-prev {
    opacity: .85;
    font-size: var(--fz-17, 16px)
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiperPagition .custom-swiper-button:first-child {
    margin-right: 1.5rem
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main {
    width: 143rem;
    margin-bottom: var(--mini-m-b, 4rem)
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .swiper-slide {
    width: 50rem;
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .img-box {
    width: 40rem;
    height: 20rem;
    margin-bottom: var(--mini-m-b, 4rem);
    border-radius: 1rem;
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .text-box>span {
    font-size: 8rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    display: block;
    line-height: 1;
    color: var(--themeColor);
    margin-bottom: 2rem
}

.aboutUs .aboutUs-culture {
    padding-top: var(--block-p-t, 14rem);
    padding-bottom: var(--block-p-b, 17rem)
}

.aboutUs .aboutUs-culture ._content_ .culture-head {
    max-width: 64rem;
    position: relative;
    z-index: 9;
}

.aboutUs .aboutUs-culture ._content_ .culture-head .inner-title {
    margin-bottom: var(--mini-m-b, 2.4rem)
}

.aboutUs .aboutUs-culture ._content_ .culture-pic {
    margin-top: -8rem
}

.aboutUs .aboutUs-culture ._content_ .culture-pic .img-box {
    width: 160rem;
    height: auto
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--mini-m-t, 5.5rem);
    position: relative
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #CACACA;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right,.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
    width: 75rem;
    flex-shrink: 0
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left .main_des {
    line-height: 3.2rem;
    color: #666666
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>span {
    font-size: var(--fz-14, 12px);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: var(--themeColor);
    line-height: 4.8rem;
    display: block;
    width: 20rem;
    margin-right: 1.5rem
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>p {
    font-size: var(--fz-14, 12px);
    text-align: left;
    color: #666666;
    line-height: 4.8rem
}

.product-catrgory {
    --item: 3;
    --gap: 9.6rem;
    --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)));
    padding-top: var(--block-p-t, 7rem);
    padding-bottom: var(--block-p-b, 14rem)
}

.product-catrgory .container {
    width: 127rem
}

.product-catrgory .product-title {
    font-size: 6rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333
}

.product-catrgory ._content_ .catrgory-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--mini-m-b, 6rem)
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form {
    background-color: #EEEEEE;
    border-radius: 3.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 6.8rem;
    overflow: hidden
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form>* {
    border: unset;
    background-color: unset;
    height: 100%
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form input {
    padding: 2.5rem 0 2.5rem 3rem;
    width: 60rem
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form button {
    font-size: 2rem;
    padding: 0 3rem;
    cursor: pointer
}

.product-catrgory ._content_ .catrgory-main .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.product-catrgory ._content_ .catrgory-main .list>li {
    width: var(--itemWidth);
    margin-right: var(--gap);
    position: relative;
    margin-top: 2rem;
    height: 44rem;
    overflow: hidden
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .i {
    background-color: var(--themeColor-2) !important
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .item {
    height: 100%
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .item .main_des {
    opacity: 1 !important;
    visibility: visible !important;
    transform: unset !important
}

.product-catrgory ._content_ .catrgory-main .list>li:nth-child(-n+3) {
    margin-top: unset
}

.product-catrgory ._content_ .catrgory-main .list>li:nth-child(3n) {
    margin-right: unset
}

.product-catrgory ._content_ .catrgory-main .list>li>a {
    height: 100%;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-catrgory ._content_ .catrgory-main .list>li .item {
    height: 36rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 4rem 4rem 3rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: .25s ease-out;
    border-radius: 1rem;
    overflow: hidden;
    width: 100%;
    position: relative
}

.product-catrgory ._content_ .catrgory-main .list>li .item::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: scale(0);
    background: transparent;
    backdrop-filter: blur(3px)
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .item::after {
    transform: scale(1);
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box {
    position: relative;
    z-index: 9;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box>h2 {
    font-size: var(--fz-20);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    text-align: left;
    line-height: 2.6rem;
    height: 5.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box .main_des {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 6rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    transition: .25s ease-out .05s;
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box .i {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: transparent;
    transition: .15s ease-out;
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin-top: auto;
}

.product-list {
    padding-top: var(--block-p-t, 10rem);
    padding-bottom: var(--block-p-b, 8rem)
}

.product-list ._content_ {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.product-list ._content_ .product-list-sideBar {
    margin-right: 6.4rem;
    position: sticky;
    top: calc(var(--headerHeight) + 2rem)
}

.product-list ._content_ .product-list-sideBar .sideBar {
    width: 42rem
}

.product-list ._content_ .product-list-sideBar .sideBar form {
    background: #eeeeee;
    border: .2rem solid var(--themeColor);
    border-radius: 1rem;
    width: 100%;
    height: 6.8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem
}

.product-list ._content_ .product-list-sideBar .sideBar form button,.product-list ._content_ .product-list-sideBar .sideBar form input {
    background: transparent;
    border: unset;
    height: 100%
}

.product-list ._content_ .product-list-sideBar .sideBar form input {
    flex-grow: 1;
    padding-left: 2.5rem
}

.product-list ._content_ .product-list-sideBar .sideBar form button {
    cursor: pointer;
    font-size: 2.4rem;
    padding: 0 2.4rem;
    flex-shrink: 0;
    transition: .15s ease
}

.product-list ._content_ .product-list-sideBar .sideBar form button:hover {
    color: var(--themeColor)
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list {
    border-radius: .6rem;
    overflow: hidden
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list>h4 {
    font-size: 2rem;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 6rem;
    background-color: var(--themeColor);
    padding: 0 2.3rem;
    text-transform: uppercase
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .title-header {
    padding: 1.5rem 2rem;
    background-color: #EEEEEE;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .title-header>a {
    margin-right: 1.5rem;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .title-header 
.i {
    margin-left: auto;
    font-size: 1.8rem;
    cursor: pointer;
    flex-shrink: 0;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper {
    position: relative;
    flex-basis: 100%;
    width: 100%;
    z-index: 9;
    display: none;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .second-wrapper_list {
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .second-wrapper_list>li {
    padding: 1.5rem 2rem 1.5rem 2.5rem;
    background-color: #f2f2f2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .second-wrapper_list>li>a::before {
    content: '';
    width: 1.6rem;
    height: 2px;
    background-color: var(--themeColor-2);
    margin-right: .6rem;
    flex-shrink: 0;
}
.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .second-wrapper_list>li.active a{color: var(--themeColor);}
.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li.active .title-header a {
    transform: unset;
	color: var(--themeColor)
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li a {
    font-size: var(--fz-16, 14px);
    font-weight: 400;
    text-align: left;
    color: #333333;
    transition: .25s ease-out;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li.active .title-header>a::before {
    content: '';
    width: 2px;
    height: 1.6rem;
    background-color: var(--themeColor-2);
    display: block;
    transition: .2s ease-out;
    margin-right: .6rem;
    flex-shrink: 0;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li a:hover {
    font-family: Montserrat-Bold;
    color: var(--themeColor)
}

.product-list ._content_ .product-list-main {
    width: 100%;
}

.product-list ._content_ .product-list-main .product-list-main_head {
    margin-bottom: var(--mini-m-b, 8rem)
}

.product-list ._content_ .product-list-main .product-list-main_head>h2 {
    font-size: 3rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: center;
    color: #333333;
    margin-bottom: 4rem
}

.product-list ._content_ .product-list-main .product-list-main_head .main_des {
    color: #666666
}

.product-list ._content_ .product-list-main .table-container {
    width: 100%
}

.product-list ._content_ .product-list-main .table-container .table-head {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.product-list ._content_ .product-list-main .table-container .table-head .head-item {
    background-color: var(--themeColor);
    flex-shrink: 0;
    font-size: var(--fz-18, 16px);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    padding: 2rem
}

.product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(1) {
    width: 24rem
}



.product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(2) {
    width: 22rem
}
.product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(3) {
   width: 22rem
}
.product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(4) {
   flex-grow:1;
}

.product-list ._content_ .product-list-main .table-container .table-wrap {
    border: 1px solid #c7c7c7;
    border-top: unset
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li {
    border-bottom: 1px solid #c7c7c7;
    background-color: #f8f8f8;
    transition: .15s ease-out
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li>a {
    display: flex;
    justify-content: flex-start;
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:hover {
    background-color: #dae1ed
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:hover a {
    color: var(--themeColor) !important
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:hover a::after {
    background-color: var(--themeColor) !important
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:last-child {
    border-bottom: unset
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col {
    font-size: var(--fz-16, 14px);
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 3rem;
    flex-shrink: 0;
    padding: 1.2rem 2rem;
    border-right: 1px solid #c7c7c7
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col ul li::before {
    content: '\e61d';
    font-family: 'hg-iconfont';
    font-size: 1rem;
    color: #333
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col:last-child {
    border-right: unset
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-1 {
    width: 24rem
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-2 {
    width: 22rem
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-3 {
    flex-grow: 1;
    flex-shrink: 1
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-4 {
    width: 6.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-4 span {
    color: #333;
    position: relative
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-4 span::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #333;
    position: absolute;
    bottom: 0;
    left: 0
}

.product-detail {
    padding-top: var(--block-p-t, 9rem);
    padding-bottom: var(--block-p-b, 13rem)
}

.product-detail ._content_ .product-detail-main {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.product-detail ._content_ .product-detail-main .product-detail-main_left {
    position: sticky;
    top: calc(var(--headerHeight) + 2rem);
    width: 63rem;
    margin-right: 12rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_left .swiper-slide {
    border-radius: 1rem;
    overflow: hidden
}

.product-detail ._content_ .product-detail-main .product-detail-main_left .main {
    margin-bottom: 2rem;
    overflow: hidden;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right {
    width: 84rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right>div .container {
    width: 100%;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--mini-m-b, 5.6rem);
    width: 68rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head .product-title {
    font-size: 3.6rem;
    line-height: normal;
    padding-left: 3rem;
    position: relative
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head .product-title::before {
    content: '';
    width: .6rem;
    height: 100%;
    background-color: var(--themeColor);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data {
    width: 68rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data .main_right_data_rich {
    margin-top: var(--block-m-t, 8rem);
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data .main_right_data_rich .product-title {
    margin-bottom: var(--mini-m-b, 2.5rem);
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li {
    padding-right: 7.5rem;
    margin-right: 7.5rem;
    position: relative;
    font-size: var(--fz-18, 16px);
    text-align: left;
    color: #333333;
    display: block;
    line-height: 3rem;
    font-weight: 300
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #BEBEBE
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li:last-child {
    padding-right: unset;
    margin-right: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li:last-child::after {
    content: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li span {
    font-family: Montserrat-Bold;
    font-weight: 700
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter {
    padding-top: var(--block-p-t, 8rem);
    width: 68rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .product-title {
    margin-bottom: var(--mini-m-b, 2.5rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data_rich .rich-box {
    background: #eeeeee;
    border-radius: 1rem;
    overflow: hidden;
    padding: 3rem;
    flex-shrink: 0
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box {
    background: #eeeeee;
    border-radius: 1rem;
    overflow: hidden;
    padding: 3rem;
    margin-bottom: var(--mini-m-b, 2rem);
    flex-shrink: 0
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:first-child {
    flex-basis: 37rem;
    margin-right: 3rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:nth-child(2) {
    flex-grow: 1;
    flex-basis: 28rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child {
    margin-bottom: unset;
    flex-basis: 100%
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box>h4 {
    font-size: var(--fz-20, 2rem);
    font-family: Montserrat-Bold;
    font-weight: 700;
    color: var(--themeColor);
    line-height: 1;
    display: block;
    padding-bottom: 3rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data .main_right_data_rich .rich-box>h4 {
    font-size: var(--fz-20, 2rem);
    font-family: Montserrat-Bold;
    font-weight: 700;
    color: var(--themeColor);
    line-height: 1;
    display: block;
    padding-bottom: 3rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des {
    line-height: 3.6rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table {
    margin-bottom: unset;
    width: 100%;
    display: block;
    height: 100%;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody {
    width: 100%;
    display: block;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 1.5rem;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child .main_des table.gzchem tbody tr {
    border-bottom: 1px solid #d0d0d0;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child .main_des table tbody tr:last-child {
    border-bottom: unset;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td {
    padding: unset;
    line-height: unset;
    border: unset;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table.gzchem tbody td {
    flex: 1;
    color: initial;
    word-break: break-all;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table:not(.gzchem) tbody td:nth-child(even) {
    text-align: right;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td p {
    text-align: right;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td:first-child {
    color: #666666;
    font-size: var(--fz-16, 14px);
    font-family: Montserrat-Bold
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character {
    padding-top: var(--block-p-t, 8rem);
    --item: 2;
    --gap: 8rem;
    --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)))
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .product-title {
    margin-bottom: var(--mini-m-b, 4rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li {
    
    margin-right: var(--gap);
    margin-bottom: var(--mini-m-b, 6rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:nth-last-child(-n+2) {
    margin-bottom: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:nth-child(2n) {
    margin-right: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li .title {
    font-size: var(--fz-18, 16px);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: var(--themeColor);
    line-height: 3rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li .main_des {
    line-height: 3.6rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download {
    padding-top: var(--block-p-t, 8.5rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .product-title {
    margin-bottom: var(--mini-m-b, 4rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list {
    width: 100%
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li {
    margin-bottom: 1.6rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li:last-child {
    margin-bottom: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li:hover .item {
    background-color: var(--themeColor);
    color: #ffffff
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item {
    background: #ffffff;
    border: 1px solid var(--themeColor);
    border-radius: .6rem;
    padding: 8px 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: var(--fz-16, 14px);
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 3rem;
    transition: .25s ease-out
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item .title {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item>span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    display: block;
    margin-left: auto
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item .i {
    margin-left: 3.5rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended {
    padding-top: var(--block-p-t, 8rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .product-title {
    margin-bottom: var(--mini-m-b, 4rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .img-box {
    width: 100%;
    height: 20.3rem;
    margin-bottom: 1.5rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .title {
    font-size: var(--fz-18, 16px);
    color: #363636;
    line-height: 3rem;
    text-align: center
}

.contact-us {
    padding-top: var(--block-p-t, 9.5rem);
    padding-bottom: var(--block-p-t, 12rem)
}

.contact-us ._content_ {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.contact-us ._content_ .contact-us_left {
    margin-right: 16rem;
    flex-grow: 1
}

.contact-us ._content_ .contact-us_left .inner-title {
    margin-bottom: var(--mini-m-b, 6rem)
}

.contact-us ._content_ .contact-us_left .main_des {
    margin-bottom: var(--mini-m-b, 3rem)
}

.contact-us ._content_ .contact-us_left .contact-list {
    max-width: 53rem;
    margin-bottom: var(--mini-m-b, 4rem)
}

.contact-us ._content_ .contact-us_left .contact-list>li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: var(--fz-18, 16px);
    text-align: left;
    line-height: 3rem;
    margin-bottom: var(--mini-m-b, 2rem)
}

.contact-us ._content_ .contact-us_left .contact-list>li>span {
    font-family: Montserrat-Bold;
    font-weight: 700;
    display: block;
    margin-right: .5rem
}

.contact-us ._content_ .contact-us_left .contact-list>li .link-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.contact-us ._content_ .contact-us_left .contact-list>li .link-group>li>a:hover {
    color: var(--themeColor)
}

.contact-us ._content_ .contact-us_left .contact-list>li .link-group>li a,.contact-us ._content_ .contact-us_left .contact-list>li .link-group>li p {
    color: #333
}

.contact-us ._content_ .contact-us_left .fllow-box {
    margin-bottom: var(--mini-m-b, 6rem)
}

.contact-us ._content_ .contact-us_left .fllow-box>span {
    font-size: var(--fz-18, 16px);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    display: block;
    line-height: 1;
    margin-bottom: 1.5rem
}

.contact-us ._content_ .contact-us_left .fllow-box .list {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.contact-us ._content_ .contact-us_left .fllow-box .list>li {
    margin-right: 1.6rem
}
/*
.contact-us ._content_ .contact-us_left .fllow-box .list>li:hover .i {
    background-color: var(--themeColor);
    color: #ffffff
}
*/
.contact-us ._content_ .contact-us_left .fllow-box .list>li:last-child {
    margin-right: unset
}

.contact-us ._content_ .contact-us_left .fllow-box .list>li .i {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border-radius: 50%;
   /* border: 1px solid var(--themeColor); */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: var(--themeColor);
    transition: .2s ease-out
}
.hg-Youtube-fill{background:url(../../images/Youtube.png) no-repeat center;width:38px;height:38px;}
.hg-linkedin{background:url(../../images/linkedin.png) no-repeat center;width:38px;height:38px;}
.hg-Facebook{background:url(../../images/Facebook.png) no-repeat center;width:38px;height:38px;}
.hg-Twitter{background:url(../../images/Twitter.png) no-repeat center;width:38px;height:38px;}
.hg-TikTok{background:url(../../images/TikTok.png) no-repeat center;width:38px;height:38px;}
.contact-us ._content_ .contact-us_left .map-box {
    width: 100%;
    height: 35.5rem
}

.contact-us ._content_ .contact-us_left .map-box>iframe {
    width: 100%;
    height: 100%;
    display: block
}

.contact-us ._content_ .contact-us_right {
    flex-shrink: 0
}

.contact-us ._content_ .contact-us_right>h3 {
    font-size: 2.6rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--mini-m-b, 2rem)
}

.contact-us ._content_ .contact-us_right>form {
    width: 81rem
}

.contact-us ._content_ .contact-us_right>form input,.contact-us ._content_ .contact-us_right>form textarea {
    background-color: #f1f1f1;
    border-radius: .4rem;
    height: 6rem;
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 1.5rem
}

.contact-us ._content_ .contact-us_right>form textarea {
    height: 22rem
}

.contact-us ._content_ .contact-us_right>form .input-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--mini-m-b, 3rem)
}

.contact-us ._content_ .contact-us_right>form .input-box:last-child {
    margin-bottom: unset
}

.contact-us ._content_ .contact-us_right>form .input-box>.contact-lines {
    margin-right: 1rem
}

.contact-us ._content_ .contact-us_right>form .input-box>.contact-lines:last-child {
    margin-right: unset
}

.contact-us ._content_ .contact-us_right>form .contact-lines {
    flex: 1
}

.contact-us ._content_ .contact-us_right>form .contact-lines .place_holder {
    font-size: var(--fz-16, 14px);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    margin-bottom: 1.2rem;
    display: block;
    line-height: 1
}

.contact-us ._content_ .contact-us_right>form .contact-lines .place_holder>em {
    color: #ff0000;
    margin-right: .5rem
}

.contact-us ._content_ .contact-us_right>form .submit_btn {
    background-color: var(--themeColor);
    border-radius: .4rem;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    font-family: Montserrat-SemiBold, Montserrat-Bold;
    border: unset;
    padding: 1.6rem 5.2rem;
    margin: 0 auto;
    transition: .25s ease-out;
    border: 1px solid var(--themeColor)
}

.contact-us ._content_ .contact-us_right>form .submit_btn:hover {
    background-color: #ffffff;
    color: var(--themeColor)
}

.news-list {
    padding-top: var(--block-p-t, 9rem);
    padding-bottom: var(--block-p-b, 13rem);
    --item: 3;
    --gap: 8rem;
    --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)))
}

.news-list .marker {
    background: var(--themeColor-2);
    border-radius: .4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    color: #ffffff
}

.news-list ._content_ .news-list_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--mini-m-b, 8rem)
}

.news-list ._content_ .news-list_head .inner-title {
    line-height: 1
}

.news-list ._content_ .news-list_head .nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.news-list ._content_ .news-list_head .nav-list>li {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e8e8e8;
    border-radius: 2.4rem;
    overflow: hidden;
    transition: .15s linear;
    margin-left: 1.6rem
}

.news-list ._content_ .news-list_head .nav-list>li.active,.news-list ._content_ .news-list_head .nav-list>li:hover {
    background-color: var(--themeColor)
}

.news-list ._content_ .news-list_head .nav-list>li.active a,.news-list ._content_ .news-list_head .nav-list>li:hover a {
    color: #ffffff
}

.news-list ._content_ .news-list_head .nav-list>li a {
    padding: 1.5rem 2rem;
    font-size: var(--fz-18, 16px);
    font-weight: 400;
    text-align: left;
    color: #333333
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50.5rem;
    background: #eeeeee;
    border-radius: 1rem;
    overflow: hidden
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box {
    flex-shrink: 0;
    width: 79rem;
    height: 100%
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box:hover img {
    transform: scale(1.05) rotate(1deg)
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box {
    flex-grow: 1;
    padding: 5rem
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .marker {
    margin-bottom: 1.5rem
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .title {
    font-size: 3rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    line-height: 4.8rem;
    height: 9.6rem;
    margin-bottom: var(--mini-m-b, 4rem);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .main_des {
    margin-bottom: var(--mini-m-b, 4rem);
    height: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .date {
    margin-right: 2.4rem
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .i {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    background-color: var(--themeColor-2);
    color: #ffffff;
    transition: .2s ease
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .i:hover {
    transform: translateX(3px);
    background-color: var(--themeColor)
}

.news-list ._content_ .news-list_list {
    padding-top: var(--block-p-t, 8rem);
    padding-bottom: var(--block-p-b, 16rem)
}

.news-list ._content_ .news-list_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.news-list ._content_ .news-list_list ul>li {
    width: var(--itemWidth);
    margin-right: var(--gap);
    margin-bottom: var(--mini-m-b, 9rem)
}

.news-list ._content_ .news-list_list ul>li:nth-last-child(-n+3) {
    margin-bottom: unset
}

.news-list ._content_ .news-list_list ul>li:nth-child(3n) {
    margin-right: unset
}

.news-list ._content_ .news-list_list ul>li .img-box {
    margin-bottom: var(--mini-m-b, 3rem);
    border-radius: 1rem;
    height: 31rem;
}

.news-list ._content_ .news-list_list ul>li .img-box:hover img {
    transform: scale(1.05)
}

.news-list ._content_ .news-list_list ul>li .marker {
    margin-bottom: var(--mini-m-b, 2rem)
}

.news-list ._content_ .news-list_list ul>li .title {
    font-size: 2rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 3rem;
    height: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: var(--mini-m-b, 2rem)
}

.news-list ._content_ .news-list_list ul>li .bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.news-list ._content_ .news-list_list ul>li .bottom .date {
    margin-right: 2.4rem;
    color: #888888
}

.news-list ._content_ .news-list_list ul>li .bottom .i {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    background-color: var(--themeColor-2);
    color: #ffffff;
    transition: .2s ease
}

.news-list ._content_ .news-list_list ul>li .bottom .i:hover {
    transform: translateX(3px);
    background-color: var(--themeColor)
}

.news-detail {
    padding-top: var(--block-p-t, 5rem);
    padding-bottom: var(--block-p-b, 18rem)
}

.news-detail ._content_ {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.news-detail ._content_ .news-detail_left {
    flex-shrink: 0;
    border-right: 1px solid #BFBFBF
}

.news-detail ._content_ .news-detail_left .slide-bar {
    position: sticky;
    top: var(--headerHeight);
    padding-top: 6.5rem
}

.news-detail ._content_ .news-detail_right {
    flex-grow: 1
}

.news-detail ._content_ .news-detail_right .news-detail-content {
    margin: 0 auto;
    max-width: 104rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.news-detail ._content_ .news-detail_right .news-detail-content .container {
    width: 100%
}

.news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head {
    margin-bottom: var(--mini-m-b, 7rem)
}

.news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head .title {
    font-size: 3rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: center;
    line-height: 4.8rem;
    margin-bottom: var(--mini-m-b, 5rem)
}

.news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head .date {
    font-size: var(--fz-16, 14px);
    font-weight: 400;
    color: #888888;
    display: block;
    line-height: 1;
    text-align: center
}

.video-list {
    --item: 3;
    --gap: 9.6rem;
    --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)));
    padding-bottom: var(--block-p-b, 14rem);
}

.video-list .route {
    margin-bottom: 7rem;
}

.video-list .container {
    width: 127rem;
}

.video-list .video-title {
    font-size: 6rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
}

.video-list ._content_ .list-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--mini-m-b, 10.5rem);
}

.video-list ._content_ .list-head .list-search form {
    background-color: #eeeeee;
    border-radius: 3.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 6.8rem;
    overflow: hidden;
}

.video-list ._content_ .list-head .list-search form>* {
    border: unset;
    background-color: unset;
    height: 100%;
}

.video-list ._content_ .list-head .list-search form input {
    padding: 2.5rem 0 2.5rem 3rem;
    width: 60rem;
}

.video-list ._content_ .list-head .list-search form button {
    font-size: 2rem;
    padding: 0 3rem;
    cursor: pointer;
}

.video-list ._content_ .list-main .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.video-list ._content_ .list-main .list>li {
    width: var(--itemWidth);
    margin-right: var(--gap);
    position: relative;
    margin-top: 6rem;
    overflow: hidden;
}

.video-list ._content_ .list-main .list>li:hover .i {
    background-color: var(--themeColor-2) !important;
    border-color: var(--themeColor-2) !important;
}

.video-list ._content_ .list-main .list>li:nth-child(-n + 3) {
    margin-top: unset;
}

.video-list ._content_ .list-main .list>li:nth-child(3n) {
    margin-right: unset;
}

.video-list ._content_ .list-main .list>li>a {
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 100%;
}

.video-list ._content_ .list-main .list>li .item {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 4rem 4rem 3rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: 0.25s ease-out;
    border-radius: 1rem;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-list ._content_ .list-main .list>li .item::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background: transparent;
    backdrop-filter: blur(3px);
    transition: 0.25s ease-out;
}

.video-list ._content_ .list-main .list>li:hover .item::after {
    opacity: 1;
}

.video-list ._content_ .list-main .list>li .item .text-box {
    position: relative;
    z-index: 9;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.video-list ._content_ .list-main .list>li .item .text-box>h2 {
    font-size: var(--fz-20);
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    text-align: left;
    line-height: 2.6rem;
    height: 5.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-list ._content_ .list-main .list>li .item .text-box .main_des {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    height: 21rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    transition: 0.25s ease-out 0.05s;
}

.video-list ._content_ .list-main .list>li .item .text-box .i {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: transparent;
    transition: 0.15s ease-out;
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    margin-top: auto;
    border: 1px solid #ffffff;
}

.custom-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center
}

.custom-swiper-pagination .swiper-pagination-bullet {
    width: 2.8rem;
    height: .3rem;
    opacity: 1;
    background-color: #ccc;
    border-radius: unset;
    margin: unset;
    transition: .3s ease-out;
    will-change: width, background-color
}

.custom-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--themeColor);
    width: 4rem
}

.service {
    padding-top: var(--block-p-t, 6rem)
}

.service .main_title {
    text-align: left;
    font-family: Montserrat-ExtraBold, Montserrat-Bold
}

.service .service_head {
    margin: 0 auto;
    margin-bottom: var(--mini-m-b, 6rem);
    width: 128rem
}

.service .service_head .route {
    margin-top: unset;
    margin-bottom: 8rem
}

.service .service_head .route .container {
    width: 100%
}

.service .service_head .title {
    font-size: 6rem;
    font-family: Montserrat-ExtraBold, Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333
}

.service .service-oem .container {
    width: 128rem
}

.service .service-oem ._content_ {
    border-radius: 2rem;
    position: relative;
    overflow: hidden
}

.service .service-oem ._content_ .img-box {
    width: 100%;
    height: auto
}

.service .service-oem ._content_ .img-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom, transparent 0%, var(--themeColor) 100%)
}

.service .service-oem ._content_ .text-box {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    padding: 4rem 6rem;
    color: #fff
}

.service .service-oem ._content_ .text-box h2 {
    font-size: 3rem;
    font-family: Montserrat-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 1;
    margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-oem ._content_ .text-box .main_des {
    line-height: 3.6rem;
    font-size: var(--fz-16, 14px);
}

.service .service-support {
    padding-top: var(--block-p-t, 16rem)
}

.service .service-support .container {
    width: 144rem
}

.service .service-support ._content_ .support_head {
    width: 128rem;
    margin: 0 auto;
    margin-bottom: var(--mini-m-b, 5.5rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.service .service-support ._content_ .support_head .main_title {
    margin-bottom: var(--mini-m-b, 2rem);
    text-align: left;
}

.service .service-support ._content_ .support_head .rich-box {
    flex-shrink: 0;
    color: #666666
}

.service .service-support ._content_ .support_main .swiper-box::before,.service .service-support ._content_ .support_main .swiper-box::after {
    content: "";
    width: 0px;
    height: 32rem;
    position: absolute;
    top: 0;
    z-index: 9;
    box-shadow: 0 0 7rem 8rem #fff
}

.service .service-support ._content_ .support_main .swiper-box::before {
    left: 0
}

.service .service-support ._content_ .support_main .swiper-box::after {
    right: 0
}

.service .service-support ._content_ .support_main .swiper-box .swiper {
    margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide {
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide.swiper-slide-prev {
    justify-content: flex-start
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide.swiper-slide-next {
    justify-content: flex-end
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide.swiper-slide-active .img-box {
    width: 100%;
    height: 100%
}

.service .service-support ._content_ .support_main .swiper-box .img-box {
    width: 42rem;
    height: 32rem;
    border-radius: 2rem;
    will-change: width, height;
    transition: .45s ease-in-out
}

.service .service-team {
    padding-top: var(--block-p-t, 16rem)
}

.service .service-team .team_head {
    width: 128rem;
    margin: 0 auto;
    margin-bottom: var(--mini-m-b, 5.5rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.service .service-team .team_head .main_title {
    text-align: left;
    margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-team .team_head .rich-box {
    flex-shrink: 0;
    color: #666666;
}

.service .service-team ._content_ .swiper-box {
    overflow-y: hidden
}

.service .service-team ._content_ .swiper-box::before,.service .service-team ._content_ .swiper-box::after {
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    box-shadow: 0 0 8rem 18rem #fff
}

.service .service-team ._content_ .swiper-box::before {
    left: 0
}

.service .service-team ._content_ .swiper-box::after {
    right: 0
}

.service .service-team ._content_ .swiper-box .img-box {
    width: 100%;
    height: 46rem;
    margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-team ._content_ .swiper-box .img-box .link-group {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    bottom: 2rem;
    left: 0;
    width: 100%;
    z-index: 9;
    padding: 0 2rem
}

.service .service-team ._content_ .swiper-box .img-box .link-group span {
    background: var(--themeColor-2);
    border-radius: 2rem;
    padding: 0 2.4rem;
    height: 4rem;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: var(--fz-16, 14px);
    margin-right: 2rem
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i {
    border-radius: 50%;
    background-color: #ffffff;
    transition: .2s ease;
    color: var(--themeColor-2);
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
    margin-right: 2rem
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i:last-child {
    margin-right: unset
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i:hover {
    color: #ffffff;
    background-color: var(--themeColor-2)
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i>a {
    color: inherit;
    font-size: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.service .service-team ._content_ .swiper-box .text-box h2 {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: left;
    color: #010101;
    line-height: 3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-team ._content_ .swiper-box .text-box .des {
    font-size: var(--fz-16, 14px);
    font-family: Montserrat-Light, Montserrat-Regalur;
    text-align: left;
    color: #010101;
    line-height: 3.2rem
}

.service .service-ontime {
    padding-top: var(--block-p-t, 14rem);
    margin-bottom: var(--block-m-b, 16rem)
}

.service .service-ontime ._content_ {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.service .service-ontime ._content_ .ontime_left {
    margin-right: 12rem
}

.service .service-ontime ._content_ .ontime_left .img-box {
    width: 54rem;
    height: 48.5rem;
    flex-shrink: 0;
}

.service .service-ontime ._content_ .ontime_right {
}

.service .service-ontime ._content_ .ontime_right .main_title {
    margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-ontime ._content_ .ontime_right .main_des {
    line-height: 3.6rem;
    color: #666666
}

.service .service-commonItem ._content_ {
    position: relative
}

.service .service-commonItem ._content_ .img-box {
    width: 100%;
    height: auto
}

.service .service-commonItem ._content_ .text-box {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 32.5rem
}

.service .service-commonItem ._content_ .text-box .content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service .service-commonItem:nth-of-type(even) .text-box .content {
    flex-direction: row-reverse;
}

.service .service-commonItem ._content_ .text-box .content .main_title {
    text-align: left;
    line-height: 8rem;
    flex-shrink: 0;
}

.service .service-commonItem ._content_ .text-box .content .main_title {
    width: 52rem;
}

.service .service-commonItem:nth-of-type(even) ._content_ .text-box .content .main_title {
    margin-left: 3rem;
    text-align: right;
}

.service .service-commonItem:nth-of-type(even) ._content_ .text-box .content .main_des {
    color: var(--themeColor);
}

.service .service-commonItem:nth-of-type(odd) ._content_ .text-box .content .main_title {
    color: #ffffff;
    margin-right: 3rem;
}

.service .service-commonItem:nth-of-type(odd) ._content_ .text-box .content .main_des {
    color: #ffffff;
}

.service-2 {
    padding-top: var(--block-p-t, 8rem);
    padding-bottom: var(--block-p-b, 8rem)
}

.service-2 .service-2_head {
    margin-bottom: var(--mini-m-b, 4rem)
}

.service-2 .service-2_head .main_title {
    margin-bottom: 2rem
}

.service-2 .service-2_main ._content_ .list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--block-m-b, 6rem)
}

.service-2 .service-2_main ._content_ .list .item:last-child {
    margin-bottom: unset
}

.service-2 .service-2_main ._content_ .list .item:nth-child(odd) .item_img {
    margin-right: 10rem
}

.service-2 .service-2_main ._content_ .list .item:nth-child(even) {
    flex-direction: row-reverse
}

.service-2 .service-2_main ._content_ .list .item:nth-child(even) .item_text {
    margin-right: 10rem
}

.service-2 .service-2_main ._content_ .list .item>* {
    flex: 1
}

.service-2 .service-2_main ._content_ .list .item .item_text .title {
    font-size: 4rem;
    font-family: Montserrat-Bold, Montserrat-Regular;
    font-weight: 700;
    color: var(--themeColor);
    line-height: normal;
    margin-bottom: var(--mini-m-b, 2rem)
}

.service-2 .service-2_main ._content_ .list .item .item_text .des {
    font-size: var(--fz-16, 14px);
    font-weight: 400;
    text-align: left;
    line-height: 2.6rem;
    margin-bottom: var(--mini-m-b, 4rem)
}

.service-2 .service-2_main ._content_ .list .item .item_text .btn-group {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.service-2 .service-2_main ._content_ .list .item .item_text .btn-group a {
    margin-right: 15px
}

.service-2 .service-2_main ._content_ .list .item .item_text .btn-group a .main_btn {
    padding: 1.2rem 2.4rem
}

@media screen and (max-width: 1024px) {
    .aboutUs .aboutUs-culture, .aboutUs .aboutUs-development, .aboutUs .aboutUs-authentication, .aboutUs .aboutUs-advantages, .aboutUs .aboutUs-main, .contact-us, .video-list, .news-detail, .news-list, .product-detail, .product-list, .product-catrgory ._content_ .catrgory-main, .product-catrgory ._content_ .catrgory-head, route .route {
        padding-left: 15px;
        padding-right: 15px;
    }

    .service-2 .service-2_main ._content_ .list .item:nth-child(even) .item_text, .service-2 .service-2_main ._content_ .list .item:nth-child(odd) .item_img {
        margin-right: 3rem;
    }

    .product-catrgory ._content_ .catrgory-head .catrgory-search form input {
        padding: 2rem 0rem 2rem 2rem;
        width: 40rem;
    }

    .product-catrgory {
        --gap: 3rem;
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item {
        height: 100%;
        padding: 3rem;
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item .text-box>h2 {
        margin-bottom: var(--mini-m-b, 15px);
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item .text-box .main_des {
        opacity: 1;
        visibility: visible;
        transform: unset;
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item::after {
        transform: unset;
        backdrop-filter: blur(5px);
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item .text-box .i {
        background-color: var(--themeColor-2);
    }

    .product-list ._content_ .product-list-sideBar {
        margin-right: 3rem;
    }

    .product-list ._content_ .product-list-sideBar .sideBar {
        width: auto;
    }

    .product-list ._content_ .product-list-main {
        width: 72.4rem;
    }

    .product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(1), .product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(2), .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-1, .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-2 {
        width: 18rem;
    }

    .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col {
        padding: 1rem;
    }

    .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col>.pd-box {
        max-height: 15rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .product-list ._content_ .product-list-main .table-container .table-head .head-item {
        padding: 2rem 1rem;
    }

    .product-list ._content_ .product-list-main .product-list-main_head {
        margin-bottom: var(--mini-m-b, 3rem);
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_left {
        width: 40rem;
        margin-right: 3rem;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right {
        width: calc(100% - 43rem);
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head, .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter, .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data {
        width: 100%;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich {
        flex-direction: column;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box {
        flex-basis: unset !important;
        margin: unset !important;
        padding: 15px;
        margin-bottom: var(--mini-m-b, 3rem) !important;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box>h4 {
        padding-bottom: 15px;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child {
        margin-bottom: unset;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head {
        flex-direction: column;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character {
        --item: 1;
        --gap: 0%;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li, .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:nth-last-child(-n+2) {
        margin-bottom: var(--mini-m-b, 3rem);
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:last-child {
        margin-bottom: unset;
    }

    .news-list {
        --gap: 3rem;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box {
        position: relative;
        width: 50%;
        height: 50%;
        padding-top: 50%;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box {
        padding: 3rem;
    }

    .news-list ._content_ .news-list_list ul>li {
        margin-bottom: var(--mini-m-b, 6rem);
    }

    .news-detail ._content_ .news-detail_left {
        margin-right: 3rem;
    }

    .video-list {
        --gap: 3rem;
    }

    .video-list ._content_ .list-main .list>li .item .text-box .i {
        background-color: var(--themeColor-2);
    }

    .video-list ._content_ .list-main .list>li .item::after {
        opacity: 1;
        backdrop-filter: blur(5px);
    }

    .contact-us ._content_ {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .contact-us ._content_ .contact-us_left {
        flex-grow: unset;
        margin-right: unset;
        width: 100%;
        display: flex;
        margin-bottom: var(--block-m-b, 6rem);
    }

    .contact-us ._content_ .contact-us_left .fllow-box {
        margin-bottom: unset;
    }

    .contact-us ._content_ .contact-us_left .contact-list {
        max-width: unset;
    }

    .contact-us ._content_ .contact-us_left .map-box {
        height: auto;
    }

    .contact-us ._content_ .contact-us_left .inner-title {
        margin-bottom: var(--mini-m-b, 3rem);
    }

    .contact-us ._content_ .contact-us_left .main-box {
        margin-right: 3rem;
    }

    .contact-us ._content_ .contact-us_right>form, .contact-us ._content_ .contact-us_right {
        width: 100%;
    }

    .aboutUs .aboutUs-main ._content_ {
        flex-direction: column;
    }

    .aboutUs .aboutUs-main ._content_ .main-left {
        max-width: unset;
        width: 100%;
        margin-bottom: var(--block-m-b, 3rem);
    }

    .aboutUs .aboutUs-main ._content_ .main-right {
        width: 100%;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li {
        width: auto !important;
        height: auto !important;
        flex-direction: row !important;
        flex: 1;
        margin: unset !important;
        margin-right: 15px !important;
        padding: 15px;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:last-child {
        margin-right: unset !important;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .counter {
        font-size: 4.6rem;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box {
        width: 5rem;
        height: 5rem;
        margin: unset !important;
        margin-right: 3rem !important;
    }

    .aboutUs .aboutUs-main ._content_ .main-left .inner-title {
        margin-bottom: var(--mini-m-b, 3rem);
    }

    .aboutUs .aboutUs-advantages .advantages-left {
        margin-right: 3rem;
    }

    .aboutUs .aboutUs-advantages .advantages-left .img-box {
        width: 50rem;
    }

    .aboutUs .aboutUs-advantages .advantages-right .list>li>h2 {
        font-size: 2.4rem;
    }

    .aboutUs .aboutUs-advantages .advantages-right .scroll-container {
        max-width: unset;
        padding: unset;
    }

    .aboutUs .aboutUs-advantages .advantages-right .inner-title {
        margin-bottom: var(--mini-m-b, 3rem);
    }

    .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .img-box {
        width: 100%;
        height: 25rem;
    }

    .aboutUs .aboutUs-development ._content_ .development-left {
        margin-right: 3rem;
    }

    .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main {
        width: 100rem;
        flex-grow: 1;
    }

    .aboutUs .aboutUs-development ._content_ {
        justify-content: flex-start;
    }

    .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .text-box>span {
        font-size: 6rem;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-pic .img-box {
        width: 100%;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-head {
        max-width: 58rem;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-bottom {
        flex-direction: column;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right, .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
        width: 100%;
    }

    aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
        margin-bottom: var(--mini-m-b, 3rem);
    }

    .aboutUs .aboutUs-culture ._content_ .culture-bottom::after {
        content: unset;
    }
}

@media screen and (max-width: 620px) {
    .contact-us ._content_ .contact-us_right>h3, inner-banner .inner-banner .text-box>h1, inner-banner .inner-banner .text-box>p, .video-list .video-title, .news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head .title, .inner-title, .product-list ._content_ .product-list-main .product-list-main_head>h2, .product-title {
        font-size: 2.6rem !important;
        line-height: 3rem !important;
    }

    route .route {
        margin-top: var(--block-m-t);
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .title, .service-2 .service-2_main ._content_ .list .item .item_text .title {
        font-size: 2rem;
        line-height: 2.6rem;
    }

    .service-2 .service-2_main ._content_ .list .item .item_text .des {
        font-size: 14px;
        line-height: 2.2rem;
    }

    route .route ._content_ .route-list {
        flex-wrap: wrap;
    }

    route .route ._content_ .route-list>li {
        margin-bottom: 8px;
    }

    .service-2 .service-2_main ._content_ .list .item {
        flex-direction: column-reverse !important;
    }

    .service-2 .service-2_head .main_title {
        margin-bottom: var(--mini-m-b);
    }

    .service-2 .service-2_main ._content_ .list .item:nth-child(even) .item_text, .service-2 .service-2_main ._content_ .list .item:nth-child(odd) .item_img {
        margin-right: unset;
    }

    .service-2 .service-2_main ._content_ .list .item .item_text {
        margin-bottom: var(--mini-m-b);
    }

    .product-catrgory {
        --gap: 0%;
        --item: 1;
    }

    .product-catrgory .product-title {
        margin-bottom: var(--mini-m-b);
    }

    .product-catrgory ._content_ .catrgory-head {
        flex-direction: column;
    }

    .video-list ._content_ .list-head .list-search, .video-list ._content_ .list-head .list-search form input, .product-catrgory ._content_ .catrgory-head .catrgory-search form input, .product-catrgory .catrgory-search {
        width: 100%;
    }

    .video-list ._content_ .list-head .list-search form input, .product-catrgory ._content_ .catrgory-head .catrgory-search form input {
        padding: 1rem 0 1rem 1rem;
    }

    .video-list ._content_ .list-head .list-search form button, .product-catrgory ._content_ .catrgory-head .catrgory-search form button {
        padding: 0 2rem;
    }

    .video-list ._content_ .list-head .list-search form, .product-catrgory ._content_ .catrgory-head .catrgory-search form {
        height: 5rem;
        border-radius: 2.2rem;
    }

    .product-catrgory ._content_ .catrgory-main .list>li {
        height: auto;
        margin-bottom: var(--mini-m-b) !important;
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item {
        padding: 15px;
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item .text-box>h2 {
        height: initial;
        overflow: initial;
        text-overflow: unset;
        display: initial;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item .text-box .main_des {
        height: auto;
        max-height: 18.2rem;
        margin-bottom: 10px;
    }

    .product-catrgory ._content_ .catrgory-main .list>li .item::after {
        background: rgb(0 0 0 / 45%);
    }

    .product-list ._content_ {
        flex-direction: column-reverse;
    }

    .product-list ._content_ .product-list-main {
        width: 100%;
        margin-bottom: var(--block-m-b);
    }

    .product-list ._content_ .product-list-main .product-list-main_head>h2 {
        margin-bottom: var(--mini-m-b);
    }

    .product-list ._content_ .product-list-main .table-container .table-head {
        display: none;
    }

    .product-list ._content_ .product-list-main .table-container .table-wrap .list>li {
        padding: 15px 10px;
    }

    .product-list ._content_ .product-list-main .table-container .table-wrap .list>li>a {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col {
        width: 100% !important;
        border: unset;
        padding: unset;
        font-size: 14px;
        line-height: 2.6rem;
        margin-bottom: 10px;
    }

    .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col:last-child {
        margin-bottom: unset;
    }

    .product-list ._content_ .product-list-main .table-container .table-wrap {
        border-top: 1px solid #c7c7c7;
    }

    .product-list ._content_ .product-list-sideBar {
        margin-right: unset;
        width: 100%;
    }

    .product-list ._content_ .product-list-sideBar .sideBar form {
        height: 5rem;
    }

    .product-list ._content_ .product-list-sideBar .sideBar form {
        margin-bottom: 10px;
    }

    .product-list ._content_ .product-list-sideBar .sideBar .sideBar_list>h4 {
        line-height: 5rem;
    }

    .product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li {
        padding: 15px;
    }

    .product-detail ._content_ .product-detail-main {
        flex-direction: column;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_left {
        width: 100%;
        margin-right: unset;
        position: static;
        margin-bottom: var(--block-m-b);
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right {
        width: 100%;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head .product-title {
        padding-left: 15px;
        margin-bottom: var(--mini-m-b);
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li {
        padding-right: 15px;
        margin-right: 15px;
        width: calc((100% / 2) - 15px);
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td:first-child {
        font-size: 14px;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody tr {
        margin-bottom: 5px;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .img-box {
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 100%;
    }

    .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .img-box img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news-list {
        --gap: 0%;
        --item: 1;
    }

    .news-list ._content_ .news-list_head {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .news-list ._content_ .news-list_head .nav-list {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .news-list ._content_ .news-list_head .nav-list>li {
        margin-left: unset;
        margin-right: 10px;
        width: calc(50% - 5px);
        margin-bottom: 10px;
    }

    .news-list ._content_ .news-list_head .nav-list>li:nth-child(2n) {
        margin-right: unset;
    }

    .news-list ._content_ .news-list_head .nav-list>li a {
        padding: 1rem 1.5rem;
        font-size: 16px;
        line-height: 2.4rem;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide {
        flex-direction: column;
        align-items: flex-start;
    }

    .news-list ._content_ .news-list_head .inner-title {
        margin-bottom: var(--mini-m-b);
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box {
        width: 100%;
        height: 65%;
        padding-top: 65%;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide {
        height: 100%;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box {
        padding: 15px;
    }

    .news-list .marker {
        font-size: 14px;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .title {
        height: 5.2rem;
    }

    .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .date {
        margin-right: 15px;
    }

    .news-list ._content_ .news-list_list ul>li .title {
        font-size: var(--fz-18);
        line-height: 2.6rem;
        height: auto;
        max-height: 5.2rem;
    }

    .news-list ._content_ .news-list_list {
        padding-top: 5rem;
    }

    .news-list ._content_ .news-list_list ul>li .img-box {
        position: relative;
        width: 100%;
        height: 75%;
        padding-top: 75%;
    }

    .news-list ._content_ .news-list_list ul>li .img-box img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news-list ._content_ .news-list_list ul>li {
        margin-bottom: var(--mini-m-b) !important;
    }

    .news-list ._content_ .news-list_list ul>li .marker {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .news-detail ._content_ .news-detail_left {
        display: none;
    }

    .news-detail ._content_ .news-detail_right .news-detail-content .rich-box h2 {
        font-size: 2rem;
        line-height: 2.6rem;
    }

    .video-list {
        --item: 1;
        --gap: 0%;
    }

    .video-list .video-title {
        margin-bottom: var(--mini-m-b);
    }

    .video-list ._content_ .list-head {
        flex-direction: column;
        justify-content: flex-start;
    }

    .video-list ._content_ .list-main .list>li .item {
        padding: 15px;
    }

    .video-list ._content_ .list-main .list>li {
        margin-bottom: var(--mini-m-b) !important;
    }

    .video-list ._content_ .list-main .list>li:last-child {
        margin-bottom: unset !important;
    }

    .video-list .route {
        margin-bottom: var(--block-m-b);
    }

    inner-banner .inner-banner .img-box {
        height: 25rem;
    }

    inner-banner .inner-banner .text-box>h1, inner-banner .inner-banner .text-box>p {
        margin-bottom: var(--mini-m-b);
    }

    .contact-us ._content_ .contact-us_left {
        flex-direction: column;
    }

    .contact-us ._content_ .contact-us_left .contact-list>li {
        font-size: 16px;
        line-height: 2.4rem;
    }

    .contact-us ._content_ .contact-us_left .main-box {
        margin-right: unset;
        margin-bottom: var(--block-m-b);
    }

    .contact-us ._content_ .contact-us_right>form .input-box {
        flex-direction: column;
        margin-bottom: unset;
    }

    .contact-us ._content_ .contact-us_right>form .contact-lines {
        width: 100%;
        margin-right: unset !important;
        margin-bottom: var(--mini-m-b, 3rem);
    }

    .contact-us ._content_ .contact-us_right>form .contact-lines .place_holder {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .contact-us ._content_ .contact-us_right>form input, .contact-us ._content_ .contact-us_right>form textarea {
        padding: 1rem;
        height: 4.6rem;
    }

    .contact-us ._content_ .contact-us_right>form textarea {
        height: 12rem;
    }

    .contact-us ._content_ .contact-us_right>form .submit_btn {
        padding: 1.2rem 4rem;
    }

    .aboutUs .aboutUs-main #world-container {
        width: 100vw;
        height: 100vw;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li {
        margin-right: unset !important;
        margin-bottom: var(--mini-m-b) !important;
        width: 100% !important;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:last-child {
        margin-bottom: unset !important;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box {
        width: 3.2rem;
        height: 3.2rem;
        margin-right: 15px !important;
    }

    .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .counter {
        font-size: 2rem;
    }

    .aboutUs .aboutUs-main {
        padding-bottom: var(--block-p-b);
    }

    .aboutUs .aboutUs-advantages .advantages-left {
        display: none;
    }

    .aboutUs .aboutUs-advantages .advantages-right {
        overflow: initial;
    }

    .aboutUs .aboutUs-advantages .advantages-right .scroll-container {
        height: 75vh;
        overflow-x: visible;
        overflow-y: clip;
    }

    .aboutUs .aboutUs-advantages .advantages-right::after {
        height: 20%;
    }

    .aboutUs .aboutUs-advantages .advantages-right .list>li {
        padding: 15px;
    }

    .aboutUs .aboutUs-authentication ._content_ .swiper-box .swiper-slide {
        padding: 15px;
    }

    .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main, .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .swiper-slide {
        width: 100%;
    }

    .aboutUs .aboutUs-development ._content_ .development-right {
        width: calc(100% - 5rem - 15px);
    }

    .aboutUs .aboutUs-development ._content_ .development-left {
        margin-right: 15px;
        width: 5rem;
        flex-shrink: 0;
    }

    .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .img-box {
        height: 16.5rem;
    }

    .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .text-box>span {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-pic {
        margin-top: unset;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-head {
        max-width: unset;
        margin-bottom: var(--mini-m-b);
    }

    .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>span {
        width: auto;
        line-height: 1.3em;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>p {
        line-height: 1.8em;
        font-size: 16px;
    }

    .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
        margin-bottom: var(--mini-m-b);
    }

    .news-detail ._content_ .news-detail_right {
        min-width: 0;
    }

    .news-detail ._content_ .news-detail_right .news-detail-content {
        max-width: 100%;
    }

    .news-detail ._content_ .news-detail_right .news-detail-content .rich-box p iframe {
        max-width: 100%;
    }
}