/* transition */
.hoverItem, .hoverItem::before, .hoverItem::after, .hoverItem .title, .hoverItem .brief, .hoverItem .pubPic, .hoverItem .pubPic::before, .pubPic img, .hoverItem .more, .hoverItem .item_icon, .hoverItem .order, .pubMore::before, .pubMore, .pubMoreBg, .hoverPic, .pubMore1, .pubMore1::before, .th_more, .pubMore2, .pubMore2::before{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hoverItem:hover .pubPic img, .hoverPic:hover{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

html {font-size: 625%;}
body {font-size: 16px; background: rgb(255, 255, 255);}

:root{
    --commonColor: #009752;
    --comColorRgb: 0, 151, 82;
}


@font-face {
    font-family: fontawesome; font-weight: normal; font-style: normal; font-display: swap;
    src: url("../font/fontawesome-webfont.woff2") format("woff2"),
         url("../font/fontawesome-webfont.woff") format("woff"), 
         url("../font/fontawesome-webfont.ttf") format("truetype");
}
face {
    font-family: 'SourceHanSansCN-Regular'; font-weight: normal; font-style: normal; font-display: swap;
    src: url("../font/SOURCEHANSANSCN-REGULAR.OTF");    
}
@font-face {
    font-family: 'SourceHanSansCN-Medium'; font-weight: normal; font-style: normal; font-display: swap;
    src: url("../font/SOURCEHANSANSCN-MEDIUM.OTF");    
}

@font-face {
    font-family: SourceSansPro;
    src: url("../font/SourceSansPro-Regular.woff2") format("woff2"), url("../font/SourceSansPro-Regular.woff") format("woff"), url("../font/SourceSansPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SourceSansPro-Light;
    src: url("../font/SourceSansPro-Light.woff2") format("woff2"), url("../font/SourceSansPro-Light.woff") format("woff"), url("../font/SourceSansPro-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SourceSansPro-Bold;
    src: url("../font/SourceSansPro-Bold.woff2") format("woff2"), url("../font/SourceSansPro-Bold.woff") format("woff"), url("../font/SourceSansPro-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a, img, *::before, *::after {transition: all 0.45s ease 0s;}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {margin: 0px; padding: 0px;}
body, html, input, button, textarea {color: rgb(51, 51, 51); font-family: SourceSansPro, Arial, Helvetica, sans-serif; line-height: 1.5;}

body {background-color: rgb(255, 255, 255);}

article,aside,figcaption,figure,footer,header,main,nav,section {display: block;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4,h5 {font-size: 14px;}
img {border: none;vertical-align: middle;max-width: 100%;}
li {list-style: none;}
i,em {font-style: normal;}
a {color: rgb(51, 51, 51);text-decoration: none;}
a:focus {outline: none;}
a:hover {color: var(--commonColor);text-decoration: none;}
input[type="text"]:focus {outline: none;}
input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;}
hr {height: 1px;border-right: none;border-bottom: none;border-left: none;border-image: initial;border-top: 1px dashed rgb(193, 193, 193);margin: 15px 0px;}
a:active,select,input,textarea {-webkit-tap-highlight-color: transparent;outline: 0px !important;}
* {box-sizing: border-box;outline: 0px;}

.clearfix::after,.layout::after,.sys_row::after,.web_main::after,.page_main::after,.nav_wrap .head_nav::after,.items_list ul::after,.product_items::after,.cate_items ul::after,.web_head .logo::after,.product-intro::after,.detail-tabs::after,.foot_items::after,.foot_item .news_cell::after,.index_news .news_items::after,.index_news .news_cell .cell_inner::after,.apply_items::after {content: "";display: block;clear: both;visibility: hidden;height: 0px;}
.clear {clear: both;}
body {width: 100%;position: absolute;left: 0px;top: 0px;min-width: 1200px;overflow-x: hidden;}
.layout {width: 1440px;margin: 0px auto;position: relative;}
@media only screen and (max-width: 1580px) {
	.layout{width: 100%; padding: 0 70px; box-sizing: border-box;}
}
@media only screen and (max-width: 1200px) {
    body {min-width:inherit; }
}
@media only screen and (max-width: 1024px) {
    .layout{padding: 0 30px;}
}
@media only screen and (max-width: 980px) {
	body {min-width: 100%}
	.layout{padding: 0 15px;}
	.z10000 {position: relative; z-index: 100000;}
}
.z9999 {z-index: 9999 !important;}
.hide {display: none;}

.gotop {
    position: fixed;
    right: 15px;
    bottom: 50px;
    color: rgb(255, 255, 255);
    background-color: rgba(51, 51, 51, 0.7);
    text-align: center;
    width: 55px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    background-clip: content-box;
    box-sizing: content-box;
    z-index: 99999;
    cursor: pointer;
    font-size: 32px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    transform: translateY(100%);
}

.gotop:hover,
.gotop.active:hover {
    background-color: var(--commonColor);
    color: rgb(255, 255, 255);
}

.gotop.active {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.gotop::before,
.gotop em {
    transition: all 0.3s ease 0s;
}

.gotop em {
    font-size: 18px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    color: rgb(255, 255, 255);
    opacity: 0;
    transform: translateY(10px);
}

.gotop::before {
    font-family: fontawesome;
    content: "";
    display: block;
}

.gotop:hover em {
    opacity: 1;
    transform: none;
}

.gotop:hover::before {
    transform: translateY(-15px) scale(0.5);
    opacity: 0;
}

.head_nav li a,
.nav_wrap .head_nav li li a,
.nav_wrap .head_nav li ul,
.nav_wrap .head_nav li li>a::before,
.head_nav b::after,
.web_head .btn--search,
.web_head .btn--search::before,
.product_item figure,
.gotop,
.product-item .item-img img,
.product_item .item_img img,
.product_item .item_img a,
.product_item,
.product_item .item_img a::before,
.product_item .item_img a::after,
.product_item .item_img::after,
.product-btn-wrap a,
.web_head,
.change-language .change-language-title a::after,
.newsletter .button,
.mobile-head-item .middle-show-content-wrap,
.product_item figure figcaption,
.foot_item a,
.pages a,
.ad_item figure figcaption .item_more,
.head_sns li img,
.side_product_item .add-friend,
.side_product_item .add-friend::after,
.side-product-items .btn-prev,
.side-product-items .btn-next,
.foot_sns li img,
.blog-item::after {
    transition: all 0.5s ease 0s;
}

.head_nav>li>a::before,
.head_nav>li>a::after,
.head-search .search-btn,
.icon-cate,
.index_product .product_item figure,
.index_news .news_cell .cell_hd,
.index_apply .apply_item figure,
.items_list .product_item .item_img,
.company_subscribe .button::before {
    transition: all 0.5s ease-in-out 0s;
}

.sys-layer {
    margin: 0px auto;
}

.sys-row {
    margin: 0px -8px;
}

.sys-col {
    float: left;
}

.sys-col-inner {
    margin: 0px 8px;
}

.sys-col-md {
    float: left;
}

.sys-col-md-12 {
    width: 100%;
}

.sys-col-md-11 {
    width: 91.6667%;
}

.sys-col-md-10 {
    width: 83.3333%;
}

.sys-col-md-9 {
    width: 75%;
}

.sys-col-md-8 {
    width: 66.6667%;
}

.sys-col-md-7 {
    width: 58.3333%;
}

.sys-col-md-6 {
    width: 50%;
}

.sys-col-md-5 {
    width: 41.6667%;
}

.sys-col-md-4 {
    width: 33.3333%;
}

.sys-col-md-3 {
    width: 25%;
}

.sys-col-md-2 {
    width: 16.6667%;
}

.sys-col-md-1 {
    width: 8.33333%;
}

.sys_fl {
    float: left !important;
}

.sys_fr {
    float: right !important;
}

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

.flex_row,
.items_list>ul {
    flex-flow: row wrap;
}

.sys_btn {
    background-color: rgb(255, 255, 255);
    line-height: 25px;
    border: 0px;
    display: inline-block;
    padding: 0.2em 1.2em;
    transform: scaleX(1);
    position: relative;
    overflow: hidden;
    color: var(--commonColor) !important;
}

.sys_btn:hover {
    color: rgb(255, 255, 255) !important;
}

.sys_btn::before {
    z-index: -1;
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    transition: all 0.35s ease 0s;
    transform: skew(35deg);
}

.sys_btn:hover::before {
    left: -50%;
    width: 200%;
    background-color: var(--commonColor);
}

.sys_btn::after {
    content: "ï„…";
    font-size: 20px;
    font-family: fontawesome;
    padding-left: 0.3em;
    vertical-align: middle;
}

input::-webkit-input-placeholder {
    color: rgb(170, 170, 170);
}

.index_promote,
.company_subscribe .button,
.nav_wrap,
.product_item .item_img {
    box-sizing: content-box;
}

.side-cate li .icon-cate::before,
.product-btn-wrap a::before,
.mobile-head-item .title::before,
.head_nav>li::after,
.head_nav li b::after,
.download-item .item-button::before,
.faq-item .faq-title::before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
}

.btn_more::after,
.sys_btn::after,
.head-search .search-btn::before,
.web_head .btn--search::before,
.swiper-button-next::before,
.swiper-button-prev::before,
.side-product-items .btn-prev::before,
.side-product-items .btn-next::before,
.product-btn-wrap .email::before,
.product-btn-wrap .pdf::before,
.company_subscribe .button::after {
    font-family: fontawesome;
}

.index_company_intr .company_intr_title {font-family: SourceSansPro-Bold;}

a {transition: all 0.3s ease-in-out 0s;}


/* img */
.pubPic{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%; display: block;}
.pubPic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/* flex */
.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;flex-direction: row;}
.flexColumn{-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flexSpaceBe{-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;-moz-box-pack: justify;justify-content: space-between;}
.flexCenter{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;-moz-box-pack: center;justify-content: center;}
.flexEnd{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;-moz-box-pack: end;justify-content: flex-end;}
.flexWrap{flex-wrap: wrap;-webkit-box-flex: wrap;-webkit-flex-wrap: wrap;-moz-box-flex: wrap;-ms-flex-wrap: wrap;}
.alignCenter{-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;-moz-box-align: center;align-items: center;box-align: center;}
.alignBottom{-webkit-box-align: end;-ms-flex-align: end;-moz-box-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.alignTop{-webkit-box-align: start;-ms-flex-align: start;-moz-box-align: start;-webkit-align-items: flex-start;align-items: flex-start;}

/* head_ladh */
.head_ladh {width: 100%;height: 50px;background: var(--commonColor);}
.layout_dingbu {display: flex;justify-content: space-between;align-items: center;}
.head_ladh_lianxi {width: auto;height: 50px;display: flex;align-content: center;}
.head_ladh_yx {display: flex;align-items: center;}
.head_ladh_yx:nth-child(n+2){margin-left: 10%;}
.head_ladh_yx_img1 {width: 20px;height: 24px;background: url("../img/tel.png") no-repeat center;background-size: 100% auto;margin-right: 12px;}
.head_ladh_yx_img {width: 21px;height: 24px;background: url("../img/email.png") no-repeat center;background-size: 100% auto;margin-right: 12px;}
.head_ladh_yx_yxx{font-family: "SourceHanSansCN-Regular";font-weight: 400;font-size: 16px;display: flex;}
.head_ladh_yx_yxx a{white-space: nowrap; color: #fff;}
.head_ladh_fenxiang {width: auto;height: 50px;display: flex;align-items: center;place-content: space-around flex-start;flex-wrap: wrap-reverse;}
.head_ladh .layout::after {content: "";display: none;}

.dingbu_fx {margin-left: 14px;}
.dingbu_fx ul {display: flex;}
.dingbu_fx ul li {width: 22px;height: 22px;margin-left: 14px;}
.dingbu_fx ul li a {display: block;}
.dingbu_fx ul li a img {width: auto;height: 22px; display: block;margin: 0 auto;}
.dingbu_fx ul li a:hover img{animation: swing 0.5s;}

.head_layer {background-color: rgb(255, 255, 255);padding: 0px; position: relative; z-index: 99; width: 100%; box-shadow: 0 0 4px rgba(0, 0, 0, .1);}
@media only screen and (max-width: 950px) {
    .head_layer {background-color: rgb(255, 255, 255);padding: 0px;}.head_ladh {display: none;}
}

.head_layer .layout {display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-box-align: center;align-items: center;position: relative; z-index: 1; background: #fff;}
.web_head{height: 133px;}
.web_head .logo {float: left;}
.web_head .logo img {max-height: 55px;width: auto;}

.web_head .head_right {float: right;display: flex;align-items: center;}
.head_layer .change-language{display: inline-block;position: relative;text-align: left;vertical-align: middle;margin-right: 15px;border: 1px dashed #E5E5E5; padding: 8px 15px; cursor: pointer; transition: all 0.5s ease;}
.head_layer .change-language:hover{border-color: var(--commonColor);}
.head_layer .language-flag span{color: #333;}
.head_layer .language-flag:hover span{color: var(--commonColor);}
.web_head .btn--search {border: 1px dashed transparent; width: 40px; height: 40px; background: url(../img/search.png) no-repeat center; background-size: 18px auto; transition: all 0.5s ease; cursor: pointer;}
.web_head .btn--search:hover{border-color: var(--commonColor);}

.head_layer .nav_wrap {padding: 15px 4%;position: relative;float: left;-webkit-box-flex: 1;flex: 1 1 0%;}
.nav_wrap .head_nav {position: relative;z-index: 2;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-box-pack: justify;justify-content: space-evenly;}
.nav_wrap .head_nav,.nav_wrap .head_nav a {color: #333;}
.nav_wrap .head_nav::after {display: none;}
.nav_wrap .head_nav>li {line-height: 50px;font-size: 16px;position: relative;perspective: 1500px;}
.nav_wrap .head_nav>li>a {position: relative;display: block;text-transform: uppercase;padding: 0; font-family: 'SourceHanSansCN-Regular'; font-weight: bold;}
.nav_wrap .head_nav>li>a::before {content: "";display: block;width: 0%;height: 3px;position: absolute;left: 50%;bottom: 0px;z-index: -1;}
.nav_wrap .head_nav>li>a>em {display: inline-block;position: relative;z-index: 1;vertical-align: middle;}
.nav_wrap .head_nav>li>a>b {display: inline-block;margin-left: 5px;margin-top: -2px;}
.nav_wrap .head_nav>li>a>b::after {content: "";display: inline-block;width: 0px;height: 0px;border-width: 5px 4px 0px;border-top-style: solid;border-right-style: solid;border-left-style: solid;border-top-color: rgb(0, 0, 0);border-image: initial;border-bottom-style: initial;border-bottom-color: initial;border-left-color: transparent;border-right-color: transparent;vertical-align: middle;}
.nav_wrap .head_nav>li li {position: relative;text-align: left;padding: 0px 15px;}
.nav_wrap .head_nav>li li a {display: block;line-height: 1.5em;padding: 8px 0px;position: relative;color: rgb(51, 51, 51);border-bottom: 1px solid rgb(246, 246, 246);}
.nav_wrap .head_nav>li li a::before,.nav_wrap .head_nav>li li:hover>a::before {content: "";display: block;width: 4px;height: 30%;background-color: var(--commonColor);position: absolute;left: -15px;top: 40%;opacity: 0;}
.nav_wrap .head_nav>li li a:hover::before,.nav_wrap .head_nav>li li:hover>a::before {top: 50%;margin-top: -11px;height: 22px;opacity: 1;}
.nav_wrap .head_nav>li li b::after {content: "";display: inline-block;width: 0px;height: 0px;overflow: hidden;border-width: 5px 0px 5px 6px;border-top-style: solid;border-bottom-style: solid;border-left-style: solid;border-left-color: rgb(142, 142, 142);border-image: initial;border-right-style: initial;border-right-color: initial;border-top-color: transparent;border-bottom-color: transparent;position: absolute;right: 0px;top: 14px;}
.nav_wrap .head_nav>li li:last-child>a {border-bottom: 0px;}
.nav_wrap .head_nav>li li:hover>a {color: var(--commonColor);}
.nav_wrap .head_nav>li li:hover>a b::after {border-left-color: var(--commonColor);}
.nav_wrap .head_nav>li>em {vertical-align: middle;}
.nav_wrap .head_nav:hover>li>a::before,.nav_wrap .head_nav:hover>li.nav-current>a::before {width: 30%;left: 35%;background: none;opacity: 0;}
.nav_wrap .head_nav>li:hover>a,.nav_wrap .head_nav:hover>li.nav-current:hover>a, .nav_wrap .head_nav>li.nav-current>a {color: var(--commonColor);}
.nav_wrap .head_nav>li:hover>a::before,.nav_wrap .head_nav:hover>li:hover>a::before,.nav_wrap .head_nav:hover>li.nav-current:hover>a::before {width: 100%;left: 0px;background-color: var(--commonColor);opacity: 1;}
.nav_wrap .head_nav>li:hover>a>b::after {transform: rotate(180deg); border-top-color: var(--commonColor);}
.nav_wrap .head_nav>li.nav-current>a>b::after{border-top-color: var(--commonColor);}
.nav_wrap .head_nav>li.nav-current>a::before {width: 100%;left: 0px;background-color: var(--commonColor);}
.nav_wrap .head_nav li ul {width: 250px;padding: 15px 0px;border: 1px solid rgb(207, 207, 207);background-color: rgba(255, 255, 255, 0.96);position: absolute;left: 0px;top: 100%;z-index: 999;transform: rotateY(-30deg);opacity: 0;visibility: hidden;box-sizing: border-box;transform-origin: 0px 0px;box-shadow: rgba(0, 0, 0, 0.04) 4px 4px 0px;}
.nav_wrap .head_nav>li ul ul {left: 102%;top: -15px;}
.nav_wrap .head_nav li ul::before {content: "";display: block;height: 2px;background-color: var(--commonColor);position: absolute;left: -1px;right: -1px;top: -1px;transform: scale(0, 1);transition: all 0.4s ease 0s;}
.nav_wrap .head_nav li:hover>ul {transform: none;opacity: 1;visibility: visible;}
.nav_wrap .head_nav li:hover>ul::before {transform: none;transform-origin: 0px 0px;}
.nav_wrap .head_nav li.menu_left ul {left: auto;right: 0px;}
.nav_wrap .head_nav li.menu_left ul ul {right: 102%;}
.fixed-nav .logo img {max-height: 50px;}
.fixed-nav .head_layer {width: 100%;position: fixed;left: 0px;top: 0px;z-index: 9;transition: none 0s ease 0s;transform: translateY(-100%);opacity: 1;background-color: rgb(255, 255, 255);border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.fixed-nav .nav_wrap {text-align: left; padding: 10px 4%;}
.fixed-nav .nav_wrap .head_nav>li {line-height: 46px;}
.fixed-nav-active .head_layer {z-index: 15;transform: none;opacity: 1;transition: all 0.6s ease 0s;}
.fixed-nav-active .nav_wrap::before {opacity: 1;height: 100%;}
.fixed-nav .change-language .change-language-cont {top: 51px;background-color: rgba(255, 255, 255, 0.95);}
.fixed-nav .head_top {display: none;}
.fixed-nav .logo a,.fixed-nav .logo img,.fixed-nav .head_nav li a {transition: none 0s ease 0s;}
.head_holder{transition: all 0.3s;}

@media screen and (max-width: 1450px) {
    .head_layer .nav_wrap {padding: 10px 2%;}
    .web_head{height: 123px;}
}

@media screen and (max-width: 1200px) {
    .head_layer {zoom: 0.9;}
}

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

@media only screen and (max-width: 1023px) {
    .head_layer {zoom: 1;}
    .web_head{height: unset;}
    .web_head .layout {padding: 0 15px;}
    .ding_lian {
        display: none;
    }
}


@media only screen and (max-width: 950px) {
    body {
        min-width: 100%;
    }

    .z10000 {
        position: relative;
        z-index: 100000;
    }

    .sub-content {
        position: relative;
        display: block;
        right: auto;
        border-radius: 0px;
        border: none;
        box-shadow: none;
        z-index: 99999;
    }

    .lang-more {
        display: none !important;
    }

    .web_head .logo {
        position: relative;
        float: none;
        text-align: center;
        padding: 15px 0px;
        display: none;
    }

    .web_head .nav_wrap .head_nav,
    .web_head .change-language,
    .web_head .btn--search {
        display: none;
    }

    .web_head .nav_wrap {
        position: static;
    }

    .nav_wrap .logo img {
        height: 100px;
    }

    .web_head .btn--search {
        right: 0px;
        top: -20px;
        margin: 0px;
    }

    .web_head .head-search {
        display: none;
    }

    .mobile-head-item .main-content-wrap .content-wrap .head-search:nth-child(1) {
        display: none;
    }

    .head-search {
        position: relative;
        width: 90%;
        height: 35px;
        background: var(--commonColor);
        margin: 0px auto;
    }

    .head-search .search-ipt {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        color: rgb(255, 255, 255);
        padding: 0px 10px;
    }

    .head-search .search-btn {
        position: absolute;
        width: 35px;
        height: 100%;
        background: url("../image/search_btn_mobile.png") center center / auto 16px no-repeat;
        border: none;
        right: 0px;
        top: 0px;
        display: block !important;
    }

    .head-search .search-attr {
        display: none;
    }

    .head_layer .layout {
        display: block;
    }

    .head_layer .head_right {
        display: none;
    }

    .path_bar {
        background-attachment: scroll !important;
    }

    .head_top {
        border-top: 0px;
    }

    .head_top .head_left {
        width: auto;
        float: left;
    }

    .head_top .top_welcome {
        width: auto;
        float: right;
    }

    .head_top .top_contacts .top_contact_label {
        display: none;
    }

    .head_top .top_contacts .top_contact_item,
    .head_top .top_item,
    .head_top .top_contacts .top_contact_item:first-child,
    .head_top .top_item:last-child {
        padding: 0px 10px;
    }

    .head_top .top_contacts .top_contact_item:hover+.top_contact_item {
        opacity: 1;
    }

    .head_top .top_welcome {
        padding-right: 10px;
    }

    .head_nav {
        width: 100%;
    }

    .head_nav li {
        position: relative;
        display: block;
        width: 100%;
        font-size: 16px;
    }

    .head_nav>li {
        border-bottom: 1px solid rgb(238, 238, 238);
        line-height: 35px;
    }

    .head_nav>li::after {
        content: '\f105';
        position: absolute;
        right: 0px;
        top: 0px;
        color: rgb(153, 153, 153);
        font-size: 12px;
        display: none;
    }

    .main-content-wrap .content-wrap .head_nav li {
        position: relative;
        text-transform: uppercase;
    }

    .main-content-wrap .content-wrap .head_nav li>b {
        position: absolute;
        top: 0px;
        right: 0;
    }

    .main-content-wrap .content-wrap .head_nav li>b::after {
        content: '\f105';
        color: rgb(153, 153, 153);
        font-size: 32px;
        display: none;
    }

    .content-wrap .head_nav li ul {
        display: none;
    }

    .head_nav li ul {
        display: block;
        width: 100%;
    }

    .head_nav li ul li {
        width: auto;
        padding: 0px 10px;
        font-size: 14px;
        text-transform: lowercase;
        line-height: 30px;
    }

    .head_nav li ul li::before {
        content: "";
        width: 3px;
        height: 3px;
        background: rgb(153, 153, 153);
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 15px;
    }

    .head_nav li ul li li {
        line-height: 25px;
    }

    .head_nav li ul li li::before {
        display: none;
    }

    .web_head .nav_wrap {
        display: none;
    }
}

/* web_search */
.web_search{position: fixed; left: 0; right: 0; top: 0; height: auto; box-shadow: 0 0 6px 3px rgba(0, 0, 0, .2); background: rgba(255, 255, 255, 0.98); z-index: 9999; visibility: hidden; opacity: 0; pointer-events: none; height: 0;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.search_open{visibility: visible; opacity: 1; pointer-events: auto; height: 230px;}

.search_close_btn{width: 36px; height: 36px; position: relative; background: url(../img/icon_close_w.png) no-repeat center/ 20px; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; margin-left: 5%; cursor: pointer; margin-bottom: 20px;}
.search_close_btn:hover{background-color: var(--commonColor); transform: rotate(90deg);}
.search_form{flex: 1; overflow: hidden; margin: 70px 0;}
.search_tip{text-align: right; color: #666; padding: 5px 0 0; clear: both; margin-right: 150px;}
.search-ipt {
    border: 0; background: 0 0; border-radius: 0; -webkit-appearance: none; border-bottom: 1px solid #999;
	-moz-transform: scale3d(0, 1, 1);
	-webkit-transform: scale3d(0, 1, 1);
	-ms-transform: scale3d(0, 1, 1);
	-o-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-moz-transform-origin: 0% 50%;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-moz-transition: transform .3s;
	-webkit-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	opacity: 0;
    transition-delay: 0.3s;
}
.search_open .search-ipt{
	opacity: 1;
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.search_form .search-ipt{line-height: 60px; padding: 0 20px 0 0; width: calc(100% - 150px); float: left; font-size: 20px;}
.search_form .search_submit{background: url(../img/icon_search_w.png) no-repeat 20% center/ auto 24px; background-color: var(--commonColor); float: right; width: 150px; height: 50px; margin: 0; border: none; padding: 0; color: #fff; border-radius: 25px; padding: 0 0 0 20px; font-size: 16px; margin-top: 5px;}
.search_form .search_submit:hover{opacity: 0.9;}

.mobile-head-items {display: none;}
@media only screen and (max-width: 1023px) {

	/* mobile-header */
    .mobile-body-mask {
        width: 100%; height: 100vh; background: rgba(0,0,0,.6);
        position: fixed; left: 0; top: 0; z-index: 90;
    }
    .mobile-ico-close {
        width: 30px; height: 30px; position: absolute; right: -35px; top: 0; 
        background: #fff url(../img/mobile_close.png) 50% no-repeat;
        background-size: 50% auto; cursor: pointer; font-family: fontawesome;
    }
    .mobile-head-items {
        position: fixed; top: 0; left: 0; width: 100%; height: 98px;
		z-index: 1000; display: block; background: #fff;  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    }
    .mobile-head-top{height: 28px; background: var(--commonColor); color: #fff; justify-content: space-between; padding: 0 15px; align-items: center;}
    .mobile-head-top .mobile_tel{font-size: 14px;}
    .mobile-head-top .mobile_tel a{color: #fff;}
    .mobile-head-inner{/* backdrop-filter: blur(4px); */ padding: 7px 15px 0; position: relative;}
    .mobile-head-logo{position: relative;}
	.phoneLogo img{height: 55px;}
	.mobile_gn{display: flex; align-items: center;}
    .mobile-head-item {float: left; width: 32px;}
	.mobile-head-search{order: 1; margin-right: 10px;}
	.mobile-head-language{order: 2; width: auto; white-space: nowrap; position: relative; padding-left: 20px;}
    .mobile-head-language::before{position: absolute; left: 0; top: 10px; width: 1px; bottom: 10px; content: ''; background: #fff;}
	.mobile-head-nav{order: 3; margin-left: 12px;}
    .mobile-head-item.mobile-head-aside {float: right}
    .mobile-head-item .title {
        width: 100%; height: 30px; line-height: 30px; overflow: hidden;
        text-align: center; cursor: pointer; position: relative;
        -webkit-tap-highlight-color: transparent; font-size: 14px;
    }
	.mobile-head-item.mobile-head-language .title{font-size: 15px; width: 100%; text-align: left; color: #fff; display: flex; align-items: center;}
    .mobile-head-item .title a {position: relative; display: block;}
	.mobile-head-item .title:before{
		width: 100%; height: 100%; content: ''; display: inline-block;
	}
    .mobile-head-item.mobile-head-home .title a:before {
        content: "\f015";
    }
    .mobile-head-item.mobile-head-nav .title:before {
		/* content: '\f0c9'; */
		width: 30px; float: left;
		background: url(../img/icon_menu.png) no-repeat center/ 22px auto;
    }
    .mobile-head-item.mobile-head-language .title:before {
        /* content: "\f0d7"; position: absolute; right: 1px; top: 0; width: auto; height: auto; font-size: 16px; */
		background: url(../img/icon_lan.png) no-repeat center/ 24px auto;
        display: none;
        /* width: 0; height: 0; */
    }
	.mobile-head-item.mobile-head-language .title::after{
		content: '\f107';
		font-size: 14px;
		margin-left: 6px;
		display: inline-block;
        font-family: fontawesome;
	}
    .mobile-head-item.mobile-head-language .title .language--img{margin-right: 5px;}
    .mobile-head-item.mobile-head-search .title:before {
        /* content: "\f002"; */
		background: url(../img/search_w.png) no-repeat center/ 16px auto;
    }
    .mobile-head-item.mobile-head-social .title:before {
        content: "\f007";
    }
    .mobile-head-item.mobile-head-aside .title:before {
        content: "\f060";
    }
    .mobile-head-item .main-content-wrap {
        background: #fff; top: 0; display: block; z-index: 99999;
    }
    .mobile-head-item .main-content-wrap .content-wrap {
        overflow-y: auto; height: 100%; padding: 15px 10px 15px; background-color: #fff;
    }
    .mobile-head-search .main-content-wrap .content-wrap {
		padding: 15px 10px;
	}
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
        overflow-y: hidden;
    }
    .mobile-head-item .side-content-wrap {
        position: fixed; display: block; left: -70%; width: 70%;
        height: 100%; text-align: left;
    }
    .mobile-head-item .middle-content-wrap {
        position: absolute; left: 0; width: 100%; height: auto;
        padding: 20px 0; opacity: 0; visibility: hidden;
    }
    .mobile-head-item .middle-show-content-wrap {
        top: 30px; visibility: visible; opacity: 1;
    }
	
	/* language */
	.mobile-head-items .trp-language-wrap{padding-bottom: 42px;}
	.mobile-head-items .trp-language-wrap a{margin-right: 0; border-bottom: 1px solid #f2f2f2;}
	.mobile-head-items .change-language-cont li{border-bottom: 1px solid #ececec;}
	.mobile-head-items .change-language-cont li a{display: block; line-height: 26px; padding: 6px 0; text-transform: capitalize;}
	
	/* .search_form */
	.mobile-head-search .middle-content-wrap{padding: 10px 15px; top: 50px; left: 0; width: 100%;}
	.middle-content-wrap .search_form{display: block; left: 20px; top: 20px; right: 20px; width: auto; position: static; margin: 0;}
	.mobile-head-search .main-content-wrap .content-wrap{padding: 15px 0;}
	.search_form .search-ipt{width: calc(100% - 111px); opacity: 1;
		-webkit-appearance: none;
		-moz-transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-moz-transform-origin: 0% 50%;
		-webkit-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
		-moz-transition: transform .3s;
		-webkit-transition: transform .3s;
		-ms-transition: transform .3s;
		-o-transition: transform .3s;
		transition: transform .3s;
		font-size: 20px;
		line-height: 42px;
	}
	.search_form .search_submit{width: 110px; height: 42px; background-position: 16% center; margin-top: 0;}
	.mobile-head-search .mobile-ico-close{top: -35px; right: 0;}
	.search_tip{display: none;}

}

/* web_footer */
.web_footer {background-repeat: no-repeat; background-position: center; background-size: cover; padding: 5% 0 0; margin-top: 5%; color: #474747;}
.web_footer>.layout{background-repeat: no-repeat; background-position: center; background-size: 0 0;}
.web_footer a{color: #474747;}
.web_footer .foot_logo{display: block;}
.web_footer .foot_logo img {max-height: 90px;}

.foot_inner{padding: 0 0 4%; align-items: unset;}
.foot_inner .foot_left{width: 22%; max-width: 320px;}
.foot_inner .foot_right_info{width: 32%; max-width: 450px;}
.foot_inner .foot_link_pro{max-width: 24%}
.foot_inner .foot_link_quick{max-width: 18%}

.foot_left .brief{line-height: 28px; margin-top: 16px; color: #666;}

.foot_icon{margin-top: 4%;}
.foot_icon li{margin-right: 10px;}
.foot_icon li:last-child{margin-right: 0;}
.foot_icon li a{display: block; width: 48px; height: 48px; position: relative; background: #fff; overflow: hidden; border-radius: 5px; padding: 14px 0;}
.foot_icon li a img{width: auto; height: 100%; display: block; margin: 0 auto;}

.foot_icon li a:hover{background: var(--commonColor);}
.foot_icon li a:hover .def_img{animation: swing 0.5s; filter: invert(100%) brightness(1000%) contrast(100%);}

.foot_inner .link_th{font-size: 20px; font-family: 'SourceHanSansCN-Regular'; text-transform: capitalize; color: #333; font-weight: bold;}
.foot_inner .link_th .txt{display: inline-block; position: relative; padding-bottom: 10px; color: #333;}
.foot_inner .link_th .txt::before{position: absolute; left: 0; bottom: 0; width: 84px; height: 1px; content: ''; background: #666;}
.foot_inner .link_th a.txt:hover{text-decoration: underline; color: var(--commonColor);}
.foot_inner .link_th a.txt:hover{text-decoration: none;}

.foot_inner .link_th_mobile{display: none;}

.foot_inner .link_list{margin-top: 24px;}
.foot_link .link_list li{line-height: 26px; padding: 0 0 10px;}
.foot_link .link_list li:last-child{padding-bottom: 0;}
.foot_link .link_list li a{font-size: 16px; position: relative; display: inline-block;}

.foot_form{margin-top: 15px;}
.foot_form .form_input .input_item{width: calc(50% - 5px);}
.foot_form .form_input .input_item:nth-child(n+3){width: 100%; margin-top: 10px;}
.foot_form .form_input input, .foot_form .form_input textarea{border: none; background: #fff; line-height: 40px; padding: 0 16px; width: 100%; font-size: 16px;}
.foot_form .form_input textarea{display: block; line-height: 28px; padding: 6px 16px;}
.foot_form .form_btn input{border: none; background: var(--commonColor); color: #fff; height: 40px; padding: 0 16px; width: 100%; font-size: 16px; margin: 10px 0 0; font-weight: bold; font-family: 'Poppins-Regular'; transition: all 0.5s ease;}
.foot_form .form_btn input:hover{opacity: 0.8;}

.foot_info_list{margin-top: 24px;}
.foot_info_list li{margin-bottom: 10px; line-height: 28px; text-transform: none; padding-left: 32px; position: relative;}
.foot_info_list li::before{position: absolute; left: 0; top: 0; margin-top: -1px; width: 30px; height: 30px; content: ''; background-repeat: no-repeat; background-position: center; background-size: 15px auto;}
.foot_info_list li.address::before{background-image: url(../img/icon_add.png);}
.foot_info_list li.tel::before{background-image: url(../img/icon_tel.png); background-size: 18px auto;}
.foot_info_list li.mail::before{background-image: url(../img/icon_email.png);}
.foot_info_list li:hover::before{animation: swing 0.5s;}

.foot_info_list li a:hover, .foot_link .link_list li a:hover{color: var(--commonColor); text-decoration: underline;}


.web_footer .foot_bottom{padding: 25px 0; line-height: 1.5; border-top: 1px solid #999; font-size: 15px; text-align: center;}
.foot_bottom a{color: #333;}
.foot_bottom a:hover{text-decoration: underline; color: var(--commonColor);}

@media only screen and (max-width: 1300px) {
    .foot_inner{zoom: 0.9;}
    .foot_inner .link_th{font-size: 22px;}
    .foot_inner .foot_left{width: 24%;}
    .foot_inner .foot_right_info{width: 33%;}
    .web_footer .foot_logo img {max-height: 80px;}
}
@media only screen and (max-width: 1023px) {
    .web_footer {overflow: hidden; padding-top: 0; padding-bottom: 52px; background-size: 0 0;}
    .web_footer>.layout{background-size: cover; padding-top: 30px;}
}
@media only screen and (max-width: 980px) {
    .web_footer .foot_logo {float: none; margin: 0 auto 12px;}
	.web_footer .foot_logo img{height: 80px; display: block; margin: 0 auto;}
	
	/* .foot_inner */
    .web_footer,.web_footer a{opacity: 1;}
	.foot_inner{flex-direction: column; padding-bottom: 12px; padding-top: 0; border: none; zoom: 1;}

	.foot_inner .foot_left{width: 100%; max-width: unset; order: 1;}
	.foot_left .brief{margin-top: 12px; display: block; text-align: center; font-size: 16px;}

	.foot_inner .foot_link_pro, .foot_inner .foot_link_quick{width: 100%; max-width: unset; order: 3; margin-top: 24px;}
	.foot_inner .foot_link_pro{order: 2;}

    .foot_inner .link_th .txt{display: block; font-size: 20px; padding-bottom: 8px;}
    /* .foot_inner .link_th .txt::before{width: 100%; height: 0;} */
	.foot_inner .foot_link li a{display: block; font-size: 18px;}
    .foot_inner .link_th_mobile{display: block;}
    .foot_inner .link_th_pc{display: none;}

    .foot_inner .link_list{margin-top: 15px;}
    .foot_link .link_list li{padding-bottom: 6px;}

    .foot_inner .foot_right_info{width: 100%; max-width: unset; order: 4; margin-top: 24px;}

    .foot_form{margin-top: 5px;}

	.foot_info_list{margin-top: 14px; font-size: 18px;}
	.foot_info_list li a:hover, .foot_link .link_list li a:hover, .foot_bottom a:hover{text-decoration: underline; color: var(--commonColor);}
	
    .foot_icon{margin-top: 16px; justify-content: center;}

	.web_footer .foot_bottom{padding: 16px 0 20px; line-height: 28px;}
}



.change-language .change-language-title,
.change-language .change-language-title a {
    font-size: 16px;
    color: #333;
    position: relative;
}

.change-language .change-language-title a::after {
    font-family: fontawesome;
    content: "\f107";
    font-size: 12px;
    display: inline-block;
    padding-left: 2px; text-align: center;
    width: 12px; height: 20px; line-height: 20px;
}

.change-language:hover .change-language-title a::after {
    transform: rotate(-180deg);
}

.change-language .change-language-cont {
    position: absolute;
    top: 41px;
    right: 0px;
    width: 360px;
    background: rgb(255, 255, 255);
    padding: 20px 10px 20px 20px;
    transform: scale3d(0.9, 0.9, 1);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: all 0.3s ease-in-out 0s;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 80vh;
}

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

.change-language .change-language-cont li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0px 0px 10px;
    font-size: 16px;
    border-bottom: 1px solid #bebdbd;
    overflow: hidden;
    padding: 0px 10px 0px 0px;
    text-transform: capitalize;
}

/* .change-empty{ display: none;} */
.change-language .change-language-cont li a:hover {
    color: var(--commonColor);
}

/* .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;
    cursor: pointer;
    line-height: 30px;
}

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

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

.change-language ::-webkit-scrollbar-track {
    background-color: rgb(255, 255, 255);
}

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

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
    display: block;
}

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

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




#index_scrollsidebar {
    top: 50%;
    right: 2px;
    transition: all ease-in-out 1s;
    /* visibility: hidden; */
    opacity: 1;
    position: fixed;
    /* transform: translateY(-50%);*/
    z-index: 99999
}

#index_scrollsidebar ul li {
    width: 56px;
    height: 56px;
    background-color: var(--commonColor);
    border-radius: 10px;
    margin-bottom: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

#index_scrollsidebar ul li .show0 {
    position: absolute;
    background-color: var(--commonColor);
    padding: 6px;
    border-radius: 8px;
    right: 80px;
    top: 50%;
    transition: all ease-in-out .5s;
    transform: translateY(-50%);
    display: none
}

#index_scrollsidebar ul li>a, #index_scrollsidebar ul li .show0{box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);}

#index_scrollsidebar ul li .show0,
#index_scrollsidebar ul li .show0 a {
    font-size: 16px;
    color: #fff;
    text-wrap: nowrap
}

#index_scrollsidebar ul li:hover .show0 {
    display: block
}

#index_scrollsidebar ul li>a,
#index_scrollsidebar ul li>div.hvr-radial-out {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    line-height: 56px;
    align-items: center;
    justify-content: center;
}

#index_scrollsidebar ul li img {
    border: none;
    vertical-align: middle;
    max-width: 50%;
}

#index_scrollsidebar .gototop {
    background-color: #333
}

#index_scrollsidebar .gototop .s_smooth {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    line-height: 56px;
    align-items: center;
    justify-content: center; cursor: pointer;
}

#index_scrollsidebar .gototop .s_smooth img {
    width: 23px;
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
    background: var(--commonColor);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--commonColor);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
    color: #fff
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

@media only screen and (max-width: 1024px) {
    #index_scrollsidebar {
        display: none;
    }
}

.fix_slide_foot {
    display: none;
    background: var(--commonColor);
    position: fixed;
    width: 100%;
    bottom: 0;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    height: 50px;
    z-index: 111;
}

.fix_slide_foot li {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.fix_slide_foot li:nth-child(2n){background-color: rgba(255, 255, 255, 0.3);}

.fix_slide_foot li:last-of-type() {
    border-right: none;
}

/* .fix_slide_foot li a[title=email] img {
    height: 30px
} */

.fix_slide_foot li a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.fix_slide_foot li img {
    height: 30px;
    width: auto;
}

.show0 img {
    width: 120px;
    margin: 0 auto 10px;
    display: block;
    max-width: unset !important;
}

.show0 img:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    #index_scrollsidebar {
        display: none;
    }

    .fix_slide_foot {
        display: flex;
    }

    body,
    .dibu,.web_footer {
        padding-bottom: 50px
    }
}

 /* 一行两图圆角 / 一行四图圆角 */
.com_con_imgs{display: flex; justify-content: space-between; flex-wrap: wrap;}

.com_con_imgs .pic{width: 100%; overflow: hidden; height: 0; padding-bottom: 70%; position: relative; border-radius: 16px;}
.com_con_imgs .pic img{display: block; width: 100%; height: 100%; transition: all 0.5s ease; object-fit: cover; position: absolute; left: 0; top: 0;}
.com_con_imgs .con_item:hover img{transform: scale(1.08);}
.com_con_imgs .con_item .title{font-weight: bold; font-size: 22px; margin: 18px 0 10px; color: #333;}
.com_con_imgs .con_item .brief{font-size: 16px; color: #666; line-height: 26px;}

.con_imgs_2 .con_item{width: 48.8%;}
.con_imgs_2 .con_item:nth-child(n+3){margin-top: 30px;}

.con_imgs_4 .con_item{width: 23.6%;}
.con_imgs_4 .con_item:nth-child(n+5){margin-top: 24px;}

@media only screen and (max-width: 980px) {
	.com_con_imgs{flex-direction: column;}
	.com_con_imgs .con_item{width: 100%;}
	.com_con_imgs .con_item .title{font-size: 20px;}
	.com_con_imgs .con_item:nth-child(n+2){margin-top: 20px !important;}
}


#cont ul li{text-transform: capitalize;}
#cont > ul > li > a{text-transform: capitalize;}
#cont h2{background: var(--commonColor) !important;}
#cont > ul > li > ul > li > a{color: var(--commonColor) !important;}
#cont > ul > li > ul > li > ul > li > a{color: var(--commonColor) !important;}
#cont > ul > li > ul > li > ul > li > a:before{border-top-color: var(--commonColor) !important;border-right-color: var(--commonColor) !important;}
#cont > ul > li > ul > li > ul > li > a:hover{text-decoration:underline}
#footer{background: var(--commonColor) !important;}

#cont > ul > li > ul > li.has-childs > ul > li > ul > li > a{color: var(--commonColor) !important;}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a:after{background: var(--commonColor) !important;}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > ul > li > a:before{border-top-color: var(--commonColor) !important; border-right-color: var(--commonColor) !important;}
#cont > ul > li > ul{font-family: 'Arial';}
#cont > ul > li > ul > li > ul > li > ul{display: block !important;}


.change-language-cont li {width: 100%;}
.change-language-cont {display: flex; flex-wrap: wrap;}
.change-language .trp-language-wrap a:nth-child(2n){margin-right: 0;}
.change-language .trp-language-wrap img {width: 18px; height: 12px; margin-right: 5px}

.language--img {background: url(../img/yuzhongBG.webp)no-repeat center center; display: inline-block; width: 18px; height: 12px; margin-right: 6px;}
.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: 0px -300px;}
.language-fr {background-position: 0px -288px;}
.language-fi {background-position: 0px -276px;}
.language-et {background-position: 0px -240px;}
.language-eo {background-position: 0px -192px;}
.language-en {background-position: 0 -216px;}
.language-da {background-position: 0px -168px;}
.language-cs {background-position: 0px -144px;}
.language-hr {background-position: 0px -420px;}
.language-co {background-position: 0px -132px;}
.language-ceb {background-position: 0px -108px;}
.language-ca {background-position: 0px -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: 0px -492px;}
.language-sm {background-position: 0px -972px;}
.language-ro {background-position: 0px -888px;}
.language-pa {background-position: 0px -840px;}
.language-pt {background-position: 0px -876px;}
.language-pl {background-position: 0px -852px;}
.language-fa {background-position: 0px -264px;}
.language-ps {background-position: 0px -264px;}
.language-or {background-position: 0px -827px;}
.language-no {background-position: 0px -780px;}
.language-ne {background-position: 0px -792px;}
.language-my {background-position: 0px -768px;}
.language-mn {background-position: 0px -720px;}
.language-mr {background-position: 0px -732px;}
.language-mi {background-position: 0px -684px;}
.language-mt {background-position: 0px -756px;}
.language-ml {background-position: 0px -708px;}
.language-ms {background-position: 0px -744px;}
.language-mg {background-position: 0px -672px;}
.language-mk {background-position: 0px -696px;}
.language-lb {background-position: 0px -624px;}
.language-lt {background-position: 0px -648px;}
.language-lv {background-position: 0px -660px;}
.language-la {background-position: 0px -613px;}
.language-lo {background-position: 0px -636px;}
.language-ky {background-position: 0px -600px;}
.language-ku {background-position: 0px -120px;}
.language-ko {background-position: 0px -588px;}
.language-rw {background-position: 0px -912px;}
.language-km {background-position: 0px -564px;}
.language-kk {background-position: 0px -552px;}
.language-kn {background-position: 0px -576px;}
.language-jv {background-position: 0px -528px;}
.language-ja {background-position: 0px -516px;}
.language-it {background-position: 0px -504px;}
.language-ga {background-position: 0px -312px;}
.language-id {background-position: 0px -467px;}
.language-ig {background-position: 0px -480px;}
.language-hu {background-position: 0px -443px;}
.language-hmn {background-position: 0px -408px;}
.language-hi {background-position: 0px -397px;}
.language-he {background-position: 0px -384px;}
.language-haw {background-position: 0px -300px;}
.language-ha {background-position: 0px -1079px;}
.language-ht {background-position: 0px -432px;}
.language-gu {background-position: 0px -348px;}
.language-el {background-position: 0px -204px;}
.language-de {background-position: 0px -180px;}
.language-ka {background-position: 0px -540px;}
.language-gl {background-position: 0px -336px;}
.language-ru {background-position: 0px -900px;}
.language-gd {background-position: 0px -324px;}
.language-sr {background-position: 0px -1006px;}
.language-st {background-position: 0px -1017px;}
.language-sn {background-position: 0px -984px;}
.language-sd {background-position: 0px -984px;}
.language-si {background-position: 0px -1271px;}
.language-sk {background-position: 0px -1223px;}
.language-sl {background-position: 0px -960px;}
.language-so {background-position: 0px -994px;}
.language-es {background-position: 0px -227px;}
.language-su {background-position: 0px -1031px;}
.language-sw {background-position: 0px -1055px;}
.language-sv {background-position: 0px -1043px;}
.language-tl {background-position: 0px -1115px;}
.language-tg {background-position: 0px -1091px;}
.language-ta {background-position: 0px -1067px;}
.language-tt {background-position: 0px -1151px;}
.language-te {background-position: 0px -1079px;}
.language-th {background-position: 0px -1103px;}
.language-tr {background-position: 0px -1138px;}
.language-tk {background-position: 0px -1115px;}
.language-uk {background-position: 0px -1175px;}
.language-ur {background-position: 0px -1187px;}
.language-ug {background-position: 0px -1163px;}
.language-uz {background-position: 0px -1175px;}
.language-vi {background-position: 0px -1211px;}
.language-cy {background-position: 0px -156px;}
.language-xh {background-position: 0px -1223px;}
.language-yi {background-position: 0px -1235px;}
.language-yo {background-position: 0px -1247px;}
.language-zu {background-position: 0px -1259px;}
.language-zh {background-position: 0px -1282px;}
.language-zh-TW {background-position: 0px -1282px;}



.slider_banner {
    position: relative;
    overflow: hidden;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0px, 0px);
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0px auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
    visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    align-items: flex-start;
    transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin-top: -27px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    font-size: 30px;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {}

.swiper-container:hover .swiper-button-prev {
    left: 65px;
}

.swiper-container:hover .swiper-button-next {
    right: 65px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: 0.3;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-size: cover;
    right: 10px;
    left: auto;
}

.swiper-button-prev::before,
.swiper-container-rtl .swiper-button-next::before {
    content: "\f104";
}

.swiper-button-next::before,
.swiper-container-rtl .swiper-button-prev::before {
    content: '\f105';
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    z-index: 3;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0px;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    border: 0px solid rgba(255, 255, 255, 0);
    background-color: rgb(246, 245, 254);
    border-radius: 50%;
    margin: 0px 5px;
    background-clip: content-box;
}

.swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    background-color: var(--commonColor);
    border-color: var(--commonColor);
    opacity: 1;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    width: auto;
    height: auto;
    margin: 0px 4px;
    border-radius: 0px;
    padding: 8px 0px;
    background: none;
}

.swiper-pagination-white .swiper-pagination-bullet::before {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background-color: rgba(102, 102, 102, 0.5);
}

.slider_banner .swiper-pagination-white .swiper-pagination-bullet::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
}

.swiper-pagination-white .swiper-pagination-bullet-active::before {
    background-color: rgba(153, 153, 153, 0.8);
}

.slider_banner .swiper-pagination-white .swiper-pagination-bullet-active::before {
    width: 50px;
    border-radius: 23px;
    background: var(--commonColor);
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0px;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s ease 0s, top 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 5px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s ease 0s, right 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgb(0, 122, 255);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal {
    overflow: hidden;
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0px;
    top: 0px;
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0px;
    top: 0px;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: rgb(255, 255, 255);
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: rgb(0, 0, 0);
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: rgb(0, 0, 0);
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0px;
    top: 0px;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50% center;
    animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin;
}

.swiper-lazy-preloader::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-position: 50% center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0px 0px;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0px;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.6;
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {}

.slider_banner .swiper-button-prev,
.slider_banner .swiper-button-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 0%;
    margin-top: -25px;
    color: rgb(255, 255, 255);
    font-size: 24px;
    box-sizing: content-box;
    opacity: 0;
    background: none;
}

.slider_banner .swiper-button-prev,
.slider_banner .swiper-button-next {
    opacity: 1;
}

.slider_banner .swiper-button-prev::before,
.slider_banner .swiper-button-prev::after,
.slider_banner .swiper-button-next::before,
.slider_banner .swiper-button-next::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 24px;
    transition: all 0.3s ease-in-out 0s;
}

.slider_banner .swiper-button-prev::before,
.slider_banner .swiper-button-prev::after {
    font-family: fontawesome;
    content: "ï„„";
}

.slider_banner .swiper-button-prev::before {
    left: 0px;
}

.slider_banner .swiper-button-prev::after,
.slider_banner .swiper-button-next::after {
    background-color: var(--commonColor);
}

.slider_banner .swiper-button-prev::after {
    left: 50%;
    transform: scale(0.8);
    opacity: 0;
}

.slider_banner .swiper-button-prev:hover::before {
    left: -50%;
    transform: scale(0.8);
    opacity: 0;
}

.slider_banner .swiper-button-prev:hover::after {
    left: 0px;
    transform: none;
    opacity: 1;
}

.slider_banner .swiper-button-next::before,
.slider_banner .swiper-button-next::after {
    font-family: fontawesome;
    content: "ï„…";
}

.slider_banner .swiper-button-next::before {
    right: 0px;
}

.slider_banner .swiper-button-next::after {
    right: 50%;
    transform: scale(0.8);
    opacity: 0;
}

.slider_banner .swiper-button-next:hover::before {
    right: -50%;
    transform: scale(0.8);
    opacity: 0;
}

.slider_banner .swiper-button-next:hover::after {
    right: 0px;
    transform: none;
    opacity: 1;
}

.slider_banner .swiper-button-prev {
    left: 60px;
}

.slider_banner .swiper-button-next {
    right: 60px;
}

.slider_banner .swiper-pagination {
    bottom: 10px;
}

.slider_banner .swiper-slide img {
    width: 100%;
}

.slider_banner .swiper-slide img+img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.slider_banner .swiper-slide img {
    width: 100%;
    transition: all 3s linear 0s;
    transform: scale(1.08);
}

.slider_banner .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}

.slider_banner .swiper-pagination-bullet {
    margin: 0px 8px;
}

.slider_banner .swiper-button-prev {
    bottom: 20%;
    top: unset;
    right: unset;
    left: 80%;
}

.slider_banner .swiper-button-prev::before {
    content: "ï…·";
}

.slider_banner .swiper-button-next::before {
    content: "ï…¸";
}

.slider_banner .swiper-button-prev::before,
.slider_banner .swiper-button-next::before {
    border-radius: 50%;
    border: 1px solid rgb(255, 255, 255);
    background-color: var(--commonColor);
}

.slider_banner .swiper-button-next {
    bottom: 20%;
    top: unset;
    right: unset;
    left: 85%;
}

.swiper-container {}

.swiper-container .swiper-wrapper {}

.swiper-slide {}

.product_slider .product_item {}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .swiper-container .swiper-wrapper {
        width: auto;
    }
}


.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 fadeInDownA {0% {opacity: 0; -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDownA {0% {opacity: 0; -webkit-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInDownA {-webkit-animation-name: fadeInDownA; animation-name: fadeInDownA;}
@keyframes fadeInA {0% {opacity: 0;} to {opacity: 1;}}
.fadeInA {-webkit-animation-name: fadeInA; animation-name: fadeInA;}
@-webkit-keyframes fadeInLeftA {0% {opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLeftA {0% {opacity: 0; -webkit-transform: translate3d(-50px,0,0); -ms-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInLeftA {-webkit-animation-name: fadeInLeftA; animation-name: fadeInLeftA;}
@-webkit-keyframes fadeInUpA {0% {opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUpA {0% {opacity: 0; -webkit-transform: translate3d(0,50px,0); -ms-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInUpA {-webkit-animation-name: fadeInUpA; animation-name: fadeInUpA;}
@-webkit-keyframes fadeInRightA {0% {opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRightA {0% {opacity: 0; -webkit-transform: translate3d(50px,0,0); -ms-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInRightA {-webkit-animation-name: fadeInRightA; animation-name: fadeInRightA;}
@-webkit-keyframes twinkling {0% {opacity: 0;} to {opacity: 1;}}
@-webkit-keyframes OrangePulse {0% {background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px #d2ae6d;} 50% {background-color: #d2ae6d; -webkit-box-shadow: 0 0 10px #d2ae6d;} to {background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px #d2ae6d;}}
@-webkit-keyframes swing {20% {-webkit-transform: rotate(40deg); transform: rotate(40deg);} 40% {-webkit-transform: rotate(-20deg); transform: rotate(-20deg);} 60% {-webkit-transform: rotate(10deg); transform: rotate(10deg);} 80% {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);} to {-webkit-transform: rotate(0); transform: rotate(0);}}
@keyframes swing {20% {-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg);} 40% {-webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg);} 60% {-webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg);} 80% {-webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);} to {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}}
.swing {-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}
@-webkit-keyframes jump {0% {-webkit-transform: translateY(0);} 25% {-webkit-transform: translateY(-20%);} 50% {-webkit-transform: translateY(0);} 75% {-webkit-transform: translateY(-10%);} to {-webkit-transform: translateY(0);}}
@keyframes jump {0% {transform: translateY(0);} 25% {transform: translateY(-20%);} 50% {transform: translateY(0);} 75% {transform: translateY(-10%);} to {transform: translateY(0);}}
@-webkit-keyframes bounceInA {0%,20%,40%,60%,80%,to {-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);} 20% {-webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 40% {-webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9);} 60% {opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03);} 80% {-webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97);} to {opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);}}
@keyframes bounceInA {0%,20%,40%,60%,80%,to {-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -ms-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);} 20% {-webkit-transform: scale3d(1.1,1.1,1.1); -ms-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 40% {-webkit-transform: scale3d(.9,.9,.9); -ms-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9);} 60% {opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); -ms-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03);} 80% {-webkit-transform: scale3d(.97,.97,.97); -ms-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97);} to {opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}}
.bounceInA {-webkit-animation-name: bounceInA; animation-name: bounceInA; -webkit-animation-duration: .75s; animation-duration: .75s;}
@-webkit-keyframes flipInY {0% {-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;} 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% {-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1;} 80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg);} to {-webkit-transform: perspective(400px); transform: perspective(400px);}}
@keyframes flipInY {0% {-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;} 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% {-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1;} 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 bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); transition-timing-function: cubic-bezier(0.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0);} 60% {opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0);} 75% {-webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 90% {-webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0);} 100% {-webkit-transform: none; transform: none;}}
@keyframes bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); transition-timing-function: cubic-bezier(0.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0);} 60% {opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0);} 75% {-webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 90% {-webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0);} 100% {-webkit-transform: none; transform: none;}}
.bounceInDown {-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes zoomInDown {0% {height: 0; opacity: 0;} to {height: 100%; opacity: 1;}}
@keyframes zoomInDown {0% {height: 0; opacity: 0;} to {height: 100%; opacity: 1;}}
.zoomInDown {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
@-webkit-keyframes zoomInA {0% {opacity: 0; -webkit-transform: scale3d(.6,.6,.6); transform: scale3d(.6,.6,.6);} 50% {opacity: 1;}}
@keyframes zoomInA {0% {opacity: 0; -webkit-transform: scale3d(.6,.6,.6); transform: scale3d(.6,.6,.6);} 50% {opacity: 1;}}
.zoomInA {-webkit-animation-name: zoomInA; animation-name: zoomInA;}
@-webkit-keyframes swiper-preloader-spin {to {-webkit-transform: rotate(1turn); transform: rotate(1turn);}}
@keyframes swiper-preloader-spin {to {-webkit-transform: rotate(1turn); transform: rotate(1turn);}}
@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}