body {
    background: #fff;
    --color-main: #ec0e0e;
    --color-shadow: #020412
}

a {
    transition: all .3s ease
}

a:hover {
    color: var(--color-main) !important
}

body,
html,
input,
button,
textarea {
    color: #000000
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

li {
    list-style: none
}

a {
    color: #000000;
    text-decoration: none
}

a:focus {
    outline: none
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    line-height: 1.5;
    text-decoration-line: unset
}

.slider_banner_header .Layer-banner,
.web_section_decoration img {
    width: 100%
}

.index_hd {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-bottom: 40px
}

.index_feature_hd {
    display: none;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0
}

.sub_tit {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 36px;
    color: #232323;
    font-weight: bold
}

.sub_tit a:hover {
    text-decoration: underline
}

.index_feature_hd a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    border-bottom: 1px solid #232323;
    margin-right: 15px
}

@font-face {
    font-family: "fontawesome";
    src: url("../fonts/fontawesome-webfont.eot");
    src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: fallback
}

@media only screen and (max-width:950px) {
    .index_feature_product {
        margin: 10% 0
    }

    .index_feature_hd {
        display: flex
    }

    .feature_item_wrapper {
        margin-bottom: 10%
    }
}

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

@font-face {
    font-family: Lancelot;
    font-style: normal;
    src: url(../fonts/Lancelot-Regular.ttf) format("TrueType");
    font-display: fallback
}

@font-face {
    font-family: medium;
    font-style: normal;
    src: url(../fonts/Catamaran-Medium.ttf) format("TrueType");
    font-display: fallback
}

@font-face {
    font-family: semiBold;
    font-style: normal;
    src: url(../fonts/Catamaran-SemiBold.ttf) format("TrueType");
    font-display: fallback
}

@font-face {
    font-family: Junge_Regular;
    font-style: normal;
    src: url(../fonts/Junge-Regular.ttf) format("TrueType");
    font-display: fallback
}

@font-face {
    font-family: IndieFlower;
    font-style: normal;
    src: url(../fonts/IndieFlower.ttf) format("TrueType");
    font-display: fallback
}

@font-face {
    font-family: Light;
    font-style: normal;
    src: url(../fonts/Catamaran-Light.ttf) format("TrueType");
    font-display: fallback
}

@font-face {
    font-family: Regular;
    font-style: normal;
    src: url(../fonts/Catamaran-Regular.ttf) format("TrueType");
    font-display: fallback
}

@font-face {
    font-family: Bold;
    font-style: normal;
    src: url(../fonts/Catamaran-Bold.ttf) format("TrueType");
    font-display: fallback
}

.container {
    position: relative
}

.layout {
    position: relative;
    margin: 0 auto;
    width: 1440px
}

@media screen and (max-width:1700px) {
    .layout {
        width: 100%;
        padding: 0 30px
    }
}

.hide {
    display: none
}

.web_head_top {
    background-color: #191a20;
    height: 32px
}

.web_head_top .layout {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.web_head_top .head_top_left {
    display: flex;
    align-items: center
}

.head_top_font:hover {
    color: #7e7e7e
}

.web_head_top a {
    margin-left: 7px;
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff
}

.web_head_top .email {
    margin-left: 30px;
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff
}

.web_head_top .email,
.web_head_top .phone {
    display: flex;
    justify-content: start;
    align-items: center
}

.web_head_top .head_top_right {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0
}

.web_head_top .email {
    margin-left: 30px
}

.web_head.index_web_head {
    position: absolute;
    left: 0;
    top: 32px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 5;
    width: 100%
}

.head_layout {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 96px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.web_head.flex-head .head_layout {
    height: 60px
}

.web_head .nav_wrap {
    position: relative;
    height: 100%
}

.web_head .nav_wrap {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.web_head .nav_wrap .head_nav {
    position: relative;
    height: 100%;
    margin-right: 65px
}

@media only screen and (max-width:1692px) {
    .web_head .nav_wrap .head_nav {
        margin-right: 0px
    }
}

.head_nav .choose {
    border-bottom: 2px solid #eee
}

.head_nav>li {
    position: relative;
    display: inline-block;
    margin-right: 32px;
    height: 100%;
    line-height: 96px
}

.flex-head .head_nav>li {
    line-height: 60px
}

.layout_banner a img {
    max-height: 60px;
    width: auto
}

@media only screen and (max-width:1460px) {
    .head_nav>li {
        margin-right: 15px
    }

    .layout_banner a img {
        max-height: 40px
    }
}

.head_nav>li>a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff
}

.head_nav li ul {
    transition: all .5s;
    display: none;
    position: absolute;
    width: 300%;
    background-color: #ffffff;
    border-radius: 3px;
    opacity: .8
}

.head_nav>li:hover ul {
    display: block
}

.head_nav li ul li {
    padding: 15px 0;
    padding-left: 10px;
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000
}

.web_head.flex-head .layout_banner img {
    max-height: 40px
}

.between_wrap {
    display: flex
}

.web_head .search_box {
    position: relative;
    margin-right: 20px
}

.web_head .btn--search {
    width: 204px;
    height: 32px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 30px;
    border: none;
    outline: none;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.2)
}

.web_head .search_box img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    margin-right: 9px
}

.web_head .change-language {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.change-language .change-language-title,
.change-language .change-language-title a {
    font-size: 10pt;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center
}

.web_head .change-language .change-language-cont {
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)
}

.web_fixed {
    display: none;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.29)
}

.web_fixed .layout {
    height: 100%
}

.web_fixed .layout .layout_menu {
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.web_fixed .web_suosou_img {
    position: relative;
    display: flex;
    vertical-align: middle;
    text-align: left
}

.web_fixed .web_suosou_img .web_float_img:hover .change-language-ul {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.web_fixed .web_suosou_img .float_img_suosou {
    margin-right: 27px
}

.web_suosou_img .change-language-ul {
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 999;
    visibility: hidden;
    overflow-y: scroll;
    padding: 20px 10px 20px 20px;
    width: 360px;
    max-height: 80vh;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fff;
    opacity: 0
}

.start_fiexd {
    position: fixed;
    top: -96px;
    left: 0;
    width: 100%;
    height: 96px;
    background-color: #ffffff;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center
}

.start_fiexd_input {
    width: 80%;
    height: 40px;
    display: flex;
    border-radius: 5px;
    position: relative
}

.fiexd_input_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/sousuo.png);
    border: none;
    background: url(../images/sousuo.png) no-repeat center center;
    font-size: 0;
    margin: 0 !important
}

.fiexd_input_type {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    border: none;
    outline: none;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 30px;
    font-size: 16px;
    transition: all .5s
}

.fiexd_input_type:focus {
    border-bottom: 1px solid #020412
}

.start_fiexd_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px
}

.Sidebar_banner_menu {
    position: fixed;
    top: 0;
    left: -70%;
    width: 70%;
    height: 100%;
    background-color: #ffffff;
    z-index: 555;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px 10px
}

.Sidebar_banner_li {
    font-size: 17px;
    color: black;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px;
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

.Sidebar_banner_section {
    padding-left: 20px;
    display: none
}

.Sidebar_banner_li:first-child:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    content: " ";
    width: 17px;
    height: 12px;
    background-image: url(../images/grop3.png)
}

.Sidebar_banner_section .banner_section_li {
    padding: 10px 0;
    padding-left: 10px;
    color: #666666;
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

.Sidebar_banner_img {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px
}

.slider_banner_header {
    position: relative
}

.slider_banner_header .slider-container-img img {
    width: 100%;
    max-width: none;
    min-height: 200px
}

.slider_banner_header .slider-container-img {
    overflow: hidden
}

.slider_banner_header .slider-container-img .Layer-banner2 {
    display: none
}

.slider_banner_header .slider_banner_text1 {
    width: 100%;
    text-align: center;
    /* position: absolute; */
    top: 37.98%;
    font-size: 60px;
    font-family: Lancelot;
    font-weight: 400;
    color: #ffffff;
    z-index: 1
}

.slider_banner_header .banner_h2 {
    width: 100%;
    font-family: Regular;
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    top: 48.7%;
    text-align: center;
    z-index: 1
}

.slider_banner_header .banner_lear {
    width: 100%;
    position: absolute;
    top: 55.8%;
    display: flex;
    justify-content: center;
    z-index: 1
}

.slider_banner_header .banner_lear a {
    width: 158px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #020412;
    font-family: Light;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff
}

.slider_banner_left {
    width: 100%;
    height: calc(100% - 96px);
    position: absolute;
    top: 96px;
    left: -31.5%;
    display: flex;
    z-index: 1
}

.slider_banner_left .slider_banner_office {
    width: 31.5%;
    height: 100%;
    padding-top: 20px;
    position: relative;
    background-color: #020412;
    padding-left: 240px;
    top: 0;
    z-index: 3
}

.slider_banner_left .slider_banner_office .banner_office_li:first-child {
    display: flex;
    justify-content: space-between
}

.slider_banner_left .slider_banner_office .banner_office_li:nth-child(3)::before {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 52px;
    width: 20px;
    height: 20px;
    background-image: url(../images/grop4.png);
    background-size: cover
}

.banner_office_li {
    position: relative;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    line-height: 1em;
    padding: 10px 0;
    transition: all .3s
}

.banner_office_li a {
    color: #ffffff
}

.banner_Sofa_li {
    margin-top: 25px;
    padding-left: 31px
}

.slider_banner_left .slider_banner_office .banner_office_img {
    width: 18px;
    position: absolute;
    top: 26px;
    right: 35px;
    display: none
}

.slider_banner_Sofas {
    overflow: hidden;
    width: 18.5%;
    background-color: #020412;
    position: relative;
    left: -18.5%;
    z-index: 2
}

.quality_product {
    background-color: #020412;
    padding: 96px 0
}

.quality_product .layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    padding: 0 50px
}

.quality_product2 .layouts {
    display: flex;
    justify-content: space-between
}

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

.quality_product .img {
    display: flex;
    align-items: center
}

.img img {
    transition: all 1s
}

.img:hover img {
    opacity: .5
}

.quality_product .layout_box .text {
    padding-left: 13px;
    width: 65%
}

.web_section_Promotions .swiper-slide:hover .parent_box_img {
    opacity: .5
}

.quality_product .layout_box .text_title {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    text-align: left;
    line-height: 1em;
    min-height: 2em;
    display: inline-block
}

.quality_product .layout_box .text .Select {
    margin-top: 19px
}

.quality_product .text_font {
    text-align: left;
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.1em
}

.web_section_Promotions {
    position: relative
}

.web_Promotions_parent {
    background-color: #dbd5cf;
    padding-top: 127px;
    padding-bottom: 83px
}

.Promotions_parent_swiper .Promotions_parent_wrapper {
    position: relative
}

.Promotions_parent_wrapper .Promotions_parent_slide {
    display: flex;
    flex-direction: column
}

.Promotions_parent_slide .Promotions_find a {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    margin-right: 15px;
    transition: all .3s
}

.Promotions_parent_slide .Promotions_find {
    display: flex;
    align-items: center;
    padding: 19px 0
}

.Promotions_parent_slide .Promotions_find img {
    width: 17px;
    height: 12px
}

.index_feature_product {
    position: relative;
    margin: 100px 0
}

.index_feature_product .feature_item_section {
    overflow: hidden
}

.index_feature_product .feature_item_section .feature_item_slide {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.index_feature_product .feature_item_section .feature_item_slide img {
    width: 100%;
    max-width: 100%;
    transition: all .5s ease
}

.index_feature_product .feature_item_section .feature_item_slide:hover img {
    opacity: .5
}

.index_feature_product .feature_item_section .feature_item_slide::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(2, 4, 18, 0.29)
}

.feature_item_section .feature_item_swiper {
    margin-bottom: 50px;
    padding-bottom: 50px
}

.feature_item_section .feature_item_slide .pd_tit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    opacity: 1;
    -webkit-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    text-align: center
}

.feature_item_section .feature_item_slide .pd_tit a {
    font-family: Medium;
    font-weight: 500;
    font-size: 40px;
    color: #ffffff;
    line-height: 36px
}

.Video_wrap {
    border: 1px solid #dbd5cf
}

.Video_wrap .Video_wrap_box {
    background-color: #dbd5cf;
    padding-top: 70px;
    padding-bottom: 80px
}

.Video_wrap .Video_wrap_ytb {
    margin: auto;
    width: 74.4%;
    padding: 30px 0;
    background-color: #020412;
    position: relative
}

.Video_wrap .Video_wrap_ytb iframe {
    display: block;
    background-image: url(../images/Layer——12.png);
    background-size: cover;
    width: 100%;
    height: 30vw
}

@media only screen and (max-width:950px) {
    .feature_item_section .feature_item_slide .pd_tit a {
        font-size: 20px
    }

    .web_fixed .web_suosou_img .float_img_suosou {
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 10px
    }

    .web_fixed .web_suosou_img .web_float_img .change-language-img {
        display: flex;
        justify-content: baseline;
        align-items: center
    }

    .web_suosou_img .change-language-ul li {
        margin: 5% 0
    }
}

.company_information_wrap {
    position: relative;
    display: flex;
    justify-content: space-between
}

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

.company_information_wrap .company_img:hover img {
    opacity: .5
}

.company_information_box {
    padding-left: 67px
}

.company_information_box2 {
    width: 93.5%
}

.company_information {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.company_information .sub_tit {
    margin-top: 116px
}

.company_information .about_text {
    position: relative;
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #232323;
    line-height: 24px;
    margin-bottom: 30px;
    padding-right: 380px;
    font-family: "Catamaran"
}

.company_information .about_text p {
    line-height: 26px
}

.company_information .about_btn {
    position: relative;
    background-color: #020412;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 54px;
    padding-right: 58px;
    float: left
}

.company_information .about_btn a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff
}

.company_information .about_btn img {
    width: 20px;
    height: 20px
}

.company_img {
    position: relative;
    flex: 1
}

.web_section_Customers {
    padding-top: 79px;
    padding-bottom: 70px;
    position: relative
}

.web_section_Customers .inquiry_desc {
    /* font-family: Lancelot; */
    font-weight: 400;
    font-size: 36px;
    color: #232323;
    margin-bottom: 99px;
    text-align: center
}

.web_section_Customers .web_Customers_swiper {
    overflow: hidden;
    margin: 0 2%
}

.web_section_Customers .web_Customers_wrapper {
    padding-left: 0px
}

.web_section_Customers .web_Customers_slide .swiper-slide-title {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #232323;
    margin-bottom: 5px;
    position: relative
}

.web_section_Customers .web_Customers_slide .swiper-slide-title::before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background-image: url("../images/Layer27.png");
    background-size: cover
}

.web_section_Customers .web_Customers_slide .swiper-slide-data {
    font-family: Regulay;
    font-weight: 400;
    font-size: 16px;
    color: #232323;
    opacity: .49;
    margin-bottom: 19px
}

.web_section_Customers .web_Customers_slide .swiper-slide-star {
    display: flex;
    margin-bottom: 10px
}

.web_section_Customers .web_Customers_slide .swiper-slide-star img {
    width: 18px !important;
    height: 18px;
    margin-right: 2px;
    float: left
}

.web_section_Customers .web_Customers_slide .swiper-slide-text {
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    color: #232323
}

.web_Customers_wrapper p {
    display: inline-block
}

.web_section_Customers .web_Customers_scrollbar {
    position: relative;
    width: 10%;
    height: 2px;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 93px
}

.web_section_Customers .web_section_copy {
    font-family: Medium;
    font-weight: 500;
    font-size: 18px;
    color: #232323;
    text-align: center;
    margin-top: 27px
}

.footer_tail {
    display: none
}

@media only screen and (max-width:1680px) {
    .company_information .about_text {
        padding-right: 250px
    }

    .company_information .sub_tit {
        margin-top: 80px
    }
}

@media only screen and (max-width:1440px) {
    .company_information .about_text {
        font-size: 16px;
        line-height: 1.5;
        padding-right: 150px;
        margin-bottom: 30px
    }

    .company_information .sub_tit {
        margin-top: 50px
    }

    .Promotions_parent_swiper {
        width: 1200px
    }
}

@media only screen and (max-width:1366px) {
    .company_information .about_text {
        padding-right: 50px
    }

    .Promotions_parent_swiper {
        width: 1150px
    }
}

@media only screen and (max-width:1280px) {
    .Promotions_parent_swiper {
        width: 98%
    }

    .quality_product .layout {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10% 3%
    }
}

@media only screen and (max-width:950px) {
    .scrollsidebar {
        display: none
    }

    .swiper-scrollbar {
        height: 3px
    }

    .company_information_box2 img:last-child,
    .slider_banner_header .slider-container-img .Layer-banner2,
    .web_fixed,
    .footer_tail {
        display: block
    }

    .slider_banner_header {
        margin-top: 60px !important
    }

    .slider_banner_header .slider_banner_text1 {
        font-size: 64px;
        top: 27%
    }

    .slider_banner_header .slider_banner_text1 p {
        width: 80%;
        margin: 0 auto
    }

    .slider_banner_header .banner_h2 {
        font-size: 30px;
        padding-left: 120px;
        padding-right: 120px;
        top: 37%
    }

    .slider_banner_header .banner_lear a {
        width: 206px;
        height: 57px;
        line-height: 57px;
        font-weight: 300;
        font-size: 30px
    }

    .slider_banner_header .banner_lear {
        top: 45.8%
    }

    .quality_product .layout {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        padding: 0
    }

    .quality_product .img img {
        width: 47px;
        height: 43px
    }

    .Promotions_parent_swiper {
        width: 90%
    }

    .company_information_wrap {
        flex-direction: column
    }

    .company_information_box {
        padding: 0 18px
    }

    .company_information .sub_tit {
        margin-top: 57px;
        font-weight: 400;
        font-size: 26px
    }

    .company_information .about_text {
        padding-right: 0 !important;
        font-weight: 400;
        font-size: 28px;
        margin: 0;
        margin-bottom: 28px
    }

    .company_information .about_btn {
        width: auto;
        line-height: 2;
        padding: 0 5%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-top: 41px
    }

    .company_information .about_btn a {
        font-weight: 400;
        font-size: 22px
    }

    .company_information .about_btn img {
        width: 25px;
        height: 25px;
        margin-left: 15px
    }

    .web_section_Customers .web_Customers_scrollbar {
        width: 29%
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-title {
        font-weight: 600;
        font-size: 30px;
        line-height: 1em;
        margin-bottom: 15px
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-data {
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 37px
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-star img {
        width: 30px !important;
        height: 30px
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-text {
        font-weight: 400;
        font-size: 28px;
        margin-top: 22px;
        line-height: 1.3em
    }

    .web_section_Customers .web_Customers_slide {
        padding-right: 0px;
        padding-left: 0%
    }

    .web_section_Customers .web_Customers_scrollbar {
        width: 76%;
        margin-top: 67px
    }

    .web_section_Customers .web_section_copy {
        display: none
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-title::before {
        width: 35px;
        height: 35px;
        left: -92px;
        background-position: center
    }

    .footer_tail {
        width: 100%;
        display: flex;
        height: 57px;
        background-color: #ebe7e4;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 2
    }

    .footer_tail div {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer_tail div img {
        width: 29px;
        height: 29px
    }

    .footer_tail .tail_whatsapp,
    .footer_tail .tail_Email {
        border-right: 1px solid #020412
    }

    .foot_nav li a {
        font-size: 12px;
        line-height: 1.5
    }
}

@media only screen and (max-width:768px) {
    .company_information .about_text {
        font-size: 18px
    }

    .company_information .about_btn {
        width: auto;
        line-height: 2;
        padding: 0 5%;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .company_information .about_btn img {
        margin-left: 15px
    }

    .slider_banner_header .banner_lear {
        top: 50.8%
    }

    .Promotions_parent_swiper {
        width: 95.7%;
        margin-right: 0
    }
}

@media only screen and (max-width:640px) {
    .quality_product .img {
        align-items: start
    }

    .slider_banner_header .slider_banner_text1 {
        font-size: 45px
    }

    .slider_banner_header .banner_h2 {
        font-size: 25px;
        padding-left: 80px;
        padding-right: 80px
    }

    .quality_product .layout {
        padding-left: 0px;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-gap: 1%
    }

    .quality_product {
        padding: 30px 0
    }

    .quality_product .layout_box .text .Select {
        margin-top: 8px
    }

    .quality_product .layout_box {
        margin-top: 20px
    }
}

@media only screen and (max-width:480px) {
    .quality_product .layout {
        padding-left: 20px
    }
}

.web_index_products {
    position: relative
}

.web_top_swiper {
    padding-top: 45px;
    padding-bottom: 80px
}

.web_section_swiper {
    width: 100%;
    overflow: hidden
}

.web_section_swiper .swiper-slide.active .section_slide_text,
.web_section_swiper .swiper-slide:hover .section_slide_text {
    color: var(--color-main)
}

.web_section_wrapper {
    width: 100%;
    margin-bottom: 61px
}

.web_section_slide .section_slide_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-align: center
}

.web_section_slide:hover .section_slide_text {
    text-decoration: underline
}

.web_Office_Chair {
    position: relative
}

#web_Office_Chair1 {
    position: relative;
    background-color: #f7f6f5
}

#web_Office_Chair2 {
    position: relative;
    background-color: #ebe7e4
}

#web_Office_Chair3 {
    position: relative;
    background-color: #dbd5cf
}

#web_Office_Chair4 {
    position: relative;
    background-color: #f7f6f5
}

#web_Office_Chair5 {
    position: relative;
    background-color: #ebe7e4
}

#web_Office_Chair6 {
    position: relative;
    background-color: #dbd5cf
}

#web_Office_Chair7 {
    position: relative;
    background-color: #dbd5cf
}

.web_Office_Chair .layout {
    padding-top: 73px;
    padding-bottom: 71px;
    position: relative
}

.web_Office_Chair .layout .web_Office_Forms {
    position: absolute;
    padding-top: 4%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%)
}

.web_Office_Chair2 .layout .web_Office_Forms {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.web_Office_Chair .layout .web_Office_Forms .Office_Forms_box {
    width: 45%;
    padding: 3%;
    background-color: #ffffff
}

.web_Office_Forms .Office_Forms_box .Office_Forms_h1 {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 36px;
    color: #232323;
    text-align: left;
    width: 80%
}

.web_Office_Forms .Office_Forms_box .Office_Forms_text,
.web_Office_Forms .Office_Forms_box .Office_Forms_text p {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 30px;
    text-align: left;
    margin-top: 36px
}

.web_Office_Forms .Office_Forms_box .Office_Forms_btn {
    width: 230px;
    background: #020412;
    display: flex;
    justify-content: center;
    margin-top: 63px;
    padding: 18px 0
}

.web_Office_Forms .Office_Forms_box .Office_Forms_btn a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    margin-right: 15px
}

.web_Office_Forms .Office_Forms_box .Office_Forms_btn img {
    width: 20px
}

.web_Office_Chair .web_Office_Forms .Office_Forms {
    display: flex;
    align-items: center;
    padding: 0 3%;
    margin-top: 40px
}

.web_Office_Chair .web_Office_Forms .Office_Forms a {
    width: 60px;
    height: 18px;
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    border-bottom: 1px solid #232323;
    margin-right: 66px
}

.web_Office_Chair .web_Office_Forms .Office_Forms .Office_Forms_imgs {
    display: flex;
    align-items: center
}

.web_Office_Chair1 .layout .web_Office_img {
    display: flex;
    justify-content: flex-end;
    margin-left: 20%;
    width: 80%;
    position: relative;
    padding-bottom: 54%;
    z-index: 1
}

.web_Office_Chair2 .layout .web_Office_img {
    display: flex;
    justify-content: flex-end;
    margin-right: 20%;
    width: 80%;
    position: relative;
    padding-bottom: 54%;
    z-index: 1
}

.web_Office_Chair .layout .web_Office_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0
}

.web_Office_Chair2 .layout .web_Office_img {
    display: flex;
    justify-content: flex-start
}

.web_section_Customers {
    padding-top: 79px;
    padding-bottom: 70px;
    position: relative
}

.web_section_Customers .inquiry_desc {
    /* font-family: Lancelot; */
    font-weight: 400;
    font-size: 36px;
    color: #232323;
    margin-bottom: 99px;
    text-align: center
}

.web_section_Customers .web_Customers_swiper {
    overflow: hidden
}

.web_section_Customers .web_Customers_wrapper {
    padding-left: 0px
}

.web_section_Customers .web_Customers_slide .swiper-slide-title {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #232323;
    margin-bottom: 5px;
    position: relative
}

.web_section_Customers .web_Customers_slide .swiper-slide-title::before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background-image: url("../images/Layer27.png");
    background-size: cover
}

.web_section_Customers .web_Customers_slide .swiper-slide-data {
    font-family: Regulay;
    font-weight: 400;
    font-size: 16px;
    color: #232323;
    opacity: .49;
    margin-bottom: 19px
}

.web_section_Customers .web_Customers_slide .swiper-slide-star {
    display: flex;
    margin-bottom: 10px
}

.web_section_Customers .web_Customers_slide .swiper-slide-star img {
    width: 18px !important;
    height: 18px;
    margin-right: 2px;
    float: left
}

.web_section_Customers .web_Customers_slide .swiper-slide-text {
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #232323
}

.web_section_Customers .web_Customers_scrollbar {
    position: relative;
    width: 10%;
    height: 2px;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 93px
}

.web_section_Customers .web_section_copy {
    font-family: Medium;
    font-weight: 500;
    font-size: 18px;
    color: #232323;
    text-align: center;
    margin-top: 27px
}

@media only screen and (max-width:1280px) {
    .web_Office_Chair .layout .web_Office_Forms {
        padding-top: 0
    }

    .web_Office_Chair .layout .web_Office_Forms .Office_Forms_box {
        width: 60%
    }
}

@media only screen and (max-width:950px) {
    .slider_banner_h1 {
        top: 11%
    }

    .slider_banner_text1 {
        top: 30%
    }

    .slider_banner_text3 {
        top: 66%
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-title {
        font-weight: 600;
        font-size: 30px;
        line-height: 1em;
        margin-bottom: 15px
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-data {
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 37px
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-star img {
        width: 30px !important;
        height: 30px
    }

    .web_section_Customers .web_Customers_slide .swiper-slide-text {
        font-weight: 400;
        font-size: 28px;
        margin-top: -10px;
        line-height: 1.3em;
        height: 100px
    }

    .web_section_Customers .web_Customers_slide {
        padding-right: 44px;
        padding-left: 64px
    }

    .web_section_Customers .web_Customers_scrollbar {
        width: 90%;
        margin-top: 67px
    }

    .web_section_Customers .web_section_copy {
        display: none
    }

    .web_Office_Chair1 .layout .web_Office_img {
        margin: 0;
        width: 100%
    }

    .web_Office_Chair .layout {
        display: flex;
        flex-direction: column;
        padding: 8% 0
    }

    .web_Office_Chair .layout .web_Office_Forms {
        position: unset;
        width: 100%;
        padding: 5% 0;
        transform: unset
    }

    .web_Office_Chair .web_Office_Forms .Office_Forms {
        position: absolute;
        top: 137px;
        right: 44px;
        display: none
    }

    .web_Office_Chair2 .layout .web_Office_img {
        width: 100%;
        margin-right: 0
    }

    .web_Office_Chair .layout .web_Office_Forms .Office_Forms_box {
        width: 100%;
        padding: 5%
    }
}

.web_top_swiper {
    position: relative;
    padding-top: 38px;
    padding-bottom: 23px
}

.web_section_swiper {
    width: 100%;
    overflow: hidden
}

.web_section_wrapper {
    width: 100%;
    margin-bottom: 61px
}

.web_section_slide .section_slide_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-align: center;
    padding: 4% 0
}

.web_sextion_choose p {
    line-height: 1.5
}

.web_section_chairs {
    position: relative
}

.web_section_chairs .layout {
    border-top: 1px solid #d1d2d4;
    border-bottom: 1px solid #d1d2d4;
    display: flex;
    justify-content: start;
    flex-wrap: wrap
}

.web_chairs_grid {
    width: 33.3333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    padding-top: 35px;
    border: 1px solid #d1d2d4
}

.web_chairs_grid .chairs_grid_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    position: relative
}

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

.web_chairs_grid .chairs_grid_text {
    padding: 5%;
    font-family: Junge_Regular;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.web_chairs_grid .chairs_grid_text a {
    line-height: 1.5
}

.web_sextion_choose {
    position: relative
}

.web_sextion_choose .layout {
    padding-top: 54px;
    padding-bottom: 103px
}

.web_sextion_choose .web_choose_more {
    width: 162px;
    text-align: center;
    padding-top: 17px;
    padding-bottom: 21px;
    background: #f6f6f6;
    border: 1px solid #15161f;
    margin: auto
}

.web_sextion_choose .web_choose_more a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #0b0d1b;
    text-align: center
}

.web_sextion_choose .web_choose_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 24px;
    color: #232323;
    text-align: left;
    margin-top: 54px
}

.web_sextion_choose .web_choose_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 30px;
    margin-top: 33px
}

.web_sextion_Frequently {
    position: relative;
    background-color: #f6f6f6;
    border: 1px solid #ffffff
}

.web_sextion_Frequently::after {
    clear: both;
    display: block;
    content: ""
}

.web_sextion_Frequently .web_Frequently_left {
    width: 50%;
    float: left;
    padding-left: 12%;
    padding-top: 78px;
    padding-bottom: 88px;
    padding-right: 10%
}

.web_sextion_Frequently .web_Frequently_ul {
    margin-top: 57px;
    display: flex;
    flex-direction: column
}

.web_Frequently_ul .web_Frequently_li {
    padding: 25px 0;
    border-bottom: 1px solid #cacacd
}

.web_Frequently_ul .web_Frequently_li p {
    font-family: Regular;
    font-weight: 400;
    font-size: 24px;
    color: #232323;
    position: relative
}

.web_Frequently_ul .web_Frequently_li .ani::before {
    transform: translateY(-50%) rotate(-90deg)
}

.web_Frequently_ul .web_Frequently_li .web_Frequently_contain {
    display: none;
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 24px;
    opacity: .49;
    margin-top: 19px
}

.web_Frequently_ul .web_Frequently_li .ani {
    display: block
}

.web_sextion_Frequently .web_Frequently_right {
    width: 50%;
    float: right
}

.web_sextion_Frequently .web_Frequently_right img {
    width: 100%;
    max-width: 100%
}

@media only screen and (max-width:1366px) {
    .slider_banner_h1 {
        top: 27%
    }

    .slider_banner_h1 a {
        font-size: 50px
    }

    .slider_banner_header .slider_banner_text1 {
        top: 15vw !important
    }

    .slider_banner_text1 p {
        display: none !important;
        font-size: 16px;
        font-weight: 0
    }

    .slider_banner_btn {
        top: auto;
        bottom: calc(5% + 70px)
    }
}

@media only screen and (max-width:1280px) {
    .slider_banner_h1 a {
        font-size: 40px
    }

    .slider_banner_btn {
        top: 59%
    }
}

.web_sextion_choose1 {
    display: none
}

@media only screen and (max-width:1100px) {
    .layout {
        padding: 0 10px
    }
}

@media only screen and (max-width:950px) {
    .web_sextion_choose1 {
        display: block
    }

    .slider_banner_h1 {
        top: 6%
    }

    .slider_banner_text1 {
        top: 25%
    }

    .slider_banner_btn {
        top: 48% !important
    }

    .slider_banner_box {
        width: auto !important;
        padding: 2% 3% !important;
        display: inline-flex !important
    }

    .web_sextion_Frequently {
        flex-direction: column
    }

    .web_sextion_Frequently .web_Frequently_left {
        padding-left: 45px;
        padding-right: 50px
    }

    .web_sextion_Frequently .web_Frequently_left {
        width: 100%
    }

    .web_sextion_Frequently .web_Frequently_right {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .web_chairs_grid {
        width: 50%
    }
}

.web_section_Scenario {
    position: relative
}

.web_section_Scenario .layout {
    padding-top: 83px;
    position: relative;
    display: block
}

.web_section_Scenario .web_Scenario_layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 45px
}

.web_Scenario_grid {
    margin-bottom: 82px;
    display: flex;
    flex-direction: column
}

.web_Scenario_grid .web_Scenario_img {
    width: 100%
}

.web_Scenario_grid .web_Scenario_img img {
    width: 100%
}

.web_section_Scenario .web_Scenario_title {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 30px;
    color: #000000;
    text-align: left;
    padding-top: 44px;
    padding-bottom: 28px
}

.web_section_Scenario .web_Scenario_text {
    max-height: 300px;
    overflow: auto
}

.web_section_Scenario .web_Scenario_text::-webkit-scrollbar {
    width: 2px;
    margin-left: 2px
}

.web_section_Scenario .web_Scenario_text::-webkit-scrollbar-track {
    background-color: transparent
}

.web_section_Scenario .web_Scenario_text::-webkit-scrollbar-thumb {
    background-color: #f7f6f5;
    border-radius: 5px
}

.web_section_Scenario .web_Scenario_text .web_Scenario_Furniture {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 30px
}

.web_section_Recommendation {
    margin-top: 30px;
    position: relative
}

.web_section_Recommendation .web_Recommendation_video {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 28px
}

.web_section_Recommendation .layout {
    margin-bottom: 83px
}

.web_section_Recommendation .web_video_grid {
    margin-top: 55px
}

.web_section_Recommendation .web_video_grid .video_grid_img {
    width: 100%
}

.web_section_Recommendation .web_video_grid .video_grid_img img {
    width: 100%
}

.web_section_Recommendation .web_video_grid .video_grid_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    padding-top: 28px;
    padding-bottom: 23px
}

.web_section_Recommendation .web_video_grid .video_grid_btn {
    display: flex;
    align-items: center
}

.web_video_grid .video_grid_btn a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline;
    margin-right: 11px
}

.web_video_grid .video_grid_btn img {
    height: 12px
}

.web_section_Related {
    padding-top: 60px;
    padding-bottom: 87px;
    background-color: #ebe7e4
}

.web_section_Related .web_Related_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    margin-top: 43px
}

.web_section_Related .web_Related_grid .Related_grid_box {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding-bottom: 23px
}

.web_Related_grid .Related_grid_box .Related_grid_img {
    display: flex;
    justify-content: center
}

.web_section_Related .web_Related_grid .Related_grid_box:hover img {
    transition: all .3s ease;
    opacity: .8
}

.web_Related_grid .Related_grid_box .Related_grid_img .Related_grid_Layer img {
    width: 100%;
    max-width: 100%
}

.web_Related_grid .Related_grid_box .Related_grid_p {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin-top: 55px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a {
    margin-top: 18px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline
}

@media only screen and (max-width:1200px) {
    .web_section_Scenario .web_Scenario_title {
        font-size: 26px
    }
}

@media only screen and (max-width:950px) {
    .slider_banner_header .slider_banner_h1 {
        top: 11%
    }

    .slider_banner_header .slider_banner_h2 {
        top: 40%
    }

    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 15px
    }

    .web_section_Related .web_Related_grid .Related_grid_box {
        margin-top: 20px
    }

    .web_section_Scenario .web_Scenario_title {
        font-size: 24px
    }
}

@media only screen and (max-width:750px) {
    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 28px
    }
}

@media only screen and (max-width:580px) {
    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 10px
    }

    .web_section_Scenario .web_Scenario_layout {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 20px
    }

    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 28px
    }
}

.web_section_Company {
    position: relative
}

.web_section_Company .layout {
    position: relative;
    padding: 93px 0
}

.web_section_Company .web_Company_box {
    position: relative;
    display: flex;
    justify-content: space-between
}

.web_section_Company .web_Company_box .web_Company_left {
    width: 40.7%
}

.web_Company_box .web_Company_left .Company_left_title {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 36px;
    color: #020412;
    line-height: 30px
}

.web_Company_box .web_Company_left .Company_left_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #020412;
    line-height: 30px;
    margin-top: 45px
}

.web_section_Company .web_Company_box .Company_box_img {
    width: 45.65%
}

.web_section_Company .web_Company_box .Company_box_img img {
    width: 100%;
    max-width: 100%
}

.web_Company_box1 .Company_left_title {
    margin-top: 67px
}

.web_Company_box2 .Company_left_title {
    margin-top: 108px
}

.web_Company_box2 .Company_left_text {
    margin-top: 58px
}

.web_Company_box2 .Company_left_font {
    margin-top: 62px;
    display: flex;
    align-items: center
}

.web_Company_box2 .Company_left_font .p1 {
    font-family: Regular;
    font-weight: 400;
    font-size: 48px;
    color: #020412;
    line-height: 30px;
    margin-right: 53px
}

.web_Company_box2 .Company_left_font .p2 {
    font-family: Regular;
    font-weight: 400;
    font-size: 24px;
    color: #020412;
    line-height: 30px
}

.web_Company_box3 .Company_left_title {
    margin-top: 67px
}

.web_Company_box3 .Company_left_ul {
    margin-top: 66px;
    padding-bottom: 74px;
    border-bottom: 1px solid rgba(2, 4, 12, 0.29)
}

.web_Company_box3 .Company_left_ul .Company_left_li {
    margin-bottom: 10px
}

.web_Company_box3 .Company_left_text2 {
    margin-top: 59px;
    padding-bottom: 83px;
    border-bottom: 1px solid rgba(2, 4, 12, 0.29);
    font-family: IndieFlower;
    font-weight: 400;
    font-size: 24px;
    color: #020412;
    line-height: 30px
}

.web_Company_box3 .Company_left_ul .p1 {
    font-size: 18px;
    color: #020412;
    font-family: Regular;
    font-weight: bold
}

.web_Company_box3 .Company_left_ul .p2 {
    font-size: 18px;
    color: #020412;
    font-family: Regular
}

.web_Company_box4 .Company_box_imgs {
    display: flex;
    justify-content: space-between
}

.web_Company_box4 .Company_box_imgs2 {
    margin-top: 14px
}

.web_Company_box4 .Company_left_title {
    margin-top: 109px
}

@media only screen and (max-width:950px) {
    .web_section_Company .web_Company_box {
        flex-direction: column
    }

    .web_section_Company .web_Company_box .web_Company_left {
        width: 100%
    }

    .web_section_Company .web_Company_box .web_Company_right {
        width: 100%
    }

    .slider_banner_header .slider_banner_title {
        top: 12.5%
    }

    .slider_banner_header .slider_banner_h1 {
        top: 32.8%
    }

    .slider_banner_header .slider_banner_text {
        top: 55%
    }
}

.web_Resource_layout {
    display: flex;
    justify-content: space-between;
    padding-top: 57px
}

.web_Resource_layout .web_Resources_videos {
    width: 73.6%
}

.web_Resource_layout .web_Resources_videos .Resources_videos_top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 41px;
    grid-row-gap: 53px
}

.web_Resource_layout .web_Resources_videos .Resources_boxs_img {
    width: 100%
}

.web_Resource_layout .web_Resources_videos .Resources_boxs_img img {
    width: 100%
}

.web_Resource_layout .web_Resources_videos .Resources_boxs_text {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    padding-top: 31px;
    padding-bottom: 26px
}

.web_Resource_layout .web_Resources_videos .Resources_boxs_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.web_Resource_layout .web_Resources_videos .Resources_boxs_btn img {
    content: "";
    width: 24px;
    height: 16px
}

.web_Resources_videos .Resources_boxs_btn a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline;
    margin-right: 14px
}

.web_Resource_layout .web_Resources_videos .Resources_videos_bottom {
    margin: 0 auto;
    margin-top: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Catamaran;
    font-weight: 400;
    font-size: 16px;
    color: #232323
}

.web_Resources_videos .Resources_videos_bottom button {
    outline: none;
    border: none;
    padding: 13px 17px 18px 18px;
    border-radius: 5px;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-size: 16px
}

.web_Resources_videos .Resources_videos_bottom .paege_left {
    margin-right: 19px
}

.web_Resources_videos .Resources_videos_bottom .paege_right {
    margin-right: 31px
}

.web_Resources_videos .Resources_videos_bottom .paege_number {
    margin: 0 10px
}

.web_Resource_layout .web_information_Resources {
    width: 22.5%
}

.web_information_Resources .web_Resources_h1 {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 36px;
    color: #020412;
    margin-top: 37px
}

.web_information_Resources .web_Resources_ul {
    margin-top: 17px
}

.web_information_Resources .web_Resources_ul .web_Resources_li {
    border-bottom: 1px solid rgba(2, 4, 12, 0.29);
    position: relative
}

.Resources_li_list {
    width: 100%;
    padding: 20px 0;
    display: flex
}

.Resources_li_list .Resources_li_p {
    flex: 9.5;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 20px;
    color: #020412;
    position: relative
}

.Resources_li_list .ani::before {
    content: " ";
    position: absolute;
    top: 0;
    left: -10px;
    width: 2px;
    height: 100%;
    background-color: #000000;
    border-radius: 5px
}

.Resources_li_list .Resources_li_elliptical {
    flex: .5;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.Resources_li_list .Resources_li_elliptical img {
    transition: all .5s
}

.web_Resources_ul2 .web_Resources_li2 {
    padding-left: 28px;
    margin-bottom: 15px;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #020412;
    opacity: .6
}

.web_Resources_ul2 .ani {
    opacity: 1;
    position: relative;
    text-decoration: underline
}

.web_Resources_ul2 .ani::before {
    content: " ";
    width: 18px;
    height: 12px;
    background-image: url(../images/grop3.png);
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%)
}

@media only screen and (max-width:950px) {
    .slider_banner_header .slider_banner_h1 {
        top: 27%
    }

    .web_Resource_layout {
        flex-direction: column
    }

    .web_Resource_layout .web_Resources_videos {
        width: 100%
    }

    .web_Resource_layout .web_information_Resources {
        width: 100%
    }
}

@media only screen and (max-width:580px) {
    .web_Resource_layout .web_Resources_videos .Resources_videos_top {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }
}

.web_section_information {
    position: relative;
    margin-top: 79px;
    padding-bottom: 100px
}

.web_information_layout {
    display: flex;
    justify-content: space-between;
    align-items: start
}

.web_information_layout .web_information_Description {
    width: 72.2%
}

.web_information_layout .web_information_Description .information_Description_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 36px;
    color: #232323;
    text-align: center
}

.web_information_Description .information_Description_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    padding-top: 40px;
    padding-bottom: 10px
}

.web_information_Description .information_Description_table {
    margin-top: 60px;
    border: 1px solid rgba(11, 13, 27, 0.19);
    border-bottom: none
}

.information_Description_table .Description_table_tr {
    border-bottom: 1px solid rgba(11, 13, 27, 0.19);
    padding: 37px 41px
}

.information_Description_table .Description_table_tr.active .Description_table_td2 {
    display: block
}

.information_Description_table .Description_table_tr .Description_table_td1 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.information_Description_table .Description_table_tr .Description_table_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 24px;
    color: #232323
}

.information_Description_table .Description_table_tr .Description_table_img {
    transition: all .5s
}

.information_Description_table .Description_table_tr .Description_table_img.ani {
    transform: rotate(90deg);
}

.information_Description_table .Description_table_tr .Description_table_td2 {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 24px;
    opacity: .49;
    margin-top: 19px;
    display: none
}

.information_Description_table .Description_table_tr .choole {
    display: block
}

.web_information_layout .web_information_Resources {
    width: 22.5%;
    position: sticky;
    top: 40px;
    height: auto
}

.web_information_Resources .web_Resources_h1 {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 36px;
    color: #020412;
    margin-top: 37px
}

.web_information_Resources .web_Resources_ul {
    margin-top: 17px;
    max-height: 40vh;
    overflow-y: auto
}

.web_information_Resources .web_Resources_ul .web_Resources_li {
    border-bottom: 1px solid rgba(2, 4, 12, 0.29);
    position: relative
}

.Resources_li_list {
    width: 100%;
    padding: 20px 0;
    display: flex
}

.Resources_li_list .Resources_li_p {
    flex: 9.5;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 20px;
    color: #020412;
    position: relative
}

.Resources_li_list .ani::before {
    content: " ";
    position: absolute;
    top: 0;
    left: -10px;
    width: 2px;
    height: 100%;
    background-color: #000000;
    border-radius: 5px
}

.Resources_li_list .Resources_li_elliptical {
    flex: .5;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.Resources_li_list .Resources_li_elliptical img {
    transition: all .5s
}

.web_Resources_ul2 .web_Resources_li2 {
    padding-left: 28px;
    margin-bottom: 15px;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #020412;
    opacity: .6
}

.web_Resources_ul2 .ani {
    opacity: 1;
    position: relative
}

.web_Resources_ul2 .ani::before {
    content: " ";
    width: 18px;
    height: 12px;
    background-image: url(../images/grop3.png);
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%)
}

.web_section_Related {
    padding-top: 60px;
    padding-bottom: 87px;
    background-color: #ebe7e4
}

.web_section_Related .web_Related_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    margin-top: 43px
}

.web_Related_grid .Related_grid_box .Related_grid_img .Related_grid_Layer img {
    width: 100%;
    max-width: 100%
}

.web_Related_grid .Related_grid_box .Related_grid_p {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin-top: 55px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a {
    margin-top: 18px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline
}

@media only screen and (max-width:1680px) {
    .web_information_Description .web_Description_text {
        padding-right: 150px
    }
}

@media only screen and (max-width:1200px) {
    .web_information_Description .web_Description_text {
        padding-right: 100px
    }
}

@media only screen and (max-width:950px) {
    .web_section_information .web_layout_ul .web_section_li {
        margin-right: 40px
    }

    .web_information_layout {
        flex-direction: column
    }

    .web_information_layout .web_information_Description {
        width: 100%
    }

    .web_information_Description .web_Description_text {
        padding-right: 0
    }

    .web_information_layout .web_information_Resources {
        width: 100%;
        display: none
    }

    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 15px
    }

    .web_section_Related .web_Related_grid .Related_grid_box {
        margin-top: 20px
    }
}

@media only screen and (max-width:768px) {
    .web_section_information .web_layout_ul .web_section_li {
        font-size: 20px
    }

    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 28px
    }
}

@media only screen and (max-width:580px) {
    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 10px
    }

    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 28px
    }
}

.web_section_Recommendation {
    margin-top: 111px;
    position: relative
}

.web_section_Recommendation .web_Recommendation_video {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 28px
}

.web_section_Recommendation .layout {
    margin-bottom: 83px
}

.web_section_Recommendation .web_video_grid {
    margin-top: 55px
}

.web_section_Recommendation .web_video_grid .video_grid_img {
    width: 100%
}

.web_section_Recommendation .web_video_grid .video_grid_img img {
    width: 100%
}

.web_section_Recommendation .web_video_grid .video_grid_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    padding-top: 28px;
    padding-bottom: 23px
}

.web_section_Recommendation .web_video_grid .video_grid_btn {
    display: flex;
    align-items: center
}

.web_video_grid .video_grid_btn a {
    font-family: Catamaran;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline;
    margin-right: 11px
}

.web_information_layout .web_information_Description .information_Description_youtube {
    padding: 28px 0;
    background-color: #000000
}

.web_information_Description .information_Description_youtube .youtobe {
    display: block;
    background-image: url(../images/Layer——12.png);
    background-size: cover;
    width: 100%;
    height: 29.2188vw
}

.web_information_Description .information_Description_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    padding-top: 40px;
    padding-bottom: 10px
}

.web_information_Description .information_Description_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 30px;
    margin-top: 39px
}

.web_information_layout .web_information_Resources {
    width: 22.5%
}

.web_information_Resources .web_Resources_h1 {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 36px;
    color: #020412;
    margin-top: 37px
}

.web_information_Resources .web_Resources_ul {
    margin-top: 17px
}

.web_information_Resources .web_Resources_ul .web_Resources_li {
    border-bottom: 1px solid rgba(2, 4, 12, 0.29);
    position: relative
}

.Resources_li_list {
    width: 100%;
    padding: 20px 0;
    display: flex
}

.Resources_li_list .Resources_li_p {
    flex: 9.5;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 20px;
    color: #020412;
    position: relative
}

.Resources_li_list .ani::before {
    content: " ";
    position: absolute;
    top: 0;
    left: -10px;
    width: 2px;
    height: 100%;
    background-color: #000000;
    border-radius: 5px
}

.Resources_li_list .Resources_li_elliptical {
    flex: .5;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.Resources_li_list .Resources_li_elliptical img {
    transition: all .5s
}

.web_Resources_ul2 .web_Resources_li2 {
    padding-left: 28px;
    margin-bottom: 15px;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #020412;
    opacity: .6
}

.web_Resources_ul2 .ani {
    opacity: 1;
    position: relative
}

.web_Resources_ul2 .ani::before {
    content: " ";
    width: 18px;
    height: 12px;
    background-image: url(../images/grop3.png);
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%)
}

.web_section_Related {
    padding-top: 60px;
    padding-bottom: 87px;
    background-color: #ebe7e4
}

.web_section_Related .web_Related_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    margin-top: 43px
}

.web_Related_grid .Related_grid_box .Related_grid_img .Related_grid_Layer img {
    width: 100%;
    max-width: 100%
}

.web_Related_grid .Related_grid_box .Related_grid_p {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin-top: 55px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a {
    margin-top: 18px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline
}

@media only screen and (max-width:1680px) {
    .web_information_Description .web_Description_text {
        padding-right: 150px
    }
}

@media only screen and (max-width:1200px) {
    .web_information_Description .web_Description_text {
        padding-right: 100px
    }
}

@media only screen and (max-width:950px) {
    .web_section_information .web_layout_ul .web_section_li {
        margin-right: 40px
    }

    .web_information_layout {
        flex-direction: column
    }

    .web_information_layout .web_information_Description {
        width: 100%
    }

    .web_information_Description .web_Description_text {
        padding-right: 0
    }

    .web_information_layout .web_information_Resources {
        width: 100%
    }

    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 15px
    }

    .web_section_Related .web_Related_grid .Related_grid_box {
        margin-top: 20px
    }
}

@media only screen and (max-width:768px) {
    .web_section_information .web_layout_ul .web_section_li {
        font-size: 20px
    }

    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 28px
    }
}

@media only screen and (max-width:580px) {
    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 10px
    }

    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 28px
    }
}

.web_section_Recommendation {
    margin-top: 111px;
    position: relative
}

.web_section_Recommendation .web_Recommendation_video {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 28px
}

.web_section_Recommendation .layout {
    margin-bottom: 83px
}

.web_section_Recommendation .web_video_grid {
    margin-top: 55px
}

.web_section_Recommendation .web_video_grid .video_grid_img {
    width: 100%
}

.web_section_Recommendation .web_video_grid .video_grid_img img {
    width: 100%
}

.web_section_Recommendation .web_video_grid .video_grid_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    padding-top: 28px;
    padding-bottom: 23px
}

.web_section_Recommendation .web_video_grid .video_grid_btn {
    display: flex;
    align-items: center
}

.web_video_grid .video_grid_btn a {
    font-family: Catamaran;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline;
    margin-right: 11px
}

.web_information_layout {
    display: flex;
    justify-content: space-between
}

.web_information_layout .web_information_Description {
    width: 72.2%
}

.web_information_layout .web_information_Description ._Description_img_Layer858 {
    width: 100%
}

.web_information_layout .web_information_Description ._Description_img_Layer858 img {
    width: 100%;
    max-width: 100%
}

.web_information_layout .web_information_Description ._Description_img_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #232323;
    line-height: 30px;
    margin-top: 13px
}

.web_information_Description .information_Description_title {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    color: #232323;
    margin-top: 62px;
    padding-right: 665px
}

.web_information_Description .information_Description_text {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 30px;
    margin-top: 35px;
    padding-right: 108px
}

.information_Description_swiper {
    margin-top: 89px;
    overflow: hidden
}

.information_Description_page {
    margin-top: 46px
}

.information_Description_page p {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 30px
}

.information_Description_page .Description_page_prev,
.information_Description_page .Description_page_next {
    display: flex;
    position: relative;
    align-items: center
}

.information_Description_page .Description_page_prev .swiper-button-prev,
.information_Description_page .Description_page_next .swiper-button-prev {
    transition: all .3s
}

.information_Description_page .Description_page_prev:hover .swiper-button-prev,
.information_Description_page .Description_page_next:hover .swiper-button-prev {
    transform: translateX(-5px)
}

.information_Description_page .Description_page_prev:hover a,
.information_Description_page .Description_page_next:hover a {
    text-decoration: underline
}

.information_Description_page .Description_page_hr {
    height: 1px;
    background: #020412;
    margin: 15px 0
}

.information_Description_page .information_Description_prev {
    background-image: url(../images/grop31.png);
    opacity: 1;
    background-size: cover
}

.information_Description_page .information_Description_next {
    background-image: url(../images/grop32.png);
    background-size: cover;
    opacity: 1
}

.information_Description_page .information_Description_prev,
.information_Description_page .information_Description_next {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: 18px;
    height: 12px;
    margin-right: 15px;
    background-position: center
}

.web_information_layout .web_information_Resources {
    width: 22.5%
}

.web_information_Resources .web_Resources_h1 {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 36px;
    color: #020412;
    margin-top: 37px
}

.web_information_Resources .web_Resources_ul {
    margin-top: 17px
}

.web_information_Resources .web_Resources_ul .web_Resources_li {
    border-bottom: 1px solid rgba(2, 4, 12, 0.29);
    position: relative
}

.Resources_li_list {
    width: 100%;
    padding: 20px 0;
    display: flex
}

.Resources_li_list .Resources_li_p {
    flex: 9.5;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 20px;
    color: #020412;
    position: relative
}

.Resources_li_list .ani::before {
    content: " ";
    position: absolute;
    top: 0;
    left: -10px;
    width: 2px;
    height: 100%;
    background-color: #000000;
    border-radius: 5px
}

.Resources_li_list .Resources_li_elliptical {
    flex: .5;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.web_information_Resources .web_Resources_ul:nth-child(4) .Resources_li_elliptical {
    display: none
}

.Resources_li_list .Resources_li_elliptical img {
    transition: all .5s
}

.Resources_li_list .Resources_li_elliptical .ani {
    transform: rotate(-90deg)
}

.web_Resources_ul2 .web_Resources_li2 {
    padding: 0 25px 0 10px;
    margin-bottom: 15px;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 16px;
    color: #020412;
    opacity: .6
}

.web_Resources_ul2 .web_Resources_li2 a:hover {
    text-decoration: underline
}

.web_Resources_ul2 .ani {
    opacity: 1;
    position: relative
}

.web_Resources_ul2 .ani::before {
    content: " ";
    width: 18px;
    height: 12px;
    background-image: url(../images/grop3.png);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: unset
}

.web_section_Related {
    padding-top: 60px;
    padding-bottom: 87px;
    background-color: #ebe7e4
}

.web_section_Related .web_Related_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    margin-top: 43px
}

.web_Related_grid .Related_grid_box .Related_grid_img .Related_grid_Layer img {
    width: 100%;
    max-width: 100%
}

.web_Related_grid .Related_grid_box .Related_grid_p {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin-top: 55px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a {
    margin-top: 18px;
    text-align: center
}

.web_Related_grid .Related_grid_box .Related_grid_a a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline
}

@media only screen and (max-width:1680px) {
    .web_information_Description .web_Description_text {
        padding-right: 150px
    }

    .web_information_Description .information_Description_title {
        padding-right: 0
    }
}

@media only screen and (max-width:1200px) {
    .web_information_Description .web_Description_text {
        padding-right: 100px
    }
}

@media only screen and (max-width:950px) {
    .slider_banner_header .slider_banner_h1 {
        top: 26%
    }

    .web_section_information .web_layout_ul .web_section_li {
        margin-right: 40px
    }

    .web_information_layout {
        flex-direction: column
    }

    .web_information_layout .web_information_Description {
        width: 100%
    }

    .web_information_Description .web_Description_text {
        padding-right: 0
    }

    .web_information_layout .web_information_Resources {
        width: 100%
    }

    .web_information_Description .information_Description_title {
        padding-right: 0
    }

    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 15px
    }

    .web_section_Related .web_Related_grid .Related_grid_box {
        margin-top: 20px
    }
}

@media only screen and (max-width:768px) {
    .slider_banner_header .slider_banner_h1 {
        top: 16%
    }

    .web_section_information .web_layout_ul .web_section_li {
        font-size: 20px
    }

    .web_information_Description .information_Description_text {
        padding-right: 30px
    }

    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 28px
    }
}

@media only screen and (max-width:580px) {
    .web_section_Related .web_Related_grid {
        grid-template-columns: repeat(1, 1fr);
        /* grid-template-rows: repeat(4, 1fr); */
        grid-column-gap: 10px
    }

    .web_section_Recommendation .web_Recommendation_video {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 28px
    }

    .web_information_Description .information_Description_text {
        padding-right: 0
    }
}

.web_section_Showing {
    position: relative;
    padding-top: 74px;
    padding-bottom: 42px
}

.web_section_Showing .web_section_layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 44px
}

.web_section_Showing .web_Showing_grid {
    padding: 35px;
    border: 1px solid rgba(2, 4, 12, 0.19)
}

.web_section_Showing .web_Showing_grid .Showing_grid_img {
    width: 100%;
    padding-bottom: 91%;
    position: relative
}

.web_section_Showing .web_Showing_grid .Showing_grid_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.web_section_Showing .web_Showing_grid .Showing_grid_img img:hover {
    opacity: .5
}

.web_section_Showing .web_Showing_grid .Showing_grid_title {
    font-family: Regular;
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    margin-top: 20px;
    min-height: 3em
}

.web_section_Showing .web_Showing_grid .Showing_grid_text {
    margin-top: 28px;
    max-height: 150px;
    overflow: auto
}

.web_section_Showing .web_Showing_grid .Showing_grid_text::-webkit-scrollbar {
    display: none
}

.web_section_Showing .web_Showing_grid .Showing_grid_overtext {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    height: 6em
}

.web_section_Showing .web_Showing_grid .Showing_grid_a {
    text-align: left;
    margin-top: 17px
}

.web_section_Showing .web_Showing_grid .Showing_grid_a a {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline
}

.web_section_Showing .web_section_page {
    width: 100%;
    text-align: center;
    font-family: Regular;
    font-weight: 400;
    font-size: 20px;
    color: #0b0d1b;
    margin-top: 49px
}

.web_section_Showing .web_section_loadbtn {
    display: flex;
    justify-content: center;
    margin-top: 33px
}

.web_section_Showing .web_section_loadbtn .web_section_load {
    border: 1px solid #000000;
    outline: none;
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #0b0d1b;
    background-color: #ffffff;
    padding: 17px 41px 21px 42px;
    transition: all .1s
}

.web_section_Showing .web_section_loadbtn .web_section_load:active {
    background-color: #eeeeee
}

.slider_banner_header .slider_banner_bottom {
    text-align: center;
    font-family: Light;
    font-weight: 300;
    font-size: 16px;
    color: #535353;
    background-color: #f7f6f5;
    padding: 23px 0;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.slider_banner_bottom li {
    position: relative;
    text-transform: capitalize
}

.slider_banner_bottom li::after {
    content: ">";
    margin: 0 10px
}

.slider_banner_bottom li:last-child::after {
    display: none
}

.slider_banner_bottom li:last-child {
    font-weight: bold
}

.slider_banner_bottom li a:hover {
    text-decoration: underline
}

@media only screen and (max-width:1440px) {
    .web_advantage_swiper .web_advantage_slide .ad_desc {
        min-height: 12em
    }
}

@media only screen and (max-width:1366px) {
    .web_advantage_swiper .web_advantage_slide .ad_desc {
        min-height: 9em
    }
}

@media only screen and (max-width:1200px) {
    .web_section_Showing .web_Showing_grid .Showing_grid_title {
        min-height: 5em
    }
}

@media only screen and (max-width:950px) {
    .slider_banner_header .slider_banner_h1 {
        top: 16% !important
    }

    .slider_banner_header .slider_banner_text {
        top: 42.5%
    }

    .slider_banner_header .slider_banner_text p {
        font-size: 16px
    }

    .web_section_Showing .web_section_layout {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 10px
    }
}

@media only screen and (max-width:768px) {
    .web_section_Showing .web_section_layout {
        grid-template-columns: repeat(2, 1fr);
        padding: 0
    }

    .web_section_Showing .web_Showing_grid .Showing_grid_text {
        margin-top: 15px
    }

    .web_section_Showing .web_Showing_grid {
        padding: 20px;
        border: 1px solid rgba(2, 4, 12, 0.19)
    }
}

@media only screen and (max-width:580px) {
    .web_section_Showing .web_section_layout {
        grid-template-columns: repeat(1, 1fr)
    }
}

.web_section_map {
    position: relative
}

.web_section_map .layout {
    padding-top: 93px;
    padding-bottom: 86px
}

.web_section_map .web_map_content {
    display: flex;
    justify-content: space-between
}

.map_content_box .map_content_title {
    margin-top: 76px
}

.map_content_box .map_content_title p {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 36px;
    color: #020412;
    line-height: 40px
}

.map_content_box a {
    font-family: Regular;
    font-weight: 400;
    font-size: 20px;
    color: #020412;
    margin-left: 15px
}

.map_content_box a:hover {
    text-decoration: underline;
    color: var(--color-main)
}

.map_content_box .map_content_abcd {
    display: flex;
    align-items: center;
    margin-bottom: 26px
}

.map_content_box .map_content_tel {
    margin-top: 66px
}

.web_map_content .map_content_map {
    width: 50%
}

.web_section_map .web_section_Queries {
    margin: 0 auto;
    margin-top: 83px;
    width: 60.5%;
    position: relative
}

.web_section_map .web_section_Queries .web_Queries_title {
    font-family: Junge_Regular;
    font-weight: 400;
    font-size: 36px;
    color: #020412;
    text-align: center
}

.web_section_map .web_section_Queries .web_Queries_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 20px;
    color: #020412;
    text-align: center;
    margin-top: 20px
}

.web_section_map .web_section_Queries .web_Queries_form {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 41px
}

.web_section_Queries .web_Queries_form input {
    width: 100%;
    padding: 35px 0;
    padding-left: 20px;
    border: none;
    outline: none;
    border-bottom: 1px solid #dbd5cf;
    font-size: 16px
}

.web_section_map .web_section_Queries .web_Queries_form li div {
    position: relative
}

.web_section_map .web_section_Queries .web_Queries_form li div::before {
    content: "*";
    color: red;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.web_section_map .web_section_Queries .web_Queries_form li.Asterisk_Text div::before {
    content: "*";
    color: red;
    position: absolute;
    top: 36px;
    transform: translateY(0)
}

.web_section_Queries .web_Queries_form input::placeholder {
    font-family: Light;
    font-weight: 300;
    font-size: 18px;
    color: #020412;
    opacity: .69
}

.web_section_Queries .web_Queries_form .Queries_form_Message {
    height: 230px;
    width: 100%;
    padding: 35px 0;
    padding-left: 20px;
    border: none;
    outline: none;
    border-bottom: 1px solid #dbd5cf;
    font-size: 16px;
    color: #020412;
    resize: none
}

.web_section_Queries .web_Queries_form .Queries_form_Message::placeholder {
    font-family: Light;
    font-weight: 300;
    font-size: 18px;
    color: #020412;
    opacity: .69
}

.web_section_Queries .web_Queries_form .Queries_form_sumbit {
    margin-top: 51px;
    width: 154px;
    height: 56px;
    background-color: #000000;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    padding: 0
}

@media only screen and (max-width:950px) {
    .slider_banner_header .slider_banner_h1 {
        top: 16%
    }

    .slider_banner_header .slider_banner_text {
        top: 42.5%
    }

    .slider_banner_header .slider_banner_text p {
        font-size: 16px
    }

    .web_section_map .web_map_content {
        flex-direction: column
    }

    .web_map_content .map_content_map {
        width: 100%
    }

    .web_section_map .web_section_Queries {
        width: 80%
    }

    .map_content_box .map_content_title {
        margin-top: 0
    }
}

.web_section_advantage {
    position: relative;
    background: #f7f6f5
}

.web_section_advantage .layout {
    padding-bottom: 5%
}

.web_section_advantage .swiper-button-lock {
    display: block
}

.web_advantage_swiper {
    overflow: hidden;
    position: relative
}

.abpoots_re .swiper-scrollbar {
    height: 2px
}

.abpoots_re .swiper-scrollbar-drag {
    background-color: rgba(131, 128, 128, 0.5)
}

.web_advantage_swiper .web_advantage_slide .icon_img {
    position: relative;
    padding-bottom: 66%;
    display: block
}

.web_advantage_swiper .web_advantage_slide .icon_img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .5
}

.web_advantage_swiper .web_advantage_slide:hover .icon_img img {
    transition: all .3s ease;
    opacity: .5
}

.web_advantage_swiper .web_advantage_slide .ad_data {
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #232323;
    opacity: .49;
    margin-top: 20px;
    display: block
}

.web_section_advantage .web_advantage_swiper {
    padding-bottom: 20px
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color-main)
}

.web_section_advantage .web_advantage_swiper .swiper-pagination {
    top: unset;
    bottom: 0
}

.web_advantage_swiper .web_advantage_slide .ad_tit {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 30px;
    margin-top: 11px;
    height: 3em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.web_advantage_swiper .web_advantage_slide .ad_tit a {
    transition: all .3s;
    color: #232323
}

.web_advantage_swiper .web_advantage_slide .ad_desc {
    font-family: Light;
    font-weight: 300;
    font-size: 16px;
    color: #232323;
    line-height: 24px;
    margin-top: 19px;
    display: inline-block;
    padding-right: 2em;
    position: relative;
    min-height: 8em
}

.web_advantage_swiper .web_advantage_slide .ad_desc::after {
    content: " ";
    display: inline-block;
    width: 24px;
    height: 16px;
    background: url(../images/hei.png) no-repeat center / cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s
}

.web_advantage_swiper .web_advantage_slide .ad_desc:hover {
    color: #000
}

.web_advantage_swiper .web_advantage_slide .ad_desc:hover::after {
    transform: translate(10px, -50%)
}

.web_section_decoration {
    position: relative
}

.web_section_decoration .web_decoration_title {
    width: 100%;
    position: absolute;
    top: 4vw;
    text-align: center;
    font-family: Lancelot;
    font-weight: 400;
    font-size: 36px;
    color: #232323
}

.web_section_decoration .web_decoration_text1 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 8.5vw;
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323
}

.web_section_decoration .web_decoration_text2 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 10.5vw;
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #232323
}

.web_section_decoration .web_decoration_btnbox {
    width: 100%;
    position: absolute;
    top: 57.4%;
    display: flex;
    justify-content: center;
    align-items: center
}

.web_section_decoration .web_decoration_btnbox .web_decoration_btn {
    background: #000000;
    text-align: center;
    padding: 1.2% 5%;
    transition: all .3s
}

.web_section_decoration .web_decoration_btnbox .web_decoration_btn:hover {
    background: #f7f6f5;
    border: 1px solid #000000
}

.web_section_decoration .web_decoration_btnbox .web_decoration_btn:hover a {
    color: #000000
}

.web_section_decoration .web_decoration_btnbox #decoration_btn2 {
    background: #f7f6f5;
    border: 1px solid #000000;
    margin-left: 17px
}

.web_section_decoration .web_decoration_btnbox #decoration_btn2:hover {
    background: #000000;
    border: 1px solid #ffffff;
    transition: all .3s
}

.web_section_decoration .web_decoration_btnbox #decoration_btn2:hover a {
    color: #ffffff
}

.web_section_decoration .web_decoration_btnbox .web_decoration_btn a {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff
}

.web_section_decoration .web_decoration_btnbox #decoration_btn2 a {
    color: #232323
}

.web_decoration_title2,
.web_decoration_text3 {
    display: none
}

.web_section_vector {
    background-color: #f7f6f5;
    position: relative
}

.web_section_vector .layout {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr)
}

.web_section_vector .web_vector_box {
    padding-top: 36px;
    padding-bottom: 53px;
    padding-right: 123px;
    position: relative;
    box-sizing: border-box
}

.web_section_vector .web_vector_box::before {
    position: absolute;
    top: 0;
    right: 63px;
    content: " ";
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.19)
}

.web_section_vector #last_vector_box::before {
    display: none
}

.web_section_vector .web_vector_box .vector_box_img {
    width: 59px
}

.web_section_vector .web_vector_box .vector_box_title {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    margin-top: 23px
}

.web_section_vector .web_vector_box .vector_box_title a {
    color: #000000;
    transition: all .3s
}

.web_section_vector .web_vector_box .vector_box_text {
    margin-top: 20px;
    font-family: Regular;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 1.5em
}

.web_section_Contact {
    position: relative
}

.web_section_Contact .layout {
    padding-top: 27px;
    padding-bottom: 22px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr)
}

.web_section_Contact .web_section_Contact {
    padding-right: 20px
}

.web_section_Contact .web_section_Contact .Contact_title {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000
}

.web_section_Contact .web_section_Contact .Contact_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    opacity: .79;
    margin-top: 9px
}

.web_section_Contact .web_section_Contact .Contact_text a:hover {
    color: #595d79
}

.web_section_Contact .web_section_Contact .Contact_text1 {
    margin-top: 23px
}

.web_footer {
    position: relative;
    border: 1px solid #020412;
    background: #020412
}

.web_footer .layout {
    padding-top: 63px
}

.web_footer .foor_service_right {
    float: right;
    width: calc(100% - 59.5%);
    display: flex;
    flex-direction: column;
    padding-left: 82px;
    padding-bottom: 45px
}

.web_footer .foor_service_title {
    font-family: Lucida;
    font-weight: 400;
    font-size: 24px;
    color: #ffffff
}

.web_footer .foor_service_text {
    font-family: Regular;
    font-weight: 400;
    font-size: 20px;
    color: #afafaf;
    margin-top: 30px
}

.web_footer .foor_service_input {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.19);
    margin-top: 50px
}

.web_footer .foor_service_input input {
    width: 100%;
    padding: 15px 0;
    border: none;
    background-color: #020412;
    color: rgba(255, 255, 255, 0.5);
    outline: none;
    font-size: 18px
}

.web_footer .Subscribe {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 27px
}

.web_footer .foor_service_right img {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.web_footer .foor_service .foor_service_left {
    float: left;
    width: 59.5%;
    display: flex;
    justify-content: space-between
}

.web_footer .foor_service_ul {
    display: flex;
    flex-direction: column
}

.web_footer .foor_service_ul p {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    position: relative
}

.web_footer .foor_service_ul ul li:hover a {
    text-decoration: underline
}

.web_footer .foor_service_ul ul li a {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    line-height: 36px;
    transition: all .5s
}

.foor_FOLLOW {
    margin-top: 58px
}

.foor_FOLLOW a {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    line-height: 36px
}

.foor_service:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
}

.web_footer .foor_icons {
    display: flex;
    margin-top: 28px;
    align-items: center
}

.web_footer .foor_icons img {
    width: 22px;
    height: 22px;
    margin-right: 24px
}

.web_footer .web_footer_bottom {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 57px;
    margin-bottom: 79px
}

.footer_bottom_box {
    display: flex;
    align-items: center
}

.footer_bottom_copy {
    font-family: Light;
    font-weight: 400;
    font-size: 14px;
    color: #e8e8e8;
    line-height: 24px
}

.footer_bottom_copy p {
    opacity: .29
}

.footer_bottom_copy a {
    opacity: 1
}

.footer_bottom_img img {
    width: 44px;
    height: 28px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    margin-right: 17px
}

.web_footer .vector8 {
    position: absolute;
    right: 3.8%;
    bottom: 11%
}

@media only screen and (max-width:1680px) {
    .web_section_vector #last_vector_box::before {
        display: block
    }

    .web_section_vector .web_vector_box {
        padding-right: 100px
    }

    .web_section_vector .web_vector_box::before {
        right: 60px
    }
}

@media only screen and (max-width:1440px) {
    .web_section_vector .web_vector_box {
        padding-right: 80px
    }

    .web_section_vector .web_vector_box::before {
        right: 50px
    }
}

@media only screen and (max-width:1366px) {
    .head_nav>li {
        margin-right: 14px
    }

    .web_head .nav_wrap .head_nav {
        margin-right: 30px
    }

    .web_section_vector .web_vector_box {
        padding-right: 50px
    }

    .web_section_vector .web_vector_box::before {
        right: 30px
    }
}

@media only screen and (max-width:1200px) {
    .head_nav>li>a {
        font-size: 16px
    }

    .head_nav>li {
        margin-right: 8px
    }

    .web_footer .foor_service_ul p {
        font-size: 20px
    }

    .web_head .btn--search {
        max-width: 160px
    }

    .web_head .nav_wrap .head_nav {
        margin-right: 10px
    }
}

@media only screen and (max-width:950px) {
    .sys_sub_head {
        margin-top: 60px
    }

    .footer_bottom_box,
    .web_head_top,
    .index_web_head,
    .web_section_decoration img,
    .web_section_vector #last_vector_box2::before,
    .web_section_vector #last_vector_box::before,
    .web_footer .vector8,
    .slider_banner_left {
        display: none
    }

    .web_decoration_title2,
    .web_decoration_text3 {
        display: block
    }

    .web_section_advantage .layout {
        padding: 0
    }

    .layout {
        margin: 0 auto;
        width: 90%
    }

    .web_section_decoration {
        width: 100%;
        border: 1px solid #ebe7e4;
        background-color: #ebe7e4;
        margin: 0 auto;
        padding: 0 20px
    }

    .web_section_decoration .web_decoration_title {
        position: relative;
        font-size: 24px;
        margin-top: 12.4%;
        padding: 0 5px;
        font-weight: 400;
        font-weight: bold;
        top: 0
    }

    .sub_tit {
        font-size: 25px
    }

    .web_section_decoration .web_decoration_text1 {
        position: relative;
        font-size: 23px;
        margin-top: 4.3%;
        font-weight: 400;
        top: 0
    }

    .web_section_decoration .web_decoration_text2 {
        position: relative;
        font-size: 20px;
        font-weight: 400;
        top: 0
    }

    .web_section_decoration .web_decoration_btnbox {
        position: relative;
        margin-top: 9.1%;
        margin-bottom: 13%
    }

    .web_section_decoration .web_decoration_btnbox .web_decoration_btn a {
        font-size: 20px
    }

    .web_footer {
        margin-bottom: 57px
    }

    .web_footer .layout {
        padding-top: 87px;
        padding-bottom: 78px
    }

    .foor_service {
        width: 98%;
        padding: 30px 0
    }

    .web_footer .foor_service_right {
        width: 100%;
        padding: 0
    }

    .web_footer .foor_service_title {
        font-weight: 400;
        font-size: 36px
    }

    .web_footer .foor_service_text {
        font-weight: 400;
        font-size: 30px
    }

    .web_footer .Subscribe {
        font-weight: 600;
        font-size: 30px;
        right: 46px
    }

    .web_footer .foor_service_right img {
        width: 29px;
        height: 21px
    }

    .foor_service .foor_service_left {
        flex-direction: column;
        width: 100% !important
    }

    .foor_service .foor_service_ul {
        border-bottom: 1px solid rgba(255, 255, 255, 0.19)
    }

    .foor_service .foor_service_ul p {
        font-weight: 600;
        font-size: 36px;
        padding: 40px;
        position: relative
    }

    .foor_service .foor_service_ul p::before {
        content: " ";
        position: absolute;
        top: 50%;
        right: 40px;
        width: 15px;
        height: 28px;
        transform: translateY(-50%);
        background-image: url(../images/Adict.png)
    }

    .foor_service .foor_service_ul ul {
        display: none;
        margin-top: -20px
    }

    .foor_FOLLOW {
        font-weight: 600;
        font-size: 30px;
        margin-top: 76px;
        padding-left: 40px
    }

    .foor_FOLLOW a {
        font-size: 30px
    }

    .web_footer .foor_icons {
        display: flex;
        padding-left: 40px;
        margin-top: 68px
    }

    .web_footer .foor_icons a img {
        width: 42px;
        height: 42px
    }

    .footer_bottom_copy {
        padding: 0 40px;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px
    }

    .web_footer .web_footer_bottom {
        padding-left: 0;
        margin-left: 47px
    }

    .web_footer .foor_service_ul ul li {
        padding: 5px 0;
        padding-left: 50px;
        font-size: 25px
    }

    .web_section_vector .layout {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    .web_section_vector #last_vector_box1::after,
    .web_section_vector #last_vector_box2::after {
        position: absolute;
        bottom: 0;
        right: 0;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.19)
    }

    .web_section_Contact .layout {
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 60px;
        padding-top: 13px
    }

    .web_section_Contact #web_section_Contact3 {
        grid-column: 1 / -1
    }

    .web_section_Contact .web_section_Contact {
        margin-top: 45px
    }

    .web_advantage_swiper .web_advantage_slide .ad_data {
        font-weight: 400;
        font-size: 24px
    }

    .web_advantage_swiper .web_advantage_slide .ad_tit {
        font-weight: 400;
        font-size: 24px;
        margin: 0
    }

    .web_advantage_swiper .web_advantage_slide .ad_desc {
        display: none
    }

    .web_advantage_hd .web_feature_hd a {
        font-weight: 400;
        font-size: 24px
    }

    .Video_wrap .Video_wrap_ytb {
        margin: auto;
        width: 99.4%;
        padding: 0px 0;
        background-color: #020412;
        position: relative
    }
}

@media only screen and (max-width:750px) {
    .slider_banner_text {
        display: none
    }

    .slider_banner_header .slider_banner_text1 {
        display: none
    }

    .web_Office_Chair .web_Office_Forms .Office_Forms a {
        width: 60px;
        height: 18px;
        font-family: Regular;
        font-weight: 400;
        font-size: 18px;
        color: #232323;
        border-bottom: 1px solid #232323;
        margin-right: 0
    }
}

@media only screen and (max-width:640px) {
    .web_footer .Subscribe {
        font-weight: 600;
        font-size: 20px;
        right: 46px
    }

    .Video_wrap .Video_wrap_box {
        background-color: #dbd5cf;
        padding-top: 35px;
        padding-bottom: 50px
    }

    .web_footer .foor_service_input input::placeholder {
        font-size: 20px
    }

    .web_Promotions_parent {
        background-color: #dbd5cf;
        padding-top: 80px;
        padding-bottom: 83px
    }

    .foor_service .foor_service_ul p {
        font-size: 20px;
        padding: 6px 20px;
        margin-top: 9px;
        margin-bottom: 10px
    }

    .foor_service .foor_service_ul p::before {
        content: " ";
        position: absolute;
        top: 50%;
        right: 35px;
        width: 5px;
        height: 9px;
        transform: translateY(-50%);
        background-image: url(../images/Adict.png);
        background-size: contain
    }

    .foor_FOLLOW {
        font-weight: 600;
        font-size: 30px;
        margin-top: 0px;
        padding-left: 40px
    }

    .web_footer .foor_icons a img {
        width: 23px;
        height: 25px
    }

    .foor_FOLLOW {
        padding-left: 20px
    }

    .web_footer .foor_icons {
        display: flex;
        padding-left: 40px;
        margin-top: 28px
    }

    .web_footer .web_footer_bottom {
        padding-left: 0;
        margin-left: 0px;
        margin-top: 32px;
        margin-bottom: 3px
    }

    .web_footer .foor_service_title {
        font-weight: 400;
        font-size: 22px
    }

    .web_footer .foor_service_text {
        font-weight: 400;
        font-size: 18px
    }

    .web_footer .layout {
        padding-top: 22px;
        padding-bottom: 78px
    }

    .foor_FOLLOW a {
        font-size: 20px
    }

    .web_footer .foor_icons2 {
        padding-left: 20px
    }

    .web_footer .foor_icons2 img {
        margin-right: 30px
    }

    .footer_bottom_copy {
        padding: 0 20px
    }

    .web_footer .foor_icons {
        padding-left: 20px
    }

    .web_section_Contact .layout {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr)
    }

    .Sidebar_banner_menu ul li b.open::after {
        transform: rotate(90deg);
        transition: all .3s ease
    }

    .web_section_vector .layout {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr)
    }

    .web_section_vector #last_vector_box3::before,
    .web_section_vector #last_vector_box1::before {
        display: none
    }

    .web_section_vector #last_vector_box3::after {
        position: absolute;
        bottom: 0;
        right: 0;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.19)
    }

    .web_Frequently_ul .web_Frequently_li p {
        font-size: 20px
    }
}

@media only screen and (max-width:500px) {
    .Video_wrap .Video_wrap_ytb {
        margin: auto;
        width: 90%;
        padding: 30px 0;
        background-color: #020412;
        position: relative
    }

    .Video_wrap .Video_wrap_ytb iframe {
        height: 200px
    }

    .web_section_Contact .web_section_Contact {
        margin-top: 7px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fadeInLeftA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -ms-transform: none
    }
}

.fadeInLeftA {
    -webkit-animation-name: fadeInLeftA;
    animation-name: fadeInLeftA
}

@-webkit-keyframes fadeInUpA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        -ms-transform: translate3d(0, 30%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -ms-transform: none
    }
}

.fadeInUpA {
    -webkit-animation-name: fadeInUpA;
    animation-name: fadeInUpA
}

@-webkit-keyframes fadeInRightA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0);
        -ms-transform: translate3d(30%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -ms-transform: none
    }
}

.fadeInRightA {
    -webkit-animation-name: fadeInRightA;
    animation-name: fadeInRightA
}

@-webkit-keyframes fadeInDownA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        -ms-transform: translate3d(0, -20%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -ms-transform: none
    }
}

.fadeInDownA {
    -webkit-animation-name: fadeInDownA;
    animation-name: fadeInDownA
}

@keyframes fadeInA {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeInA {
    -webkit-animation-name: fadeInA;
    animation-name: fadeInA
}

@-webkit-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.change-language .change-language-title,
.change-language .change-language-title a {
    font-size: 10pt;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center
}

.change-language .change-language-cont {
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 999;
    visibility: hidden;
    overflow-y: scroll;
    padding: 20px 10px 20px 20px;
    width: 360px;
    max-height: 80vh;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: scale3d(.9, .9, 1);
    -ms-transition: all .3s ease-in-out
}

.change-language:hover .change-language-cont {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.change-language .change-language-cont li {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    width: 30%;
    vertical-align: top;
    font-size: 10pt
}

.change-language .change-language-cont .lang-item-hide {
    display: none !important
}

.change-language .change-language-cont .lang-more {
    position: relative;
    display: block;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.change-language .change-language-cont .more-active {
    font-size: 20px
}

.language-flag span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.3em;
    text-transform: capitalize;
}

.change-language ::-webkit-scrollbar {
    width: 5px
}

.change-language ::-webkit-scrollbar-track {
    background-color: #fff
}

.change-language ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.3)
}

.language-flag .country-flag {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    margin: -8px 5px 0;
    width: 22px;
    height: 16px;
    background-image: url(../images/all-m.gif);
    background-repeat: no-repeat;
    vertical-align: top
}

li.language-flag a {
    position: relative;
    color: black
}

.language-flag-af .country-flag {
    background-position: 0 0 !important
}

.language-flag-sq .country-flag {
    background-position: 0 -16px !important
}

.language-flag-ar .country-flag {
    background-position: 0 -32px !important
}

.language-flag-hy .country-flag {
    background-position: 0 -48px !important
}

.language-flag-az .country-flag {
    background-position: 0 -64px !important
}

.language-flag-eu .country-flag {
    background-position: 0 -80px !important
}

.language-flag-be .country-flag {
    background-position: 0 -96px !important
}

.language-flag-bg .country-flag {
    background-position: 0 -112px !important
}

.language-flag-ca .country-flag {
    background-position: 0 -128px !important
}

.language-flag-zh .country-flag {
    background-position: 0 -144px !important
}

.language-flag-zh-TW .country-flag {
    background-position: 0 -160px !important
}

.language-flag-hr .country-flag {
    background-position: 0 -176px !important
}

.language-flag-cs .country-flag {
    background-position: 0 -192px !important
}

.language-flag-da .country-flag {
    background-position: 0 -208px !important
}

.language-flag-nl .country-flag {
    background-position: 0 -240px !important
}

.language-flag-en .country-flag {
    background-position: 0 -256px !important
}

.language-flag-et .country-flag {
    background-position: 0 -272px !important
}

.language-flag-tl .country-flag {
    background-position: 0 -288px !important
}

.language-flag-fi .country-flag {
    background-position: 0 -304px !important
}

.language-flag-fr .country-flag {
    background-position: 0 -320px !important
}

.language-flag-gl .country-flag {
    background-position: 0 -336px !important
}

.language-flag-ka .country-flag {
    background-position: 0 -352px !important
}

.language-flag-de .country-flag {
    background-position: 0 -368px !important
}

.language-flag-el .country-flag {
    background-position: 0 -384px !important
}

.language-flag-ht .country-flag {
    background-position: 0 -400px !important
}

.language-flag-iw .country-flag {
    background-position: 0 -416px !important
}

.language-flag-hi .country-flag,
.language-flag-te .country-flag,
.language-flag-kn .country-flag,
.language-flag-ta .country-flag,
.language-flag-gu .country-flag {
    background-position: 0 -432px !important
}

.language-flag-hu .country-flag {
    background-position: 0 -448px !important
}

.language-flag-is .country-flag {
    background-position: 0 -464px !important
}

.language-flag-id .country-flag {
    background-position: 0 -480px !important
}

.language-flag-ga .country-flag {
    background-position: 0 -496px !important
}

.language-flag-it .country-flag {
    background-position: 0 -512px !important
}

.language-flag-ja .country-flag {
    background-position: 0 -528px !important
}

.language-flag-ko .country-flag {
    background-position: 0 -544px !important
}

.language-flag-la .country-flag {
    background-position: 0 -560px !important
}

.language-flag-lv .country-flag {
    background-position: 0 -576px !important
}

.language-flag-lt .country-flag {
    background-position: 0 -592px !important
}

.language-flag-mk .country-flag {
    background-position: 0 -608px !important
}

.language-flag-ms .country-flag {
    background-position: 0 -624px !important
}

.language-flag-mt .country-flag {
    background-position: 0 -640px !important
}

.language-flag-no .country-flag {
    background-position: 0 -656px !important
}

.language-flag-fa .country-flag {
    background-position: 0 -672px !important
}

.language-flag-pl .country-flag {
    background-position: 0 -688px !important
}

.language-flag-pt .country-flag {
    background-position: 0 -704px !important
}

.language-flag-ro .country-flag {
    background-position: 0 -720px !important
}

.language-flag-ru .country-flag {
    background-position: 0 -736px !important
}

.language-flag-sr .country-flag {
    background-position: 0 -752px !important
}

.language-flag-sk .country-flag {
    background-position: 0 -768px !important
}

.language-flag-sl .country-flag {
    background-position: 0 -784px !important
}

.language-flag-es .country-flag {
    background-position: 0 -800px !important
}

.language-flag-sw .country-flag {
    background-position: 0 -816px !important
}

.language-flag-sv .country-flag {
    background-position: 0 -832px !important
}

.language-flag-th .country-flag {
    background-position: 0 -848px !important
}

.language-flag-tr .country-flag {
    background-position: 0 -864px !important
}

.language-flag-uk .country-flag {
    background-position: 0 -880px !important
}

.language-flag-ur .country-flag {
    background-position: 0 -896px !important
}

.language-flag-vi .country-flag {
    background-position: 0 -912px !important
}

.language-flag-cy .country-flag {
    background-position: 0 -928px !important
}

.language-flag-yi .country-flag {
    background-position: 0 -944px !important
}

.language-flag-bn .country-flag {
    background-position: 0 -960px !important
}

.language-flag-eo .country-flag {
    background-position: 0 -976px !important
}

.language-flag.language-flag-custom-afghanistan .country-flag {
    background-position: 0 -992px !important
}

.language-flag.language-flag-custom-albania .country-flag {
    background-position: 0 -1008px !important
}

.language-flag.language-flag-custom-algeria .country-flag {
    background-position: 0 -1024px !important
}

.language-flag.language-flag-custom-argentina .country-flag {
    background-position: 0 -1040px !important
}

.language-flag.language-flag-custom-australia .country-flag {
    background-position: 0 -1056px !important
}

.language-flag.language-flag-custom-austria .country-flag {
    background-position: 0 -1072px !important
}

.language-flag.language-flag-custom-belgium .country-flag {
    background-position: 0 -1088px !important
}

.language-flag.language-flag-custom-brazil .country-flag {
    background-position: 0 -1104px !important
}

.language-flag.language-flag-custom-canada .country-flag {
    background-position: 0 -1120px !important
}

.language-flag.language-flag-custom-chile .country-flag {
    background-position: 0 -1136px !important
}

.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
    background-position: 0 -1152px !important
}

.language-flag.language-flag-custom-ecuador .country-flag {
    background-position: 0 -1168px !important
}

.language-flag.language-flag-custom-egypt .country-flag {
    background-position: 0 -1184px !important
}

.language-flag.language-flag-custom-england .country-flag {
    background-position: 0 -1200px !important
}

.language-flag.language-flag-custom-luxembourg .country-flag {
    background-position: 0 -1216px !important
}

.language-flag.language-flag-custom-malaysia .country-flag {
    background-position: 0 -1232px !important
}

.language-flag.language-flag-custom-mexico .country-flag {
    background-position: 0 -1248px !important
}

.language-flag.language-flag-custom-new-zealand .country-flag {
    background-position: 0 -1264px !important
}

.language-flag.language-flag-custom-oman .country-flag {
    background-position: 0 -1280px !important
}

.language-flag.language-flag-custom-qatar .country-flag {
    background-position: 0 -1296px !important
}

.language-flag.language-flag-custom-saudi-arabia .country-flag {
    background-position: 0 -1312px !important
}

.language-flag.language-flag-custom-singapore .country-flag {
    background-position: 0 -1328px !important
}

.language-flag.language-flag-custom-south-africa .country-flag {
    background-position: 0 0 !important
}

.language-flag.language-flag-custom-switzerland .country-flag {
    background-position: 0 -1344px !important
}

.language-flag.language-flag-custom-syria .country-flag {
    background-position: 0 -1360px !important
}

.language-flag.language-flag-custom-united-arab-emirates .country-flag {
    background-position: 0 -1376px !important
}

.language-flag.language-flag-custom-united-states-of-america .country-flag {
    background-position: 0 -1392px !important
}

.language-flag-hy .country-flag {
    background-position: 0 -1408px
}

.language-flag-bs .country-flag {
    background-position: 0 -1424px
}

.language-flag-ceb .country-flag {
    background-position: 0 -1440px
}

.language-flag-ny .country-flag {
    background-position: 0 -1456px
}

.language-flag-ha .country-flag {
    background-position: 0 -1472px
}

.language-flag-hmn .country-flag {
    background-position: 0 -1488px
}

.language-flag-ig .country-flag {
    background-position: 0 -1504px
}

.language-flag-jw .country-flag {
    background-position: 0 -1520px
}

.language-flag-kk .country-flag {
    background-position: 0 -1536px
}

.language-flag-km .country-flag {
    background-position: 0 -1552px
}

.language-flag-lo .country-flag {
    background-position: 0 -1568px
}

.language-flag-la .country-flag {
    background-position: 0 -1584px
}

.language-flag-mg .country-flag {
    background-position: 0 -1600px
}

.language-flag-ml .country-flag {
    background-position: 0 -1616px
}

.language-flag-mi .country-flag {
    background-position: 0 -1632px
}

.language-flag-mr .country-flag {
    background-position: 0 -1648px
}

.language-flag-mn .country-flag {
    background-position: 0 -1664px
}

.language-flag-my .country-flag {
    background-position: 0 -1680px
}

.language-flag-ne .country-flag {
    background-position: 0 -1696px
}

.language-flag-pa .country-flag {
    background-position: 0 -1712px
}

.language-flag-st .country-flag {
    background-position: 0 -1728px
}

.language-flag-si .country-flag {
    background-position: 0 -1744px
}

.language-flag-so .country-flag {
    background-position: 0 -1760px
}

.language-flag-su .country-flag {
    background-position: 0 -1776px
}

.language-flag-tg .country-flag {
    background-position: 0 -1792px
}

.language-flag-uz .country-flag {
    background-position: 0 -1808px
}

.language-flag-yo .country-flag {
    background-position: 0 -1824px
}

.language-flag-zu .country-flag {
    background-position: 0 -1840px
}

.scrollsidebar,
.scrollsidebar a {
    font-size: 16px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif
}

.scrollsidebar {
    position: absolute;
    z-index: 30;
    top: 150px;
    right: 0
}

.show_btn {
    width: 38px;
    height: 192px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background: url(../images/show_btn1.png) no-repeat center center
}

.side_content {
    width: 0;
    height: auto;
    overflow: hidden;
    float: left
}

.side_content .side_list {
    width: 140px;
    overflow: hidden;
    border: 1px solid #dadada;
    border-radius: 8px;
    position: relative;
    background: #fff
}

.side_content .side_list .hd img {
    width: 100%;
    border-bottom: 1px solid #dadada
}

.side_content .side_list .cont li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dadada;
    list-style: none;
    position: relative
}

.side_content .side_list .cont li a {
    position: relative;
    display: block;
    padding: 0 0 0 43px;
    text-decoration: none;
    display: inline-block
}

.side_content .side_list .cont li a:before {
    content: "";
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    left: 10px;
    width: 25px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center
}

.side_content .side_list .cont li .email:before {
    background-image: url(../images/icons01.png)
}

.side_content .side_list .cont li .skype:before {
    background-image: url(../images/icons02.png)
}

.side_content .side_list .cont li .inquiry:before {
    background-image: url(../images/icons03.png)
}

.side_content .side_list .cont li .qq:before {
    background-image: url(../images/icons04.png)
}

.ww {
    margin-left: -30px
}

.side_content .side_list .t-code {
    padding: 10px 10px 7px;
    border-bottom: 1px solid #dadada
}

.side_content .side_list .t-code img {
    width: 100%
}

.side_content .side_list .side_title {
    height: 30px;
    line-height: 30px;
    padding: 0 12px
}

.side_content .side_list .side_title .close_btn {
    background: url(../images/close.png) no-repeat center center;
    width: 12px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 10px;
    cursor: pointer
}

.side_content .side_list .side_title .close_btn span {
    display: none
}

.inquiry-pop-bd {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -220px 0 0 -275px;
    width: 550px;
    height: 480px;
    background: #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    display: none;
    z-index: 2000
}

.inquiry-pop-bd:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1
}

.inquiry-pop-bd .inquiry-pop {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 22px;
    z-index: 1;
    background: #fff
}

.inquiry-pop-bd .inquiry-pop .ico-close-pop {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background: url(../images/fancy_close1.png) no-repeat center center;
    cursor: pointer;
    z-index: 1
}

.inquiry-form-wrap {
    position: relative;
    height: 420px;
    width: 100%
}

.ad_prompt {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 40px;
    margin: -20px 0 0;
    text-align: center;
    color: #ff6f00;
    font-size: 20px;
    -webkit-animation: twinkling 1s infinite ease-in-out;
    animation: twinkling 1s infinite ease-in-out;
    display: none
}

@media screen and (max-width:550px) {
    .inquiry-pop-bd {
        width: 98%;
        height: 450px;
        left: 0;
        margin: -265px 0 0 1%
    }

    .inquiry-pop-bd .inquiry-pop {
        padding: 10px
    }

    .scrollsidebar {
        display: none
    }
}

.wath_productg .content-wrap .ch_form_wrap form {
    background: inherit !important
}

.wath_productg {
    background: #dbd5cf
}

.wath_productg .send_email {
    margin-top: 0
}

.wath_productg .item_phone {
    width: 51% !important
}

.wath_productg .send_email .rr {
    margin-top: 17px;
    font-family: Lancelot
}

.wath_productg .send_email .content-wrap.form .ch_form_wrap .item_submit input {
    border-radius: 0%;
    background: #fff;
    color: #000;
    box-shadow: inherit
}

.wath_productg .send_email .content-wrap.form .ch_form_wrap ul li.item_name {
    width: 48.5% !important
}

.wath_productg .send_email .content-wrap.form .ch_form_wrap ul li.item.item_phone {
    width: 48.5% !important
}

.wath_productg .send_email .content-wrap.form .ch_form_wrap ul li.item.item_email {
    width: 48.5% !important
}

.wath_productg .send_email .content-wrap.form .ch_form_wrap ul li {
    margin-bottom: 15px !important
}

.wath_productg .send_email .content-wrap.form .ch_form_wrap ul textarea {
    width: 100%
}

.wath_productg .send_email .content-wrap.form .ch_form_wrap ul li.item_name {
    margin-right: 2%
}

.wath_product .send_email .ll {
    margin-right: 8%;
    width: 32.2%
}

.send_email {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
    flex-wrap: wrap
}

.send_email .ll {
    width: 47.2%
}

.wath_productg .send_email .rr {
    width: 52%;
    padding: 3% 8% 3% 6%
}

.send_email .rr .title {
    font-family: Century751BT-BoldB;
    font-size: 50px;
    color: #000
}

.send_email .rr .detail {
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 29px;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 60px
}

.send_email .content-wrap.form .ch_form_wrap ul {
    padding: 0
}

.send_email .content-wrap.form .ch_form_wrap ul li {
    margin: 0 0 30px;
    line-height: 60px;
    float: left;
    position: relative
}

.send_email .content-wrap.form .ch_form_wrap ul {
    overflow: hidden
}

.send_email .content-wrap.form .ch_form_wrap ul input,
.send_email .content-wrap.form .ch_form_wrap ul textarea,
.send_email .content-wrap.form .ch_form_wrap ul select {
    border: none !important;
    height: 60px;
    padding: 0 30px;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #808080
}

.send_email .content-wrap.form .ch_form_wrap ul li.item_name,
.send_email .content-wrap.form .ch_form_wrap ul li.item_email {
    width: 46.5%
}

.send_email .content-wrap.form .ch_form_wrap ul li.item_name {
    margin-right: 7%
}

.send_email .content-wrap.form .ch_form_wrap ul li::before {
    content: "*";
    position: absolute;
    color: #ad222c;
    font-size: 16px;
    left: 17px;
    top: 2px;
    z-index: 9
}

.item_submit::before {
    display: none !important
}

.send_email .content-wrap.form .ch_form_wrap ul textarea {
    height: 147px;
    padding-top: 20px
}

.send_email .content-wrap.form .ch_form_wrap .item_submit {
    padding: 0
}

.send_email .content-wrap.form .ch_form_wrap .item_submit input {
    padding: 0;
    box-shadow: 0 9px 16px 0 #636363;
    background-color: #000;
    line-height: 60px;
    width: 200px;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 22px;
    color: #fff;
    border-radius: 30px
}

.send_email .content-wrap.form .ch_form_wrap .item_submit input:hover {
    opacity: .6
}

.svg_icon {
    position: absolute;
    content: "\f067";
    right: 0;
    font-size: 15px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 56%;
    width: 50px;
    height: 50px;
    margin-top: -31.5px;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.faq_list {
    position: relative;
    width: 100%
}

.faq-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 25px;
    border-bottom: 3px solid #ddd
}

.faq-item .faq-title {
    position: relative;
    font-size: 24px;
    padding: 15px 0;
    cursor: pointer
}

.faq-item .faq-title:before {
    position: absolute;
    right: 0;
    font-size: 14px
}

.faq-item .faq-title h3 {
    font-weight: normal;
    font-size: 24px
}

.faq-title b {
    position: absolute;
    right: 0;
    font-size: 15px
}

.faq-item .faq-cont {
    margin: 0 0 25px;
    display: none;
    font-family: Catamaran;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 24px;
    opacity: .49
}

.faq-item:first-child .faq-cont {
    display: block;
    font-family: Catamaran;
    font-weight: 400;
    font-size: 18px;
    color: #232323;
    line-height: 24px;
    opacity: .49
}

.wath_product {
    background: #f6f6f6
}

.wath {
    font-family: Lancelot;
    font-weight: 400;
    font-size: 36px;
    margin-bottom: 32px;
    color: #232323
}

.advantage_button_prev,
.advantage_button_next {
    transition: all .3s ease;
    cursor: pointer
}

.advantage_button_prev:hover,
.advantage_button_next:hover {
    transform: translateY(-3px)
}

.ppp_title {
    text-align: left;
    padding-top: 65px;
    font-family: Lancelot;
    font-weight: 400;
    font-size: 36px;
    color: #232323;
    padding-bottom: 40px
}

.te {
    text-align: center;
    padding-bottom: 10px;
    font-family: Catamaran;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-decoration-line: underline
}

.relate-products {
    padding-bottom: 80px
}

.relate-product-swiper {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap
}

.relate-product-swiper .wering {
    width: 49%
}

.relate-product-swiper .wering {
    position: relative;
    width: 23%;
    background: #fff
}

.relate-products .swiper-slide:hover .products_more {
    opacity: 1
}

.relate-products .title {
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 22px;
    height: 129px;
    color: #000000;
    margin-top: 10px;
    transition: all ease-in-out .3s;
    display: block
}

.te,
.relate-products .title {
    display: block
}

.relate-products .title:hover {
    color: #000
}

.relate-product-swiper .wering {
    position: relative;
    width: 23%;
    background: #fff;
    margin-right: calc(8% / 3);
}

.relate-product-swiper .wering:last-child {
    margin-right: 0;
}

.relate-product-swiper {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap
}

.re-next,
.re-prev {
    background-image: none;
    margin-top: 0;
    width: 48px;
    height: 36px;
    opacity: 1;
    transform: translateY(-50%);
    opacity: .5
}

.re-next:hover,
.re-prev:hover {
    opacity: 1
}

.relate-product-swiper .wering img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover
}

.relate-product-swiper .wering .img {
    position: relative;
    padding-bottom: 78%;
    width: 100%
}

.web_section_advantage .web_advantage_hd {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 60px
}

.web_section_advantage .web_advantage_hd .web_feature_hd {
    display: flex;
    justify-content: space-between
}

.aside {
    float: left;
    width: 100%
}

.side-tit-bar {
    position: relative
}

.side-tit-bar .side-tit {
    position: relative;
    text-transform: capitalize;
    color: #202020;
    text-align: left;
    font-weight: bold
}

.side-tit-bar .side-tit span {
    font-family: "Montserrat-ExtraBold"
}

.side-tit-bar .side-tit:after {
    background-color: #bcbcbc;
    width: 58px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: ""
}

.side-widget {
    position: relative;
    margin: 0 0 .2rem
}

.side-cate {
    padding: .2rem 0
}

.side-cate li {
    position: relative;
    line-height: 33px
}

.side-cate li {
    margin: 0 .3rem 0 .15rem
}

.side-cate li ul li {
    padding: 0 .15rem;
    margin: 0
}

.side-cate li ul li.current a {
    color: #445779
}

.side-cate li ul li.current:before {
    background-color: #445779
}

.side-cate ul {
    display: none
}

.side-cate li a {
    position: relative;
    display: inline-block;
    margin-top: -1px
}

.side-cate li .icon-cate {
    flex: .5;
    position: absolute;
    justify-content: flex-end;
    align-items: center;
    right: 0;
    top: 22px
}

.side-cate li .icon-cate.icon-cate-down:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/elliptical-right.png) no-repeat center center;
    background-size: cover
}

.side-cate li .icon-cate.icon-cate-up:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/elliptical-right.png) no-repeat center center;
    background-size: cover
}

.side-cate li.nav-current>a,
.side-cate li:hover>a,
li.show_li>a {
    color: #445779 !important;
    font-weight: bold !important
}

.side-cate li.nav-current>.icon-cate,
.side-cate li:hover>.icon-cate,
li.show_li>.icon-cate {
    color: #3a3b4d
}

.side_product_item {
    position: relative;
    display: block;
    width: 100%;
    padding: .12rem 0;
    overflow: hidden
}

.side_product_item figure {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

.side_product_item .item-img {
    position: relative;
    width: .85rem;
    display: table-cell;
    vertical-align: middle;
    padding: 0 .2rem 0 0
}

.side_product_item .item-img img {
    position: relative;
    width: 100%;
    border: 1px solid #eee
}

.side_product_item figcaption {
    display: table-cell;
    vertical-align: middle
}

.side_product_item figcaption a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.aside .side-bn {
    max-width: 100%;
    margin: 0 0 25px 0
}

.aside .side-bn img {
    max-width: 100%
}

.side-cate>li {
    font-family: SemiBold;
    font-weight: 600;
    font-size: 20px;
    color: #020412;
    position: relative;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(2, 4, 12, 0.29)
}

.side-cate>li ul {
    padding-left: 28px;
    font-family: SemiBold;
    font-weight: 600;
    font-size: 18px;
    color: #020412;
    opacity: .6
}

.side-cate>li ul li {
    border-bottom: inherit !important
}

.page-bar {
    margin-top: .3rem
}

.pages .pagination ul {
    display: flex;
    justify-content: center
}

.pages {
    position: relative;
    text-align: right
}

.pages .pagination ul .active span {
    color: #fff;
    background: #f3b020
}

.pages a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #44577942;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
    padding: 0 8px;
    margin: 0 0 0 5px;
    background-color: #f3f3f3
}

.pages a.current,
.pages a:hover {
    background: #f3b020;
    color: #fff
}

.pages span {
    border: 1px solid #44577942;
    line-height: 40px;
    text-align: center;
    min-width: 40px;
    padding: 0 8px;
    margin: 0 0 0 5px;
    border-radius: 3px;
    display: inline-block
}

.fist_re img {
    width: initial !important
}

.gotop {
    position: fixed;
    right: 88px;
    bottom: 63px;
    z-index: 99999;
    visibility: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 70px;
    height: 69px;
    background-color: #2b3384;
    background-clip: content-box;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -ms-transform: translateY(100%)
}

.gotop.active {
    visibility: visible;
    opacity: 1;
    background: url("../images/top.png") no-repeat center center;
    background-size: cover;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    margin-bottom: 44px;
    transform: none;
    -ms-transform: none
}

.gotop:before,
.gotop em {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.gotop em {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    filter: alpha(opacity=0);
    -ms-transform: translateY(10px)
}

.gotop:before {
    display: block;
    content: "\f176";
    opacity: 0;
    font-family: "fontawesome"
}

.gotop:hover em {
    opacity: 0;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    filter: alpha(opacity=100);
    -ms-transform: none
}

.gotop:hover:before {
    opacity: 0;
    -webkit-transform: translateY(-15px) scale(.5);
    -o-transform: translateY(-15px) scale(.5);
    transform: translateY(-15px) scale(.5);
    -ms-transform: translateY(-15px) scale(.5);
    filter: alpha(opacity=0)
}

.layout1 {
    width: 1440px;
    margin: 0 auto
}

.guanyu_wm_all {
    width: 100%;
    height: auto;
    margin-top: 9.38%;
    display: flex;
    justify-content: space-between
}

.gaunyu_all {
    width: 50%;
    line-height: 2;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    display: inline-block;
    align-content: space-between
}

.gaunyu_all1 {
    align-content: space-around
}

.guanyu_all_biao {
    font-family: "Lancelot";
    font-weight: bold;
    font-size: 48px;
    color: #333333;
    line-height: 56px;
    padding-left: 80px;
    text-align: left;
    font-style: normal;
    text-transform: capitalize
}

.abtat {
    margin-top: 10%;
    margin-bottom: 10%;
    width: 85%;
    border-bottom: 2px solid #02041230
}

.guanyu_all_nr p {
    line-height: 1.5;
    font-family: Catamaran;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #020412
}

.guanyu_all_nr {
    font-family: Arial, Arial;
    font-weight: 400;
    padding-left: 80px;
    font-size: 16px;
    color: #666666;
    line-height: 51px;
    text-align: left;
    margin-top: 100px;
    font-style: normal;
    text-transform: none
}

@media only screen and (max-width:1366px) {
    .guanyu_all_nr {
        padding-left: 0px;
        margin-top: 24px
    }
}

@media only screen and (max-width:500px) and only screen and (max-width:950px) {
    .layout {
        margin: 0 auto;
        width: 95%
    }
}

.guanyu_img {
    width: 46%;
    height: auto;
    position: relative;
    overflow: hidden
}

.abpoots_re {
    margin-top: 80px
}

.guanyu_img img {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: all .3s
}

.guanyu_img:hover img {
    transform: scale(1.05)
}

.about_all {
    margin-top: 120px;
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 23%
}

.about_all img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

.about_all:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 99
}

.about_beij {
    position: absolute;
    top: 50%;
    width: 830px;
    left: 50%;
    height: 226px;
    z-index: 99;
    transform: translate(-50%, -50%)
}

.about_beij .about_beij_biao {
    font-family: "Chaparral Pro, Chaparral Pro";
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-align: center
}

.about_beij .about_beij_nr {
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    font-style: normal;
    text-transform: none;
    text-align: center;
    margin-top: 40px
}

.about_beij_nr_biao {
    width: 212px;
    height: 60px;
    margin: 40px auto
}

a {
    text-decoration: none;
    color: inherit
}

.about_beij_nr_biao .about_beij_nr_biao_a {
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3b020;
    border-radius: 4px 4px 4px 4px;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none
}

@media only screen and (max-width:1366px) {
    .layout1 {
        width: 1100px
    }
}

@media only screen and (max-width:1200px) {
    .layout1 {
        width: 92%
    }

    .web_section_map .web_map_content {
        flex-direction: column
    }

    .map_content_box {
        width: 100%
    }

    .web_map_content .map_content_map {
        width: 100%
    }

    .slider_banner_text1 p {
        width: 60% !important
    }

    .wath_product .send_email .ll {
        width: 40%
    }
}

@media only screen and (max-width:950px) {
    .guanyu_wm_all {
        flex-wrap: wrap;
        margin-top: 57px
    }

    .gaunyu_all {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px
    }


    .guanyu_all_biao {
        font-size: 36px;
        margin-bottom: 20px
    }

    .about_all {
        padding-bottom: 34%;
        margin-top: 28px
    }
}

.timeing {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 12%
}

.timei {
    font-family: "semiBold";
    font-weight: 400;
    font-size: 48px;
    color: #020412;
    text-align: end;
    width: 50%;
    padding-right: 34%;
    padding-bottom: 40px;
    padding-bottom: 20px
}

.aboutso p {
    font-family: "IndieFlower";
    font-weight: 400;
    font-size: 24px;
    color: #020412;
    line-height: 30px
}

.timeg {
    width: 50%;
    font-family: Catamaran;
    font-weight: 400;
    font-size: 24px;
    color: #020412;
    line-height: 30px
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

@media only screen and (max-width:950px) {
    .swiper-vertical>.swiper-wrapper {
        flex-direction: revert
    }

    .about_all img {
        display: none
    }

    .about_beij .about_beij_biao {
        font-size: 24px
    }

    .about_beij .about_beij_nr {
        margin-top: 17px
    }

    .head-search {
        position: relative;
        width: 100%;
        height: 35px;
        background: #f3b020;
        color: #fff
    }

    .head-search .search-ipt {
        width: 100%;
        line-height: 35px;
        height: 35px;
        padding-left: 1.5%;
        color: #fff
    }

    .head-search .search-btn {
        width: 35px;
        height: 35px;
        background-image: url(../images/sousuo.png);
        background-position: 7px center;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 0;
        background-color: transparent;
        border: none
    }

    .search-ipt::-webkit-input-placeholder {
        color: #fff
    }

    .search-ipt:-moz-placeholder {
        color: #fff
    }

    .search-ipt::-moz-placeholder {
        color: #fff
    }

    .search-ipt:-ms-input-placeholder {
        color: #fff
    }

    .wath_product .send_email {
        display: flex !important;
        justify-content: center !important;
        margin-top: 5%
    }

    .send_email .ll {
        width: 90% !important;
        margin: 0 auto !important
    }

    .send_email .rr {
        width: 90% !important;
        margin-top: 5%
    }

    .relate-product-swiper .wering {
        margin-bottom: 5%
    }

    .content-wrap.form .ch_form_wrap {
        width: 90% !important
    }

    .tab-title-bar .tab-title {
        margin: 0 10px !important;
        font-size: 18px !important
    }

    .product-intro .img_re {
        width: 95% !important
    }

    .product-intro .product-summary {
        width: 100%;
        padding-left: 0;
        margin-top: 5%
    }

    .product-view {
        width: 100% !important
    }

    .product-view .image-additional-wrap {
        width: 100% !important
    }

    .product-view .product-image {
        display: none
    }

    .tab-panel-wrap {
        width: 100% !important
    }
}

@media only source and (max-width:600) {
    .tab-title-bar .tab-title {
        margin: 0 10px !important;
        font-size: 16px !important
    }
}

.index_feature_product .right_arrow {
    display: flex
}

.Sidebar_banner_menu ul li {
    font-size: 17px;
    color: #000;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 0%;
    position: relative
}

.Sidebar_banner_menu ul li b:after {
    content: "\f105";
    position: absolute;
    right: 0;
    top: 8px;
    color: #999;
    font-size: 24px;
    font-family: "fontawesome"
}

.Sidebar_banner_menu ul li ul {
    display: none
}

.Sidebar_banner_menu .drop_down ul li {
    color: #fff
}

.Sidebar_banner_menu ul li span {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 19px;
    background: url("../images/grop 32.png") no-repeat center center;
    background-size: cover;
    height: 10px
}

.Sidebar_banner_menu ul li ul li {
    border-bottom: 1px solid #eee;
    line-height: 35px;
    text-transform: capitalize
}

.tinaj::after {
    transform: rotate(90deg)
}

.drop_down1 {
    display: flex;
    justify-content: space-between;
    height: 100%
}

.ul_li {
    width: 50%;
    height: 100%;
    border-right: 1px #7a7a7a solid
}

.drop_down1 ul {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.change-language .prisna-wp-translate-seo {
    display: block
}

.change-language .change-language-title,
.change-language .change-language-title a {
    font-size: 10pt
}

.change-language .change-language-title a img {
    width: 12px;
    display: inline-block;
    margin-left: 5px
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(180deg)
    }
}

.change-language:hover .change-language-title a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg)
}

.change-language:hover .change-language-cont {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.change-language .change-language-cont li {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0 10px 0 0px;
    width: 100%;
    vertical-align: top;
    font-size: 10pt
}

.change-language .change-language-cont li a:hover {
    color: #e60012
}

.change-language .change-language-cont .lang-item-hide {
    display: none !important
}

.change-language .change-language-cont .lang-more {
    position: relative;
    display: block;
    text-align: center;
    line-height: 30px;
    color: black;
    cursor: pointer
}

.change-language .change-language-cont .more-active {
    font-size: 20px;
    color: black
}

.change-language ::-webkit-scrollbar {
    width: 5px
}

.change-language ::-webkit-scrollbar-track {
    background-color: #fff
}

.change-language ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.3)
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
    display: block
}

.change-language:hover .change-language-title a img {
    transform: rotate(-180deg)
}

.change-language-cont li {
    width: 100%
}

.change-language-cont {
    display: flex;
    flex-wrap: wrap
}

.language--img {
    background: url(../images/lan.jpg) no-repeat center center;
    width: 18px;
    height: 12px;
    margin-right: 6px;
    display: inline-block
}

.language-en {
    background-position: 0 -218px
}

.language-af {
    background-position: 0 -1px
}

.language-sq {
    background-position: 0 -940px
}

.language-am {
    background-position: 0 -9px
}

.language-be {
    background-position: 0 -48px
}

.language-eu {
    background-position: 0 -252px
}

.language-az {
    background-position: 0 -36px
}

.language-hy {
    background-position: 0 -456px
}

.language-ar {
    background-position: 0 -24px
}

.language-am {
    background-position: 0 -12px
}

.language-fy {
    background-position: 0 -300px
}

.language-fr {
    background-position: 0 -288px
}

.language-fi {
    background-position: 0 -276px
}

.language-et {
    background-position: 0 -240px
}

.language-eo {
    background-position: 0 -192px
}

.language-en {
    background-position: 0 -216px
}

.language-da {
    background-position: 0 -168px
}

.language-cs {
    background-position: 0 -144px
}

.language-hr {
    background-position: 0 -420px
}

.language-co {
    background-position: 0 -132px
}

.language-ceb {
    background-position: 0 -108px
}

.language-ca {
    background-position: 0 -96px
}

.language-bg {
    background-position: 0 -448px
}

.language-bs {
    background-position: 0 -84px
}

.language-bn {
    background-position: 0 -72px
}

.language-be {
    background-position: 0 -48px
}

.language-is {
    background-position: 0 -492px
}

.language-sm {
    background-position: 0 -972px
}

.language-ro {
    background-position: 0 -888px
}

.language-pa {
    background-position: 0 -840px
}

.language-pt {
    background-position: 0 -876px
}

.language-pl {
    background-position: 0 -852px
}

.language-fa {
    background-position: 0 -264px
}

.language-ps {
    background-position: 0 -264px
}

.language-or {
    background-position: 0 -827px
}

.language-no {
    background-position: 0 -780px
}

.language-ne {
    background-position: 0 -792px
}

.language-my {
    background-position: 0 -768px
}

.language-mn {
    background-position: 0 -720px
}

.language-mr {
    background-position: 0 -732px
}

.language-mi {
    background-position: 0 -684px
}

.language-mt {
    background-position: 0 -756px
}

.language-ml {
    background-position: 0 -708px
}

.language-ms {
    background-position: 0 -744px
}

.language-mg {
    background-position: 0 -672px
}

.language-mk {
    background-position: 0 -696px
}

.language-lb {
    background-position: 0 -624px
}

.language-lt {
    background-position: 0 -648px
}

.language-lv {
    background-position: 0 -660px
}

.language-la {
    background-position: 0 -613px
}

.language-lo {
    background-position: 0 -636px
}

.language-ky {
    background-position: 0 -600px
}

.language-ku {
    background-position: 0 -120px
}

.language-ko {
    background-position: 0 -588px
}

.language-rw {
    background-position: 0 -912px
}

.language-km {
    background-position: 0 -564px
}

.language-kk {
    background-position: 0 -552px
}

.language-kn {
    background-position: 0 -576px
}

.language-jv {
    background-position: 0 -528px
}

.language-ja {
    background-position: 0 -516px
}

.language-it {
    background-position: 0 -504px
}

.language-ga {
    background-position: 0 -312px
}

.language-id {
    background-position: 0 -467px
}

.language-ig {
    background-position: 0 -480px
}

.language-hu {
    background-position: 0 -443px
}

.language-hmn {
    background-position: 0 -408px
}

.language-hi {
    background-position: 0 -397px
}

.language-he {
    background-position: 0 -384px
}

.language-haw {
    background-position: 0 -300px
}

.language-ha {
    background-position: 0 -1079px
}

.language-ht {
    background-position: 0 -432px
}

.language-gu {
    background-position: 0 -348px
}

.language-el {
    background-position: 0 -204px
}

.language-de {
    background-position: 0 -180px
}

.language-ka {
    background-position: 0 -540px
}

.language-gl {
    background-position: 0 -336px
}

.language-ru {
    background-position: 0 -900px
}

.language-gd {
    background-position: 0 -324px
}

.language-sr {
    background-position: 0 -1006px
}

.language-st {
    background-position: 0 -1017px
}

.language-sn {
    background-position: 0 -984px
}

.language-sd {
    background-position: 0 -984px
}

.language-si {
    background-position: 0 -1271px
}

.language-sk {
    background-position: 0 -1223px
}

.language-sl {
    background-position: 0 -960px
}

.language-so {
    background-position: 0 -994px
}

.language-es {
    background-position: 0 -227px
}

.language-su {
    background-position: 0 -1031px
}

.language-sw {
    background-position: 0 -1055px
}

.language-sv {
    background-position: 0 -1043px
}

.language-tl {
    background-position: 0 -1115px
}

.language-tg {
    background-position: 0 -1091px
}

.language-ta {
    background-position: 0 -1067px
}

.language-tt {
    background-position: 0 -1151px
}

.language-te {
    background-position: 0 -1079px
}

.language-th {
    background-position: 0 -1103px
}

.language-tr {
    background-position: 0 -1138px
}

.language-tk {
    background-position: 0 -1115px
}

.language-uk {
    background-position: 0 -1175px
}

.language-ur {
    background-position: 0 -1187px
}

.language-ug {
    background-position: 0 -1163px
}

.language-uz {
    background-position: 0 -1175px
}

.language-vi {
    background-position: 0 -1211px
}

.language-cy {
    background-position: 0 -156px
}

.language-xh {
    background-position: 0 -1223px
}

.language-yi {
    background-position: 0 -1235px
}

.language-yo {
    background-position: 0 -1247px
}

.language-zu {
    background-position: 0 -1259px
}

.language-zh {
    background-position: 0 -1282px
}

.language-zh-TW {
    background-position: 0 -1282px
}

.change-language-cont li {
    width: 100% !important
}

.trp-language-wrap-bottom,
.change-empty {
    display: none
}

.nav-current1 {
    border-bottom: 3px solid #fff
}

.web_head .head_layout .nav_wrap .head_nav li:hover {
    border-bottom: 3px solid #fff
}

.drop_down {
    position: absolute;
    top: 128px;
    width: 100%;
    background-color: #020412;
    left: 100%;
    border-top: 0 solid #d9dde7;
    padding-top: 38px;
    padding-bottom: 64px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    padding-left: 16%
}

.drop_down .layout {
    align-items: flex-start
}

.drop_down .layout::after {
    display: none
}

.drop_down .layout>ul>li>a {
    font-size: 18px;
    color: #ff0000;
    font-family: OpenSans;
    font-weight: 700
}

.drop_down .layout>ul>li>a::after {
    content: "";
    display: block;
    margin-top: 10px;
    width: 24px;
    height: 1px;
    background-color: #8a8a8a
}

.drop_down .layout>ul>ul {
    margin-top: 10px
}

.drop_down .layout>ul>ul>li>a {
    font-size: 16px;
    line-height: 36px;
    color: #ff0000;
    font-family: OpenSans
}

.drop_down .layout>ul>ul>li>a:hover {
    color: #c59b51
}

.drop_down.drop_true {
    opacity: 1;
    visibility: visible
}

.nav_wrap .head_nav>li:nth-child(2) ul {
    display: none
}

.drop_down:hover {
    opacity: 1;
    visibility: visible
}

.drop_down .layout>ul>ul>li>a {
    background-size: 0
}

.down-img {
    margin: 0 auto
}

.drop_down img {
    width: 100%;
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all ease-in-out .5s;
    background-position: center
}

.web_footer_bottom a:hover {
    color: #6e6e6e;
    opacity: 1
}

.sitemap-logo-boxs #cont h2 {
    line-height: 38px;
    background: #ccc
}

.sitemap-logo-boxs #cont h2 a {
    vertical-align: text-bottom
}

#footer {
    background-color: #000 !important
}

.sitemap-logo-boxs #cont h1 a img {
    border: 1px solid;
    border-radius: 10px
}

.sitemap-logo-boxs {
    background: #dbd5cf
}

.other .web_head.index_web_head {
    background-color: #737373;
    position: fixed;
    top: 0;
    z-index: 10
}

.page-Products3 .web_section_information .web_information_layout .web_information_Description p span {
    line-height: 30px;
    font-family: Junge-Regular
}

@media only screen and (max-width:950px) {
    .web_fixed .layout img {
        width: 70%
    }

    .web_fixed .layout .web_logo_img img {
        max-height: 59px;
        width: auto
    }

    .information_Description_table .Description_table_tr {
        padding: 3% 5%
    }

    .information_Description_table .Description_table_tr .Description_table_text {
        font-size: 20px
    }

    .information_Description_table .Description_table_tr .Description_table_td2 {
        font-size: 16px
    }
}

.inquiry-pop-bd .inquiry-pop .content-wrap .ch_form_wrap .form ul li {
    position: relative;
    width: 100%
}

.xinwen_xx {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.xinwen_xx .xinwen_rq,
.xinwen_xx .xinwen_fan a {
    color: #4e4e4e
}

.xinwen_biao {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px
}

.sj_bann {
    width: 100%;
    height: auto;
    display: none
}

.sjduanxxx {
    display: none !important
}

.jiantxx {
    display: none
}

@media only screen and (max-width:950px) {
    .sj_bann {
        display: block;
        margin-top: 60px
    }

    .diannaoxxx {
        display: none !important
    }

    .sjduanxxx {
        display: flex !important
    }

    .web_section_vector .layout {
        display: flex;
        flex-wrap: wrap
    }

    .web_section_vector .web_vector_box {
        width: 50%;
        padding-right: 0;
        border-right: 1px solid #d1d1d1;
        padding-left: 16px
    }

    .web_section_vector .web_vector_box::before {
        display: none
    }

    .dianjiantxx {
        display: none
    }

    .jiantxx {
        display: block
    }
}

h2 i {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fff
}

.sitemap-logo-boxs #cont h2 {
    background-color: #000
}

.sitemap-logo-boxs #cont h2:hover {
    background-color: #fff
}

.sitemap-logo-boxs #cont h2:hover a {
    color: #000
}

.sitemap-content {
    padding-top: 135px !important
}

.web_Resources_ul .web_Resources_li .Resources_li_list .Resources_li_p a:hover {
    text-decoration: underline
}

@media only screen and (max-width:500px) {
    .web_Office_Forms .Office_Forms_box .Office_Forms_h1 {
        font-size: 26px
    }

    .web_Office_Chair .layout .web_Office_Forms .Office_Forms_box {
        padding-top: 35px
    }

    .web_Office_Chair .web_Office_Forms .Office_Forms {
        margin-top: 0px
    }

    .web_Office_Forms .Office_Forms_box .Office_Forms_text,
    .web_Office_Forms .Office_Forms_box .Office_Forms_text p {
        margin-top: 14px
    }
}

.Sidebar_banner_menu .hide_false {
    display: none
}

.parent_box_img_img {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 141%
}

.parent_box_img_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

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

.column_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.flex_warp {
    display: flex;
    flex-wrap: wrap
}

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

.x_center {
    left: 50%;
    transform: translateX(-50%)
}

.y_center {
    top: 50%;
    transform: translateY(-50%)
}

.pos_center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#aside_right ul li>a::before {
    transition: all .3s ease
}

#aside_right {
    position: fixed;
    right: -90px;
    z-index: 999;
    transition: all .3s ease
}

#aside_right ul li {
    position: relative
}

#aside_right ul li:hover>a::before,
#aside_right ul li.go_active>a::before {
    transform: scale(2)
}

#aside_right ul li:hover .aside_common_show,
#aside_right ul li.go_active .aside_common_show {
    opacity: 1;
    visibility: visible
}

#aside_right ul li:not(:first-child) {
    margin-top: 4px
}

#aside_right ul li>a {
    width: 62px;
    height: 62px;
    background: var(--color-main);
    position: relative;
    overflow: hidden
}

#aside_right ul li>a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--color-shadow);
    border-radius: 50%;
    transform: scale(0)
}

#aside_right ul li>a>img {
    max-width: 40%;
    object-fit: cover;
    position: absolute
}

#aside_right ul li .aside_common_show {
    position: absolute;
    right: calc(100% + 20px);
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    background: var(--color-main);
    opacity: 0;
    visibility: hidden
}

#aside_right ul li .aside_common_show.aside_img_show {
    width: 150px;
    height: 150px
}

#aside_right ul li .aside_common_show.aside_img_show img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#aside_right ul li .aside_common_show.aside_txt_show {
    color: #fff
}

#aside_right ul li .aside_common_show.aside_txt_show a {
    color: #fff;
    white-space: nowrap
}

@media screen and (max-width:1024px) {
    #aside_right {
        display: none
    }
}