/* ============================================================
   style.css - 站点公共样式（去重）
   说明: 由原 30 页面内联样式整合去重生成
   规则: 主导值（>=2 页面一致）保留于此
   页面独有/例外样式见 <页面名>.css
   ============================================================ */

:root {
    --xorder-theme-color: #9aba59;
    --xorder-theme-cover-font-color: #ffffff;
}

.pav-megamenu {
    position: relative;
}

.widget-banner .w-banner {
    margin: 6px 10px;
    float: left;
}

.pavo-widget .menu-title {
    font-size: 14px;
    text-transform: uppercase;
    color: #21272c;
    font-family: "proximanova-semibold", serif;
    line-height: 40px;
    padding: 10px 0px;
    display: none;
}

.pavo-widget iframe {
    height: 200px;
    margin-bottom: 10px;
    width: 278px;
}

.widget-product-list .image {
    float: left;
    margin-right: 10px;
    border: 1px solid #E5E5E5;
}

.widget-product-list .product-block {
    border: 0;
}

.widget-product-list .cart {
    display: none;
}

.widget-product-list .name {
    font-size: 14px;
}

.widget-product-list .price {
    font-size: 15px;
    margin-bottom: 0;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    margin: 4px 0;
    padding: 10px 13px;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar {
    min-height: 50px;
}

.navbar-default .navbar-toggle .icon-bar {
    width: 15px;
}

.newsletter_block {
    background: transparent;
    border: 0;
    padding: 0;
}

.newsletter_block .title_block,
        .newsletter_block h4 {
    color: #FFFFFF;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 30px;
    font-size: 19px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    font-family: "proximanova-extrabold", serif;
}

.newsletter_block p {
    padding: 0px;
    color: #A1A5AB;
    margin: 0;
}

.newsletter_block input.inputNew {
    font-size: 14px;
    padding: 10px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #666;
    float: left;
    height: 40px;
    width: 60%;
    line-height: 40px;
}

.newsletter_block input.button_mini {
    border: 0 none;
    cursor: pointer;
    height: 44px;
    background-color: #21272C;
    left: 0;
    position: relative;
    color: var(--xorder-theme-cover-font-color, #000);
    width: 40%;
    background: var(--xorder-theme-color, #fff);
    border-radius: 0 5px 5px 0;
    line-height: 44px;
    vertical-align: top;
}

.newlestter-message {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
}

@media (min-width: 540px) {
    .container {
        max-width: 528px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 744px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1152px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1548px;
    }
}

#sample_cart {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.tparrows {
    position: absolute !important;
    top: 50%;
    margin-top: -21px !important;
    background-position: left bottom !important;
}

.tparrows:hover {
    background-position: left top !important;
}

.tp-rightarrow.round {
    z-index: 89;
    cursor: pointer;
    background: url(../static/image/large_right.png) no-Repeat top left;
    width: 42px;
    height: 42px;
    right: 5% !important;
}

.tp-leftarrow.round {
    z-index: 89;
    cursor: pointer;
    background: url(../static/image/large_left.png) no-Repeat top left;
    width: 42px;
    height: 42px;
    left: 5% !important;
}

.demo-icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#header #cart {
    z-index: 100;
}

.account-listul {
    padding: 10px 0;
}

.account-listul a {
    padding: 5px 20px !important;
    line-height: 25px !important;
}

.account-listul li {
    border: none !important;
}

.atirons {
    vertical-align: middle;
    position: relative;
    top: 2px;
}

@media only screen and (min-width: 1206px) and (max-width: 1611px) {
    .topbar-link .list-inline>li {
        padding-left: 12px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1205px) {
    .topbar-link .list-inline>li {
        padding-left: 6px !important;
    }
}

#pav-mainnav {
    cursor: pointer;
    padding: 0px 0;
    z-index: 9999;
    background: var(--xorder-theme-navigation-background-color, #fff);
}

#pav-mainnav .navbar .navbar-collapse {
    float: none;
}

.navbar-nav {
    float: none;
    text-align: center;
}

#pav-mainnav .navbar ul.nav>li>a span .menu-title {
    padding-top: 0;
}

#header .mainnavCon .container {
    *max-width: 100%;
}

#pav-mainnav:hover {
    background: var(--xorder-theme-navigation-background-color, #fff) !important;
}

#pav-mainnav .image_logo {
    display: inline-block;
    opacity: 1;
}

#pav-mainnav span.image_logo {
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
    width: 100%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#pav-mainnav:hover .image_logo {
    display: none !important;
    opacity: 0 !important;
}

#pav-mainnav .hover-logo {
    display: none;
    opacity: 0;
}

#pav-mainnav:hover .hover-logo {
    display: inline-block !important;
    opacity: 1 !important;
}

.pc-logo {
    line-height: 80px;
}

.pc-logo img {
    height: 70px;
}

.search-box-show {
    width: 100%;
    left: 0;
    border: 1px solid #eceaea;
    border-radius: 4px;
    z-index: 9;
    display: none;
}

#search {
    box-shadow: none;
    margin: 0;
}

#search input:active,
        #search input:focus {
    width: 100%;
}
@media only screen and (min-width:769px) and (max-width:1199px) {
    .search-box-show {
        width: 265% !important;
        left: -250px !important;
    }
    .pc-logo img {
        height: 50px !important;
    }
}
@media only screen and (min-width:769px) and (max-width:1023px) {
    .header-icons .topbar-link ul {
        line-height: 25px !important;
       padding-top: 26px;
    }
}
@media only screen and (max-width:768px) {
    .header-icons .topbar-link ul {
        line-height: inherit !important;
    }
}

@media only screen and (max-width:768px) {
    #pav-mainnav {
        padding: 0 !important;
    }
}

@media only screen and (max-width:768px) {
    .search-box-show {
        top: 37px;
    }
}

@media only screen and (max-width:768px) {
    #search input {
        padding: 0 30px 0 10px !important;
    }
}

@media only screen and (max-width:768px) {
    .category-product {
        display: none !important;
    }
}

@media only screen and (max-width:768px) {
    #pav-mainnav .search-box-show {
        top: 75px;
        background-color: #ffffff;
        border-radius: 0;
        padding: 15px;
        border: 0;
    }
}

@media only screen and (max-width:768px) {
    #search {
        border: 1px solid #000;
        position: relative;
        width: 100%;
        height: 44px;
        background: #FFFFFF;
        margin: 0 auto;
    }
}

#breadcrumb {
    background: #f4f4f4;
    padding: 0;
    min-height: 40px !important;
    line-height: 40px;
}

#breadcrumb .breadcrumb {
    padding: 0 !important;
}

#breadcrumb .breadcrumb li a {
    line-height: 24px;
    font-size: 14px;
    color: #999;
    display: inline-block;
}

.breadcrumb>li+li:before {
    font-size: 18px;
}

#header {
    position: relative;
}

.ad {
    width: 100%;
    height: 50px;
    position: relative;
    top: 0;
    background: #333;
    text-align: center;
    z-index: 999;
}

.ad span {
    font-size: 14px;
    color: #fff;
    line-height: 50px;
}

.ad span a {
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 5px 10px;
    margin-left: 20px;
}

.ad span a:hover {
    color: #000;
    background: #fff;
    transition: color .4s ease 0s;
}

.ad .ad_close {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
}

.ad .ad_close:hover {
    background: #fff;
    transition: all .5s;
    color: #333;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.PhoneSearch {
    display: none;
}

@media (max-width:768px) {
    #pav-mainnav .mainnavCon {
    }
}

@media (max-width:768px) {
    .ftlg img {
        width: 29%;
    }
}

@media (max-width:768px) {
    .navbar-default .navbar-toggle {
        margin: 17px 0;
        z-index: 99999;
    }
}

@media (max-width:768px) {
    .topbar-link {
        margin-top: 0;
    }
}

@media (max-width:768px) {
    #logo a {
        z-index: 99;
        position: relative;
        top: 16px;
    }
}

@media (max-width:768px) {
    #logo {
        padding-bottom: 0 !important;
        width: 58%;
        margin: 0 auto;
        z-index: 999;
    }
}

@media (max-width:768px) {
    .header-icons {
        padding: 0px !important;
        position: relative;
        right: 0;
        top: -15px;
    }
}

@media (max-width:768px) {
    .PhoneHidden {
        display: none !important;
    }
}

@media (max-width:768px) {
    .PhoneSearch {
        display: block;
    }
}

@media (max-width:768px) {
    .container-fluid {
        margin-top: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width:320px) {
    .topbar-link {
        margin-top: 20px !important;
    }
}

.container-fluid:hover div.aa4 {
}

.container-fluid div.aa4 li a {
    padding: 10px;
    text-align: left;
}

.container-fluid {
}

#pav-mainnav .dropdown-menu.aa4 li>a {
    color: var(--xorder-theme-color, #334141) !important;
}

.dropdown-menu.aa4 img {
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}

.icon-basket-2,
        .icon-search-2,
        .icon-globe,
        .icon-user-outline {
    color: #0091d9;
}

#pav-mainnav .navbar ul.nav>li {
    padding: 0 18px 0;
}

.icon-icon-test7,
        .icon-icon-test22,
        .icon-icon-test15,
        .icon-icon-test6 {
    color: var(--xorder-theme-navigation-foot-color, #111) !important;
}

.topbar-link .list-inline>li {
    padding-left: 18px;
    padding-right: 0px;
}

.topbar-link {
    margin-top: 0;
}

.lr-ssk-box {
    cursor: pointer;
}

.language-box-container .icon-globe {
    font-size: 22px;
}

.icon-user-outline {
    font-size: 20px;
    margin-top: 2px;
    margin-right: 12px;
}

#cart .icon-basket-2 {
    font-size: 20px;
    margin-top: 2px;
}

.header-icons {
}

.header-icons .topbar-link ul {
    line-height: 76px;
}

.navbar-header {
    border: none;
}

.Currency-ul {
    padding: 10px 0;
}

.Currency-ul li {
    display: block;
    border-bottom: none !important;
}

.Currency-ul li a {
    font-size: 13px !important;
}

.Currency-titles {
    padding: 10px 20px !important;
    color: #334141 !important;
}

#cart-top .dropdown-toggle .fa-shopping-cart {
    font-size: 31px;
    margin-right: 16px;
}

.nav-box {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 5px 0;
}

.nav-box i {
    display: block;
    margin: 0 auto;
}

.nav-box span {
    display: block;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    font-weight: Medium;
    color: #000000;
    letter-spacing: 0px;
    text-transform: Uppercase;
}

.fixed-nav-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(255, 255, 255, 1);
    left: 0;
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.1);
    display: none;
}

.icon-HOME {
    color: #000000;
}

.icon-gwc {
    color: #000000;
}

.icon-message {
    color: #000000;
}

.icon-account {
    color: #000000;
}

.iconfont {
    font-size: 23px;
}

.nav-active i {
    color: #000;
}

.nav-active span {
    color: #000;
}

.PhoneShow {
    display: none;
}

.list-inline>li.PhoneSearch {
    display: none;
    cursor: pointer;
}

#pav-mainnav .navbar ul.nav>li.active {
    box-shadow: 0 2px 0 0 #0091d9;
}

#pav-mainnav .navbar ul.nav>li.active a {
    color: #0091d9 !important;
    transition: color 0s ease 0s;
}

@media (max-width:768px) {
    .fixed-nav-box {
        display: block;
    }
}

@media (max-width:768px) {
    #customer-chat-iframe {
        visibility: hidden;
    }
}

@media (max-width:768px) {
    .xiao_q_click {
        display: none;
    }
}

@media (max-width:768px) {
    .main-header .search {
        display: none;
    }
}

@media (max-width:768px) {
    .PhoneShow {
        display: block;
    }
}

@media (max-width:768px) {
    .list-inline>li.PhoneSearch {
        display: block;
    }
}

#oc-column-right {
    display: none;
}

.product-block .price-old {
    display: none;
}

ul,
        li,
        ol {
    padding: 0;
}

#columns #group-content {
    margin-top: 40px !important;
}

#pav-mainnav .navbar ul.nav>li>a {
    padding: 0;
    line-height: 80px;
    font-size: 17px;
    position: relative;
    color: var(--xorder-theme-navigation-foot-color, #111) !important;
}

.navbar-default .navbar-nav>.dropdown:hover>a .caret,
        .navbar-default .navbar-nav>.dropdown:focus>a .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

#pav-mainnav .navbar-nav>li>.dropdown-menu {
    min-width: 380px;
    padding: 20px 16px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    top: 80px;
}

#pav-mainnav .dropdown-menu ul>li {
    border: none;
}

#pav-mainnav .dropdown-menu li>a {
    text-align: left;
    padding: 0 20px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 36px;
    color: var(--xorder-theme-navigation-foot-color, #334141) !important;
}

#pav-mainnav .dropdown-menu li>a>.menu-image {
    margin-top: -2px;
}

#pav-mainnav .dropdown-menu li>a>span {
    margin-left: 3px;
}

#pav-mainnav .dropdown-menu .MoreListLi>a>span.menu-title {
    color: #191919;
    font-weight: bold;
}

.megamenu .dropdown-submenu {
    margin: 10px 0;
}

.megamenu .dropdown-submenu .dropdown-toggle .menu-title {
    color: #191919;
    font-weight: bold;
}

.pav-megamenu .dropdown-submenu>.dropdown-menu {
    border-radius: 0;
    padding: 0 5px;
    left: 100%;
    margin-left: -6px !important;
    margin-top: -1px;
    top: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.pav-megamenu .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.MoreListLi ul {
    padding: 0;
}

#pav-mainnav .dropdown-menu li>a .caret {
    color: #21272C;
    border-top-color: #21272C;
}

.megamenu .level1 .dropdown-submenu {
    margin: 0;
}

.megamenu .level1 .dropdown-submenu .menu-title {
    font-weight: normal !important;
}

.MoreListLi .dropdown-submenu {
    margin: 0;
}

.MoreListLi .dropdown-submenu .menu-title {
    font-weight: normal !important;
}

.MoreListLi .dropdown-submenu .level2 {
    margin: 0 0 0 10px !important;
}

.MoreListLi .dropdown-submenu .level3 {
    margin: 0 0 0 10px !important;
}

#pav-mainnav .dropdown-menu li>a:hover {
    color: var(--xorder-theme-color, #000) !important;
}

.new-common-bkg>.dropdown-menu {
    padding: 0 15px !important;
    border-radius: 0;
}

#pav-mainnav .navbar-nav>li:hover>.dropdown-menu,
        .new-common-bkg:hover>.dropdown-menu {
    padding: 10px 0px;
    height: auto;
    -webkit-transform: scaleY(1) !important;
    -moz-transform: scaleY(1) !important;
    -ms-transform: scaleY(1) !important;
    -o-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.new-common-bkg:hover>.dropdown-menu {
    display: block;
}

#pav-mainnav .navbar-nav>li>.dropdown-menu .toubushiping video {
    width: 100%;
}

.toubufeilei2 a {
    display: inline-block;
    margin-top: 10px;
    background: #000;
    color: #fff;
    padding: 10px 30px;
    font-size: 18px;
}

.toubu-wenben {
    line-height: 30px;
    font-size: 18px;
    color: #333;
}

#pav-mainnav .navbar ul.nav>li>a span {
    display: inline-block;
    -webkit-animation: fadeInUp 0.2s cubic-bezier(0, 0.62, 0.54, 1) forwards;
    animation: fadeInUp 0.2s cubic-bezier(0, 0.62, 0.54, 1) forwards;
}

#pav-mainnav .navbar ul.nav>li>a span::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 3px;
    background: #333333;
    transition: all 0.2s;
}

#pav-mainnav .navbar ul.nav>li:hover>a span::after {
    width: 100%;
}

#pav-mainnav .navbar ul.nav>li:hover {
    box-shadow: unset;
}

#pav-mainnav .navbar ul.nav>li>a b.caret {
    display: none;
}

#pav-mainnav .navbar ul.nav>li>a::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    height: 3px;
    background: var(--xorder-theme-color, #000);
    transition: all 0.2s;
}

#pav-mainnav .navbar ul.nav>li:hover>a::after {
    width: 100%;
}

.banner-a {
    display: inline-block;
    background: #9aba59;
    color: #fff;
    border: 2px solid #9aba59;
    font-family: 'Poppins', Arial, PingFang SC, Helvetica Neue, Hiragino Sans GB, Segoe UI, Microsoft YaHei, "微软雅黑", sans-serif;
    border-radius: 40px;
    padding: 1.1rem 2.4rem;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    text-align: center;
}

.tp-caption.small_text1 {
    text-shadow: unset;
}

.tp-caption.very_large_black_text {
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

.banner-a:hover {
    background: #000;
    color: #fff;
    border: 2px solid #000;
}

.banner-a1 {
    display: inline-block;
    background: TRANSPARENT;
    color: #9aba59;
    border: 2px solid #9aba59;
    font-family: 'Poppins', Arial, PingFang SC, Helvetica Neue, Hiragino Sans GB, Segoe UI, Microsoft YaHei, "微软雅黑", sans-serif;
    border-radius: 40px;
    padding: 1.1rem 2.6rem;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    text-align: center;
}

.banner-a1:hover {
    background: #000;
    color: #fff;
    border: 2px solid #000;
}

.widget-inner .counter-content {
    padding: 20px 0 10PX;
    background: #eee;
    margin-bottom: 10px;
}

.widget-inner .shuzibiaoti-1 {
    font-size: 24px;
    font-weight: 500;
    color: #2c5a95;
    line-height: 30px;
}

.widget-inner .miaoshu-1 {
    font-size: 14px;
    color: #333;
    text-transform: capitalize;
    line-height: 30px;
}

.widget-inner .jb1 {
    position: relative;
    top: -20px;
    font-weight: 400;
    font-size: 14px;
    color: #333;
}

.widget-inner .lianjie {
    line-height: 30px;
}

.widget-inner .lianjie:hover a {
    font-weight: bold;
    color: var(--xorder-theme-color, #21272C);
}

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

.toubudingwei .toubuwenzi {
    position: absolute;
    top: 46%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 100%;
    left: 0;
    line-height: 30px;
}

.toubudingwei .img-toubu img {
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.toubudingwei:hover .img-toubu img {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    transition: all .5s;
}

.pavo-widget .guanyuwomenbiaoti,
        .pavo-widget .shipingbiaoti {
    color: var(--xorder-theme-navigation-foot-color, #111) !important;
}

.pavo-widget .guanyuwomenmiaoshu {
    color: var(--xorder-theme-navigation-foot-color, #666) !important;
}

.pavo-widget .widget-html a {
    color: var(--xorder-theme-navigation-foot-color, #000000) !important;
}

.pavo-widget .widget-html a:hover {
    color: var(--xorder-theme-color, #000000) !important;
}

#pav-mainnav:hover .navbar ul.nav>li>a {
    color: var(--xorder-theme-navigation-foot-color, #111) !important;
}

#pav-mainnav:hover .icon-icon-test7,
        #pav-mainnav:hover .icon-icon-test22,
        #pav-mainnav:hover .icon-icon-test15,
        #pav-mainnav:hover .icon-icon-test6 {
    color: var(--xorder-theme-navigation-foot-color, #111) !important;
}

@media (max-width: 1600px) {
    .banner-a1 {
        margin-left: 30px;
    }
}

@media (max-width: 1600px) {
    body.page-home .container {
        max-width: 1300px !important;
    }
}

.chanpingdifang {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 10px 10px 10px 10px;
    gap: 10px;
}

.chanpingxiaotu img {
    max-width: 80px;
}

.chanpingbiaoti {
}

.chanpingbiaoti a {
}

.chanpingdifang svg {
    position: absolute;
    right: 20px;
}

#pav-mainnav .navbar ul.nav>li:first-child>.dropdown-menu.xorder-common-1 {
    padding: 0 !important;
    width: calc(100% + 200px) !important;
    left: -80px !important;
}

.bannercontainer.banner-fullwidth {
    background: #eee;
}

.newsletter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}

.newsletter:before {
    position: absolute;
    content: "";
    background-color: #000;
    opacity: 0.9;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.newsletter-content {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 4px;
    color: #444444;
    display: block;
    height: 450px;
    left: 50%;
    padding: 30px;
    position: absolute;
    top: 30%;
    width: 800px;
    margin-left: -400px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#newclose {
    cursor: pointer;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 8px;
    z-index: 8040;
    line-height: 25px;
    color: #333;
    right: 8px;
    background: url(#/img/closex.png) no-repeat;
    background-size: 100%;
}

.newsletter-content-inside {
    width: 742px !important;
    padding: 100px 50px;
    color: #363636;
}

.heading_title {
    font-size: 24px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

.newlestter-description {
    font-size: 14px;
    line-height: 18px;
}

.newsletter-content-inside .btn {
    min-width: 135px;
    color: #fff;
    background-color: #ffb84d;
    border-color: #ffb343;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 1.42857;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.email {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.1);
}

.button-group {
    position: relative;
}

.margin-top-40 {
    margin-top: 40px;
}

.form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    height: 46px;
    padding: 12px 20px;
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.42857;
    color: #474644;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ebebeb !important;
    border-radius: 1px;
    -webkit-transition: border-color ease-in-out 0.15s,
            box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,
            box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,
            box-shadow ease-in-out 0.15s;
}

.margin-top-20 {
    margin-top: 20px;
}
@media (max-width: 1024px) {
    #pav-mainnav .navbar ul.nav>li>a{
        font-size: 16px;
    }
}
@media (max-width: 992px) {
    .newsletter-content {
        width: 96%;
        margin-left: 0;
        left: 2%;
        top: calc(50% - 225px);
    }
}

@media (max-width: 992px) {
    .newsletter-content-inside {
        width: 100% !important;
        padding: 50px 0;
    }
}

@media (max-width: 992px) {
    .m_close {
        top: 50px;
    }
}

@media (max-width: 1366px) {
    .newsletter-content {
        top: 18%;
    }
}

.offcanvas-menu {
    position: fixed;
    top: 0 !important;
    z-index: 100000 !important;
    overflow-y: auto;
    width: 80%;
}

.offcanvas-effect-3.offcanvas-menu-open .offcanvas-pusher {
    transform: unset;
}

@media only screen and (max-width: 768px) {
    #menu-offcanvas .dropdown .dropdown-menu {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .caret {
        transform: none !important;
    }
}

@media only screen and (max-width: 768px) {
    #header {
        height: auto !important;
        padding: 15px 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .mainmenu {
        position: inherit !important;
        top: initial;
        width: 16.666666666667%;
    }
}

@media only screen and (max-width: 768px) {
    #logo a {
        position: initial !important;
        top: initial !important;
    }
}

@media only screen and (max-width: 768px) {
    .img-responsive {
        height: auto;
        max-height: 100%;
        width: auto;
        max-width: 100%;
        padding: 0;
        margin: 0;
        display: inline-block;
    }
}

@media only screen and (max-width: 768px) {
    .header-icons {
        padding: 0px !important;
        position: initial !important;
        right: 0;
        top: 0;
        height: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .topbar-link .list-inline > li {
        margin: 0;
    }
}

@media only screen and (max-width: 768px) {
    #pav-mainnav .row {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 768px) {
    #pav-mainnav .navbar-inverse .navbar-toggle {
        border-color: rgba(0, 0, 0, 0);
    }
}

.mb_language_select {
    position: relative;
}

.mb_language_select span {
    line-height: 40px;
    padding-left: clamp(10px, 6vw, 20px);
    font-size: clamp(16px, 4vw, 20px);
}

.mb_language_select select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    direction: rtl;
    line-height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    background: unset;
    padding: 0 clamp(10px, 6vw, 20px);
    outline: unset;
    font-size: clamp(16px, 4vw, 20px);
}

.bg__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
}

.rev_slider {
    visibility: hidden;
}

.rev_slider.revslider-initialised {
    visibility: visible;
}


@media only screen and (max-width: 768px) {
    .rev_slider {
        height: 650px !important;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .rev_slider .caption {
        position: absolute;
        left: 0 !important;
        width: 100%;
        text-align: center;
        font-size: 16px !important;
        line-height: initial !important;
    }
}

@media only screen and (max-width: 768px) {
    .rev_slider .caption.small_c23 {
        top: 8% !important;
        bottom: auto !important;
    }
}

@media only screen and (max-width: 768px) {
    .rev_slider .caption.small_c23 .title-a {
        text-align: center;
        font-size: clamp(22px, 8vw, 28px);
        line-height: 1.3;
        padding: 0 20px;
    }
}

@media only screen and (max-width: 500px) {
    .rev_slider .caption.small_a4 {
        top: 23% !important;
        bottom: auto !important;
    }
}

@media only screen and (max-width: 500px) {
    .rev_slider .caption.small_a4 .banner-a {
        padding: 0.5rem 1rem;
        font-size: 12px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .rev_slider .caption.banner-img {
        top: auto !important;
        bottom: 20px !important;
        /* padding: 0 10% !important; */
    }
}
/* @media only screen and (max-width: 768px) and (min-width: 426px) {
    .rev_slider .caption.banner-img {
        padding: 0 10% !important;
    }
} */

@media only screen and (max-width: 768px) {
    .rev_slider .caption.banner-img img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        object-fit: cover;
    }
}
/* 
@media only screen and (min-width: 320px) and (max-width: 768px) {
    .rev_slider .caption.banner-img img {
        max-width: 150%;
        margin-left: -43.5%;
    }
} */

.title-a {
    text-align: left;
    line-height: 1.2;
    padding: 0;
    text-transform: capitalize;
    font-weight: 600;
    color: #4e7b4a;
}

ul,
                        li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.photo {
    width: 460px;
    height: 330px;
    margin-top: 20px;
}

.max_photo {
    width: 460px;
    height: 240px;
    overflow: hidden;
}

.max_photo ul {
    width: 460px;
    height: 240px;
    overflow: hidden;
}

.max_photo ul li {
    width: 460px;
    height: 0;
    overflow: hidden;
}

.max_photo ul li img {
    width: 100%;
    height: 100%;
    background: red;
}

.min_photo {
    padding-left: 20px;
    background: #f7f7f7;
    width: 460px;
    height: 50px;
}

.min_photo ul {
    width: 460px;
    height: 40px;
    padding: 5px 18px;
}

.min_photo ul li {
    width: 80px;
    height: 40px;
    float: left;
    margin: 0px 8px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
}

.min_photo ul li img {
    width: 100%;
    height: 100%;
}

.min_photo ul li img:hover {
    border: 1px solid #ff7900;
}

#footer .footer-bottom .box-content .list-folow>a {
    height: 35px;
    line-height: 35px;
    width: 35px;
    color: #333;
    background: #fff !important;
    margin: 0 5px;
    border-radius: 20px;
}

#footer .footer-bottom .box-content .list-folow {
    margin-top: 15px;
}

#footer .box .box-heading,
            #footer .footer-bottom .box-heading {
    text-transform: capitalize;
}

@media only screen and (max-width:768px) {
    .xiaobao_hover:hover {
        display: none;
    }
}

@media only screen and (max-width:768px) {
    .bt-color {
        padding: 0 !important;
    }
}

#footer .footer-bottom .list-folow>a {
    color: #333;
    border: 1px solid transparent;
    background: #fff;
    border-radius: 50px;
    height: 38px;
    line-height: 38px;
    width: 38px;
}

.bt-color {
    padding: 30px 0;
    border-bottom: 1px solid #e9e9e9;
}

.ftlg {
    line-height: 59px;
}

#footer {
    background-color: rgb(241, 241, 241) !important;
}

#footer .footer-bottom ul>li:hover a {
    transition: all .3s ease-in-out 0s;
    color: #000;
}

.box ul>li {
    padding: 4px 0px !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.footer-bottom-input {
    overflow: auto;
    background: #f6f6f6;
    width: 100%;
    padding: 35px 0;
}

.footer-bottom-input-l,
            .footer-bottom-input-r {
    width: 50%;
}

.footer-bottom1 {
    background: #f6f6f6;
}

.footer-bottom-input-p1 {
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
}

.footer-bottom-input-p2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    text-transform: lowercase;
}

.input-group1 {
    width: 100%;
    border: 1px solid #eee !important;
}

.input-group .button_mini1 {
    border: medium none;
    cursor: pointer;
    float: right;
    height: 50px;
    width: 10%;
}

#footer .footer-bottom .box-heading {
    margin: 0 0 15px 0;
    color: #334141;
}

.fa1 {
    height: 30px;
    line-height: 30px;
    width: 30px;
    float: left;
    font-size: 19px;
    margin-right: 10px;
    text-align: center;
    color: #848484;
    margin-top: 3px;
    border: 1px solid #ceb586;
    background: #262626 !important;
    border-radius: 0;
    padding-left: 5px;
}

#footer .footer-bottom ul>li {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 32px;
    padding: 0 !important;
}

#footer .footer-bottom .box-content a {
    color: #282828;
}

.input-group {
    margin-bottom: 10px;
    border: 1px solid #000;
}

#footer .container-inner .box-content .input-group .button_mini {
    background: #000 !important;
    color: #fff;
    border-left: 0 !important;
}

.powered .copyright {
    color: #999;
    font-size: 14px;
    line-height: 25px;
}

.input-group .inputNew {
    background: #feffff;
}

.footer-center {
    background: #f1f1f1;
}

.footer-hr {
    width: 50px;
    height: 2px;
    background: #007cdb;
    display: block;
    margin: 0 0 20px;
}

#footer .column ul li a {
    font-size: 14px;
    color: #282828;
}

#footer ul li a {
    font-size: 14px;
    color: #fff;
}

#footer div.dropdown-menu.aa4 ul li a {
    color: #333;
    line-height: 30px;
    padding: 0 0 0 10px;
}

#footer div.dropdown-menu.aa4 ul li a:hover {
    color: #000;
}

#footer .footer-center span.fa {
    color: #8c8c8c;
    background-color: #26272f !important;
    width: 20px;
    height: 20px;
    float: none !important;
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
}

.footer-list li a {
    display: table;
    border: 1px solid #334141;
    padding: 5px 8px !important;
    float: left;
    margin-right: 8px;
}

.footer-list li a:hover {
    color: #f00;
    border: 1px solid #45a5ff;
}

.powered a {
    color: #666;
    font-weight: bold;
}

#footer .footer-bottom {
    background: #f5f5f5;
    background-size: cover;
    background-position: bottom center;
    padding: 60px 0 0px 0;
}

#footer .footer-bottom .box-heading span {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0;
    line-height: 20px;
    text-transform: uppercase;
}

.footer-list li {
    margin-bottom: 5px;
    display: table;
    float: left;
    margin-right: 5px;
}

.footer-list1 li {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer-list1 li:hover {
    color: #f00;
    margin-left: 5px;
}

#footer .footer-bottom ul>li span.fa {
    border-radius: 0;
    background-color: #343434;
    border: 1px solid #848484;
}

.footer-bottom.footer-colums .box {
    text-align: left;
    padding-bottom: 0;
}

.footer-top1 {
    background: #343434;
    padding: 50px 0 0;
}

.footer-top1 .box-heading {
    font-size: 16px;
    color: #eee;
    margin: 0;
    border-bottom: 0;
    padding: 0;
    font-weight: bold;
    line-height: 41px;
}

.footer-top1 .input-group {
    border: 0;
    float: left;
    margin-right: 15px;
    border-radius: 50px;
}

.footer-top1 .input-group .inputNew {
    width: 200px;
    border-radius: 50px 0 0 50px;
    background-color: #1d1d1d;
    padding-left: 15px !important;
}

.footer-top1 .input-group .button_mini {
    width: 70px;
    border-radius: 0 50px 50px 0;
    background: #45a5ff;
    color: #fff;
    text-transform: uppercase;
}

.list-folow a {
    display: inline-block;
    font-size: 18px !important;
}

.list-folow a:hover {
    background-color: var(--xorder-theme-color, #000) !important;
    color: #fff !important;
}

#footer .footer-bottom .box-content {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

#footer .footer-bottom .box-heading span span {
    color: #000;
}

#footer .column ul {
    padding-left: 0;
}

@media screen and (max-width: 1000px) {
    .footer-bottom-input {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1000px) {
    .footer-bottom-input-l,
                .footer-bottom-input-r {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .header-right,
                .header-search {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .footer-top-div {
        margin: 10px 0 0;
    }
}

@media screen and (max-width: 1000px) {
    .follow-us {
        padding-left: 0px;
    }
}

@media screen and (max-width: 1000px) {
    #footer .footer-bottom .footer3 li {
        overflow: auto;
        padding-top: 6px;
    }
}

@media screen and (max-width: 1000px) {
    .powered span {
        float: left !important;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 768px) {
    .newsletter_block .newlestter-message .warning {
        padding: 10px !important;
        margin: 15px !important;
        text-indent: 10px;
    }
}

@media only screen and (max-width: 768px) {
    #footer .footer-bottom {
        padding-top: 15px;
    }
}

.newlestter-message .success {
    padding: 10px 10px 10px 10px;
}

.newlestter-message .success .close,
            .newlestter-message .warning .close {
    display: none;
}

#formNewLestter p {
    line-height: 45px;
    margin-top: 1% !important;
}

.attention,
            .information,
            .success,
            .warning {
    line-height: 15px;
}

@media only screen and (max-width:991px) {
    .ftlg {
        text-align: center;
    }
}

@media only screen and (min-width:990px) {
    .pavcol-sm-4 {
        float: left;
        min-height: 1px;
        position: relative;
        width: 40%;
    }
}

@media only screen and (min-width:990px) {
    .pavcol-sm-5 {
        width: 25%;
    }
}

.fixed_right {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 0;
    top: 214px;
    z-index: 100;
}

.fixed_right ul>li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    border-bottom: 1px solid #444;
}

.fixed_right ul li .sidebox,
            .fixed_right ul li .sidetop {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    font-size: 14px;
    line-height: 54px;
}
.tagline {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #9aba59;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center;
}
.p-left{
    text-align: left;
}
@media screen and (max-width: 1000px) {
    .fixed_right {
        z-index: 999 !important;
    }
}

@media screen and (max-width: 1000px) {
    #footer .footer-bottom .box-heading {
        padding-bottom: 5px;
        padding-top: 15px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1000px) {
    #footer .footer-bottom ul>li {
        line-height: 28px !important;
        font-size: 14px;
    }
}

@media screen and (max-width: 1000px) {
    #footer .footer-bottom .box-content a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1000px) {
    #footer .footer-bottom .box-content ul li {
        font-size: 14px !important;
        line-height: 20px !important;
        overflow: auto;
    }
}

@media screen and (max-width: 1000px) {
    .powered p,
                #powered a {
        font-size: 14px !important;
    }
}

.fixed_right .code {
    position: absolute;
    border: 1px solid #ccc;
    padding: 10px;
    left: -205px;
    top: 0px;
    width: 200px;
    height: 200px;
    bottom: 0;
    background: #fff;
    display: none;
}

.fixed_right #sidetoprr:hover+.code {
    display: block;
}

.team-img .team-social {
    display: none;
}

@media (max-width: 991px) {
    #footer .footer_icon {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }
}

.certifications {
    display: inline-block;
    margin-right: 10px;
}

.certifications i {
    font-size: 30px;
    line-height: 50px;
}

.paypalimgs {
    display: inline-block;
    margin-right: 10px;
}

#powered {
    background: #f5f5f5;
    border-top: 1px solid #E2E2E2;
}

#powered .paypal {
    margin-top: 0;
    display: inline-block;
}

#powered .powered {
    *line-height: 30px;
    padding: 10px 0px;
}

.contact-us-list li a:hover {
    color: #282828 !important;
}

@media only screen and (max-width:768px) {
    #footer .footer-bottom .box-heading {
        margin: 0 0 0 0;
    }
    .p-left{
        text-align: center;
    }
}

@media only screen and (max-width:768px) {
    #footer .column ul {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:768px) {
    #footer .footer-bottom .box-heading span {
         font-size: 14px !important;
         line-height: clamp(18px, 2.4vw, 22px);

    }
}

@media only screen and (max-width:768px) {
    .paypalimgs {
        margin: 0 5px;
    }
}

@media only screen and (max-width:768px) {
    .certifications i {
        font-size: 40px !important;
    }
}

@media only screen and (max-width:768px) {
    #powered .powered {
        text-align: center;
    }
}

@media only screen and (max-width:768px) {
    .powered .copyright {
        float: none !important;
        text-align: center;
    }
}

@media only screen and (max-width:768px) {
    #powered .paypal {
        float: none !important;
        text-align: center;
        margin-top: 10px;
    }
}

#feature-section38A {
    background: #fff;
    background-size: cover;
    background-position: bottom center;
    padding-top: 80px;
    padding-bottom: 0px;
    position: relative;
}

#feature-section38A .container {
    max-width: 1548px;
    width: 100%;
}

#feature-section38A .overflow-hidden {
    overflow: hidden;
    *border: 1px solid #eee;
    margin-bottom: 20px;
    border-radius: 8px;
}

#feature-section38A .overflow-hidden img {
    max-width: 100%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    filter: grayscale(100%);
    opacity: 1;
}

#feature-section38A .overflow-hidden:hover img {
    transform: scale(1.02, 1.02);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#feature-section38A .mokuaibiaoti {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #000;
    margin-bottom: 40px;
    text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
    #feature-section38A {
        padding: 40px 0;
        margin-top: 0;
    }
    #feature-section38A .overflow-hidden {
    margin-bottom: 0px;
}
}

@media only screen and (max-width: 768px) {
    #feature-section38A .mokuaibiaoti {
        font-size: 24px;
    }
}

#no_iframeg_praoductad {
    padding-top: 80px;
    padding-bottom: 60px;
    background: #fff;
}

.zuobianbiaoti {
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    text-transform: capitalize;
    color: #000;
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center;
}
.zuobianbiaoti p {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 20px;
}
.zuobianmiaoshu {
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.zuobiananniu a {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 5px;
    display: inline-block;
    padding: 12px 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 26px;
    background: #9aba59;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
}

.zuobiananniu a:hover {
    background: #000;
    color: #fff;
}

.bl-wrap{
    margin-top: 40px !important;
}
@media only screen and (max-width:768px) {
    #no_iframeg_praoductad {
        padding-top: 40px;
        padding-bottom: 0px !important;
    }
    .bl-wrap{
        margin-top: 10px !important;
    }
}
@media only screen and (max-width:768px) {
    .zuobianbiaoti {
        /* margin-top: 5%; */
        font-weight: 600;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        font-size: 24px;
        line-height: 34px;
    }
}
@media only screen and (max-width:768px) {
    .tagline { font-size: clamp(12px, 3.5vw, 16px); }
    .zuobianbiaoti { font-size: clamp(14px, 4.6vw, 28px); line-height: clamp(14px, 5vw, 34px); }
    .zuobianbiaoti p { font-size: clamp(13px, 4vw, 17px); margin-bottom: 0px; }
}
@media only screen and (max-width:768px) {
    .zuobiananniu {
        margin-bottom: 35px;
    }
}
@media only screen and (max-width:500px) {
    #feature-section31a .flex_center .zuobiananniu {
        margin-bottom: 0px !important;
    }
}
@media only screen and (max-width:768px) {
    .zuobiananniu a {
        margin-bottom: 0;
        padding: clamp(6px, 2vw, 8px) clamp(16px, 5vw, 20px);
        font-size: clamp(12px, 3.5vw, 16px);
    }
}

#content4 {
    padding-bottom: 80px;
}

#content4 .shake-bottom {
    -webkit-animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

#content4 .overflow-hidden img {
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .pd_15 {
        padding: 15px;
    }
}

body.page-home #group-content {
    display: none;
}

#feature-section31a {
    background: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 80px;
}

body.page-home #breadcrumb {
    display: none;
}

#feature-section31a img {
    max-height: 660px;
}

#feature-section31a .selbox img {
    max-width: 100%;
    transition: transform 0.3s;
    border: 1px solid #f5f5f5;
    padding: 0 !important;
}

#feature-section31a .fubiaoti {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 20px;
}

#feature-section31a .biaoti {
    font-size: 32px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    /* line-height: 36px; */
    margin-bottom: 20px;
}

#feature-section31a .miaoshu {
    font-weight: 300;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 25px;
    width: 80%;
}
@media only screen and (max-width: 768px) {
    #feature-section31a .miaoshu {
       display: none;
    }
}
#feature-section31a .anniu a {
    font-size: 16px;
    background: #9aba59;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    line-height: 30px;
    font-weight: 300;
    display: inline-block;
    padding: 10px 25px;
}

#feature-section31a .anniu a:hover {
    background: #000;
    color: #fff;
}

#feature-section31a .chuizhijuzhong {
    display: flex;
    align-items: center;
    position: relative;
}

#feature-section31a .bgbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#feature-section31a .rightbox {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 5%;
}

#feature-section31a .r_tit {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding-left: 9px;
    margin-bottom: 40px;
    line-height: 30px;
}

#feature-section31a .r_font {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

#feature-section31a .selbox {
    width: 25%;
    cursor: pointer;
    padding: 0 5px;
}

#feature-section31a .selbox img:hover {
    padding-bottom: 2px;
    transform: translateY(-2px);
}

.bg-10 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    display: none;
    z-index: 9999;
}

.bg-10 iframe {
    z-index: 9999;
    position: fixed;
    left: 20%;
    top: 15%;
    display: block !important;
    width: 60%;
    height: 70%;
}

#feature-section31a .play {
    margin-left: 20px;
    display: inline-block;
    cursor: pointer;
}

#feature-section31a .play div {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 30px;
    font-weight: 300;
    display: flex;
    align-items: center;
    text-decoration: underline;
}

#feature-section31a .play svg {
    margin-left: 5px;
}

#feature-section31a .display-flex {
    display: flex;
}

#feature-section31a .flex-wrap-wrap {
    flex-wrap: wrap;
}

@media (max-width:768px) {
    #feature-section31a .biaoti {
        font-size: clamp(14px, 4.6vw, 32px);
    }
    #feature-section31a img{
        max-height: 400px;
    }
    #feature-section31a .r_tit{
        margin-bottom: 20px;
    }
        #feature-section31a .r_tit{ font-size: clamp(14px, 4.6vw, 24px); }
        #feature-section31a .r_font{ font-size: clamp(12px, 3.5vw, 16px); }
}

@media (max-width:768px) {
    #feature-section31a .anniu {
        MARGIN-BOTTOM: 40PX;
    }
}

@media (max-width:768px) {
    #feature-section31a .selbox {
        padding: 0 2px;
    }
}

@media (max-width:768px) {
    #feature-section31a .chuizhijuzhong {
        display: grid;
        align-items: center;
        position: relative;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width:768px) {
    #feature-section31a {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width:768px) {
    .bg-10 iframe {
        left: 0%;
        top: 15%;
        width: 100%;
        height: 100%;
    }
}

@media (max-width:768px) {
    #feature-section31a .fubiaoti {
        margin-bottom: 10px;
    }
}

@media (max-width:768px) {
    #feature-section31a .flex_center {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
}

@media (max-width:768px) {
    #feature-section31a .flex_c2 {
        display: flex;
        justify-content: center;
    }
}

@media (max-width:768px) {
    #feature-section31a .pad_10 {
        padding: 5%;
    }
}

@media (max-width:768px) {
    #feature-section31a .anniu a {
        line-height: 18px;
    }
}

.brand-marquee {
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
}

.brand-track {
    display: flex;
    width: max-content;
    animation: brandScroll 50s linear infinite;
}

.brand-track:hover {
    animation-play-state: paused;
}

.brand-item {
    flex: 0 0 258px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.brand-item .overflow-hidden {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-item img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .brand-item {
        flex: 0 0 33.333vw;
        padding: 0 10px;
    }
}

.cgl-xs-1,
            .cgl-xs-2,
            .cgl-xs-3,
            .cgl-xs-4,
            .cgl-xs-5,
            .cgl-xs-6,
            .cgl-xs-7,
            .cgl-xs-8,
            .cgl-xs-9,
            .cgl-xs-10,
            .cgl-sm-1,
            .cgl-sm-2,
            .cgl-sm-3,
            .cgl-sm-4,
            .cgl-sm-5,
            .cgl-sm-6,
            .cgl-sm-7,
            .cgl-sm-8,
            .cgl-sm-9,
            .cgl-sm-10,
            .cgl-md-1,
            .cgl-md-2,
            .cgl-md-3,
            .cgl-md-4,
            .cgl-md-5,
            .cgl-md-6,
            .cgl-md-7,
            .cgl-md-8,
            .cgl-md-9,
            .cgl-md-10,
            .cgl-lg-1,
            .cgl-lg-2,
            .cgl-lg-3,
            .cgl-lg-4,
            .cgl-lg-5,
            .cgl-lg-6,
            .cgl-lg-7,
            .cgl-lg-8,
            .cgl-lg-9,
            .cgl-lg-10 {
    position: relative;
    min-height: 1px;
    padding-left: 9px;
    padding-right: 9px;
}

.cgl-xs-1,
            .cgl-xs-2,
            .cgl-xs-3,
            .cgl-xs-4,
            .cgl-xs-5,
            .cgl-xs-6,
            .cgl-xs-7,
            .cgl-xs-8,
            .cgl-xs-9 {
    float: left;
}

.cgl-xs-1 {
    width: 10%;
}

.cgl-xs-2 {
    width: 20%;
}

.cgl-xs-3 {
    width: 30%;
}

.cgl-xs-4 {
    width: 40%;
}

.cgl-xs-5 {
    width: 50%;
}

.cgl-xs-6 {
    width: 60%;
}

.cgl-xs-7 {
    width: 70%;
}

.cgl-xs-8 {
    width: 80%;
}

.cgl-xs-9 {
    width: 90%;
}

.cgl-xs-10 {
    width: 100%;
}

@media (min-width: 768px) {
    .cgl-sm-1,
                .cgl-sm-2,
                .cgl-sm-3,
                .cgl-sm-4,
                .cgl-sm-5,
                .cgl-sm-6,
                .cgl-sm-7,
                .cgl-sm-8,
                .cgl-sm-9 {
        float: left;
    }
}

@media (min-width: 768px) {
    .cgl-sm-1 {
        width: 10%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-2 {
        width: 20%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-3 {
        width: 30%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-4 {
        width: 40%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-5 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-6 {
        width: 60%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-7 {
        width: 70%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-8 {
        width: 80%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-9 {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .cgl-sm-10 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .cgl-md-1,
                .cgl-md-2,
                .cgl-md-3,
                .cgl-md-4,
                .cgl-md-5,
                .cgl-md-6,
                .cgl-md-7,
                .cgl-md-8,
                .cgl-md-9 {
        float: left;
    }
}

@media (min-width: 992px) {
    .cgl-md-1 {
        width: 10%;
    }
}

@media (min-width: 992px) {
    .cgl-md-2 {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .cgl-md-3 {
        width: 30%;
    }
}

@media (min-width: 992px) {
    .cgl-md-4 {
        width: 40%;
    }
}

@media (min-width: 992px) {
    .cgl-md-5 {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .cgl-md-6 {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .cgl-md-7 {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .cgl-md-8 {
        width: 80%;
    }
}

@media (min-width: 992px) {
    .cgl-md-9 {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .cgl-md-10 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-1,
                .cgl-lg-2,
                .cgl-lg-3,
                .cgl-lg-4,
                .cgl-lg-5,
                .cgl-lg-6,
                .cgl-lg-7,
                .cgl-lg-8,
                .cgl-lg-9 {
        float: left;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-1 {
        width: 10%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-2 {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-3 {
        width: 30%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-4 {
        width: 40%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-5 {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-6 {
        width: 60%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-7 {
        width: 70%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-8 {
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-9 {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .cgl-lg-10 {
        width: 100%;
    }
}

#feature-section38 {
    background: #fff;
    background-size: cover;
    background-position: bottom center;
    /* margin-top: 70px; */
    padding-top: 80px;
    /* padding-bottom: 40px; */
    position: relative;
}

#feature-section38 .display-flex {
    display: flex;
}

#feature-section38 .align-items-center {
    align-items: center;
}

#feature-section38 .service-1 {
    font-size: 16px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    color: #E01010;
    text-transform: uppe rcase;
}

#feature-section38 .tittle123 {
    font-size: 36px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    color: #4e7b4a;
    text-transform: capitalize;
}
.choice-mar{
    margin-bottom: 30px;
}
#feature-section38 .text-123 {
    font-size: 16px;
    margin: 0 0 30px;
    font-style: normal;
    font-weight: 200;
    line-height: 26px;
    color: #7A7A7A;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    width: 90%;
}
@media only screen and (max-width: 500px) {
    #feature-section38 .tittle123 {
        font-size: clamp(14px, 4.6vw, 28px);
        line-height: clamp(14px, 5vw, 34px);
    }
    #feature-section38 .text-123 {
    font-size: clamp(12px, 3.5vw, 16px);
    line-height: clamp(16px, 4vw, 20px);
}
}
#feature-section38 .text-center {
    text-align: center;
}

#feature-section38 .producttabs-free2-btns a {
    font-size: clamp(12px, 3.5vw, 18px);
    vertical-align: middle;
    cursor: pointer;
    *padding: 10px 30px;
    white-space: normal;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    z-index: 0;
    display: inline-block;
    text-align: center;
    border-bottom: 2px solid #9aba59;
    font-weight: 500;
    color: #9aba59;
    transition: all 0.2s ease-in-out;
    *border-radius: 40px;
}

#feature-section38 .producttabs-free2-btns a:hover {
    *text-decoration: none;
    *color: #fff;
    *background: #000;
    *border-color: #000;
    font-size: 16px;
}

#feature-section38 .no-padding {
    padding: 0;
}

#feature-section38 .overflow-hidden {
    overflow: hidden;
    border: 2px solid #eee;
}

#feature-section38 .overflow-hidden img {
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#feature-section38 .overflow-hidden:hover img {
    transform: scale(1.02, 1.02);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#feature-section38 .margin-bottom-20px {
    margin-bottom: 20px;
}

#feature-section38 .text-xiaobiaoti {
    font-size: 16px;
    margin: 0 0 30px;
    font-style: normal;
    font-weight: 200;
    line-height: 24px;
    color: #333;
}

#feature-section38 .text-shuzi {
    font-size: 24px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    color: #111;
}

#feature-section38 .no-padding-left {
    padding-right: 10%;
}

#feature-section38 .display-table-cell-vertical-middle {
    line-height: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
    text-align: end;
}

#feature-section38 video {
    width: 90%;
    border-radius: 12px;
}

#feature-section38 iframe {
    border-width: 0;
    border: 0;
}

#feature-section38 iframe,
            #feature-section38 embed,
            #feature-section38 object {
    max-width: 100%;
}

#feature-section38 .about-us {
    font-size: 18px;
    font-weight: 900;
    color: #000;
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    text-transform: capitalize;
}

#feature-section38 .fangkuai {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 0;
}

#feature-section38 .fangkuai img {
    max-height: 250px;
}

@media only screen and (max-width: 768px) {
    #feature-section38 .display-flex {
        display: unset;
    }
    .choice-mar{
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    #feature-section38 .align-items-center {
        align-items: unset;
    }
}

@media only screen and (max-width: 768px) {
    #feature-section38 {
        padding: 40px 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    #feature-section38 .fangkuai {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    #feature-section38 video {
        width: 100% !important;
        margin-top: 35px;
    }
}

#no_iframe_productsa {
    background: #fff;
    background-size: cover;
    background-position: center center;
    /* padding-top: 20px; */
    padding-bottom: 80px;
    position: relative;
    *background-attachment: fixed;
    background-repeat: no-repeat;
}

#no_iframe_productsa .shuzibiaoti1 {
    font-size: 42px;
    font-weight: 600;
    color: #4e7b4a;
    line-height: 48px;
}

#no_iframe_productsa .miaoshu1 {
    font-size: 16px;
    color: #555;
    text-transform: capitalize;
    line-height: 30px;
    font-weight: 300;
    margin-top: 5px;
}

#no_iframe_productsa .jb1 {
    position: absolute;
    top: -10px;
    font-weight: 600;
    font-size: 24px;
    color: #555;
}

#no_iframe_productsa .bg-bais {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 60px 0;
}

@media only screen and (max-width:768px) {
    .display-flex {
    }
}

@media only screen and (max-width:768px) {
    .align-items-center {
    }
}

@media only screen and (max-width:768px) {
    .display-flex>div {
        width: auto;
    }
}

@media only screen and (max-width:768px) {
    #no_iframe_productsa .miaoshu1 {
        font-size: clamp(10px,1.5vw,12px);
        left: auto;
        right: 0;
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (max-width:768px) {
    #no_iframe_productsa .shuzibiaoti1 {
        font-size: clamp(16px,4.8vw,42px);
        line-height: clamp(22px,4.8vw,48px);
        position: relative;
        padding: 0px;
        line-height: 30px;
    }
}

@media only screen and (max-width:768px) {
    #no_iframe_productsa .jb1 {
        font-size: 12px;
        top: 0;
        right: 15px;
    }
}

@media only screen and (max-width:768px) {
    #no_iframe_productsa {
        padding-bottom: 40px;
        padding-top: 0px;
    }
}

@media only screen and (max-width:768px) {
    .fontel {
        width: 100px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (max-width:768px) {
    #no_iframe_productsa .bg-bais {
        display: block;
        padding: clamp(30px, 8vw, 60px) 0;
    }
}

.kd-3lisftwaz-11 {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #fff;
}

.kd-3lisftwaz-11 .overflow-hidden {
    overflow: hidden;
    border-radius: 12px;
}

.kd-3lisftwaz-11 .overflow-hidden img {
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: 1s;
    max-height: 450px;
    object-fit: cover;
    object-position: center center;
}

.kd-3lisftwaz-11 .overflow-hidden:hover img {
    transform: scale(1.02, 1.02);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.kd-3lisftwaz-11 .no-padding {
    padding: 0;
}

.kd-3lisftwaz-11 .display-flex {
    display: flex;
}

.kd-3lisftwaz-11 .margin-bottom-20px {
    margin-bottom: 20px;
}

.kd-3lisftwaz-11 .bgheise {
    display: none;
}

.kd-3lisftwaz-11 .bgheise div {
}

.kd-3lisftwaz-11 .dingwei {
}

.kd-3lisftwaz-11 .dabiaoti {
    font-size: 32px;
    line-height: 40px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.kd-3lisftwaz-11 .wenzhangbiaoti {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    margin-top: 15px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: unset;
}

.kd-3lisftwaz-11 .wenzhangmiaoshu {
    font-style: normal;
    font-weight: 100;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-top: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: unset;
    width: 90%;
}

@media (max-width: 768px) {
    .kd-3lisftwaz-11 .wenzhangbiaoti {
font-size: clamp(12px, 3.5vw, 20px);
        line-height: clamp(15px, 3vw, 30px);
    }
    .kd-3lisftwaz-11 .wenzhangmiaoshu {
        font-size: clamp(11px, 3vw, 14px);
        line-height: clamp(14px, 3.5vw, 24px);
    }
    
}

.kd-3lisftwaz-11 .dabiaotimiaoshu {
    text-transform: capitalize;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #333;
    margin: 0 auto 40px;
    width: 70%;
}

.kd-3lisftwaz-11 .conta iner {
    max-width: 1200px;
}

@media only screen and (max-width: 768px) {
    .kd-3lisftwaz-11 .dabiaoti {
        font-size: 26px;
    }
}

@media only screen and (max-width: 768px) {
    .mb20 {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .kd-3lisftwaz-11 {
        padding: 40px 0px 40px 0px;
    }
}

@media (max-width: 480px) {
    .kd-3lisftwaz-11 .tittle {
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
    }
}

.cs-agent-root * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.cs-agent-root {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99998;
}

.cs-agent-trigger {
    position: relative;
    display: inline-block;
    border-radius: 999px;
    background: #5f6673;
    border: none;
    padding: 3px;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.06);
    overflow: hidden;
    transition: transform 0.25s ease;
    color: #fffaf0;
}

.cs-agent-trigger::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: conic-gradient(from 0deg, transparent 0deg, transparent 300deg, rgba(255, 255, 255, 0.95) 330deg, transparent 360deg);
    opacity: 0;
    animation: csAgentIdleGlow 5s linear infinite;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.cs-agent-trigger:hover {
    transform: translateY(-2px);
}

.cs-agent-trigger:hover::before {
    opacity: 1;
    animation: csAgentRotateGlow 2.2s linear infinite;
}

.cs-agent-root.cs-agent-open .cs-agent-trigger::before {
    opacity: 0;
    animation: none;
}

.cs-agent-trigger-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 999px;
    background: #161616;
    padding: 12px 16px;
}

.cs-agent-trigger-icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fffaf0;
    color: #173f33;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cs-agent-trigger-status {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #37d384;
    border: 2px solid #173f33;
}

.cs-agent-trigger-text {
    text-align: left;
}

.cs-agent-trigger-title {
    display: block;
    font-size: 12.8px;
    font-weight: 600;
    color: #fffaf0;
    line-height: 1.2;
}

.cs-agent-trigger-sub {
    display: block;
    font-size: 10.88px;
    color: #d8e5dd;
    line-height: 1.2;
}

.cs-agent-window {
    position: absolute;
    bottom: calc(100% + 16px);
    right: 0;
    width: 400px;
    height: 0;
    max-height: 0;
    max-width: calc(100vw - 40px);
    border-radius: 32px;
    overflow: hidden;
    border: 1px solid rgba(221, 212, 195, 0.8);
    background: rgba(255, 253, 248, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 28px 90px rgba(36, 30, 20, 0.22);
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px) scale(0.96);
    transition: opacity 0.25s, visibility 0.25s, transform 0.25s, height 0.25s, max-height 0.25s;
}

.cs-agent-window.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    height: 600px;
    max-height: calc(100vh - 120px);
}

.cs-agent-window.fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 0 !important;
    z-index: 999999;
}

.cs-agent-trigger svg {
    flex-shrink: 0;
}

.cs-agent-window-header {
    position: relative;
    border-bottom: 1px solid rgba(232, 223, 208, 0.8);
    padding: 20px 20px;
}

.cs-agent-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.55;
    pointer-events: none;
}

.cs-agent-header-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, rgba(255, 250, 240, 0.7), rgba(255, 253, 248, 0.8), rgba(244, 239, 227, 0.9));
    pointer-events: none;
}

.cs-agent-header-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cs-agent-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cs-agent-avatar-wrap {
    position: relative;
    flex-shrink: 0;
}

.cs-agent-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #f1e8d7;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(35, 70, 57, 0.18);
}

.cs-agent-status-dot {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fffdf8;
    display: block;
}

.cs-agent-window-title {
    font-size: 21.6px;
    font-weight: 600;
    color: #1e2a24;
    letter-spacing: -0.02em;
    line-height: 1;
}

.cs-agent-active-badge {
    display: inline-block;
    border-radius: 999px;
    border: 1px solid #d6c9b2;
    background: rgba(255, 250, 240, 0.8);
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #486355;
}

.cs-agent-subtitle {
    display: block;
    margin-top: 4px;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #66736b;
}

.cs-agent-window-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    background: rgba(255, 253, 248, 0.75);
    border: 1px solid rgba(224, 215, 201, 0.8);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    color: #5e625c;
    transition: transform 0.2s, border-color 0.2s, color 0.2s;
}

.cs-agent-window-close:hover {
    transform: translateY(-2px);
    border-color: #cbbda7;
    color: #1e2a24;
}

.cs-agent-window iframe {
    width: 100%;
    height: calc(100% - 88px);
    border: none;
}

@media (max-width: 480px) {
    .cs-agent-root {
        display: none;
    }
}

@media (max-width: 480px) {
    .cs-agent-window.visible {
        height: calc(100vh - 120px);
    }
}

@media (max-width: 480px) {
    .cs-agent-window.fullscreen {
        width: 100% !important;
        height: 100% !important;
    }
}

.topbar .container {
    background: url(https://imgcdn.xorder.com//catalog/view/4027/theme/b2c_016/image/head-top-band1.png) no-repeat center center;
}

.bg_Style {
    width: 100%;
    margin: 25px -15px;
    position: absolute;
}

.txtStyle {
    width: 100%;
    height: 20px;
    background: linear-gradient(to right, #f7f7fa 8%, #dddddd 18%, #f7f7fa 33%);
    margin-bottom: 10px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-size: 800px 104px;
    position: relative;
}

.imgBox {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.imgStyle {
    background: #f7f7fa;
}

.flexStyle {
    flex: auto;
    opacity: 1;
    margin-left: 10px;
    margin-bottom: 20px;
}

@media (max-width:768px) {
    .bg_Style {
        margin: 25px 0 !important;
    }
}

@media (max-width:768px) {
    .bg_Style .container {
        margin-top: 0 !important;
    }
}

@media (max-width:768px) {
    .bg_Style .imgBox {
        width: 100% !important;
    }
}

@media (max-width:768px) {
    .bg_Style .testimonialsLeft {
        width: 100% !important;
        margin-top: 50px;
    }
}

@media (max-width:768px) {
    .bg_Style .flexStyle+.flexStyle {
        margin-left: 0 !important;
    }
}

@media (max-width:768px) {
    .bg_Style .testimonialsRight {
        margin: 0 auto !important;
        float: unset !important;
        width: 150px !important;
        height: 150px !important;
    }
}

body #breadcrumb .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}

body #breadcrumb .breadcrumb li {
    position: relative;
    width: max-content;
    height: 40px;
    padding-left: 24px;
}

body #breadcrumb .breadcrumb li:first-child {
    padding-left: 0;
    padding: 0;
}

body #breadcrumb .breadcrumb li a {
    width: max-content;
    
    height: 100%;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body #breadcrumb .breadcrumb li:last-child a {
    width: max-content !important;
    
    margin-left: 30px;
    margin: 0;
}

body #breadcrumb .breadcrumb>li+li:before {
    position: absolute;
    top: 0px;
    left: 0;
    padding: 0;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-inner ul li {
}

.icon-basket-2,
        .icon-search-2,
        .icon-globe,

        #pav-mainnav .navbar ul.nav>li {
    float: none;
    display: inline-block;
}

@media (max-width:1366px) {
    .newsletter-content {
        top: 18%;
    }
}

@media only screen and (max-width:768px) {
    #menu-offcanvas .dropdown .dropdown-menu {
        display: none;
    }
}

@media only screen and (max-width:768px) {
    .caret {
        transform: none !important;
    }
}

@media only screen and (max-width:768px) {
    #header {
        height: auto !important;
        padding: 15px 0 !important;
    }
}

@media only screen and (max-width:768px) {
    .mainmenu {
        position: inherit !important;
        top: initial;
        width: 16.666666666667%;
    }
}

@media only screen and (max-width:768px) {
    #logo a {
        position: initial !important;
        top: initial !important;
    }
}

@media only screen and (max-width:768px) {
    .img-responsive {
        height: auto;
        max-height: 100%;
        width: auto;
        max-width: 100%;
        padding: 0;
        margin: 0;
        display: inline-block;
    }
}

@media only screen and (max-width:768px) {
    .header-icons {
        padding: 0px !important;
        position: initial !important;
        right: 0;
        top: 0;
        height: 100%;
    }
}

@media only screen and (max-width:768px) {
    .topbar-link .list-inline>li {
        margin: 0;
    }
}

@media only screen and (max-width:768px) {
    #pav-mainnav .row {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width:768px) {
    #pav-mainnav .navbar-inverse .navbar-toggle {
        border-color: rgba(0, 0, 0, 0);
    }
}

#breadcrumb .breadcrumb li:last-child a {
    width: 400px !important;
}

#group-content .content-blog .list-group li {
    border: 0;
    background-color: #ffffff00;
    padding-left: 0;
    padding-right: 0;
    text-transform: capitalize;
    border-bottom: 1px solid #EEEEEE;
}

#group-content .content-blog .hot_blogs .list-group li {
    border-bottom: 0;
}

#group-content .content-blog .list-group li a {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #333333;
}

#group-content .content-blog .list-group-title {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 0;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    #group-content .content-blog .list-group-title {
        font-size: clamp(16px,5vw,24px);
        line-height: clamp(22px,3vw,30px);
        padding-bottom: clamp(6px,1.5vw,10px);
        margin-bottom: clamp(6px,1.5vw,10px);
    }
}
#group-content .content-blog .list-group-title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 25%;
    height: 3px;
    background-color: #000000;
}

@media only screen and (max-width: 768px) {
    #footer .container-inner {
        padding: 0 8px 0 7px;
    }
}

.pagination {
    width: 50%;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

.pagination .results {
    display: none;
}

.layout {
    width: 1548px;
    margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
    .layout {
        width: 1440px;
    }
}

@media only screen and (max-width: 1440px) {
    .company_history .swiper-button-prev {
        left: 6%;
    }
}

@media only screen and (max-width: 1440px) {
    .company_history .swiper-button-next {
        right: 6%;
    }
}

@media only screen and (max-width: 1200px) {
    .layout {
        width: 100%;
    }
}

.index_title {
    text-align: center;
    /* margin-bottom: 60px; */
}

.index_title h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    /* margin-bottom: 40px; */
    text-transform: capitalize;
}

.index_title .title_desc {
    width: 68%;
    margin: 0 auto;
    color: #808080;
    line-height: 1.8;
    padding-top: 8px;
    font-size: 16px;
}

.company_history {
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 65px 20px;
}

.company_history .index_title h2,
.company_history .index_title h2 a,
.company_history .index_title .title_desc,
.company_history .index_title .title_desc a {
    color: #fff;
}

.company_history .history_main {
    position: relative;
}

.company_history .history_slider {
    width: 75%;
    margin: 0 auto 45px;
}

.company_history .swiper-button-next,
.company_history .swiper-button-prev {
    width: 50px;
    height: 60px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
    font-size: 55px;
    -webkit-background-size: contain;
    background-size: contain;
}

.company_history .swiper-button-next:before,
.company_history .swiper-button-prev:before {
    content: '';
}

.company_history .swiper-button-prev {
    background-image: none !important;
}

.company_history .swiper-button-next {
    background-image: none !important;
}

.company_history .history_item .item_inner {
    padding: 35px 0 25px;
    padding-left: 15%;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-image: url('https://via.placeholder.com/400x300/ecf0f1/ffffff?text=decoration');
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.company_history .history_item .item_title {
    height: 5.4em;
    line-height: 1.8em;
    min-height: 100px;
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    color: #666;
}

.company_history .history_item .item_title a {
    color: #666;
    text-decoration: none;
}

.company_history .history_item .item_time {
    display: inline-block;
    padding: 20px 12px;
    background-color: #9aba59;
    position: absolute;
    left: 10%;
    top: 20%;
    color: #fff;
    font-size: 40px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(.8) rotate(45deg);
    -ms-transform: scale(.8) rotate(45deg);
    -o-transform: scale(.8) rotate(45deg);
    transform: scale(.8) rotate(45deg);
    opacity: 0;
    border-radius: 50%;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.company_history .swiper-slide-active .item_inner {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.company_history .swiper-slide-active .item_time {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    border-radius: 0;
    left: -15px;
    top: -15px;
}

.history_controls {
    width: 1000px !important;
    height: 452px;
    position: relative;
    margin: 0 auto;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-image: url('https://via.placeholder.com/1165x452/ffffff/cccccc?text=Timeline+BG');
}

.history_controls .control_dot {
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    position: absolute;
    cursor: pointer;
}

.history_controls .control_dot span {
    display: block;
    width: 96px;
    height: 38px;
    color: #fff;
    font: 20px/38px 'Arial';
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    left: -30px;
    z-index: 2;
}

.history_controls .control_dot:after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: url('data:image/svg+xml;
    utf8,<svg xmlns="http: //www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="12" fill="%23ffffff" stroke="%239aba59" stroke-width="3"/></svg>') no-repeat center center;
    position: relative;
}

.history_controls .control_dot:before {
    content: "";
    display: none;
    width: 2px;
    height: 32px;
    background: #4e7b4a;
    position: absolute;
    left: 17px;
    bottom: 27px;
    z-index: 2;
}

.history_controls .control_dot.t span {
    top: -38px;
}

.history_controls .control_dot.b span {
    bottom: -38px;
}

.history_controls .control_dot.active span {
    top: -61px !important;
    bottom: initial !important;
    background: #4e7b4a;
}

.history_controls .control_dot.active:after {
    background-image: url('data:image/svg+xml;
    utf8,<svg xmlns="http: //www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="14" fill="%234e7b4a" stroke="%23ffffff" stroke-width="3"/></svg>');
}

.history_controls .control_dot.active:before {
    display: block;
}

.history_controls svg.history-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: visible;
}

.history_controls .control_dot.active {
    -webkit-animation: .3s fadeInUpA ease;
    -o-animation: .3s fadeInUpA ease;
    animation: .3s fadeInUpA ease;
}

@media only screen and (max-width: 1200px) {
    .company_history {
        padding-bottom: 65px;
    }
}

@media only screen and (max-width: 1200px) {
    .company_history .history_slider {
        width: auto;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 1200px) {
    .company_history .history_item .item_inner {
        margin: 0;
        padding: 70px 15% 0;
    }
}

@media only screen and (max-width: 1200px) {
    .company_history .history_item .item_time {
        padding: 0 10px;
        line-height: 60px;
        left: 0;
        top: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .company_history .history_item .item_title {
        width: auto;
        height: 9em;
    }
}

@media only screen and (max-width: 1200px) {
    .history_controls {
        width: 100% !important;
        text-align: center;
        background: none;
        height: auto;
    }
}

@media only screen and (max-width: 1200px) {
    .history_controls .control_dot {
        width: auto;
        height: auto;
        position: static;
        display: inline-block;
        margin: 0 3px;
        -webkit-animation: none !important;
        -o-animation: none !important;
        animation: none !important;
    }
}

@media only screen and (max-width: 1200px) {
    .history_controls .control_dot span,
  .history_controls .control_dot.active:before {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .history_controls .control_dot:after {
        width: 10px;
        height: 10px;
        background: #fff;
        border-radius: 50%;
    }
}

@media only screen and (max-width: 1200px) {
    .history_controls .control_dot.active:after {
        background: #4e7b4a;
    }
}

@media only screen and (max-width: 1200px) {
    .company_history .swiper-button-next,
  .company_history .swiper-button-prev {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .index_title h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 768px) {
    .index_title .title_desc {
        width: 90%;
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    .company_history .history_item .item_inner {
        padding: 60px 10% 0;
    }
}

@media only screen and (max-width: 768px) {
    .company_history .history_item .item_time {
        font-size: 28px;
        padding: 0 8px;
        line-height: 48px;
    }
}

@media only screen and (max-width: 768px) {
    .company_history .history_item .item_title {
        font-size: 16px;
        min-height: 80px;
    }
}

body.page-information #group-content {
    display: none;
}

body.page-information #breadcrumb {
    display: none;
}

#no_iframeg_productadn {
    padding-top: 80px;
    padding-bottom: 60px;
    background: #fff;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#no_iframeg_productadn .margin-bottom-20px {
    margin-bottom: 20px;
}

#no_iframeg_productadn .content-box {
    overflow: hidden;
    text-align: center;
}

#no_iframeg_productadn .content-box img {
    max-width: 160px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#no_iframeg_productadn .content-box:hover img {
    transform: scale(1.02, 1.02);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#no_iframeg_productadn .chuizhijuzhong {
    align-items: center;
    display: flex;
}

#no_iframeg_productadn .dabiaoti {
    font-size: 32px;
    line-height: 40px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    text-transform: capitalize;
}

#no_iframeg_productadn .xiaobiaoti {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 40px;
    color: #555;
    text-align: center;
}

#no_iframeg_productadn .shuzibufen {
    position: relative;
    width: 100%;
    margin-top: 8px;
}

#no_iframeg_productadn .xunliehao {
    *background-color: #fff;
    border: 3px solid #e5e5e5;
    border-radius: 20px;
    *box-shadow: 0 0 0 8px #fff;
    color: #555;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    line-height: 31px;
    margin: 0 auto;
    text-align: center;
    width: 40px;
}

#no_iframeg_productadn .shuzi {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#no_iframeg_productadn .wenzibufen {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    color: #222;
    margin-top: 12px;
}

#no_iframeg_productadn .display-table {
    display: table;
}

#no_iframeg_productadn .display-table-cell-vertical-middle {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#no_iframeg_productadn video {
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
}

#no_iframeg_productadn iframe {
    border-width: 0;
    border: 0;
}

#no_iframeg_productadn iframe,
            #no_iframeg_productadn embed,
            #no_iframeg_productadn object {
    max-width: 100%;
}

#no_iframeg_productadn .margin-top-40px {
    margin-top: 40px;
}

#no_iframeg_productadn .container {
    max-width: 1152px;
}

@media only screen and (max-width:768px) {
    #no_iframeg_productadn {
        padding-top: 40px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width:768px) {
    #no_iframeg_productadn .dabiaoti {
        font-size: 24px;
        line-height: 40px;
        color: #000;
        font-weight: 600;
        text-align: center;
        margin-bottom: 30px;
        text-transform: capitalize;
    }
}

@media only screen and (max-width:768px) {
    .products_19 {
        padding-top: 40px;
    }
}

#feature-sectiona38 {
    *background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../static/image/uuu321.png") no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding-top: 0px;
    padding-bottom: 80px;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background: #fff;
}

#feature-sectiona38 .bg-heise {
    background: #fafafa;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 12px;
}

#feature-sectiona38 .tittle123 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    color: #000;
    text-transform: capitalize;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 20px;
    text-align: center;
}

#feature-sectiona38 .producttabs-free2-btns a {
    font-size: clamp(12px, 3.5vw, 18px);
    vertical-align: middle;
    cursor: pointer;
    padding: 10px 30px;
    white-space: normal;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: 30px;
    position: relative;
    z-index: 0;
    display: inline-block;
    text-align: center;
    border: 2px solid #9aba59;
    font-weight: 400;
    color: #fff;
    background: #9aba59;
    transition: all 0.2s ease-in-out;
    border-radius: 30px;
}

#feature-sectiona38 .producttabs-free2-btns a:hover {
    text-decoration: none;
    color: #fff;
    background: #000;
    border-color: #000;
}

#feature-sectiona38 .container {
    max-width: 1200px;
}

@media only screen and (max-width: 768px) {
    #feature-sectiona38 {
        padding: 40px 0 40px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    #feature-sectiona38 .tittle123 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 768px) {
    #feature-sectiona38 .producttabs-free2-btns a {
        padding: 2px 20px;
        font-size: clamp(12px, 3.5vw, 16px);
    }
}

div.dropdown-menu.aa4 {
    overflow-x: hidden;
    background: #fff;
    top: 50px;
    left: -150px;
    box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.15);
}

.dropdown-menu.aa4>ul {
    height: 150px;
    overflow-y: auto;
    padding: 10px 0;
}

.con-i i {
    font-size: 36px;
    color: #807d7e;
    margin-bottom: 20px;
}

.contact-detail {
    margin: 0px;
}

.text9 {
    text-align: left;
    padding: 0px 0 10px 0;
}

.con-l h2 {
    display: inline-block;
    font-weight: 500;
    color: #161619;
    font-size: 14px;
    width: 110px;
}

.con-l div {
    font-size: 14px;
    color: #838889;
    display: inline-block;
    padding: 0 20px;
    width: 80%;
    vertical-align: middle;
}

.tab-contact {
    width: 100%;
    border: 0;
    margin: 50px 0 20px;
}

@media only screen and (max-width:768px) {
    .con-l div {
        padding: 0 !important;
    }
}

@media only screen and (max-width:768px) {
    .contact-form,
                                .contact-info {
        padding: 0 10px !important;
    }
}

.fa-phone::before {
    color: #807d7e !important;
}

#contact-map {
    padding: 5px;
    border: 2px solid #f7f7f7;
    background-color: #f7f7f7;
}

.contact-detail-box {
    width: 100%;
    margin: 0 auto;
}

.contact-detail-titles {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    text-align: left;
    line-height: 34px;
    margin: 0px auto 30px;
}

.con-i {
    display: none;
}

.tab-contact input {
    border: 1px solid #e3e7e8 !important;
    border-radius: 4px;
    box-shadow: none !important;
    width: calc(100% - 16px);
    height: 40px;
    padding: 8px;
    font-size: 14px;
    color: #111111;
}

.tab-contact input:focus {
    outline: none;
    border-color: #e3e7e8 !important;
}

.tab-contact .textarea-txt {
    border: 1px solid #e3e7e8 !important;
    border-radius: 4px;
    box-shadow: none !important;
    width: calc(100% - 16px);
    height: 138px;
    padding: 8px;
    font-size: 14px;
    color: #111111;
}

.form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #111111;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.tab-contact .textarea-txt:focus {
    outline: none;
    border-color: #e3e7e8 !important;
}

.buttons input {
    width: 138px;
    height: 40px;
    max-width: 100%;
    background: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.buttons input:hover {
    opacity: 0.7;
    background: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    transition: all 0.3s ease 0s;
}

@media (max-width: 768px) {
    .contact-detail-box {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .contact-detail-titles {
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .tab-contact {
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .tab-contact input {
        width: 90% !important;
    }
}

@media (max-width: 768px) {
    .textarea-txt {
        width: 100% !important;
    }
}

.contact_us_item {
    display: flex;
    margin-bottom: 32px;
}

.contact_us_item .c_u_c_icon {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 2px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 16px 0 0;
}

.contact_us_item .c_u_c_icon svg {
    width: 20px;
    height: 20px;
}

.contact_us_item .c_u_c_icon svg path {
    fill: #666666;
}

.contact_us_item .c_u_c_content {
    width: calc(100% - 54px);
}

.contact_us_item .c_u_c_content h2 {
    font-size: 12px;
    color: #999999;
    margin-bottom: 8px;
}

.contact_us_item .c_u_c_content .c_u_c_item {
    font-size: 16px;
    color: #111111;
    font-weight: bold;
}

.contact_item {
    padding: 16px;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 51, 90, 0.04);
    -moz-box-shadow: 0 7px 15px 0 rgba(0, 51, 90, 0.04);
    box-shadow: 0 7px 15px 0 rgba(0, 51, 90, 0.04);
    border-radius: 4px;
}

#group-content #content {
    margin-top: 0;
    margin-bottom: 60px;
}

.form-group input[name=captcha] {
    width: 100%;
    height: 40px;
    margin: 0;
    border: 1px solid #e3e7e8 !important;
    box-shadow: none;
}

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

.form-group-flex .first_item {
    width: 145px;
    float: left;
    margin: 0px;
    margin-right: 16px;
}

.form-group-flex .last_item {
    width: calc(100% - 154px);
    float: left;
    margin: 0px;
    margin-right: 16px;
    display: flex;
    align-items: center;
}

.form-group-flex .last_item #captcha {
    width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.form-group-flex .last_item #captcha svg {
    width: 18px;
    height: 18px;
    transition: all 0.3s ease 0s;
}

.form-group-flex .last_item #captcha svg path {
    fill: #999999;
}

.captcha_rotating_circle svg {
    animation: rotate 1s linear infinite;
}

@media (max-width: 768px) {
    .bg_Style {
        margin: 25px 0 !important;
    }
}

@media (max-width: 768px) {
    .bg_Style .container {
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .bg_Style .imgBox {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .bg_Style .testimonialsLeft {
        width: 100% !important;
        margin-top: 50px;
    }
}

@media (max-width: 768px) {
    .bg_Style .flexStyle + .flexStyle {
        margin-left: 0 !important;
    }
}

@media (max-width: 768px) {
    .bg_Style .testimonialsRight {
        margin: 0 auto !important;
        float: unset !important;
        width: 150px !important;
        height: 150px !important;
    }
}

@media only screen and (min-width: 1206px) and (max-width: 1611px) {
    .topbar-link .list-inline > li {
        padding-left: 12px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1205px) {
    .topbar-link .list-inline > li {
        padding-left: 6px !important;
    }
}

#pav-mainnav .navbar ul.nav > li > a span .menu-title {
    padding-top: 0;
}

@media only screen and (max-width: 768px) {
    .header-icons .topbar-link ul {
        line-height: inherit !important;
    }
}

@media only screen and (max-width: 768px) {
    #pav-mainnav {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .search-box-show {
        top: 37px;
    }
}

@media only screen and (max-width: 768px) {
    #search input {
        padding: 0 30px 0 10px !important;
    }
}

@media only screen and (max-width: 768px) {
    .category-product {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    #pav-mainnav .search-box-show {
        top: 75px;
        background-color: #ffffff;
        border-radius: 0;
        padding: 15px;
        border: 0;
    }
}

@media only screen and (max-width: 768px) {
    #search {
        border: 1px solid #000;
        position: relative;
        width: 100%;
        height: 44px;
        background: #ffffff;
        margin: 0 auto;
    }
}

.breadcrumb > li + li:before {
    font-size: 18px;
}

@media (max-width: 768px) {
    #pav-mainnav .mainnavCon {
    }
}

@media (max-width: 768px) {
    .ftlg img {
        width: 29%;
    }
}

@media (max-width: 768px) {
    .navbar-default .navbar-toggle {
        margin: 17px 0;
        z-index: 99999;
    }
}

@media (max-width: 768px) {
    .topbar-link {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    #logo a {
        z-index: 99;
        position: relative;
        top: 16px;
    }
}

@media (max-width: 768px) {
    #logo {
        padding-bottom: 0 !important;
        width: 58%;
        margin: 0 auto;
        z-index: 999;
    }
}

@media (max-width: 768px) {
    .header-icons {
        padding: 0px !important;
        position: relative;
        right: 0;
        top: -15px;
    }
}

@media (max-width: 768px) {
    .PhoneHidden {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .PhoneSearch {
        display: block;
    }
}

@media (max-width: 768px) {
    .container-fluid {
        margin-top: 0 !important;
        margin-right: 0 !important;
    }
}

#pav-mainnav .dropdown-menu.aa4 li > a {
    color: var(--xorder-theme-color, #334141) !important;
}

#pav-mainnav .navbar ul.nav > li {
    float: none;
    display: inline-block;
    padding: 0 18px 0;
}

.topbar-link .list-inline > li {
    padding-left: 18px;
    padding-right: 0px;
}

.list-inline > li.PhoneSearch {
    display: none;
    cursor: pointer;
}

#pav-mainnav .navbar ul.nav > li.active {
    box-shadow: 0 2px 0 0 #0091d9;
}

#pav-mainnav .navbar ul.nav > li.active a {
    color: #0091d9 !important;
    transition: color 0s ease 0s;
}

@media (max-width: 768px) {
    #footer {
    }
}

@media (max-width: 768px) {
    .fixed-nav-box {
        display: block;
    }
}

@media (max-width: 768px) {
    #customer-chat-iframe {
        visibility: hidden;
    }
}

@media (max-width: 768px) {
    .xiao_q_click {
        display: none;
    }
}

@media (max-width: 768px) {
    .main-header .search {
        display: none;
    }
}

@media (max-width: 768px) {
    .PhoneShow {
        display: block;
    }
}

@media (max-width: 768px) {
    .list-inline > li.PhoneSearch {
        display: block;
    }
}


      #pav-mainnav .navbar ul.nav > li > a {
    padding: 0 20px 0;
    line-height: 80px;
    font-size: 17px;
}

.navbar-default .navbar-nav > .dropdown:hover > a .caret,
      .navbar-default .navbar-nav > .dropdown:focus > a .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

#pav-mainnav .navbar-nav > li > .dropdown-menu {
    min-width: 380px;
    padding: 20px 16px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    top: 80px;
}

#pav-mainnav .dropdown-menu ul > li {
    border: none;
}

#pav-mainnav .dropdown-menu li > a {
    text-align: left;
    padding: 0 20px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 36px;
    color: var(--xorder-theme-navigation-foot-color, #334141) !important;
}

#pav-mainnav .dropdown-menu li > a > .menu-image {
    margin-top: -2px;
}

#pav-mainnav .dropdown-menu li > a > span {
    margin-left: 3px;
}

#pav-mainnav .dropdown-menu .MoreListLi > a > span.menu-title {
    color: #191919;
    font-weight: bold;
}

.pav-megamenu .dropdown-submenu > .dropdown-menu {
    border-radius: 0;
    padding: 0 5px;
    left: 100%;
    margin-left: -6px !important;
    margin-top: -1px;
    top: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.pav-megamenu .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

#pav-mainnav .dropdown-menu li > a .caret {
    color: #21272c;
    border-top-color: #21272c;
}

#pav-mainnav .dropdown-menu li > a:hover {
    color: var(--xorder-theme-color, #000) !important;
}

.new-common-bkg > .dropdown-menu {
    padding: 0 15px !important;
    border-radius: 0;
}

#pav-mainnav .navbar-nav > li:hover > .dropdown-menu,
      .new-common-bkg:hover > .dropdown-menu {
    padding: 10px 0px;
    height: auto;
    -webkit-transform: scaleY(1) !important;
    -moz-transform: scaleY(1) !important;
    -ms-transform: scaleY(1) !important;
    -o-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.new-common-bkg:hover > .dropdown-menu {
    display: block;
}

#pav-mainnav .navbar-nav > li > .dropdown-menu .toubushiping video {
    width: 100%;
}

#pav-mainnav .navbar ul.nav > li > a span {
    display: inline-block;
    -webkit-animation: fadeInUp 0.2s cubic-bezier(0, 0.62, 0.54, 1) forwards;
    animation: fadeInUp 0.2s cubic-bezier(0, 0.62, 0.54, 1) forwards;
}

#pav-mainnav .navbar ul.nav > li > a span::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 3px;
    background: #333333;
    transition: all 0.2s;
}

#pav-mainnav .navbar ul.nav > li:hover > a span::after {
    width: 100%;
}

#pav-mainnav .navbar ul.nav > li:hover {
    box-shadow: unset;
}

#pav-mainnav .navbar ul.nav > li > a b.caret {
    display: none;
}

#pav-mainnav .navbar ul.nav > li > a {
    position: relative;
    padding: 0;
    color: var(--xorder-theme-navigation-foot-color, #111) !important;
}

#pav-mainnav .navbar ul.nav > li > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    height: 3px;
    background: var(--xorder-theme-color, #000);
    transition: all 0.2s;
}

#pav-mainnav .navbar ul.nav > li:hover > a::after {
    width: 100%;
}

#pav-mainnav
        .navbar
        ul.nav
        > li:first-child
        > .dropdown-menu.xorder-common-1 {
    padding: 0 !important;
    width: calc(100% + 200px) !important;
    left: -80px !important;
}

    .newsletter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}

#only-for-description-content img {
    max-width: 100%;
}

#only-for-description-content-click-view-more-shadow {
    background: linear-gradient(
                  0deg,
                  #fff 12.3%,
                  rgba(255, 255, 255, 0) 89.6%
                );
}

.aboutboxs img {
    height: auto !important;
}

.powered2 a {
    border: 1px solid #e9e9e9 !important;
    color: #111 !important;
    border-radius: 0 !important;
    margin-right: 10px !important;
    padding: 0 !important;
    width: 45px !important;
    line-height: 40px !important;
    height: 45px !important;
    margin-top: 0px !important;
}

.packaging_delivery dl {
    margin: 0px;
}

.swiper {
    overflow: hidden;
}

.packaging_delivery dt {
    color: #666;
    float: left;
    font-size: 12px;
    width: 18%;
    padding: 4px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 100;
}

.packaging_delivery dd {
    color: #333;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 4px 0;
}

.editboxs-top i {
    display: inline-block;
    float: right;
    cursor: pointer;
}

table.aliDataTable td div {
    height: 27px !important;
}

.ui2 td {
    padding: 12px;
    text-align: left;
    border: 1px solid #c8d2e0;
}

@media only screen and (max-width: 768px) {
    .snpd {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .editProductOptionCon {
        width: 95% !important;
    }
}

@media only screen and (max-width: 768px) {
    .editboxs {
        padding: 30px !important;
    }
}

@media only screen and (max-width: 768px) {
    .editboxs-top span {
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 768px) {
    .productsimgs img {
        height: auto !important;
    }
}

@media only screen and (max-width: 768px) {
    .lead_time_class {
        overflow: auto;
        clear: left;
    }
}

.editProductOptionCon {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 587px;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

.editboxs-top span {
    display: inline-block;
    font-weight: 600;
    font-size: 25px;
    text-transform: capitalize;
    float: left;
    color: rgb(51, 55, 69);
    margin-bottom: 40px;
}

.fl-box-up4 a {
    display: inline-block;
    float: right;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 0 30px;
    line-height: 36px;
    border-radius: 20px;
}

.editboxs {
    padding: 30px 40px;
}

.fl-box-up4 {
    margin-top: 60px;
}

.remarks-editProduct {
    display: none;
}

.editProduct {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 10000;
}

.qx-btns:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
}

.qx-btns {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #000;
    color: #fff;
    background: #000;
}

#detail_decorate_root {
    width: 750px;
}

.savepdfs .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.inquriy_span a {
    background: #ffffff00;
}

.inquriy_span a:hover {
    background: #fff;
    opacity: 0.7;
    background-color: #00000000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#button-review:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.7;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.3s ease 0s;
}

.cps_tags {
    margin-bottom: 15px;
    color: #666;
}

#text_order:hover,
              #atcs_checkout:hover,
              #button-cart1:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#tab-review-real2 p a:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #000000 !important;
    border: 1px solid #000000;
}

.zoomWindow {
    background-color: #fff;
}

#button-review {
    width: 170px;
    line-height: 1.42857;
    padding: 6px 12px;
    height: 45px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
    transition: all 0.3s ease 0s;
}

.product-related .box-heading {
    padding-left: 0px;
    margin-top: 0px;
    padding-bottom: 0;
    line-height: 30px;
}

#related .carousel-control.left,
              #related .carousel-control.right {
    border: 0;
    background: none;
    line-height: 24px;
    color: #000000;
    margin: 0 5px 0 0;
    font-size: 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#tab-review-real2 {
    position: relative;
    padding: 15px;
    box-shadow: 0px 0px 12px 0px #00000026;
    border-radius: 4px;
    margin-bottom: 30px;
}

#tab-review-real2 p {
    height: 34px;
    margin-bottom: 0;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

#tab-review-real2 p a {
    float: right;
    background: #fff;
    color: #333;
    font-size: 14px;
    border: #333 solid 1px;
    border-radius: 0;
}

.product-block {
    border: none;
    position: relative;
}

.product-label {
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 999;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 13px;
}

.product-info .image-additional .carousel-control {
    line-height: 34px;
    bottom: -40px;
    height: 38px;
    top: auto;
    margin-bottom: 0;
    font-size: 30px;
    border: none;
    background: #f7f8fa;
    border-radius: 50%;
    float: unset;
    opacity: 1;
}

.carousel-inner .active a {
    margin-right: 7px;
}

.list1 li span {
    font-size: 12px;
}

.list1 li {
    list-style-type: none;
    width: 100%;
    float: unset;
    font-size: 14px;
    padding-bottom: 10px;
    padding: 0 !important;
    margin: 0;
    line-height: 25px;
}

.clear {
    clear: both;
}

.clear p {
    font-size: 14px;
}

.table1 td {
    font-size: 14px;
    line-height: 30px;
}

.product-info {
    padding: 30px 0;
}

.tabs-group {
    padding: 30px 0;
}

#review-real {
    padding: 0;
    border: 0;
    margin: 0;
}

.buy_send_inquiry {
    font-size: 14px;
    color: #fff !important;
    background: #343434;
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    padding: 0 20px;
    line-height: 50px;
}

.buy_order {
    font-size: 14px;
    border: 1px solid;
    background: #fff;
    color:;
    height: 50px;
    line-height: 50px;
    padding: 0 30px 0 20px;
    border-radius: 0;
    margin-top: 0;
}

.buy_order:hover {
    background: #000000;
    color: #fff;
}

.buy_simple {
    border: 1px solid #e5ae49;
    font-size: 14px;
    font-weight: 400;
    color: #e5ae49 !important;
    width: 102px;
    line-height: 50px;
    height: 50px;
    border-radius: 0;
    border-top: -1;
    background: #fff;
    padding: 0;
    text-transform: uppercase;
}

.buy_car a {
    border: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #e5ae49;
    line-height: 50px;
    padding: 0 10px;
    margin-left: 10px;
}

.buy_send_inquiry:hover {
    background: #e5ae49;
}

.product-extra {
    width: 100%;
}

.option tr {
    float: left;
}

.option label {
    font-weight: normal;
}

.option .selected {
    border: 1px solid #e5ae49 !important;
}

.product-info .options {
    padding: 0;
    margin-bottom: 30px;
}

.option {
    display: flex;
    margin: 0;
    margin-bottom: 15px;
}

.option b,
              .xorder_left b {
    font-size: 16px;
    color: #333;
}

.option b {
    display: flex;
    line-height: 24px !important;
    text-transform: uppercase;
    width: 55px;
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #3a3a3a;
}

.productModel span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #3a3a3a;
}

.productModel .productDetail {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.optionRight {
    margin-bottom: 20px;
}

.box .box-heading span:before {
    display: none;
}

.product-related .carousel-controls {
    z-index: 80;
    top: -55px !important;
    left: 10px;
}

#related {
    padding: 0 10px;
}

.box .box-heading span span {
    color: #333;
    border-bottom: 0;
}

.box .box-heading span {
    color: #333;
}

#tab-review-real {
    position: relative;
}

#tab-review-real p {
    height: 34px;
    margin-bottom: 0;
    position: absolute;
    right: 30px;
    bottom: 13px;
}

#tab-review-real p a {
    float: right;
    background: #fff;
    color: #333;
    font-size: 14px;
    border: #333 solid 1px;
    border-radius: 0;
}

#tab-review-real p a:hover {
    background: #fff;
    border-color: #e5ae49;
    color: #e5ae49;
}

.zhushi {
    color: #999;
    margin-top: 30px;
    display: none;
}

.zhushi p {
    line-height: 20px;
}

.zhushi p span {
    width: 4px;
    height: 4px;
    float: left;
    background: #999;
    margin-right: 6px;
    margin-top: 10px;
}

.zhushi p b {
    display: block;
    margin-left: 20px;
    font-weight: 100;
}

.zhushi p b a {
    color: #999;
}

.zhushi p b a:hover {
    color: #e5ae49;
}

.tshirtecommerce-btn-group {
    display: initial;
}

.btn-design {
    float: right;
    margin-right: 20px;
}

.load5 .loader {
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.loader-img {
    display: block;
    width: 100%;
}

.review-list {
    border: 0;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: #e9e9e9 solid 1px;
}

.review-list .rating,
              .review-list .author {
    margin-bottom: 10px;
}

.review-list .author b {
    font-size: 16px;
    color: #222;
}

.review-list .text {
    color: #666;
}

.review-list div:last-child img {
    border: #fff solid 1px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 20px;
    width: 80px;
}

.review-list .image_show_render img {
    border: 0;
    margin: 0 !important;
    width: 380px !important;
}

.review-list .active_img {
    border: #ccc solid 1px !important;
}

@media (max-width: 992px) {
    .mfp-auto-cursor .mfp-content {
        width: 100% !important;
    }
}

.mfp-auto-cursor .mfp-content {
    width: 50%;
}

.panel {
    border: 0;
    margin-bottom: 0;
}

.panel-body {
    padding: 15px;
}

.panel-body .form-group .col-sm-12 {
    padding: 0;
}

.form-horizontal .form-group {
    margin: 0;
}

.help-block {
    font-weight: normal;
}

@media only screen and (max-width: 768px) {
    #cboxOverlay {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    #colorbox {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .zhushi {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .powered {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .fixed-nav-box {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .fixed-nav-box2 {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    .form-control {
        box-shadow: none !important;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        border: 1px solid rgba(204, 204, 204, 1) !important;
        padding: 12px;
        border-radius: 5px !important;
    }
}

@media only screen and (max-width: 768px) {
    #email {
        height: 40px !important;
        padding: 12px;
    }
}

@media only screen and (max-width: 768px) {
    #username {
        height: 40px !important;
        padding: 12px;
    }
}

@media only screen and (max-width: 768px) {
    #button-review2 {
        border-radius: 20px;
        color: rgba(255, 255, 255, 1) !important;
        text-transform: Uppercase;
        line-height: 41px;
        height: 41px;
        padding: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .form-group {
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 768px) {
    p {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    #tabs #tab-review {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .PhoneHidden {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .PhoneShow {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .option {
        padding: 10px 0;
        margin: 0;
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .product-block .price {
        font-size: 18px !important;
    }
}

.option_radio span.item,
              .option_checkbox span.item,
              .option_image span.item,
              .option_select span.item {
    margin-right: 1.8rem;
    display: inline-block;
    padding: 0;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #333;
    text-transform: capitalize;
    cursor: pointer;
    margin-bottom: 10px;
}

#option-custom .item {
    margin-right: 1.8rem;
    display: inline-block;
    padding: 0;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    border: 0 !important;
    border-radius: 0;
    color: #333;
    text-transform: capitalize;
    cursor: pointer;
    margin-bottom: 10px;
    border-bottom: 1px solid #00000000 !important;
    transition: all 0.3s ease 0s;
    position: relative;
}

#option-custom .item.CommonColor,
              #option-custom .item:hover {
    border-bottom: 1px solid #000000 !important;
    transition: all 0.3s ease 0s;
}

#option-custom .item label {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

#option-custom .item.CommonColor label,
              #option-custom .item:hover label {
    font-weight: bold;
}

#option-custom .item .tooltip {
    position: absolute;
    bottom: 100%;
    padding: 5px 0;
    left: 50%;
    display: none;
    opacity: 0;
    transform: translate(-50%, 0%);
    transition: all 0.3s ease 0s;
}

#option-custom .item:hover .tooltip {
    display: block;
    opacity: 1;
    transition: all 0.3s ease 0s;
}

#option-custom .item .tooltip .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-color: #000000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
}

.option_select span.item {
    width: 100%;
}

.option_radio span.item label,
              .option_checkbox span.item label,
              .option_image span.item label {
    padding: 0 20px !important;
    background: transparent !important;
    color: unset;
    border-radius: unset !important;
    height: 40px;
    line-height: 40px;
    border: none;
    margin-bottom: 0;
    cursor: pointer;
}

.option_image span.item {
    width: 75px;
    height: 75px;
    padding: 0px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.option_image span.item label {
    padding: 0 !important;
    margin: 0;
    width: 100%;
    height: 100%;
}

.fixed-nav-box2 {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: rgba(255, 255, 255, 1);
    left: 0;
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.1);
    display: none;
}

.fixed-nav-lf {
    width: 40%;
    float: left;
    display: flex;
}

.fixed-nav-lr {
    width: 60%;
    float: left;
    margin: 9px 0;
}

.fixed-nav-lr .nav-box {
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    text-transform: Uppercase;
    line-height: 41px;
    height: 41px;
    padding: 0;
}

.fixed-nav-lr .fixed-nav-lr-box .lf-boxs {
    border-radius: 20px 0 0 20px;
}

.fixed-nav-lr .fixed-nav-lr-box .lr-boxs {
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    line-height: 41px;
    height: 41px;
    padding: 0;
    border-radius: 0 20px 20px 0;
}

.fixed-nav-lr-box {
    width: 90%;
    margin: 0 auto;
    border-radius: 20px;
    display: flex;
}

.PhoneBox {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9999;
    bottom: 0;
    background-color: #fff;
    height: 500px;
    border-radius: 10px 10px 0 0;
    padding: 10px;
}

.masks {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9980;
    background: #333333;
    opacity: 0.8;
    display: none;
}

.phone-imgs {
    width: 30%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.lr-nr {
    display: inline-block;
    width: 209px;
    margin-top: 10%;
}

.lr-nr h1 {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xq-content {
    font-size: 12px;
    color: rgba(153, 153, 153, 1);
    height: 45px;
    width: 100%;
    text-overflow: inherit;
    overflow: hidden;
    line-height: 15px;
}

.cp-top-content {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(233, 233, 233, 1);
}

.inquiry-msgs {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 40px;
}

.icon-sendss {
    color: rgba(255, 255, 255, 1);
    display: inline-block;
}

.send-msg {
    font-size: 12px;
    display: inline-block;
    vertical-align: 4px;
    margin-left: 10px;
}

.PhoneBox .close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
    font-size: 12px;
    opacity: 1;
}

.PhoneAddToCart .required {
    display: none;
}

.PhoneToCartSuccess {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10px;
    height: auto;
}

.PhoneToCartSuccess button {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    border-radius: 20px;
}

.ProductDetailItems input,
              .PhoneAddToCart input {
    display: none;
}

.CommonColor {
    color: #000000 !important;
}

.CommonBackground {
    background: #000000 !important;
}

.CommonOpacityBackground7 {
    background: #000000 !important;
    opacity: 0.7;
}

.CommonBorder {
    border: 1px solid #000000 !important;
}

.CommonColor2 {
    color: #fff !important;
}

.select2-selection__rendered {
    font-weight: 700;
}

.option_select {
    outline: none;
}

.select2-selection.select2-selection--single {
    outline: none;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    height: 40px;
}

.select2-container--default
                .select2-selection--single
                .select2-selection__rendered {
    height: 40px;
    line-height: 40px;
}

.select2-container--default
                .select2-selection--single
                .select2-selection__arrow {
    height: 40px;
}

.select2-container--open .select2-dropdown--below,
              .select2-container--open .select2-dropdown--above {
    border: 1px solid #000000;
}

.select2-container--default
                .select2-results__option--highlighted[aria-selected] {
    background-color: #000000;
}

.SelectOption label {
    display: block;
    padding: 0 10px;
}

* {
    touch-action: pan-y;
}

@media (max-width: 768px) {
    .option {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .option_radio span.item,
                .option_checkbox span.item,
                .option_image span.item,
                .option_select span.item {
        margin-bottom: 10px;
    }
}

#content {
    margin-top: 0;
}

.xiangqing {
    padding: 0 0 0 15px;
}

.pricebgds {
    background-color: #ddd;
    background: url(https://imagedelivery.net/8J8r0-c_J59v1igs89DPjg/f2866c4f-9790-483c-624f-df6d9b0dda00/public);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.Price-lock-bg {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    padding: 9px 20px;
    margin-bottom: 10px;
    z-index: 0;
}

.Price-lock {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 24px;
    color: #333;
}

.Price-lock .now-Prices {
    vertical-align: middle;
}

.lock-imgs {
    display: inline-block;
    margin-left: 6px;
    margin-top: 3px;
    vertical-align: middle;
}

.lock-instructions {
    margin-bottom: 0;
    line-height: 22px;
    font-size: 16px;
}

.instructions-colors {
    color: #000000;
}

@media screen and (max-width: 768px) {
    .product-block .name a {
        height: 40px !important;
    }
}

@media screen and (max-width: 768px) {
    .product-related {
        padding: 0 10px !important;
    }
}

@media screen and (max-width: 768px) {
    #columns #group-content {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    #breadcrumb {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .product-block .product-meta {
        float: none;
        padding: 14px 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .product-info {
        padding: 2.5% 2.5% 0 2.5%;
        border: none;
    }
}

@media screen and (max-width: 768px) {
    .carousel-inner > .item > img,
                .carousel-inner > .item > a > img {
        max-width: 60px !important;
    }
}

@media screen and (max-width: 768px) {
    .product-info .image-additional .carousel-control {
        line-height: 46px !important;
    }
}

@media screen and (max-width: 768px) {
    .carousel-inner .active a {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 768px) {
    .xiangqing {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .tabs-group {
        padding: 0 2.5%;
        border: none;
    }
}

@media screen and (max-width: 768px) {
    #review-real {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 768px) {
    #tab-review-real2 p {
        left: 31px;
        right: auto;
    }
}

@media screen and (max-width: 768px) {
    .htabs a {
        text-transform: capitalize;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .product-block:hover .compare-wishlish {
        display: none !important;
    }
}

.product-block .name a {
    min-height: auto !important;
    margin-right: 0;
}

.minimumOrder {
    color: #333;
    margin-top: 5px;
    font-size: 14px;
    line-height: 24px;
}

.moq-label {
    color: #999;
}

.product-block:hover .compare-wishlish {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.product-block .compare-wishlish {
    left: 50%;
    margin-left: -75px;
    background-color: #fff;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
    height: 50px;
    top: 72%;
    width: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-related
                .product-block:hover
                .compare-wishlish
                .wishlist
                > a {
    left: 0;
}

.product-related
                .product-block:hover
                .compare-wishlish
                .compare
                > a {
    right: 0;
}

.product-block a {
    margin-right: 0 !important;
}

.hover-icon {
    width: 50px !important;
    height: 50px;
    display: block;
    float: left !important;
    background: #fff;
    bottom: 0 !important;
    position: relative;
    z-index: 1;
}

.product-block .compare a,
              .product-block .wishlist a {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
}

.product-block .tooltip-inner {
    min-width: 70px;
    text-align: center;
}

#tab-attribute {
    padding: 0px;
    background: #ffffff;
    border-bottom: 0 solid #fff;
    border-left: 0 solid #fff;
    border-right: 0 solid #fff;
    margin-bottom: 20px;
}

.attribute {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: #666666;
}

.attribute td {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
}

.attribute thead td,
              .attribute thead tr td:first-child {
    background: #ffffff;
    color: #333;
    font-size: 18px;
    line-height: 40px;
    border-bottom: 1px dashed #e6e7eb;
    width: 100%;
    margin-bottom: 10px;
}

.attribute tr td:first-child {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: #666666;
    width: 122px;
    display: inline-block;
    float: left;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
}

.tab-attribute-list tr {
    display: inline-block;
    width: 50%;
}

.attribute tr td:last-child {
    display: inline-block;
    float: left;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    width: 395px;
}

.tab-attribute-list {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .savepdfs {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .tab-attribute-list tr {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .attribute tr td:first-child {
        white-space: normal !important;
        width: 35% !important;
    }
}

@media only screen and (max-width: 768px) {
    .attribute tr td:last-child {
        white-space: normal !important;
        width: 65% !important;
    }
}

@media only screen and (max-width: 768px) {
    .attribute thead td,
                .attribute thead tr td:first-child {
        width: 100% !important;
    }
}

.logo-mins {
    margin-bottom: 30px;
    margin-top: 5px;
}

.logo-mins-titles {
    display: inline-block;
    float: left;
    line-height: 24px;
}

.logo-mins-p {
    display: inline-block;
    float: left;
    margin-left: 35px;
    line-height: 24px;
}

.logo-mins-p p {
    margin: 0;
    display: block;
}

.pr-titles {
    display: none;
    float: left;
    margin-right: 20px;
}

.pr-titles2 {
    display: inline-block;
}

.pc-option-sz1 {
    line-height: 38px !important;
}

.pc-option-sz2 {
    display: block;
    width: calc(100% - 65px);
}

.samples-buy #text_order1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    float: right;
    padding: 0;
    background: none !important;
    border: 0 !important;
    font-size: 12px;
    color: #999999 !important;
    transition: all 0.3s ease 0s;
}

.samples-buy #text_order1 svg {
    margin-right: 5px;
}

.samples-buy #text_order1:hover {
    color: #333333 !important;
    background: unset !important;
    border: unset !important;
}

.samples-buy #text_order1:hover svg path {
    fill: #333333 !important;
}

#detail_decorate_root .flex-layout-h {
    display: flex;
}

#detail_decorate_root .flex-layout-v .flex-layout-h img {
    width: auto !important;
}

#detail_decorate_root .magic-14 {
    max-width: none;
}

#detail_decorate_root .magic-16 {
    max-width: none;
}

@media only screen and (max-width: 768px) {
    #tab-description img {
        height: auto !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    #tab-description div {
        height: 100% !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .pc-option-sz2 {
        width: auto;
    }
}

@media only screen and (max-width: 768px) {
    #product-custom {
        width: auto !important;
    }
}

.samples_num_info {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    cursor: pointer;
}

.samples_num_info .samplesInCart {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e9e9e9;
    font-size: 18px;
    font-style: inherit;
    color: #999;
    background: #e9e9e9;
    text-align: center;
}

.samples_num_info .samples_num {
    display: inline-block;
    width: 50px;
    height: 25px;
    text-align: center;
    vertical-align: top;
    padding: 0;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: #999;
}

.samples-span {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    color: #333333;
}

.samples-btn {
    cursor: pointer;
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
    line-height: 42px;
    padding: 0 50.05px;
    margin-bottom: 0;
    box-shadow: unset;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.samples-btn:hover,
              .samples-btn:focus {
    background-color: #000000;
    color: #ffffff !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#customized .btn {
    padding: 0 30px;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    background: #000000;
    color: #fff;
    margin-right: 10px;
    float: initial;
    border-radius: 2px;
    cursor: pointer;
}

#customized .btn:hover {
    opacity: 0.8;
}

#customized .customized {
    position: fixed;
    right: -100%;
    top: 0;
    width: 80%;
    left: auto;
    height: 100%;
    padding: 40px 25px;
    max-width: 100%;
    min-width: 1200px;
    background: #fff;
    overflow-y: hidden !important;
    line-height: initial;
    z-index: 9999;
    box-shadow: 0 4px 12px 0 rgb(118 118 118 / 40%);
}

#historical_selection {
    position: fixed;
    right: -380px;
    top: 0;
    width: 380px;
    left: auto;
    height: 100%;
    padding: 40px 25px;
    min-width: 380px;
    background: #fff;
    overflow-y: auto !important;
    line-height: initial;
    z-index: 99999;
    box-shadow: 0 4px 12px 0 rgb(118 118 118 / 40%);
}

#customized .c-top {
    position: relative;
}

#group-content #customized .c-top h1 {
    font-size: 18px;
    line-height: 36px;
    margin: 0;
}

#customized .c-close,
              #customized .c-close-s {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#group-content #customized .c-top p {
    font-size: 16px;
    color: #333333;
    margin-bottom: 90px;
}

#customized .c-title h2 {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 10px;
}

#customized .c-p-item > div {
    margin-bottom: 15px;
}

#customized .c-p-item input {
    position: absolute;
    top: 0;
    left: 9px;
    margin: 0;
    padding: 0;
}

#customized .c-p-item img {
    width: 100%;
    height: auto;
    max-width: 100%;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
}

#customized .historical {
    display: block;
    margin: 30px auto;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

#customized .c-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: 0;
}

#customized .c-button .c-content {
    height: calc(100% - 250px);
}

#customized .c-button .btn {
    display: inline-block;
    width: calc(50% - 5px);
    margin: 0 auto;
    font-size: 14px;
}

#customized .c-button .btn:hover {
    opacity: 0.8;
}

#customized .c-chanping > .row > div input {
    position: absolute;
    top: 0;
    left: 9px;
    margin: 0 auto;
    padding: 0;
}

#customized .c-chanping > .row > div img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
}

#customized .c-chanping {
    padding: 0 15px;
    height: 100%;
}

#customized .c-zhanshi p {
    color: #333333;
    font-size: 16px;
}

#customized .c-chanping .row p,
              #customized .c-product .row p {
    color: #333333;
    text-align: center;
    font-size: 16px;
    margin-top: 60px;
}

#customized .c-chanping .row .btn,
              #customized .c-product .row .btn {
    margin: 0 auto;
    text-align: center;
    border-radius: 100px;
    background-color: #ffffff;
    color: #333333;
    font-size: 16px;
}

#customized .c-chanping .row,
              #customized .c-product .row {
    text-align: center;
}

#customized .c-chanping .row {
    max-height: calc(100% - 150px);
    overflow: hidden;
}

#customized {
    float: left;
}

#customized .multi_id {
    position: absolute;
    top: 0;
    left: 9px;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: inline-block;
}

#customized .m-radio > input,
              #customized .m-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

#customized .m-radio > span,
              #customized .m-checkbox > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: 0;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
}

#customized .m-checkbox > span {
    border: 1px solid #bdc3d4;
}

#customized .m-checkbox > input:checked ~ span {
    border-color: #00bd66;
}

#customized .m-radio > span:after,
              #customized .m-checkbox > span:after {
    content: "";
    position: absolute;
    display: none;
}

#customized .m-checkbox > span:after {
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    border: solid #7281a4;
    border-color: #00bd66;
}

#customized .m-radio > input:checked ~ span:after,
              #customized .m-checkbox > input:checked ~ span:after {
    display: block;
}

#p-a-image {
    position: relative;
}

.choice_fudo {
    position: absolute;
    width: 80px;
}

.choice_fudo_0 {
    top: 60%;
    left: 40%;
}

.choice_fudo_1 {
    top: 60%;
    left: 55%;
}

.choice_fudo_2 {
    top: 62%;
    left: 38%;
}

.choice_fudo_3 {
    top: 62%;
    left: 53%;
}

.choice_fudo_4 {
    top: 64%;
    left: 36%;
}

.choice_fudo_5 {
    top: 64%;
    left: 51%;
}

.choice_fudo_6 {
    top: 66%;
    left: 34%;
}

.choice_fudo_7 {
    top: 66%;
    left: 49%;
}

.choice_fudo_8 {
    top: 68%;
    left: 32%;
}

.choice_fudo_9 {
    top: 68%;
    left: 47%;
}

.choice_fudo_10 {
    top: 70%;
    left: 30%;
}

.choice_fudo_11 {
    top: 70%;
    left: 45%;
}

.xorder_content .xorder_left {
    padding: 0;
    width: 100%;
}

.xorder_content .xorder_left .row1 img {
    text-align: center;
}

.xorder_content .xorder_left .row1 .product_name {
    height: 50px;
    float: left;
    text-align: left;
}

.xorder_content .xorder_left .row1 .product_name a {
    color: #000000;
    text-decoration: none;
    word-break: break-all;
    margin: 0;
    font-size: 14px;
    height: 40px;
    display: block;
}

.xorder_content .xorder_left .row2 {
    margin: 20px 0 0px;
}

.xorder_content .xorder_left .row2 .info {
    font-size: 12px;
    color: #ccc;
    margin-bottom: 2px;
}

.xorder_content .xorder_left .row3 {
    float: left;
}

.xorder_content .xorder_left .row3 h4 {
    text-align: left;
    color: #999;
    font-size: 14px;
}

.xorder_content .xorder_left .row3 .left {
    float: none;
}

.xorder_content .xorder_left .row3 .left input[name="quantity"] {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #999;
    width: 160px !important;
    padding: 0 10px !important;
    border: 1px solid #e9e9e9;
    line-height: 48px;
    margin-right: 10px;
}

.totalBox {
    text-align: left;
    font-size: 24px;
    line-height: 30px;
    color: #333;
    font-weight: 500;
}

.rp-h4 {
    clear: both;
    overflow: hidden;
}

.rp-h4 span {
    float: left;
}

.jg-minimum i {
    font-style: normal;
}

.xorder_content .xorder_left .row3 .left .price {
    font-size: 14px;
    line-height: 20px;
    padding: 0 !important;
    margin-top: -3px;
    margin-bottom: 4px;
}

.xorder_content .xorder_left .row3 .left .price span {
    font-size: 16px;
    font-weight: normal;
    text-align: right;
    color: #666;
}

.xorder_content .xorder_left .row3 .right {
    float: left;
    display: none;
}

.xorder_content .xorder_left .row3 .right p {
    margin: 0;
    font-size: 14px;
    color: #999;
}

.xorder_content .xorder_left .row4.productSave {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    font-size: 12px;
    background: #f7f7f7;
    padding: 0 10px;
    color: #333;
    line-height: 24px;
    margin-top: 4px;
    border-radius: 2px;
}

.xorder_content .xorder_left .row4 h3 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
}

.xorder_content .xorder_left .row4 h3 span {
    color: #333;
    font-size: 18px;
    font-weight: normal;
}

.xorder_content .xorder_left .row4 h4 {
    margin: 0px 0;
    font-size: 12px;
    color: #696969;
    line-height: 20px;
}

#button-design {
    border-radius: 0 !important;
    padding: 0 20px !important;
    height: 40px;
    font-size: 16px !important;
    text-transform: uppercase;
    line-height: 38px;
    background-color: #fff !important;
    border-width: 0 !important;
    border-style: none !important;
    border: 1px solid #e5ae49 !important;
    text-align: center;
    float: left;
    color: #e5ae49 !important;
    display: none;
}

.form-group {
    margin-bottom: 10px;
}

#button-design:hover {
    background: rgba(255, 33, 32, 0.1) !important;
}

.tab-content1:last-child {
}

.tab-content {
    padding: 0;
}

.product-info #text_order {
    padding: 0 30px;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    background: #00000000 !important;
    color: #000000;
    margin-right: 10px;
    border: 1px solid #000000;
    border-radius: 4px;
    width: 200px;
    display: flex;
    align-items: center;
}

.product-info #text_order svg {
    margin-right: 10px;
}

#text_order:hover {
    background: #000000;
    opacity: 0.8;
}

#text_order1 {
    height: max-content;
    margin-bottom: 0px;
    line-height: unset;
}

#text_order1:active {
    box-shadow: none;
}

.product-info .product-label-special {
    border: 0;
    border-radius: 0;
    left: 105px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    display: inline-table;
    position: absolute;
    top: 0;
    z-index: 9;
}

#group-content h1 {
    line-height: normal;
    font-size: 36px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold !important;
    text-align: center;
}

#tab-contain li {
    display: inline-block;
    margin-right: 15px;
}

#tab-contain ul,
              #tab-contain li {
    list-style: none;
}

#tab-contain li a {
    color: #666;
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    position: relative;
    top: 2px;
}

#tab-contain li .selected {
    background: #fff;
}

#tab-contain #tabs {
    margin: 0;
    padding: 0;
}

#tab-contain #content {
    padding: 0;
    margin-bottom: 0;
}

#tab-review {
    padding: 15px;
    box-shadow: 0px 0px 12px 0px #00000026;
    border-radius: 4px;
    margin-bottom: 30px;
}

.clear .productDetail {
    margin-right: 10px;
    color: #666;
    font-size: 12px;
}

.options .required {
    vertical-align: middle;
    margin: 0 10px;
}

.cps_tags_a {
    display: inline-block;
    line-height: 30px;
    padding: 0 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: none;
    color: #666;
    background: rgb(153 153 153 / 10%);
}

#tab-review,
              #tab-customtab,
              #tab-description {
    background: unset;
}

#tabs {
    clear: both;
    border: none;
    text-align: center;
    border-bottom: 0;
    margin-top: 0;
    height: auto;
    line-height: unset;
    margin-bottom: 30px;
}

.htabs a {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
    display: inline-block;
    height: 40px;
    float: unset;
    border-bottom: 2px solid transparent;
    margin: 0 20px -1px;
    padding: 0;
    color: #999;
    text-transform: capitalize;
}

.htabs a.selected {
    border-color: #333;
    color: #333;
}

.zoomContainer .zoomWindow {
    border: none !important;
}

.product-info .image-additional {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    padding: 0;
    overflow: unset;
}

.product-info .image {
    padding-left: 105px;
}

.product-info .share {
    padding-left: 0px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: max-content;
}

@media only screen and (max-width: 768px) {
    .product-info .share {
        margin-bottom: 0 !important;
        margin-top: 0px !important;
    }
}

.samples-buy {
    line-height: unset;
    border-radius: 4px;
    color: #333;
    padding: 0;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 15px;
}

.powcan_swiper {
    width: 100%;
    padding-bottom: 30px;
    height: max-content;
}

.powcan_swiper img {
    width: 100%;
}

.powcan_swiper_option {
    display: none;
    width: 100%;
    padding-bottom: 30px;
}

.swiper-container-horizontal
                                > .swiper-pagination-bullets,
                              .swiper-pagination-custom,
                              .swiper-pagination-fraction {
    bottom: 5px;
}

.swiper-pagination-bullet {
    opacity: 1;
    background-color: #00000000;
    border: 1px solid #333333;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #000000;
    border: 1px solid #000000;
    background: #000000;
}

.video-block {
    display: inline-block !important;
}

.video-wrap i.fa-play:hover {
    color: #000000 !important;
}

.video-wrap i.fa-play:before {
    margin-left: 2px;
}

@media only screen and (max-width: 768px) {
    .video-wrap {
        bottom: 90px;
    }
}

.swiper-button-next,
                                  .swiper-button-prev {
    background: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

.swiper-button-next svg,
                                  .swiper-button-prev svg {
    width: 25px;
    height: 25px;
}

.share_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.share_item .share-pdfs {
    display: flex;
    align-items: center;
    width: 100%;
}

.share_item .share_product {
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #3a3a3a;
    transition: all 0.3s ease 0s;
}

.share_item .share_product:hover {
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}

.share_itemx .savepdfs {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #3a3a3a;
    transition: all 0.3s ease 0s;
}

.share_item .savepdfs:hover {
    color: #3a3a3a;
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}

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

.share_item .wishlist_compare a {
    border: 0;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 0 15px;
    transition: all 0.3s ease 0s;
}

.share_item .wishlist_compare a:hover {
    color: #3a3a3a;
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}

.rating {
    margin-bottom: 15px;
    line-height: 16px;
}

#product_short_des {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #333;
}

#product_short_des p {
    margin: 0;
    padding: 0;
    word-break: break-all;
}

.productModel {
    margin-bottom: 15px;
}

.product_options input {
    display: none;
}

.quantity_price {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.quantity_price input[name="quantity"] {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #999;
    width: 160px !important;
    padding: 0 10px !important;
    border: 1px solid #e9e9e9;
    line-height: 48px;
    margin-right: 10px;
}

.quantity_price .row3 .price {
    font-size: 14px;
    line-height: 20px;
    padding: 0 !important;
    margin-top: -3px;
    margin-bottom: 4px;
}

.quantity_price .row3 span {
    font-size: 16px;
    font-weight: normal;
    text-align: right;
    color: #666;
}

.quantity_price .row4.productSave {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    font-size: 12px;
    background: #f7f7f7;
    padding: 0 10px;
    color: #333;
    line-height: 24px;
    margin-top: 4px;
    border-radius: 2px;
}

.quantity_price .row4 h3 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
}

.quantity_price .row4 span {
    color: #333333;
    font-size: 12px;
    font-weight: normal;
}

.quantity_price .row4 h4 {
    margin: 0px 0;
    font-size: 12px;
    color: #696969;
    line-height: 20px;
}

.maskpop {
    display: none;
    width: 100%;
    height: 100vh;
    background: #fff;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
}

.headbox {
    width: 100%;
    height: 65px;
    background: #32363f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
    cursor: pointer;
}

.loadingbox {
    width: 100%;
    height: 100%;
    background: #000;
}

.loading_f {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    display: flex;
    align-items: center;
}

.itembox {
    height: 50px;
    width: 5px;
    background: white;
    margin: 0px 3px;
    border-radius: 10px;
    animation: loading 1s infinite;
}

.itembox:nth-child(2) {
    animation-delay: 0.1s;
}

.itembox:nth-child(3) {
    animation-delay: 0.2s;
}

.itembox:nth-child(4) {
    animation-delay: 0.3s;
}

.itembox:nth-child(5) {
    animation-delay: 0.4s;
}

.itembox:nth-child(6) {
    animation-delay: 0.5s;
}

.itembox:nth-child(7) {
    animation-delay: 0.6s;
}

.itembox:nth-child(8) {
    animation-delay: 0.7s;
}

#product-custom {
    float: unset !important;
    width: 410px;
    max-width: 100%;
    margin: 0 0 15px 0;
}

#product-custom .buy_order_span {
    width: 100%;
}

#product-custom .buy_order_span .btn {
    width: 100%;
    border-radius: 4px;
}

#xr_iframe {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    opacity: 0;
    background: #ffffff;
    width: 100%;
    height: 100vh;
}

#xr_iframe.scale-in-ver-top {
    display: block;
    -webkit-animation: scale-in-ver-top 0.3s
                                    cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: scale-in-ver-top 0.3s
                                    cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

#xr_iframe.scale-out-ver-top {
    -webkit-animation: scale-out-ver-top 0.3s
                                    cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: scale-out-ver-top 0.3s
                                    cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@media (max-width: 768px) {
    .orderButton {
        overflow: visible !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 768px) {
    .orderButton .pull-left {
        float: none !important;
        width: 100% !important;
        margin-bottom: 12px;
    }
}

@media (max-width: 768px) {
    .orderButton .pull-left:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .orderButton .buy_order_span,
                                  .orderButton .inquriy_span {
        display: block !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .orderButton #text_order,
                                  .orderButton .inquiry.btn {
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .list1 li {
        width: 100%;
    }
}

.product-block .rating i {
    font-size: 15px;
    color: #aaa;
    display: inline-block;
    margin-right: 5px;
}

#manual {
    background: #000000;
    border: 1px solid #000000;
}

.product-panel-group {
    padding: 0px;
    box-shadow: 0px 0px 12px 0px #00000026;
    background: unset;
    margin-bottom: 15px;
}

.product-panel-group > .panel-heading {
    padding: 0;
    margin: 0;
    background: unset;
    border: 0;
}

.product-panel-group > .panel-heading .panel-title {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 15px;
    transition: all 0.3s ease 0s;
}

.product-panel-group > .panel-heading .panel-title:hover {
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}

.product-panel-group > .panel-heading .panel-title svg {
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

.product-panel-group
                      > .panel-heading
                      .panel-title.collapsed
                      svg {
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
}

#inquiry h3 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #000000;
    margin-bottom: 5px;
}

#inquiry p {
    margin: 0;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    text-align: left;
    color: #666666;
    margin-bottom: 15px;
}

#inquiry label {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 8px;
}

#inquiry input {
    border: 1px solid #eeeeee;
    box-shadow: unset;
}

.atcs_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000000;
}

.atcs_row {
    width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 40px;
}

.atcs_close1 {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 45px;
    height: 45px;
    border: 2px solid #000000;
    font-size: 20px;
    font-weight: 600;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    color: #000000;
    background: #fff;
    border-radius: 50%;
}

.atcs_close1:hover {
    background: #000000;
    color: #fff;
}

.atcs_conLeft {
    text-align: center;
    width: 50%;
    float: left;
}

.atcs_conLeft h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 28px;
    color: #333;
    text-align: left;
}

.atcs_img {
    display: block;
    width: 100%;
    height: auto;
}

.atcs_proItem p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.atcs_proItem p b {
    color: #000000;
    font-weight: 100;
}

.atcs_proNum,
            .atcs_proPrice {
    margin: 0;
    font-size: 13px;
}

.atcs_proItem .atcs_proName {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}

.atcs_proPrice {
    margin-top: 10px;
}

.atcs_proPrice span {
    color: #000000;
}

.atcs_a:hover {
    background: #000000;
    color: #fff;
}

.atcs_a1:hover {
    background: rgba(255, 33, 32, 0.1);
}

.atcs_a {
    display: block;
    width: 200px;
    padding: 9px 0;
    margin: auto;
    margin-bottom: 15px;
    background: #000000;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

.atcs_a1,
            .atcs_a3 {
    display: block;
    border: 1px solid #e5ae49;
    width: 200px;
    padding: 8px 0 8px 0;
    color: #e5ae49;
    cursor: pointer;
    margin: auto;
    margin-bottom: 20px;
}

.atcs_a3 {
    border: 0;
}

.atcs_a2 {
    border-bottom: #e9e9e9 solid 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
}

.atcs_a2 span {
    font-size: 24px;
    color: #000000;
}

.atcs_content .row {
    overflow: hidden;
    position: relative;
    margin: 0;
}

.atcs_conRight {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 45%;
    float: left;
    padding: 0;
}

.atcs_conRight p {
    width: 260px;
    margin-bottom: 0;
}

.send_inquiry {
    display: block;
    width: 200px;
    margin: 0 auto;
    border: 1px solid #000000;
    padding: 9px 0;
}

.send_inquiry:hover {
    background-color: #000000;
    color: #fff;
}

@media (max-width: 768px) {
    .atcs_conLeft {
        display: none;
    }
}

@media (max-width: 768px) {
    .atcs_conRight {
        position: unset;
        transform: none;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .atcs_conRight p,
              .atcs_a1,
              .atcs_a3,
              .atcs_a {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .atcs_row {
        width: 80%;
    }
}

.atcs_box {
    height: 20px;
    margin-top: 20px !important;
}

.atcs_box a,
            .atcs_box b {
    margin: 0 2px;
    color: #333;
    text-align: center;
    line-height: 20px;
}

.atcs_box a:hover {
    color: #000000;
}

.atcs_total_price {
    font-size: 24px;
}

.ErrorRemind {
    line-height: 42px;
    display: block;
    font-size: 16px;
    background: #ffefd5;
    color: #9a805b;
    padding: 0 10px;
}

#footer .footer-bottom .box-content .list-folow > a {
    height: 35px;
    line-height: 35px;
    width: 35px;
    color: #333;
    background: #fff !important;
    margin: 0 5px;
    border-radius: 20px;
}

@media only screen and (max-width: 768px) {
    .xiaobao_hover:hover {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .bt-color {
        padding: 0 !important;
    }
}

#footer .footer-bottom .list-folow > a {
    color: #333;
    border: 1px solid transparent;
    background: #fff;
    border-radius: 50px;
    height: 38px;
    line-height: 38px;
    width: 38px;
}

#footer .footer-bottom ul > li:hover a {
    transition: all 0.3s ease-in-out 0s;
    color: #000;
}

.box ul > li {
    padding: 4px 0px !important;
}

#footer .footer-bottom ul > li {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 32px;
    padding: 0 !important;
}

#footer .footer-bottom ul > li span.fa {
    border-radius: 0;
    background-color: #343434;
    border: 1px solid #848484;
}

@media only screen and (max-width: 991px) {
    .ftlg {
        text-align: center;
    }
}

@media only screen and (min-width: 990px) {
    .pavcol-sm-4 {
        float: left;
        min-height: 1px;
        position: relative;
        width: 40%;
    }
}

@media only screen and (min-width: 990px) {
    .pavcol-sm-5 {
        width: 25%;
    }
}

.fixed_right ul > li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    border-bottom: 1px solid #444;
}

@media screen and (max-width: 1000px) {
    #footer .footer-bottom ul > li {
        line-height: 28px !important;
        font-size: 14px;
    }
}

.fixed_right #sidetoprr:hover + .code {
    display: block;
}

@media only screen and (max-width: 768px) {
    #footer .footer-bottom .box-heading {
        /* margin: 0 0 10px 0; */
        margin: 0 0 0 0;

    }
}

@media only screen and (max-width: 768px) {
    #footer .column ul {
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 768px) {
    .paypalimgs {
        margin: 0 5px;
    }
}

@media only screen and (max-width: 768px) {
    .certifications i {
        font-size: 40px !important;
    }
}

@media only screen and (max-width: 768px) {
    #powered .powered {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .powered .copyright {
        float: none !important;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    #powered .paypal {
        float: none !important;
        text-align: center;
        margin-top: 10px;
    }
}

.product-filter {
    margin: 0 9px 20px 9px;
    border: 1px solid #e9e9e9;
    padding: 0;
}

.compare-wishlish {
    width: 150px;
    top: inherit;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.compare-wishlish .hover-icon {
    width: 50px;
    height: 50px;
    display: block;
    float: left !important;
    background: #fff;
    bottom: 0 !important;
    position: relative;
    z-index: 1;
}

.compare-wishlish .hover-icon a {
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 0;
    display: inline-block;
}

.product-block .compare,
                        .product-block .wishlist {
    -webkit-transition: inherit;
    transition: inherit;
}

.product-block:hover .compare-wishlish .compare a {
    -webkit-transition: inherit;
    transition: inherit;
    right: 0;
}

.product-block:hover .compare-wishlish .wishlist a {
    -webkit-transition: inherit;
    transition: inherit;
    left: 0;
}

.product-block .hover-icon a span {
    display: none !important;
}

.product-block .product-quickview .pav-colorbox {
    color: #333;
}

.product-block .product-quickview .pav-colorbox:hover {
    font-size: 18px;
}

.product-filter .sort span,
                        .product-filter .limit span {
    vertical-align: middle;
    text-transform: uppercase;
}

.product-list .product-block:hover .list-wishlish {
    display: none;
}

.product-grid .product-block:hover .list-wishlish2 {
    display: none;
}

.list-wishlish2 {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.product-list .product-block .list-wishlish2 .hover-icon {
    margin-right: 10px;
    opacity: 1;
}

.product-list .product-block .list-wishlish2 .hover-icon a {
    line-height: 46px;
}

.product-list .product-block .list-wishlish2 .shappingcart {
    width: 46%;
    text-align: center;
    height: 50px;
    display: block;
}

.product-list .product-block .list-wishlish2 .shappingcart a {
    line-height: 46px;
    height: 50px;
    width: 100%;
}

.product-list .product-block .list-wishlish2 .shappingcart a span {
    font-size: 15px;
    font-weight: 500;
}

.product-list .product-block .shappingcart span {
    display: block !important;
}

.product-list .product-block:hover .compare-wishlish {
    bottom: 46px;
}

.product-list .wishlist a,
                        .product-list .shappingcart a,
                        .product-list .compare a {
    border: 2px solid #ebebeb;
    display: block;
}

.product-list .image img {
    border: 0;
}

.product-list .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .product-list .image {
        max-width: 247px;
    }
}

.product-block .price,
              .product-block .price-old {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
}

.product-grid .products-block {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-grid .product-block .image {
    border: 1px solid #e9e9e9;
}

.product-grid .product-block .product-meta {
    text-align: center;
}

.product-grid .product-block .name a {
    padding: 0;
    white-space: unset;
    width: 100%;
    margin: 2px auto 10px;
    font-weight: normal;
    text-align: center !important;
    display: -webkit-box;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 2;
    min-height: auto;
}

.product-list .product-block {
    border: 1px solid #E9E9E9;
}

.product-block .product-meta .name a {
    color: #333;
}

.pagination .links b,
                        .pagination .links a {
    margin-right: 10px;
    padding: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
}

.pagination .links {
    float: none;
    text-align: center;
}

.product-filter .display a {
    border-right: 1px solid #E9E9E9;
    padding: 24px 29px 20px 30px;
    height: auto;
    width: auto;
    border: none;
    margin: 0;
    line-height: 22px;
}

.product-filter .display {
    margin-right: 0;
}

.product-filter .display a.active {
    border-color: #E9E9E9;
}

.product-filter .sort {
    padding: 19px 0 19px 15px;
    border-right: 1px solid #E9E9E9;
    height: 70px;
}

.product-filter .limit {
    float: left;
    padding: 19px 0 19px 15px;
    border-right: 1px solid #E9E9E9;
    height: 70px;
}

.product-compare {
    background: #fff;
    float: none;
    padding: 21px 0 21px 33px;
}

.product-compare a {
    color: #333;
    font-size: 14px;
}

.product-compare:hover {
    box-shadow: none;
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .product-filter .display a {
        padding: 24px 4px 20px 6px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .product-compare {
        padding: 21px 0 21px 5px;
    }
}

.product-filter .display a span {
    font-size: 24px;
}

@media only screen and (min-width: 990px) and (max-width: 1199px) {
    .product-list .product-block .list-wishlish2 {
        left: 35.5%;
    }
}

.product-block .price {
    color: #333 !important;
}

.product-compare a:hover {
    color: #333;
}

.loads-class {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    height: 0;
}

.skeleton {
    display: block;
    width: 100%;
}

.skeleton .skeleton-head,
                                            .skeleton .skeleton-title,
                                            .skeleton .skeleton-content {
    background: rgb(233, 233, 233);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%);
    background-size: 20rem 20rem;
    animation: skeleton-stripes 1s linear infinite;
    -webkit-animation-timing-function: skeleton-stripes 1s linear infinite;
    -moz-animation-timing-function: skeleton-stripes 1s linear infinite;
    -o-animation-timing-function: skeleton-stripes 1s linear infinite;
    animation-timing-function: skeleton-stripes 1s linear infinite;
}

.skeleton-head {
    width: 100%;
    height: 196px;
}

.skeleton-body {
    margin-top: 10px;
}

.skeleton-title {
    width: 100%;
    height: 18px;
}

.skeleton-content {
    width: 80%;
    height: 18px;
    margin-top: 10px;
}

body #breadcrumb .breadcrumb > li + li:before {
    position: absolute;
    top: 0px;
    left: 0;
    padding: 0;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-menu.aa4 > ul {
    height: 150px;
    overflow-y: auto;
    padding: 10px 0;
}

@media only screen and (max-width: 768px) {
    .icon-icon-test7 {
        color: #334141;
    }
}

@media only screen and (max-width: 768px) {
    #menu-offcanvas .dropdown .dropdown-menu li a {
        padding: 0 15px 10px 15px;
        text-align: left !important;
    }
}

);
    </script>
    <!--判断浏览器-->
    <div
      class="BrowserBemind"
      style="
        background: #fdf8e4;
        color: #cba35b;
        line-height: 22px;
        font-size: 14px;
        padding: 7px 0;
        text-align: center;
        width: 100%;
        height: 58px;
        display: none;
      "
    >
      <p style="margin-bottom: 0">
        You are using <span class="browser"></span>. If you find that the
        function is abnormal, please change your browser and try again.
      </p>
      <p style="margin-bottom: 0">
        It is highly recommended that you use a faster and more secure
        <a href="javascript:;" style="color: #3f778d">Google Chrome</a>.
      </p>
    </div>
        <!--#include file="../include/head.asp"-->

      <style>
        .newsletter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}

</style
    ><!--导航超出变成more样式开始-->
    <style>
      #pav-mainnav .navbar ul.nav > li > a {
    padding: 0 20px 0;
    line-height: 80px;
    font-size: 17px;
}

@media only screen and (max-width: 991px) {
    .product-filter .display {
        display: block;
    }
}

.product-list .product-block .list-wishlish2 {
    opacity: 1 !important;
    bottom: 46px;
    left: 30%;
    box-shadow: none;
    width: 400px;
}

@media only screen and (max-width: 768px) {
    .product-block .product-meta {
        padding: 0;
    }
}

@media only screen and (max-width: 768px) {
    .search-msg {
        padding: 12px !important;
    }
}

@media only screen and (max-width: 768px) {
    .list-wishlish {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .product-list .product-block:hover .compare-wishlish {
        bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .product-list .product-block .list-wishlish2 {
        bottom: 0;
        position: relative;
        left: 0;
        margin: 16px 0 0px 0;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .product-list .image {
        float: none;
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .product-list .sm_img img {
        max-width: 55px;
    }
}

@media only screen and (max-width: 991px) {
    .product-compare {
        display: block;
        margin-bottom: 20px;
    }
}

.search-msg {
    color: #6f4400;
    background-color: #fdf0d5;
    border-color: #fdf0d5;
    position: relative;
    padding: 12px 50px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 16px;
}

.search-msg i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    .product-filter {
        margin: 0 9px 30px 9px !important;
        border: none;
    }
}

@media only screen and (max-width: 768px) {
    .product-grid .product-block .name a {
        height: 42px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .product-grid .products-block {
        display: block;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
    }
}

@media only screen and (max-width: 768px) {
    .product-grid .product-meta {
        padding: 14px 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .product-grid .product-block .price,
                .product-grid .product-block .price-old {
        font-size: 15px !important;
        font-weight: normal !important;
    }
}

@media only screen and (max-width: 768px) {
    .product-filter .display a {
        border: 1px solid #ccc;
        display: inline-block;
        font-size: 14px;
        height: 25px;
        line-height: 26px;
        margin-right: 10px;
        width: 25px;
        color: #8e8d8d;
        text-align: center;
        padding: 0;
    }
}

@media only screen and (max-width: 768px) {
    .product-compare {
        float: right;
        padding: 0 10px;
        line-height: 27px;
        background: #000;
        display: inline-block;
        font-size: 13px;
        height: 27px;
        vertical-align: middle;
        border-radius: 0;
        text-transform: uppercase;
        transition: all 0.4s ease 0s;
        margin-left: 20px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .product-compare a {
        color: #fff;
    }
}

@media only screen and (max-width: 768px) {
    .product-filter .sort {
        float: left;
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .product-filter .sort,
                .product-filter .limit {
        padding: 0;
        border-right: none;
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .product-filter .form-control {
        border: none !important;
        box-shadow: none;
        font-size: 14px;
        display: inline-block;
        width: auto;
        border-radius: 0;
        height: 27px;
        padding: 3px;
        max-width: 170px;
    }
}

@media only screen and (max-width: 768px) {
    .product-filter .sort span,
                .product-filter .limit span {
        text-transform: none;
    }
}

@media only screen and (max-width: 768px) {
    #column-left {
        display: none;
    }
}

#no_iframe_products {
    padding-top: 80px;
    padding-bottom: 80px;
}

#no_iframe_products .container {
    max-width: 1548px;
}

#no_iframe_products .wenan span {
    font-weight: 600;
    margin-bottom: 10px;
}

#no_iframe_productsj {
    padding: 80px 0;
}

#no_iframe_productsj .shijian {
    font-size: 18px;
    line-height: 30px;
    color: #9aba59;
    border: 1px solid #9aba59;
    display: inline-block;
    text-align: center;
    min-width: 200px;
    padding: 5px 0;
    font-weight: 600;
}

#no_iframe_productsj .miaoshu {
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

#no_iframe_productsj .margin-bottom-20px {
    margin-bottom: 30px;
}

#no_iframe_productsj .container {
    max-width: 1200px;
}

/* ===== 768px 平板优化样式（custom-design 板块） ===== */
@media (max-width: 768px) {
    #content4 .col-sm-4 { width: 25%; }

    #feature-section31a .row { display: flex !important; flex-direction: column; flex-wrap: wrap; align-items: center; }
    #feature-section31a .row > div { width: 100% !important; float: none !important; margin-bottom: 20px; text-align: center; }

    #feature-section31a .flex_c2 { text-align: center; }
    #feature-section31a .flex_c2 img { max-height: 320px !important; width: auto !important; }

    #feature-section31a .rightbox {
        max-width: 480px;
        margin: 20px auto 0;
        padding: 20px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    #feature-section31a .rightbox .r_tit { text-align: center; margin-bottom: 16px; }
    #feature-section31a .selbox {
        width: 44px !important;
        height: 44px !important;
        margin: 4px;
        border-radius: 50%;
        overflow: hidden;
        cursor: pointer;
        transition: transform 0.2s;
    }
    #feature-section31a .selbox:hover { transform: scale(1.1); }
    #feature-section31a .selbox img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        border-radius: 50%;
    }
    #feature-section31a .choice-mar { align-items: center; margin-bottom: 10px; }
}


/* 禁用浏览器自动插入的空a标签交互 */
a[href=""] {
    pointer-events: none !important;
    cursor: default !important;
}


/* 富文本响应式字体：通过基础字体大小统一缩放所有文字 */
.content-wrap {
    font-size: 16px;
}
@media only screen and (max-width: 768px) {
    .content-wrap {
        font-size: 14px;
    }
}