body {
    scroll-behavior: smooth;
    background-color: #ffffff;
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.cmplz-hidden {
    display: none !important;
}

.bg {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

.bg-loaded {
    opacity: 1;
}

:root {
    --primary-color: #3f3f3f;
}

.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1270px
}

.row.row-collapse {
    max-width: 1240px
}

.row.row-small {
    max-width: 1262.5px
}

.row.row-large {
    max-width: 1300px
}

.header-main {
    height: 74px
}

#logo img {
    max-height: 74px
}

#logo {
    width: 299px;
}

#logo img {
    padding: 0px 0;
}

.stuck #logo img {
    padding: 0px 0;
}

.header-bottom {
    min-height: 55px
}

.header-top {
    min-height: 30px
}

#header {
    position: relative;
}

.transparent .header-main {
    height: 74px
}

.transparent #logo img {
    max-height: 74px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
    padding-top: 74px;
}

.transparent .header-wrapper {
    background-color: rgba(2, 2, 2, 0.44) !important;
}

.transparent .top-divider {
    display: none;
}

.header.show-on-scroll,
.stuck .header-main {
    height: 70px !important
}

.stuck #logo img {
    max-height: 70px !important
}

.search-form {
    width: 60%;
}

.header-bottom {
    background-color: #f1f1f1
}

.top-bar-nav>li>a {
    line-height: 16px
}

.header-main .nav>li>a {
    line-height: 16px;
    font-size: 16px!important;
}

.stuck .header-main .nav>li>a {
    line-height: 20px;
    font-size: 16px!important;
}

.header-bottom-nav>li>a {
    line-height: 16px;
}

@media (max-width: 549px) {
    .header-main {
        height: 67px
    }

    #logo img {
        max-height: 67px
    }
}

.nav-dropdown {
    font-size: 100%
}

/* Color */
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline>li.active>a,
.nav-outline>li.active>a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary {
    color: #3f3f3f;
}

/* Color !important */
[data-text-color="primary"] {
    color: #3f3f3f !important;
}

/* Background Color */
[data-text-bg="primary"] {
    background-color: #3f3f3f;
}

/* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item>a:after,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold>li>a:hover,
.nav-dropdown-bold.dark .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box>li>a:hover,
.nav-box>li.active>a,
.nav-pills>li.active>a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner {
    background-color: #3f3f3f;
}

/* Border */
.nav-vertical.nav-tabs>li.active>a,
.scroll-to-bullets a.active,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
.accordion-title.active,
.featured-table,
.is-outline:hover,
.tagcloud a:hover,
blockquote,
.has-border,
.cart-icon strong:after,
.cart-icon strong,
.blockUI:before,
.processing:before,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover {
    border-color: #3f3f3f
}

.nav-tabs>li.active>a {
    border-top-color: #3f3f3f
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #3f3f3f
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #3f3f3f
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #3f3f3f;
}

/* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
    background-color: #a02134;
}

[data-text-bg="secondary"] {
    background-color: #a02134;
}

/* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
    color: #a02134
}

/* Color !important */
[data-text-color="secondary"] {
    color: #a02134 !important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: #a02134
}

body {
    font-size: 100%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: "Roboto", sans-serif
}

body {
    font-weight: 0
}

body {
    color: #262626
}

.nav>li>a {
    font-family: "Roboto", sans-serif;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-family: "Roboto", sans-serif;
}

.nav>li>a {
    font-weight: 700;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #171717;
}

.alt-font {
    font-family: "Roboto", sans-serif;
}

.alt-font {
    font-weight: 0 !important;
}

.header:not(.transparent) .header-nav-main.nav>li>a {
    color: #000000;
}

.header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
    color: #a02134;
}

.header-nav-main.nav-line-bottom>li>a:before,
.header-nav-main.nav-line-grow>li>a:before,
.header-nav-main.nav-line>li>a:before,
.header-nav-main.nav-box>li>a:hover,
.header-nav-main.nav-box>li.active>a,
.header-nav-main.nav-pills>li>a:hover,
.header-nav-main.nav-pills>li.active>a {
    color: #FFF !important;
    background-color: #a02134;
}

a {
    color: #4f4f4f;
}

a:hover {
    color: #545454;
}

.tagcloud a:hover {
    border-color: #545454;
    background-color: #545454;
}

.is-divider {
    background-color: #5e5e5c;
}

@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 500px !important;
        width: 500px !important;
    }
}

/* Custom CSS */
.header-nav.nav-box>li.active>a {
    color: #000 !important;
}

/*.material-box {    padding: 0px 2.5px 5px 2.5px !important;}*/
/*article a {text-decoration: underline; color: #a02134;}*/
main p>a {
    text-decoration: underline;
    color: #a02134;
}

.textwidget a {
    text-decoration: none;
    color: #262626;
}

/** Mega Menu */
.container .fo-mega-menu.row {
    padding: 20px 0px;
}

.fo-mega-menu .col {
    padding: 0px 45px !important;
}

.fo-mega-menu .col.menu-has-children .ux-menu+.nav-wrapper {
    padding: 20px 30px;
}

.fo-mega-menu .col.menu-has-children .ux-menu {
    border-bottom: 1px solid #ececec;
}

.fo-mega-menu .col.menu-has-children .ux-menu .ux-menu-link__link {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.fo-mega-menu .col.menu-has-children .ux-menu .ux-menu-link__text {
    padding-left: 0;
    width: 100%;
}

.fo-mega-menu .col.menu-has-children .ux-menu .ux-menu-link__icon {
    right: 0;
}

.fo-mega-menu .col.menu-has-children .ux-menu+.nav-wrapper {
    border: 2px solid #ddd;
    display: none;
    position: absolute;
    z-index: 9999999;
    background-color: white;
    right: -290px;
    top: -21px;
}

.fo-mega-menu .col.menu-has-children:hover .ux-menu+.nav-wrapper {
    display: block;
}

.fo-mega-menu .col.menu-has-children .ux-menu+.nav-wrapper .nav>li>a {
    color: rgba(102, 102, 102, 0.85);
}

.fo-mega-menu .col.menu-has-children .ux-menu+.nav-wrapper .nav>li>a:hover {
    color: rgba(17, 17, 17, 0.85);
}

.fo-mega-menu .col.menu-has-children .ux-menu+.nav-wrapper .nav>li>a:before {
    width: 0;
}

/* Custom CSS Tablet */
@media (max-width: 849px) {
    .nav-sidebar-ul.children>.menu-item-has-children {
        margin-bottom: 0;
    }

    .nav-sidebar-ul.children>.menu-item-has-children>a {
        color: #666;
        text-transform: none;
        font-size: 1em;
        font-weight: 400;
    }

    .nav-sidebar-ul.children>.menu-item-has-children .sub-menu {
        display: none;
    }

    .nav-sidebar-ul.children>.menu-item-has-children .sub-menu>.menu-item a {
        padding-right: 20px;
    }

    .nav-sidebar-ul.children>.menu-item-has-children .toggle {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.label-new.menu-item>a:after {
    content: "New";
}

.label-hot.menu-item>a:after {
    content: "Hot";
}

.label-sale.menu-item>a:after {
    content: "Sale";
}

.label-popular.menu-item>a:after {
    content: "Popular";
}

</style><style type="text/css" id="wp-custom-css">

/*Translation plug-in*/
.nav-spacing-xlarge>li {
    margin: 0 3px;
}

.rocky_to {
    height: 32px
}

/*header logo adding space on the left*/
.logo-left .logo {
    margin-left: 30px;
}

/*Custom button style Request A Quote*/
.button_blue {
    background-color: #3f3f3f !important;
    color: #fff !important;
    text-transform: capitalize;
}

/* product page padding */
.col.small-12.large-12.col {
    padding: 0 15px 5px;
}

/*banner style*/
.banner-layers {
    overflow: hidden;
}

/*list cancel dot*/
/* ul {list-style:none;} */
/* Site-wide tabs style*/
.tabbed-content .nav>li {
    padding-right: 37px;
}

.section-content.relative .dark .nav>li.active>a {
    color: #0076d0
}

/*Column style*/
.col-inner .col {
    padding-right: 5px;
    padding-left: 5px;
}

/* About Dawang tabs style*/
.tabbed-content .nav>li {
    padding-right: 1%;
}

.tabbed-content .nav-size-large>li>a {
    font-size: 0.9em;
}

.tab-about li.active {
    border-bottom: 2px solid;
    /* Example of a lower border of medium thickness */
}

.tabbed-content .n2-ss-slider .n2-ow {
    box-sizing: border-box;
}

/*blog tabs style*/
.blog-wrapper .text-center h1 {
    text-align: left;
}

/* title style*/
.section-title-main {
    text-transform: capitalize !important;
}

/*footer*/
footer ul {
    margin-left: -16px !important;
}

.absolute-footer {
    display: none;
}

/*table*/
table,
th,
td {
    border-color: #ececec;
    border-style: solid;
}

table {
    border-width: 1px 0 0 1px !important;
}

th,
td {
    border-width: 0 1px 1px 0 !important;
}

th:first-child,
td:first-child,
th,
td {
    padding-left: 10px !important;
}

td {
    padding: 1.2em !important;
}

th {
    line-height: 2.05;
}

.cus_bg_tr {
    background-color: #f4f4f4;
}

/*section*/
.container .section,
.row .section {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*nav*/
.nav-box>li>a {
    padding: 0 0.35em;
}

/*homepage zigongsi Capitalize the first letter of the button*/
.homepage_zigongsi_section .button {
    text-transform: capitalize;
}

.homepage_zigongsi_section .ux-logo-link {
    padding-left: 0px !important
}

/*search-no-results page*/
@media screen and (min-width: 849px) {
    .search-no-results .search-form-wrapper {
        margin-top: -795px !important;
    }
}

@media screen and (max-width: 849px) {
    .search-form-wrapper {
        display: none !important;
    }
}

/*page font color not home
.page-template:not(.page-id-278) .page-inner p a:not(.button){color:#0076d0 !important;}
*/
/*single post page*/
/*
* .single-post .entry-content p a{color:#0076d0 !important;} */
/*side bar cf7 style*/
.widget-area input {
    margin-bottom: 0em !important;
}

.widget-area textarea {
    min-height: 75px;
}

.widget-area .captcha-image svg {
    width: 34px !important;
    height: 34px !important;
}

.widget-area label,
.widget-area p {
    margin-bottom: 0em !important;
}

/*Investment Casting page*/
.cus_row_border_left {
    border-left: none !important;
}

/*Stainless Steel Castings page style*/
.cus_section_col .bg-loaded {
    opacity: 0 !important;
}

/* home h2 title col */
.home-h2-row .col {
    padding: 0 15px 8px;
}

/*when screen under 1271px nav style */
@media screen and (max-width: 1271px) {
    .stuck .header-main {
        height: 70px !important;
    }
}

/*Stainless Steel Castings page sider style*/
.slider .flickity-prev-next-button {
    opacity: 1;
}



.nav>li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0 10px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.header,
.header-wrapper {
    background-color: #fff;
}

.company-intro {
    font-size: 14px;
}


.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.certbox-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.certitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 23%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
}

.certitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.certitem-t>a>.img1 {
    width: 100%;
    aspect-ratio: 1/1.5;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.certitem-t>a {
    display: block;
    width: 100%;
    height: auto;
    border: solid 1px #ddd;
}

.certitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 5px 5px;
}

.certitem-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.certitem-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 5px 0px;
}

.certitem-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: left;
}

.certitem-info-t-a>.label-title {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

.certitem-info-t-a>.label-title:hover {
    color: #000;
    text-decoration: none;
}

.certitem-info-t-a>.label-title:active {
    color: #000;
    text-decoration: none;
}

.certitem-info-t-a>.label-title:visited {
    color: #000;
    text-decoration: none;
}

.certitem-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.certitem-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: left;
}

.certitem-info-desc>.label-desc {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

/*--------自适应--------*/




.factorybox-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.factoryitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 32%;
    height: auto;
    min-height: 30px;
    margin: 20px 0px;
    padding: 0px 0px;
}

.factoryitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.factoryitem-t>.img1 {
    width: 100%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    aspect-ratio: 1/0.6;
}

.factoryitem-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

/*--------自适应--------*/


.blogbox-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.post-item {
    box-sizing: border-box;
    width: 49%;
    height: auto;
}

.homeblog-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.post-item1 {
    box-sizing: border-box;
    width: 100%;
    height: auto;
}


/*--------自适应--------*/


/*--------自适应--------*/

.pager {
    box-sizing: border-box;
    clear: both;
    font-size: 14px;
    width: 100%;
    height: auto;
    margin: 40px 0 50px 0;
    padding: 0 0px 0 0;
    text-align: center;
}

.pager a {
    color: #666;
    font-size: 14px;
    width: auto;
    height: auto;
    text-decoration: none;
    border: solid 1px #000;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 6px 6px;
    margin: 2px 4px;
    border-radius: 3px;
}

.pager a:visited {
    color: #666;
    text-decoration: none
}

.pager a:active {
    color: #666;
    text-decoration: none
}

.pager a:hover {
    color: #666;
    text-decoration: none;
}

.pager a.cur {
    color: #fff;
    background: #000;
    border: solid 1px #000;
}

.pager a.prev {}

.pager a.next {}

.pager a.off {
    color: #dddddd;
    border: solid 1px #ddd;
}

.pager span {
    float: right;
}

.pager input {
    outline: none;
    width: 40px;
    height: 29px;
    text-align: center;
    line-height: 28px;
    border: solid 1px #ccc;
}

.pager button {
    outline: none;
    width: 40px;
    height: 29px;
    line-height: 28px;
    border: solid 1px #ccc;
    border-left: none;
    cursor: pointer;
}



.sharebox {
    box-sizing: border-box;
    margin: 0px auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.sharebox>a {
    box-sizing: border-box;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
}


.aboutSwiper-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.aboutSwiper-c .swiper-pagination {
    bottom: 0px !important;
}

.aboutSwiper-c .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #fff;
    margin: 0 10px;
}

.aboutSwiper-c .swiper-pagination-bullet-active {
    color: #fff;
    background: red;
}

.aboutSwiper-c .swiper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.aboutSwiper-c .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.aboutSwiper-c .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.aboutSwiper-c .swiper-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    position: relative;
}

.aboutSwiper-c .swiper-item>.img1 {
    width: 100%;
    height: 600px;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.aboutSwiper-c .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

/*--------自适应--------*/



.swblogs-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swblogs-c .swiper-pagination {
    bottom: -10px !important;
}

.swblogs-c .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #ddd;
    margin: 0 10px;
}

.swblogs-c .swiper-pagination-bullet-active {
    color: #fff;
    background: red;
}

.swblogs-c .swiper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swblogs-c .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swblogs-c .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swblogs-c .swiper-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    position: relative;
}

.swblogs-c .swiper-item>.img1 {
    width: 100%;
    height: 50px;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.swblogs-c .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

/*--------自适应--------*/


.xgoods-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
}

.xgoods {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 30px 0 20px 40px;
    padding: 0px 0px;
}

.xgoodsitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 31%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px 20px 0;
    padding: 0px 0px;
    background: #fff;
    position: relative;
}

.xgoodsitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.xgoodsitem-t>a>.img1 {
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    aspect-ratio: 1/1;
    transform: scale(1);
    transition: all .5s linear 100ms;
    -webkit-transition: all .5s linear 100ms;
}

.xgoodsitem-t>a>.img1:hover {
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    aspect-ratio: 1/1;
    transform: scale(1.2);
    transition: all .5s linear 100ms;
    -webkit-transition: all .5s linear 100ms;
}

.xgoodsitem-t>a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.xgoodsitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 10px 10px;
}

.xgoodsitem-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

.xgoodsitem-m>.label1:hover {
    color: #000;
    text-decoration: none;
}

.xgoodsitem-m>.label1:active {
    color: #000;
    text-decoration: none;
}

.xgoodsitem-m>.label1:visited {
    color: #000;
    text-decoration: none;
}

/*--------自适应--------*/




.proinfo_gallery-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    background: #fff;
    position: relative;
}

.proinfo_gallery-c>.swiper {
    border: solid 1px #ddd;
    position: relative;
    flex: 1;
}

.proinfo_gallery-c .swiper-pagination {
    bottom: 0rem !important;
}

.proinfo_gallery-c .swiper-pagination-bullet {
    display: none;
}

.proinfo_gallery-c .swiper-pagination-bullet-active {
    color: #fff;
    background: #1D488F;
}

.proinfo_gallery-cmd>.proinfo_gallery-thumb.on {
    border: solid 1px red;
}

.proinfo_gallery-c .swiper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    border: solid 1px #ddd;
}

.proinfo_gallery-c .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.proinfo_gallery-c .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.proinfo_gallery-c .swiper-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 500px;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    position: relative;
}

.proinfo_gallery-c .swiper-item>.img1 {
    width: 100%;
    height: 100%;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: contain;
}

.proinfo_gallery-c .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.proinfo_gallery-cmd {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 10px auto;
    padding: 0rem 0rem;
}

.proinfo_gallery-thumb {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    min-height: 0.30rem;
    margin: 0px 8px 8px 0rem;
    padding: 0rem 0rem;
    cursor: pointer;
    border: solid 1px #ddd;
}

.proinfo_gallery-thumb>.img1 {
    width: 100%;
    height: 100%;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    cursor: pointer;
    object-fit: cover;
}

















.gallery-icon {
    position: absolute;
    z-index: 99999;
    right: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #666;
    cursor: pointer;
    border: solid 1px #999;
}



.picsbox-c {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #000;
    position: fixed;
    z-index: 9999999;
    left: 0px;
    top: 0px;
    display: none;
}

.picboxs-top {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
}

.picboxs-topleft {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.picboxs-topleft>.label-count {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.picboxs-topright {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 10px;
}

.picboxs-topright>.img-fullscreen {
    width: 20px;
    height: 20px;
    margin: 0px 20px;
    padding: 0px 0px;
    cursor: pointer;
    object-fit: cover;
}

.picboxs-topright>.img-exitscreen {
    width: 20px;
    height: 20px;
    margin: 0px 20px;
    padding: 0px 0px;
    cursor: pointer;
    object-fit: cover;
}

.picboxs-topright>.img-share {
    width: 20px;
    height: 20px;
    margin: 0px 0px;
    padding: 0px 0px;
    cursor: pointer;
    object-fit: cover;
}

.picboxs-topright>.img-close {
    width: 29px;
    height: 29px;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px;
    cursor: pointer;
    object-fit: cover;
}

.picboxs-topright>.img-zoom {
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px;
    cursor: pointer;
    object-fit: cover;
}

.picsbox-c-left {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 0px;
    transform: translateX(0%) translateY(-50%);
    cursor: pointer;
}


.picsbox-c-right {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 0px;
    transform: translateX(0%) translateY(-50%);
    cursor: pointer;
}


.picsbox-c-d {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    padding: 0px 0px;
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 0px;
}

.picsbox-c-d>.img1 {
    width: auto;
    max-width: 90%;
    height: auto;
    max-height: 95%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    transition: all .5s linear 100ms;
    -webkit-transition: all .5s linear 100ms;
    transform: scale(1);
}

.picsbox-c-d>.img1.big {
    width: 50%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    transition: all .5s linear 100ms;
    -webkit-transition: all .5s linear 100ms;
    transform: scale(1.2);
}



.aboutgoods-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 20px 0px;
    background: #fff;
}

.aboutgoods-item-t:hover>a>.img1 {
    width: 100%;
    height: 100%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    transform: scale(1.2);
    transition: all .2s linear 100ms;
}

.aboutgoods {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 1240px;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.aboutgoods-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.aboutgoods-head {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.aboutgoods-head-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.aboutgoods-head-t>.label-title {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.aboutgoods-head-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
}

.aboutgoods-head-b>.label-line {
    display: inline-block;
    width: 20px;
    height: 3px;
    padding: 0px 0px;
    background: #ddd;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.aboutgoods-head-b>.label-desc {
    padding: 0px 10px;
    position: relative;
    z-index: 10;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #ccc;
}

.aboutgoods-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 100px;
    margin: 0px 0px;
    padding: 20px 0px;
}

.aboutgoods-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 24%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
}

.aboutgoods-item-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    aspect-ratio: 2/1.5;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    overflow: hidden;
}

.aboutgoods-item-t>a>.img1 {
    width: 100%;
    height: 100%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    transition: all .2s linear 100ms;
    object-fit: cover;
}

.aboutgoods-item-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.aboutgoods-item-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 5px 5px;
}

.aboutgoods-item-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.aboutgoods-item-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 5px 0px;
}

.aboutgoods-item-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.aboutgoods-item-info-t-a>.label-title {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.aboutgoods-item-info-t-a>.label-title:hover {
    color: #333;
    text-decoration: none;
}

.aboutgoods-item-info-t-a>.label-title:active {
    color: #333;
    text-decoration: none;
}

.aboutgoods-item-info-t-a>.label-title:visited {
    color: #333;
    text-decoration: none;
}

.label-title>label {
    color: #333;
    font-size: 16px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.aboutgoods-item-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.aboutgoods-item-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.aboutgoods-item-info-desc>.label-desc {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

.aboutgoods-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.aboutgoods-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 8px 50px;
    border: none;
    border-radius: 5px;
    background: #000;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.aboutgoods-b>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.aboutgoods-b>.link1:active {
    color: #fff;
    text-decoration: none;
}

.aboutgoods-b>.link1:visited {
    color: #fff;
    text-decoration: none;
}

/*--------自适应--------*/


.subbanner-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
}

.subbanner {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.subbanner-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 10px 0px;
}

.subbanner-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}

.subbanner-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 10px 0px;
    padding: 0px 0px;
}

.subbanner-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.subbanner-d {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 10px 0px;
}

.subbanner-d>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 5px 20px;
    border: none;
    border-radius: 5px;
    background: #FFA300;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

.subbanner-d>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.subbanner-d>.link1:active {
    color: #fff;
    text-decoration: none;
}

.subbanner-d>.link1:visited {
    color: #fff;
    text-decoration: none;
}

.subbanner-c>.img2 {
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
    z-index: 2;
    object-fit: cover;
}

.subbanner-c-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    background: #000;
    position: absolute;
    z-index: 7;
    left: 0px;
    top: 0px;
    opacity: 0.5;
}

/*--------自适应--------*/





.swexp-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swexp-c .swiper-pagination {
    bottom: 0px !important;
}

.swexp-c .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #fff;
    margin: 0 10px;
}

.swexp-c .swiper-pagination-bullet-active {
    color: #fff;
    background: red;
}

.swexp-c .swiper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swexp-c .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swexp-c .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.swexp-c .swiper-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    position: relative;
}

.swexp-c .swiper-item>.img1 {
    width: 100%;
    height: 80vh;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.swexp-c .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

/*--------自适应--------*/

#section_177291067 {
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff !important;
}

.product-short-description {
    font-size: 14px;
}


.gocontact-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 30px 0px;
    padding: 0px 0px;
}

.gocontact {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 46%;
    height: auto;
    min-height: 40px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #000;
    border-radius: 6px;
    cursor: pointer;
}

.gocontact-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.gocontact-l>.img1 {
    width: auto;
    height: 30px;
    min-height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.gocontact-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: auto;
    margin: 0px 0px;
    padding: 0px 5px;
}

.gocontact-r>.label1 {
    padding: 0px 0px;
    margin: 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}

/*--------自适应--------*/




.mobhead-nav-modalbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 0%;
    height: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    left: 0px;
    top: 0px;
    transition: all .2s linear 100ms;
}

.mobhead-nav-modalbg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0%;
    height: 100%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #000;
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    transition: all .2s linear 100ms;
    opacity: 0.3;
}

.mobhead-nav-modal {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0%;
    height: 100%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
    position: fixed;
    z-index: 999999999;
    left: 0px;
    top: 0px;
    overflow: hidden;
    transition: all .2s linear 100ms;
    opacity: 1;
}

.mobhead-nav-navmob {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mobhead-nav-navmob-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mobhead-nav-navhead {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mobhead-nav-navhead-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mobhead-nav-navhead-l>.img1 {
    width: auto;
    height: 50px;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.mobhead-nav-navhead-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mobhead-nav-navhead-r>.label-close {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 26px;
    font-weight: normal;
    color: red;
    cursor: pointer;
}

.mobhead-nav-navmob-b {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 0;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mobhead-nav-navtree-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
}

.mobhead-nav-navtree {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 50px;
    margin: 0px 0px;
    padding: 0px 10px;
    border-bottom: solid 1px #eee;
    cursor: pointer;
}

.mobhead-nav-navtree>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.mobhead-nav-navtree>.arr-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    cursor: pointer;
}

.mobhead-nav-navtree-childs {
    box-sizing: border-box;
    display: none;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}

.mobhead-nav-navtree-childs-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin: 0px auto;
    padding: 0px 20px;
}

.mobhead-nav-navtree-childs-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    color: #000;
}

.mobhead-searchbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #eee;
    position: fixed;
    z-index: 10;
    left: 0px;
    top: 60px;
    overflow: hidden;
    transition: all .2s linear 100ms;
}

#mobmenulist>i.fa {
    color: #000 !important;
}






.procate-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: auto;
    min-height: 30px;
    margin: 30px 0px;
    padding: 0px 0px;
    background: #fff;
    position: sticky;
}

.procate {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.procate-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 50px;
    margin: 0px 0px;
    padding: 0px 20px;
    border-bottom: solid 1px #ddd;
    background-color: #000;
}

.procate-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
}

.procate-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.procate-child {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 50px;
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: solid 1px #eee;
}

.procate-child.level2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin: 0px 0px;
    padding: 0px 0px 0px 20px;
    border-bottom: solid 1px #eee;
}


.procate-child.level2 .procate-child-l {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin: 0px 0px;
    padding: 0px 20px;
}


.procate-child-l {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 50px;
    margin: 0px 0px;
    padding: 0px 20px;
}


.procate-child-l>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}


.procate-child.level2 .procate-child-l>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}



.procate-child-l>.label1:hover {
    color: #333;
    text-decoration: none;
}

.procate-child-l>.label1:active {
    color: #333;
    text-decoration: none;
}

.procate-child-l>.label1:visited {
    color: #333;
    text-decoration: none;
}

.procate-child-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.procate-child-r>.label1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

/*--------自适应--------*/

.xchild-menu {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0px;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 100%;
    top: 0px;
    display: none;
    background-color: #fff;
}

.xchild-menu-item {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0px;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.xchild-menu-item a {
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    width: 100%;
    height: 41px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
}

.xchild-menu-item a:hover {
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    width: 100%;
    height: 41px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #ececec;
    background-color: #333;
}

.nav-dropdown-default {
    padding: 15px 0px;
    background-color: transparent;
}

.nav-dropdown-default.sub {
    padding: 18px 0px;
    background-color: transparent;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    color: #000;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0px;
    box-sizing: border-box;
    padding: 10px 20px;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
}


.nav-dropdown.nav-dropdown-default>li>a:hover {
    padding-left: 0;
    padding-right: 0;
    margin: 0 0px;
    padding: 10px 20px;
    border-bottom: 1px solid #ececec;
    background-color: #333;
    color: #fff;
}

.nav-dropdown.nav-dropdown-default>li:hover .xchild-menu {
    display: block;
}


.product_meta {
    font-size: 14px;
    margin: 20px 0;
}

.product_meta>span {
    display: block;
    border-top: 0px dotted #ddd;
    padding: 5px 0;
}

.navpos {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    min-height: 40px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}


.nav-dropdown {
    min-width: 200px;
}

.woocommerce-Tabs-panel .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: initial;
}


.detailbox {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
}

.detailbox h1 {
    font-size: 50px;
}

.detailbox h2 {
    font-size: 40px;
}

.detailbox h3 {
    font-size: 30px;
}

.detailbox h4 {
    font-size: 20px;
}

.detailbox h5 {
    font-size: 18px;
}

.detailbox p {
    text-align: left;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
}

.detailbox img {
    width: auto;
    max-width: 100%;
    margin: 10px auto;
    height: auto;
}

.detailbox video {
    width: auto;
    max-width: 100%;
    margin: 10px auto;
    height: auto;
}