@charset "utf-8";body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0}body,html,input,button,textarea{color:#000;font:16px/1.5 Montserrat-Light,Arial,Tahoma,Verdana,Helvetica,sans-serif}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}body{background:#fff}h1{font-size:18px}h2{font-size:16px}h3,h4,h5{font-size:14px}img{border:0;vertical-align:middle;max-width:100%}li{list-style:none}i,em{font-style:normal}a{color:#333;text-decoration:none}a:focus{outline:0}a:hover{color:#19b168;text-decoration:none}input[type="text"]:focus{outline:0}input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="button"],input[type="reset"],select{border-radius:0;-webkit-appearence:none}hr{height:1px;border:0;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0}a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important}*{outline:0}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'fontawesome';
    src: url(./fonts/Font-Awesome/fontawesome-webfont.eot);
    src: url("./fonts/Font-Awesome/fontawesome-webfont.eot#iefix") format("embedded-opentype"), url(./fonts/Font-Awesome/fontawesome-webfont.woff2) format("woff2"), url(./fonts/Font-Awesome/fontawesome-webfont.woff) format("woff"), url(./fonts/Font-Awesome/fontawesome-webfont.ttf) format("truetype");
    font-display: swap
}

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

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

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

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

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

@font-face {
    font-family: "Montserrat-SemiBold";
    font-style: normal;
    src: url(./fonts/Montserrat/Montserrat\ Semi\ Bold.otf) format("TrueType");
    font-display: fallback;
}

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

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

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

/* clear floating */
.clearfix:after,
.layout:after,
.header:after,
.shopcart-title:after,
.banner-list:after,
.product-slides:after,
.social-layout:after,
.foot-blog-item .blog-cont:after,
.service-items:after,
.bottom-service:after,
.nav-bar .nav li ul:after,
.head-shopcart dl:after,
.products-scroll-list li:after,
.main-tit-bar:after,
.blog-item:after,
.page-bar:after,
.pages:after,
.product-list ul:after,
.path-bar:after,
.product-intro:after,
.product-summary .product-meta:after,
.product-summary .price-bar:after,
.product-summary .product-buy:after,
.product-shop dl:after,
.color-list:after,
.product-summary .size-list:after,
.product-summary .check-item:after,
#respond:after,
.goods-related .related-list ul:after,
.topbar:after,
.owl-stage:after,
.head-cartlist dl:after,
.continue-proceed:after,
.continue-proceed:after,
.eshopcustdetails .eshop-panel .eshop_shiptype_item:after,
.eshop_shiptype_item:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clearfix,
.layout,
.header,
.shopcart-title,
.banner-list,
.product-slides,
.social-layout,
.foot-blog-item .blog-cont,
.service-items,
.bottom-service,
.nav-bar .nav li ul,
.head-shopcart dl,
.products-scroll-list li,
.main-tit-bar,
.blog-item,
.page-bar,
.pages,
.product-list ul,
.path-bar,
.product-intro,
.product-summary .product-meta,
.product-summary .price-bar,
.product-summary .product-buy,
.product-shop dl,
.color-list,
.product-summary .size-list,
.product-summary .check-item,
#respond,
.goods-related .related-list ul,
.topbar,
.owl-stage,
.head-cartlist dl,
.continue-proceed,
.continue-proceed,
.eshopcustdetails .eshop-panel .eshop_shiptype_item,
.eshop_shiptype_item {
    *zoom: 1;
}

.clear-left {
    clear: left;
}

/* layout */
.layout,
.header,
.banner-list,
.footer,
.bottom-service,
.social-layout {
    width: 1564px;
    margin: 0 auto;
    max-width: 95%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.z9999 {
    z-index: 9999 !important;
}

.disabled {
    display: none;
}

/* color */
.shopcart-title .goods-num,
.head-login-info h4,
.cate-menu li a.hover,
.product-item .pd-price b,
.blog-widget .foot-blog-item .blog-cont p a.more,
.cate-menu li a:hover,
.nav-bar .nav li ul li a:hover,
.head-cartlist dl a:hover,
.narrow-by li li a:hover,
.narrow-by li li a.selected,
.service-items .service-item li a:hover,
.blog-list .blog-item .readmore,
.blog-list .blog-item .readmore a,
.sort-by ul li.selected a,
.sort-by ul li.selected a:hover,
.goods-may-like .goods-item .goods-price b,
.product-summary .price-bar .special-price,
.product-summary .discount,
.total-price .price,
.goods-related .related-list ul .pd-name a:hover {
    color: #19b168;
}

.prisna-wp-translate-flag a {
    font-size: 12px;
}

.prisna-wp-translate-sub-slides .prisna-wp-translate-flag-current a {
    color: #ffffff;
}

/* font family */
.logo-side-txt,
.index-tit-bar .title,
.main-tit-bar .title {
    font-family: Georgia, verdana, arial, helvetica, sans-serif;
}

/* image */
.hide-cate .cate-nav-btn:after,
.product-summary .btn-add-to-cart:after,
.color-list li.checked .color-small-img:after,
.size-list li.checked span.size-value:after {
    background-image: url(./img/sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

/* button */
.comment-form .form-item input[type="submit"],
.goods-related .buy-together {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 0 18px;
    background: #bd362f;
    background: -webkit-linear-gradient(center top, #ee5f5b, #bd362f);
    background: -moz-linear-gradient(center top, #ee5f5b, #bd362f);
    background: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background: -o-linear-gradient(center top, #ee5f5b, #bd362f);
    background: linear-gradient(top, #ee5f5b, #bd362f);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* transition */
/* transition */
.slide-banners .owl-nav,
.index_Package .index_Package_btns .index_Package_btn,
a,
.Package_list .layout .Package_content .flex_row .Package_item,
.Package_list .layout .Package_content .flex_row .Package_item .flex_row .item_before,
.index_Package .layout .index_bd .index_Package_swiper .swiper-slide,
.index_Package .layout .index_bd .index_Package_swiper .swiper-slide .flex_row .item_before,
.page_product_list .layout .content .flex_row .product_item,
.page_product_list .layout .content .flex_row .product_item .icon,
.page_solutions .page_bd .page_solutions_swiper .swiper-slide .item_text,
.product-item .pd-info,
.foot-social li a,
.index_choose_us .choose_us_bd_box .choose_us_bd .choose_us_content .choose_us_text .choose_us_text_item .choose_text_icon,
.index_choose_us .choose_us_bd_box .choose_us_bd .choose_us_content .choose_us_text .choose_us_text_item .choose_text_title,
.gotop,
.hide-cate .cate-nav-btn:after,
.blog-list .blog-item img,
.product-item:hover .pd-img img,
.product-item:hover .pd-img .img-hover,
.goods-may-like .goods-item img,
.product-item .item-wrap,
.product-item .add-cart,
.index_choose_us .choose_us_bd_nav li,
.index_choose_us .choose_us_bd_nav li a img,
.index_choose_us .choose_us_bd_nav li a {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-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;
}

.eshop_pay_img {
    margin: -37px 0 0 -380px;
}

.lang-prev {
    position: absolute;
    left: 5%;
    top: 0px;
    width: 25px;
    height: 25px;
    background: url(./img/lang_prev.png) no-repeat center center;
}

.lang-next {
    position: absolute;
    right: 5%;
    top: 0px;
    width: 25px;
    height: 25px;
    background: url(./img/lang_next.png) no-repeat center center;
}

.lang-prev,
.lang-next {
    overflow: hidden;
    z-index: 99999999;
    display: block;
    cursor: pointer;
    background-color: #696969;
    opacity: 0.6;
}

.lang-prev:hover,
.lang-next:hover {
    background-color: #696969;
}

.container {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    padding: 0 0;
}



/* 
 * public start ---------------------------------------------------
 */

/* owlcarousel */
.owl-carousel {
    position: relative;
    width: 100%;
}

.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    position: relative;
    overflow: hidden;
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
}

.owl-carousel .owl-controls {
    overflow: visible;
}

.owl-carousel .owl-dots {
    display: block;
    width: 100%;
    text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #888;
    border-radius: 50%;
    margin: 0 2px;
}

.owl-carousel .owl-dots .active {
    background: #19b168;
    border: 1px solid #19b168;
}

.owl-loaded .slide-item {
    display: block;
}


/* ===============================================================
   * for:user center (2016-02-16)
   --------------------------------------------------------------- */

.uc-info-panel:after,
.uc-address-info:after,
.uc-main-tit-bar:after,
.entry .uc-order-table tbody td:after,
.uc-info-panel .uc-info-item:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.uc-info-panel,
.uc-address-info,
.uc-main-tit-bar {
    *zoom: 1;
}

/* user info */
.uc-main {
    padding: 0 0 !important;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0;
}

.uc-main .uc-info-panel,
.uc-main .uc-info-panel a,
.uc-main-tit-bar .tit {
    color: #333;
}

.uc-info-panel {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.uc-info-panel .uc-info-item {
    width: 12.5%;
    height: 60px;
    text-align: center;
    float: left;
    border-right: 1px solid #ddd;
    padding: 25px 0;
    font-size: 14px;
    overflow: hidden;
}

.uc-info-panel .uc-info-item dt,
.uc-info-panel .uc-info-item dd {
    display: block;
}

.uc-info-panel .uc-info-item dd {
    padding-top: 12px;
    font-size: 22px;
    line-height: 1.2;
}

.uc-info-panel .uc-info-item dd,
.uc-info-panel .uc-info-item dd a {
    color: #999;
}

.uc-info-panel .uc-info-item dd a {
    display: inline-block;
}

.uc-info-panel .uc-info-item-1 {
    width: 37%;
    height: 85px;
    text-align: left;
    padding-top: 13px;
    padding-bottom: 13px;
    overflow: hidden;
}

.uc-info-panel .uc-info-item-1 .uc-avatar {
    width: 85px;
    height: 85px;
    float: left;
    padding: 0 15px;
    float: left;
    margin-right: 3px;
}

.uc-info-panel .uc-info-item-1 .uc-avatar img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
}

.uc-info-panel .uc-info-item-1 .txt-welcome {
    font-weight: normal;
    font-size: 12px;
    color: #333;
    padding-top: 12px;
}

.uc-info-panel .uc-info-item-1 .vip {
    color: #19b168;
}

.uc-info-panel .uc-info-item-1 .txt-edit {
    display: block;
    padding-top: 20px;
}

.uc-info-panel .uc-info-item-1 .txt-edit a.edit-link {
    display: inline-block;
    padding-left: 22px;
    background: url(./img/uc-ico-edit.png) 0 2px no-repeat;
    line-height: 22px;
}

.uc-info-panel .uc-info-item-1 .txt-edit a.edit-link {
    *display: inline;
}

.uc-info-panel .uc-info-item-5 {
    width: 24%;
    float: right;
    padding-top: 40px;
    height: auto;
    border-right: 0;
}

.uc-info-panel .uc-btn-msg {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #feeb99;
    border-width: 1px;
    border-style: solid;
    border-color: #f4d67e #ecc75c #e1af32;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #FFF5D1, #FCE26B);
    background-image: -webkit-linear-gradient(top, #FFF5D1, #FCE26B);
    background-image: -ms-linear-gradient(top, #FFF5D1, #FCE26B);
    background-image: -o-linear-gradient(top, #FFF5D1, #FCE26B);
    background-image: linear-gradient(top, #FFF5D1, #FCE26B);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1', endColorStr='#FCE26B', gradientType='0');
    font-size: 14px;
    color: #4C4C4E;
    padding: 0 12px 0 45px;
    position: relative;
    color: #333;
}

.uc-info-panel .uc-btn-msg:hover {
    background-image: -moz-linear-gradient(top, #fef3c7, #f5d855);
    background-image: -webkit-linear-gradient(top, #fef3c7, #f5d855);
    background-image: -ms-linear-gradient(top, #fef3c7, #f5d855);
    background-image: -o-linear-gradient(top, #fef3c7, #f5d855);
    background-image: linear-gradient(top, #fef3c7, #f5d855);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fef3c7', endColorStr='#f5d855', gradientType='0');
}

.uc-info-panel .uc-btn-msg .ico-msg {
    display: block;
    width: 27px;
    height: 14px;
    background: url(./img/uc-ico-msg.png) 0 0 no-repeat;
    position: absolute;
    left: 10px;
    top: 10px;
}

.uc-info-panel .uc-btn-msg:hover {
    text-decoration: none;
}

/* address */
.uc-address-section {
    padding: 30px 18px 0;
}

.uc-address-section .uc-address-info {
    padding-bottom: 15px;
}

.uc-address-section .uc-address-info li {
    width: 33.3%;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
}

.uc-address-section .uc-address-info li .info-label {
    color: #525252;
    font-weight: bold;
    padding-right: 6px;
}

.uc-address-section .uc-address-info li.adress {
    width: 100%;
    float: none;
    clear: both;
}

.uc-address-section .address-foot {
    text-align: right;
}

.uc-address-section .btn-address-edit {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #f37172;
    border-radius: 5px;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
}

.uc-address-section .btn-address-edit:hover {
    text-decoration: none;
    background-color: #f84f50;
}

/* order */
.uc-order-section {
    padding: 30px 18px 0;
}

.uc-main-tit-bar {
    width: 100%;
    position: relative;
    line-height: 1.8em;
    margin-bottom: 12px;
}

.uc-main-tit-bar .tit {
    display: inline-block;
    float: left;
    padding-left: 15px;
    position: relative;
    font-size: 16px;
    font-weight: normal;
}

.uc-main-tit-bar .tit:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 14px;
    background-color: #f37172;
    position: absolute;
    left: 0;
    top: 4px;
}

.uc-main-tit-bar .order-count {
    display: inline;
    float: right;
}

.uc-main-tit-bar .order-count li {
    display: inline;
    float: left;
    padding-left: 16px;
}

.uc-main-tit-bar .order-count li b {
    font-weight: bold;
    font-size: 14px;
    padding-left: 4px;
}

.uc-main-tit-bar .order-count li .green {
    color: #093;
}

.uc-main-tit-bar .order-count li .blue {
    color: #036;
}

.uc-main-tit-bar .order-count li .red {
    color: #f37172;
}

.uc-order-section .uc-main-tit-bar {
    margin-bottom: 15px;
}

.entry .uc-order-table th,
.entry .uc-order-table td {
    padding: 5px;
}

.entry .uc-order-table th {
    font-weight: normal;
    border-bottom-width: 2px;
    background-color: #e4e4e4;
    color: #333;
}

.entry .uc-order-table th:nth-child(3),
.entry .uc-order-table th:nth-child(4),
.entry .uc-order-table th:nth-child(5),
.entry .uc-order-table td:nth-child(3),
.entry .uc-order-table td:nth-child(4),
.entry .uc-order-table td:nth-child(5) {
    text-align: right;
}

.entry .uc-order-table .status-txt,
.entry .uc-order-table .status-txt a,
.entry .uc-order-table .view-detail {
    color: #08c;
}

.entry .uc-order-table .view-detail:hover {
    color: #19b168;
}

.entry .uc-order-table tbody tr:hover td {
    background-color: #fff;
}

/* -------------------------------
  for mobile -- user center
  -------------------------------- */
@media screen and (max-width:641px) {
    .uc-main {
        margin-top: 0 !important;
        border-top: 1px solid #ccc;
    }

    .uc-info-panel {
        padding: 15px 0;
        background-color: #fff;
        border-bottom: 0;
    }

    .uc-info-panel .uc-info-item {
        width: 50%;
        height: auto;
        padding: 0 0 0 15px;
        text-align: left;
        border-right: 0;
        font-size: 12px;
    }

    .uc-info-panel .uc-info-item dt,
    .uc-info-panel .uc-info-item dd {
        display: inline;
    }

    .uc-info-panel .uc-info-item-1 {
        width: 100%;
        height: auto;
        padding-bottom: 15px;
        margin-bottom: 5px;
        border-bottom: 1px dotted #ddd;
        clear: both;
        float: none;
    }

    .uc-info-panel .uc-info-item-1 .uc-avatar {
        width: auto;
        height: auto;
        padding-left: 0;
    }

    .uc-info-panel .uc-info-item-1 .uc-avatar img {
        width: 70px;
        height: 70px;
    }

    .uc-info-panel .uc-info-item-1 .txt-edit {
        padding-top: 6px;
    }

    .uc-info-panel .uc-info-item-1 .txt-edit a.edit-link {
        background-size: 12px 12px;
        background-position: 0 4px;
        padding-left: 19px;
    }

    .uc-info-panel .uc-info-item-5 {
        width: 100%;
        float: none;
        clear: both;
        padding: 0 15px 0 15px;
        text-align: right;
    }

    .uc-info-panel .uc-info-item dt,
    .uc-info-panel .uc-info-item dd {
        font-size: 14px;
        line-height: 2;
        font-size: 12px;
    }

    .uc-info-panel .uc-info-item dt:after {
        content: ':';
        padding-right: 5px;
    }

    .uc-info-panel .uc-btn-msg {
        height: 27px;
        line-height: 25px;
        font-size: 12px;
        padding-left: 40px;
    }

    .uc-info-panel .uc-btn-msg .ico-msg {
        top: 7px;
        background-size: 24px 12px;
    }

    .uc-address-section .uc-address-info li {
        width: 100%;
        float: none;
        height: auto;
        padding: 6px 0;
        line-height: 1.5;
    }

    /* address */
    .uc-main-tit-bar .tit {
        display: block;
        float: none;
    }

    .uc-main-tit-bar .order-count {
        display: block;
        float: none;
        font-size: 11px;
        padding: 5px 0 0;
    }

    .uc-main-tit-bar .order-count li {
        float: none;
        padding: 0 10px 0 0;
    }

    /* order */
    .uc-order-section {
        padding-left: 0;
        padding-right: 0;
    }

    .uc-order-section .uc-main-tit-bar {
        margin-left: 18px;
        margin-bottom: 10px;
    }

    .entry .uc-order-table {
        width: 100%;
        background-color: #f8f8f8;
        padding: 10px 18px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #eee;
    }

    .entry .uc-order-table thead {
        display: none;
    }

    .entry .uc-order-table th,
    .entry .uc-order-table td {
        display: block;
    }

    .entry .uc-order-table tbody tr {
        display: block;
        border-bottom: 1px dashed #ddd;
        padding: 10px 0;
    }

    .entry .uc-order-table tbody tr:last-child {
        border-bottom: 0;
    }

    .entry .uc-order-table tbody td {
        text-align: left !important;
        border: 0;
        background: transparent;
        height: auto;
        padding: 3px 0;
    }

    .entry .uc-order-table tbody td:before {
        display: block;
        width: 30%;
        float: left;
        content: attr(data-label);
    }

    .entry .uc-order-table tbody td .txt {
        display: block;
        width: 65%;
        float: left;
    }

    .entry .uc-order-table tbody tr:hover td {
        background-color: transparent;
    }
}


/* ===============================================================
   * shopping cart
   --------------------------------------------------------------- */
.eshopcart img {
    max-width: 100px;
}

.products-list ul.continue-proceed {
    width: 100%;
}

.continue-proceed .rtnshopping {
    float: left;
}

.continue-proceed .gotocheckout {
    float: right;
}

.article-wrap .article-title {
    margin-left: 0;
    margin-right: 0;
}

.eshopcart table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

div.eshopcart .eshopcart-title {
    padding: 5px 10px 7px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #ddd;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#efefef', gradientType='0');
    background: -moz-linear-gradient(top, #fff, #efefef);
    background: -webkit-linear-gradient(top, #fff, #efefef);
    background: -ms-linear-gradient(top, #fff, #efefef);
    background: -o-linear-gradient(top, #fff, #efefef);
    background: linear-gradient(top, #fff, #efefef);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.eshopcart table td,
.eshopcart table th {
    border: 0;
    height: 20px;
    padding: 8px 5px 8px 10px;
    text-align: center;
    vertical-align: top;
    background: #fff;
}

.eshopcart table th {
    text-align: center;
    background: #fff;
}

.eshopcart table th abbr {
    border-bottom: 0;
}

.eshopcart table th#cartItem {
    text-align: left;
}

.eshopcart table tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.eshopcart table tbody td:nth-child(1) {
    width: 125px;
    padding-right: 15px;
}

.eshopcart table tbody td img {
    max-width: 100px;
}

.eshopcart table tbody .stotal td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.eshopcart .stotal th,
.eshopcart .shippingrow th,
.eshopcart .total th {
    background: #fff;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
}

div.eshopcart .total td.amts {
    color: #19b168;
    font-weight: bold;
    font-size: 16px;
}

div.eshopcart .shippingrow td.amts {
    color: #666;
    font-weight: bold;
    font-size: 14px;
}


.eshopcart .thead {
    background: #fff;
    border-bottom: 1px solid #cecece;
}

.eshopcart .thead th#cartDelete img {
    display: none;
}

.eshopcart .leftb {
    text-align: left;
}

.eshopcart .cartopt {
    padding: 10px 0;
    text-align: right;
}

.eshopcart .cartopt .button {
    background: #f2f2f2;
    border: 1px solid #a7afb4;
    color: #666;
    padding: 7px 15px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 0 0 10px;
    font-weight: normal;
}

.eshopcart .cartopt .button:hover {
    background-color: #dde4e6;
    border-color: #aaa;
    color: #666;
}

.eshopcart input.short {
    height: 15px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #aeadad;
    vertical-align: middle;
}

.eshopcart .deletecartitem {
    min-width: 35px;
}

.eshopcart .deletecartitem .hide {
    display: none;
}

.eshopcart .eshopoptname {
    padding: 0 5px 0 0;
    font-weight: bold;
    color: #19b168;
}

.eshopcart .eshopoptsets .eshopoptset {
    color: #19b168;
}

div.eshopcart {
    border: 1px solid #ddd;
}

div.eshopcart td.amts {
    color: #666;
    font-weight: bold;
}

div.eshopcart table {
    margin-bottom: 0;
}

div.eshopcart table img {
    padding: 0;
    box-shadow: none;
    border: 0;
}

div.eshopcart td {
    border-bottom: 1px solid #cecece;
}

div.eshopcart .thead {
    border-bottom: 1px solid #cecece;
}

div.eshopcart .cartitem a {
    display: inline-block;
    max-width: 540px;
}

div.eshopcart .deletecartitem {
    width: 45px;
    padding-left: 0;
    padding-right: 0;
}

div.eshopcart .stotal td {
    border-bottom: 0;
}

.choose-amount .ico-minus,
.choose-amount .ico-plus {
    display: inline-block;
    width: 12px;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    border: 1px solid #aeadad;
    background: #eee;
    margin: 0 1px;
    color: #000;
    background: -moz-linear-gradient(top, #fafafa, #e5e5e5);
    background: -webkit-linear-gradient(top, #fafafa, #e5e5e5);
    background: -ms-linear-gradient(top, #fafafa, #e5e5e5);
    background: -o-linear-gradient(top, #fafafa, #e5e5e5);
    background: linear-gradient(top, #fafafa, #e5e5e5);
}

.choose-amount .ico-minus:hover,
.choose-amount .ico-plus:hover {
    text-decoration: none;
}

.choose-amount .ico-minus,
.choose-amount .ico-plus {
    *display: inline;
}

.choose-amount .ico-minus-disabled {
    border-color: #ddd;
    background: #efefef;
}

/* sub total */
.eshopcart .stotal td {
    font-weight: normal;
    background: #f2f2f2;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#efefef', gradientType='0');
    background: -moz-linear-gradient(top, #fff, #efefef);
    background: -webkit-linear-gradient(top, #fff, #efefef);
    background: -ms-linear-gradient(top, #fff, #efefef);
    background: -o-linear-gradient(top, #fff, #efefef);
    background: linear-gradient(top, #fff, #efefef);
    padding-right: 15px;
}

.eshopcart .stotal td.amts {
    color: #666;
    font-size: 14px;
    text-align: right;
}

/* foot btns*/
.continue-proceed {
    padding: 25px 0 2em;
}

.continue-proceed a {
    background: #f2f2f2;
    border: 1px solid #ccc;
    color: #999;
    line-height: 32px;
    float: left;
    padding: 0 3em;
    border-radius: 4px;
}

.continue-proceed a:hover {
    background: #19b168;
    color: #fff;
    text-decoration: none;
}

.continue-proceed .rtnshopping a,
.continue-proceed .editcart a,
.continue-proceed .editcheckout a {
    color: #999;
}

.continue-proceed .rtnshopping a:hover,
.continue-proceed .editcart a:hover,
.continue-proceed .editcheckout a:hover {
    background-color: #dde4e6;
    border-color: #aaa;
}

.continue-proceed .gotocheckout a,
.eshop-confirm .finalize .submit2,
.process-box .button,
.eshopcustdetails .buttonwrap input.button,
.continue-proceed .gotocheckout input.button {
    line-height: 35px;
    padding: 0 3em;
    background: #ff5380;
    border: 0;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #ec3363;
    width: auto !important;
    margin: 0;
}

.continue-proceed .gotocheckout a:hover,
.eshop-confirm .finalize .submit2:hover,
.process-box .button:hover,
.eshopcustdetails .buttonwrap input.button:hover {
    background: #f94071;
}

/* -------------------------------
  for mobile -- shopping cart
  -------------------------------- */
@media screen and (max-width:641px) {

    .eshopcart table td,
    .eshopcart table th {
        padding: 5px 3px;
        font-weight: normal !important;
    }

    .eshopcart table th#cartItem {
        padding-left: 10px;
    }

    .choose-amount .ico-minus,
    .choose-amount .ico-plus {
        width: 30px;
        display: block;
        margin: 0 auto;
    }

    .eshopcart input.short {
        width: 30px;
        height: 22px;
        line-height: 22px;
        display: block;
        margin: -1px auto;
    }

    div.eshopcart .deletecartitem {
        width: 20px;
        min-width: inherit;
        padding-right: 8px;
    }

    div.eshopcart .cartitem a {
        font-weight: normal;
    }

    div.eshopcart .stotal td.amts {
        font-size: 14px;
    }

    .eshopcart .eshopoptsets .eshopoptset {
        font-size: 11px;
    }

    div.eshopcart {
        margin: 0 -10px;
    }

    div.eshopcart .eshopcart-title {
        font-size: 14px;
    }

    .eshopcart table thead {
        display: none;
    }

    .eshopcart table tbody tr {
        display: block;
        width: 100%;
        padding: 0.4em 0.85em;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    .eshopcart table tbody tr:after {
        content: '';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .eshopcart table tbody td {
        width: 70%;
        padding-left: 1em;
        float: right;
        height: auto;
        border: 0;
        padding: 0;
        text-align: left;
    }

    .eshopcart table tbody td:nth-child(1) {
        display: block;
        width: 30%;
        float: left;
    }

    .eshopcart table tbody td:nth-child(1) img {
        width: 100%;
        max-width: inherit;
    }

    .eshopcart table tbody td:nth-child(1) a {
        display: block;
    }

    .eshopcart table tbody td.cartitem {
        padding-right: 2em;
    }

    .eshopcart table tbody td.cartitem a:nth-child(1) {
        max-height: 2.6em;
        line-height: 1.3em;
        overflow: hidden;
        display: block;
        width: 100%;
    }

    .eshopcart table tbody td.cartitem .eshopoptsets br,
    .eshopcart table tbody td.cartitem br {
        display: none;
    }

    .eshopcart table tbody td.cartitem .eshopoptsets {
        padding: 0.8em 0;
    }

    .eshopcart table tbody td.cartitem .eshopoptsets .eshopoptname {
        font-weight: normal;
        padding-right: 0;
    }

    .eshopcart table tbody td.cartitem .eshopoptsets .eshopoptset {
        padding-right: 1em;
    }

    .eshopcart table tbody td.cartitem .eshopoptname,
    .eshopcart table tbody td.cartitem .eshopoptsets .eshopoptset,
    .eshopoptset {
        font-weight: normal;
        color: #999;
        font-size: 11px;
    }

    .eshopcart table tbody td.cartitem .eshopoptname {
        padding-right: 0;
    }

    .eshopcart table tbody td.cqty {
        display: block;
        padding: 0.5em 0;
        position: absolute;
        left: 30%;
        bottom: 0.85em;
    }

    .eshopcart table tbody td.cqty input.short {
        display: inline-block;
    }

    .eshopcart table tbody td.cqty img {
        display: none;
    }

    .eshopcart table tbody td.cqty {
        vertical-align: top;
    }

    /*.eshopcart table tbody td.cqty.lb{position:absolute;right:0.5em;top:0.5em;display:inline;left:auto;bottom:auto;width:auto;font-weight:bold;}
*/
    .eshopcart table tbody td.cqty label {
        display: block;
    }

    .eshopcart table tbody td.cqty a,
    .eshopcart table tbody td.cqty input {
        float: left;
        margin-right: -1px;
        border-color: #ccc;
    }

    .eshopcart table tbody td.cqty a {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 1px solid #ccc;
        position: relative;
        background-color: #f5f5f5;
    }

    .eshopcart table tbody td.cqty a.qty_reduce:before,
    .eshopcart table tbody td.cqty a.qty_add:before,
    .eshopcart table tbody td.cqty a.qty_add:after {
        content: '';
        display: block;
        width: 8px;
        height: 2px;
        background-color: #666;
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -1px;
    }

    .eshopcart table tbody td.cqty a.qty_add:after {
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .eshopcart table tbody td.cqty input.short {
        margin-top: 0;
        height: 24px !important;
    }

    .eshopcart table tbody td.deletecartitem {
        position: absolute;
        right: 0.5em;
        top: 0.8em;
    }

    .eshopcart table tbody td.amts {
        padding: 0.5em 0 3em;
    }

    div.eshopcart .eshopcart-title {
        background: #f2f2f2;
    }

    .eshopcart table tbody .stotal {
        background: #fafafa;
    }

    .eshopcart table tbody .stotal td.amts {
        width: 100%;
        background: none;
        padding: 0;
    }

    .eshopcart table tbody .stotal td.amts b {
        font-size: 14px;
    }

    .eshopcart table tbody tr.stotal {
        border-bottom: 0;
    }

    .eshopcart .cartopt {
        width: 100%;
    }

    .continue-proceed {
        display: table;
        width: 100%;
        height: auto;
        padding: 1em 0 3em;
    }

    .continue-proceed li {
        width: 50%;
        float: left;
    }

    .continue-proceed li:first-child {
        padding: 0 2% 0 0;
    }

    .continue-proceed li:last-child {
        padding: 0 0 0 2%;
    }

    .continue-proceed li a,
    .continue-proceed .gotocheckout a {
        display: block;
        width: 100% !important;
        text-align: center;
    }

    .continue-proceed li a,
    .continue-proceed .gotocheckout a {
        padding: 0;
    }

    .eshopcart .cartopt .button {
        padding: 6px 10px;
    }
}


/* ===============================================================
   * checkout
   --------------------------------------------------------------- */
.eshopcustdetails .buttonwrap {
    margin-top: 5px;
    float: right;
}

.eshopcheckoutconf ul {
    padding: 0 0 20px;
}

.eshopcheckoutconf ul li {
    font-size: 12px;
    padding: 5px 0;
}

.eshopcheckoutconf ul li .items {
    *display: inline;
}

.eshopcustdetails fieldset fieldset legend {
    margin-bottom: 0;
}

.checkout-item {
    position: relative;
}

.checkout-item .checkout-cont {
    display: none;
}

.checkout-item .checkout-trigger {
    height: 24px;
    line-height: 24px;
    padding: 0 30px 0 0;
    float: right;
    cursor: pointer;
    position: absolute;
    z-index: 333;
    right: 15px;
    top: 20px;
    font-size: 14px;
    background: url(./img/ico_check_hide.png) right 4px no-repeat;
}

.checkout-item .checkout-trigger-hide {
    background-image: url(./img/ico_check_show.png);
}

.eshop-confirm {
    display: block;
    margin-top: 20px;
}

.eshop-confirm .finalize small {
    font-size: 12px;
}

.eshop-confirm .finalize {
    display: inline;
    float: right;
    padding: 0 0 15px;
}

.eshop-confirm .finalize .submit2 {
    margin: 5px 0 0;
}

.eshopcp3 {
    height: 10px;
    border-top: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.eshopcp3 li.editcheckout {
    display: inline;
    position: absolute;
    left: 0;
    top: -120px;
    z-index: 33;
}

.editcart {
    display: inline;
    position: absolute;
    margin-top: -25px;
}

.editcart a {
    color: #fff;
}

.editcheckout a {
    color: #fff;
}

.process-box {
    padding: 50px 30px 80px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.process-box .button {
    margin: 20px 0;
    padding: 0 30px;
}

.process-box .eshoperror {
    color: #FF0000;
    font-weight: bold;
    font-size: 16px;
}

.eshoperror {
    color: #FF0000;
    font-weight: bold;
    font-size: 16px;
}

/* 美化2016-01-29 */
.eshopcustdetails,
.eshopcheckoutconf {
    display: block;
    position: relative;
    border: 1px solid #ddd;
    margin: 3em auto 1.5em !important;
    background: url(./img/form-bg.jpg) 0 0 repeat;
}

.eshopcustdetails fieldset {
    padding: 0 !important;
    border: 0 !important;
}

.eshopcustdetails p,
.entry .eshopcustdetails p {
    padding: 0;
}

.eshopcustdetails:before,
.eshopcheckoutconf:before {
    content: '';
    display: block;
    height: 4px;
    background: url(./img/inq02.png) -8px 0 repeat-x;
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
}

.eshopcustdetails .privacy {
    display: block;
    padding: 10px 15px 8px;
    font-weight: normal;
    color: #999;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    background-color: #fff;
}

.eshopcustdetails .privacy:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.eshopcustdetails .eshopform {
    display: block;
    padding: 30px 5% 50px;
}

.eshopcustdetails .eshopform legend {
    display: block;
    color: #333;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

.eshopcustdetails .eshopform hr {
    border-top: 0 dashed #dadfe3;
    margin: 10px 0 30px;
}

.eshopcustdetails .eshopform legend#mainlegend {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 1em;
    text-transform: none;
}

.eshopcustdetails .eshop_shiptype_item {
    padding: 3px 0;
}

.eshopcustdetails .rad,
.eshopcustdetails .eshop_shiptype_lable {
    display: inline-block;
    float: left;
}

.eshopcustdetails .rad {
    position: relative;
    top: 0;
}

.eshopcustdetails .eshop_shiptype_lable .eshop_shiptype_lable {
    float: left;
    padding: 5px 0;
}

.eshopcustdetails .eshop_shiptype_lable label {
    padding-left: 5px;
}

.eshopcustdetails fieldset.fld1 {
    border-bottom: 1px solid #ccc !important;
}

.eshopcustdetails fieldset.fld2,
.eshopcustdetails fieldset.fld3,
.eshopcustdetails fieldset.fld5,
.eshopcustdetails fieldset.fld6 {
    display: block;
    padding: 1em 0 3em !important;
}

.eshopcustdetails fieldset>span {
    display: block;
    padding: 8px 0;
}

.eshopcustdetails fieldset>span br {
    display: none;
}

.eshopcustdetails fieldset>span label {
    display: inline-block;
    width: 150px;
    font-size: 12px;
    padding-right: 15px;
}

.eshopcustdetails fieldset>span label .reqd {
    color: #f00;
    padding-left: 5px;
    font-weight: normal;
    font-family: simsun;
}

.eshopcustdetails fieldset>span .med,
.eshopcustdetails fieldset>span .short,
.eshopcustdetails fieldset .med {
    display: inline-block;
    width: 400px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dadfe3;
    padding: 0 12px;
    background-color: #fff;
    border-radius: 0;
    color: #000000;
}

.eshopcustdetails fieldset>span select.med {
    width: 424px;
    padding-right: 0;
}

.eshopcustdetails .textbox {
    display: block;
    border: 1px solid #dadfe3;
    width: 70%;
    height: 100px;
    padding: 5px 12px;
    overflow: hidden;
    border-radius: 0;
    margin-top: 5px;
    resize: none;
}

.eshopcustdetails fieldset>span .med:focus,
.eshopcustdetails fieldset>span .short:focus,
.eshopcustdetails .textbox:focus,
.eshopcustdetails fieldset .med:focus {
    border-color: #ccc;
    color: #777;
    background-color: #fff;
}

.eshoppayvia ul:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.eshoppayvia ul .payvia_li {
    width: 25%;
    height: 70px;
    overflow: hidden;
    float: left;
    padding: 5px 0 0;
}

.eshoppayvia ul .payvia_li li {
    display: inline;
}

.Validform_wrong {
    color: #da3439;
    display: inline-block;
    padding-left: 12px;
    font-weight: bold;
}

.payvia_li .Validform_wrong {
    padding-top: 10px;
    padding-left: 18px;
}

.payvia_li .Validform_wrong {
    position: absolute;
    left: 0;
    bottom: 20px;
}

.payvia_li input {
    margin: 17px 10px 0 0;
}

.eshopcp1 {
    margin-top: -175px !important;
    padding-bottom: 100px;
    padding-left: 30px;
}

.eshopcp1 {
    min-height: 36px;
}

.entry .buttonwrap .button {
    margin: 0;
}

.eshopcheckoutconf {
    padding: 30px 5%;
}

.eshopcheckoutconf h3 {
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 0.6em;
    font-weight: normal;
}

.eshopcheckoutconf h4 {
    display: inline-block;
    border: 1px solid #bdc3c7;
    border-radius: 3px;
    padding: 1px 1.5em;
    background: #f2f2f2;
    line-height: 1.6em;
    font-weight: normal;
    color: #333;
    text-shadow: 1px 1px #fff;
    margin: 0 0 3px;
}

.eshopcheckoutconf ul li .items {
    display: inline-block;
    width: 20%;
}

.shiplegendmargin {
    margin: 0 0 10px 0;
}

/* -------------------------------
  for mobile -- checkout
  -------------------------------- */
@media screen and (max-width:641px) {
    .custdetails {
        padding-bottom: 50px;
    }

    .eshopcustdetails fieldset>span label {
        display: block;
        float: none;
    }

    .eshopcustdetails fieldset>span .med,
    .eshopcustdetails fieldset>span .short,
    .eshopcustdetails fieldset .med,
    .eshopcustdetails fieldset>span select.med,
    .eshopcustdetails .textbox {
        display: block;
        width: 100%;
    }

    .eshopcustdetails fieldset>span select.med {
        -webkit-appearance: none;
        position: relative;
        background: url(./img/mobile-select-arrow.png) right center no-repeat;
        background-size: auto 7px;
    }

    .eshopcustdetails .rad {
        top: 0;
    }

    .eshoppayvia ul .payvia_li {
        width: 100%;
    }

    .eshopcp1 {
        margin: 0 !important;
        padding: 0 !important;
    }

    .continue-proceed.eshopcp1 li {
        width: 100%;
        padding: 0 5%;
    }

    .continue-proceed.eshopcp1 li.editcart {
        position: relative;
        margin-top: -110px;
    }

    .eshopcustdetails .buttonwrap {
        float: none !important;
    }

    .eshopcustdetails .buttonwrap input.button {
        display: block !important;
        width: 100% !important;
    }

    .eshopcart table tbody tr th,
    .eshopcart table tbody td {
        display: table-cell;
        float: none;
        width: auto;
    }

    .eshopcart table tbody tr.shippingrow th#scharge,
    .eshopcart table tbody tr th#cTotal {
        border: 0;
    }

    .eshopcart table tbody tr.shippingrow td.amts,
    .eshopcart table tbody tr.total td.amts {
        padding-bottom: 0;
    }

    .eshopcheckoutconf h3 {
        font-size: 14px;
    }

    .eshopcheckoutconf ul li {
        color: #999;
    }

    .eshopcheckoutconf ul li .items {
        width: auto;
        padding-right: 0.5em;
        color: #666;
    }

    .eshop-confirm .finalize {
        display: block;
        float: none;
    }

    .eshop-confirm .finalize small {
        display: block;
        text-align: right;
    }

    .eshop-confirm .finalize br {
        display: none;
    }

    .eshop-confirm .finalize .submit2 {
        width: 100% !important;
    }

    .eshopcp3 li.editcheckout {
        display: block;
        float: none;
        position: realtive;
        width: 100%;
        float: none;
        padding: 0;
    }

    .eshopcart table tbody .stotal td.eshopempty {
        display: none;
    }
}

/* ===============================================================
   * Currency dropdown
   --------------------------------------------------------------- */
.topbar .change-currency {
    display: inline;
    float: right;
    margin: 0 10px 0 0;
}

.topbar .change-currency a:hover {
    background-color: #fafafa;
    text-decoration: none;
}

.topbar .change-currency a.USD,
.change-currency a.EUR,
.topbar .change-currency a.CAD,
.topbar .change-currency a.GBP,
.topbar .change-currency a.AUD,
.topbar .change-currency a.HK,
.topbar .change-currency a.JPY,
.topbar .change-currency a.RUB,
.topbar .change-currency a.CHF,
.topbar .change-currency a.MXN,
.topbar .change-currency a.NOK,
.topbar .change-currency a.CZK,
.topbar .change-currency a.BRL,
.topbar .change-currency a.ARS {
    padding: 0 0 0 26px;
    background-image: url(./img/currency-icons.png);
    background-repeat: no-repeat;
}

.topbar .change-currency a.USD {
    background-position: 2px 4px;
}

.topbar .change-currency a.EUR {
    background-position: 2px -22px;
}

.topbar .change-currency a.CAD {
    background-position: 2px -50px;
}

.topbar .change-currency a.GBP {
    background-position: 2px -75px;
}

.topbar .change-currency a.AUD {
    background-position: 2px -100px;
}

.topbar .change-currency a.HK {
    background-position: 2px -125px;
}

.topbar .change-currency a.JPY {
    background-position: 2px -150px;
}

.topbar .change-currency a.RUB {
    background-position: 2px -177px;
}

.topbar .change-currency a.CHF {
    background-position: 2px -202px;
}

.topbar .change-currency a.MXN {
    background-position: 2px -227px;
}

.topbar .change-currency a.NOK {
    background-position: 2px -252px;
}

.topbar .change-currency a.CZK {
    background-position: 2px -278px;
}

.topbar .change-currency a.BRL {
    background-position: 2px -303px;
}

.topbar .change-currency a.ARS {
    background-position: 2px -329px;
}

.dropdown {
    display: inline-block;
    float: left;
    margin-right: 5px;
    position: relative;
    padding-top: 1px;
    padding-bottom: 3px;
}

.dropdown .submenu {
    width: 100px;
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    background: #fff;
    border-radius: 0 3px 3px 3px;
    border: 1px solid #bbb;
    text-align: left;
    padding: 5px;
    z-index: 99999;
    background: #fff;
    position: absolute;
    left: 0;
    top: 25px;
}

.dropdown .submenu a {
    display: block;
    border-top: 1px solid #eee;
}

.dropdown .submenu a:first-child {
    border-top: 0;
}

.over .submenu {
    display: block
}

.currency_cur {
    width: 90px;
    padding: 0 5px;
    border: 1px solid #bbb;
}

.currency_text {
    float: left;
}


/* 
 * public end ---------------------------------------------------

 */



/* ===============================================================
   * public site module
   --------------------------------------------------------------- */

/* online service
   -----------------------------------*/
.popbox {
    width: 100px;
    border: 1px solid #838f96;
    background: #e9f0f5;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(110, 119, 110, 0.4), -1px -1px 2px rgba(110, 119, 110, 0.4);
    position: fixed;
    right: 5px;
    top: 50px;
    overflow: hidden;
    z-index: 10000;
    _position: absolute;
}

.popbox .hd {
    width: 100%;
    height: 25px;
    position: relative;
    padding: 0 0 6px;
}

.popbox .hd h4 {
    display: inline;
    line-height: 21px;
    float: left;
    font-size: 11px;
    font-weight: normal;
    color: #3e86ac;
    padding: 0 0 0 4px;
}

.popbox .close {
    display: block;
    width: 39px;
    height: 25px;
    background: url(./img/ico_close.gif) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: -1px;
    cursor: pointer;
}

.popbox .tit {
    background-color: #3b80a4;
    padding: 8px 0;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-image: -moz-linear-gradient(top, #3f87ae, #367394);
    background-image: -webkit-linear-gradient(top, #3f87ae, #367394);
    background-image: -ms-linear-gradient(top, #3f87ae, #367394);
    background-image: -o-linear-gradient(top, #3f87ae, #367394);
    background-image: linear-gradient(top, #3f87ae, #367394);
}

.popbox .img {
    padding-bottom: 6px;
    background: #e2e8f4;
}

.popbox .cont {
    padding: 0 3px 2px 5px;
}

.popbox .cont li {
    padding: 0 0 8px;
}

.popbox .cont li a {
    display: block;
    line-height: 19px;
    color: #333;
}

.popbox .cont li a:hover {
    text-decoration: none;
    color: #777;
}

.popbox .cont li a.skype {
    background: url(./img/ico_skype.png) 0 0 no-repeat;
    padding: 0 0 0 22px;
}

.popbox .cont li a.msn {
    background: url(./img/ico_msn.png) 0 0 no-repeat;
    padding: 0 0 0 22px;
}

.popbox .cont li a.btn-get-quote {
    padding: 0.2em 0;
    background-color: #7adafa;
    text-align: center;
    color: #f00;
    border-radius: 0.3em;
    margin: 0 5px 0 0;
}

.popbox .cont li a.btn-get-quote:hover {
    background-color: #39c2f0;
    text-decoration: none;
}


/* entry table
   -----------------------------------*/
.entry {
    padding: 15px 20px;
    background: #fff;
}

.entry-user {}

.entry {
    color: #666;
}

.entry a {
    color: #0030FF;
}

.entry p {
    margin: 0;
    padding: 8px 0;
    font-size: 13px;
    line-height: 1.8;
}

.entry table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

.entry th,
.entry td {
    height: 30px;
    border: 1px solid #ccc;
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
    color: #666;
    background: #fbfbfb;
    padding: 0 15px;
}

.entry th {
    font-size: 12px;
    background: #eee;
}

.entry td p,
.entry th p,
.pd-panel .entry td p,
.pd-panel .entry th p {
    margin: 0;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 1.3;
}

.entry td.amts {
    color: #19b168;
}

.entry th#cartDelete {
    text-align: center;
}

.entry .button {
    margin: 15px 10px 0 0;
    background: #dfdfdf;
    padding: 8px 15px;
    border: 0;
    cursor: pointer;
    line-height: 1.2;
    color: #777;
    font-weight: bold;
    text-transform: Capitalize;
}

.entry .button:hover {
    background: #19b168;
    color: #fff;
}

.entry .deletecartitem {
    width: 50px;
    text-align: center;
}

.entry .deletecartitem label {
    display: none;
}

.entry img.alignleft {
    float: left;
    margin: 20px 15px 0 0;
}

.entry img.alignright {
    float: right;
    margin: 20px 0 0 15px;
}

.entry img.alignleftnopad {
    float: left;
    margin-left: 0;
}

.entry img.alignrightnopad {
    float: right;
    margin-right: 0;
}

.entry img.aligncenter {
    text-align: center;
    display: block;
    margin: 10px auto 0 auto;
}

.entry img {
    max-width: 900px;
}

.cartitem a {
    color: #292929;
    font-weight: bold;
}

.products-img img {
    padding: 2px;
    border: 1px solid #dadada;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    max-width: 1000px;
    display: block;
    margin: 0 auto;
}

/* inquiry form */
.wpcf7-form {
    position: relative;
}

.inquiry-form-wrap {
    position: relative;
    width: 100%;
}

.inquiry-form {
    position: relative;
    padding: 25px 7% 35px;
    border: 1px solid #F4F4F4;
    background: url(./img/form-bg.jpg) repeat left top;
}

.inquiry-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    display: block;
    overflow: hidden;
    background: url(./img/inq02.png) repeat-x left top;
}

.inquiry-form .inquiry-form-ico {
    position: absolute;
    right: 20px;
    top: 27px;
    width: 75px;
    display: block;
    overflow: hidden;
}

.inquiry-form .inquiry-form-ico img {
    position: relative;
    width: 100%;
}

.inquiry-form .inquiry-form-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.inquiry-form .form-item {
    position: relative;
    display: block;
    padding-bottom: 18px;
}

.inquiry-form .form-item .form-label {
    display: inline-block;
    width: 100px;
}

.inquiry-form .form-input,
.inquiry-form input[type="text"] {
    position: relative;
    border: 1px solid #E3E3E3;
    width: 50%;
    height: 31px;
    line-height: 31px;
    color: #C1C1C1;
    background-color: transparent;
    padding: 0 0 0 10px;
}

.inquiry-form .form-text,
.inquiry-form textarea {
    position: relative;
    border: 1px solid #E3E3E3;
    width: 90%;
    height: 112px;
    line-height: 31px;
    margin: 5px 0 0;
    color: #C1C1C1;
    background-color: transparent;
    padding: 0 0 0 10px;
}

.inquiry-form .form-input:focus,
.inquiry-form input[type="text"]:focus,
.inquiry-form .form-text:focus,
.inquiry-form textarea:focus {
    border-color: #ccc;
}

.inquiry-form .form-input-name,
.inquiry-form input[type="text"].form-input-name {
    padding: 0 0 0 28px;
    background: url(./img/inq04.png) no-repeat 8px 9px;
}

.inquiry-form .form-input-email,
.inquiry-form input[type="text"].form-input-email {
    padding: 0 0 0 28px;
    background: url(./img/inq05.png) no-repeat 8px 11px;
}

.inquiry-form .form-input-phone,
.inquiry-form input[type="text"].form-input-phone {
    padding: 0 0 0 28px;
    background: url(./img/inq06.png) no-repeat 8px 7px;
}

.inquiry-form .form-btn-wrap {
    position: absolute;
    bottom: 57px;
    left: 7%;
    width: 83%;
    height: 0;
    display: block;
}

.inquiry-form .form-btn-wrap .form-btn-submit {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-left-color: #ECC75C;
    border-right-color: #ECC75C;
    border-top-color: #F4D67E;
    border-bottom-color: #E1AF32;
    border-radius: 5px;
    color: #4C4C4E;
    text-shadow: 0 0 1PX rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1', endColorStr='#FCE26B', gradientType='0');
    background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);
    background: -o-linear-gradient(top, #FFF5D1, #FCE26B);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));
}

.inquiry-form .Validform_checktip {
    display: block;
    width: 93%;
    margin: 0 auto;
    _display: none;
}

.inquiry-form .Validform_wrong {
    font-size: 12px;
    font-weight: bold;
    color: #da3439;
    _display: block;
}

@media screen and (max-width:641px) {
    .entry p span strong {
        font-size: 14px;
        font-weight: normal !important;
        line-height: 1.6;
    }

    .inquiry-form {
        padding: 15px;
        margin-bottom: 30px;
    }

    .inquiry-form:before {
        display: none;
    }

    .inquiry-form .form-item {
        padding-bottom: 0;
    }

    .inquiry-form .form-item .form-label {
        display: block;
        padding-top: 10px;
        width: 100%;
    }

    .inquiry-form .form-input,
    .inquiry-form input[type="text"] {
        margin-top: 5px;
        padding-left: 8px;
    }

    .inquiry-form .inquiry-form-ico {
        width: 50px;
    }

    .inquiry-form .form-input,
    .inquiry-form input[type="text"] {
        width: 70%;
    }

    .inquiry-form .form-text,
    .inquiry-form textarea {
        width: 100%;
        padding-left: 8px;
    }

    .inquiry-form .form-btn-wrap {
        display: block;
        position: static;
        padding: 1em 0;
        height: auto;
    }

    .inquiry-form .form-btn-wrap .form-btn-submit {
        position: static;
        padding: 0 2em;
    }
}


/* contact form
   -----------------------------------*/
.contact-form {
    padding: 15px 20px 50px;
}

.contact-form .form-item {
    width: auto;
    padding: 6px 0 6px 90px;
    _width: 600px;
}

.contact-form .form-label {
    width: 85px;
}

.contact-form .form-btn-wrap {
    position: relative;
    display: block;
    padding: 15px 0 0 90px;
    bottom: auto;
    right: auto;
}

.contact-form .form-btn-wrap .form-btn-submit {
    padding: 5px 40px;
    text-align: center;
    font-size: 14px;
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-linear-gradient(top, #fff, #ddd);
    background: -ms-linear-gradient(top, #fff, #ddd);
    background: -o-linear-gradient(top, #fff, #ddd);
    background: linear-gradient(top, #fff, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
    border-radius: 3px;
}

.contact-form .form-btn-wrap .form-btn-submit:hover {
    border: 1px solid #aaa;
    color: #333;
    box-shadow: 0 0 3px #ddd inset;
}

/* others
   -----------------------------------*/
.top-category {
    padding-bottom: 10px;
}

.top-category .titl {
    padding: 5px;
    line-height: 12px;
    border: 1px solid #cccccc;
}

.pagenavi {
    padding: 10px 5px 30px 20px;
}

.pagenavi span,
.pagenavi a {
    padding: 5px;
    border: 1px solid #ccc;
    margin-right: 5px;
}

/* rating
   -----------------------------------*/
.post-ratings {
    width: 100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    /* background-color:#ffffff;*/
}

.post-ratings-loading {
    display: none;
    height: 16px;
    text-align: left;
}

.post-ratings-image {
    border: 0px;
}

.post-ratings IMG,
.post-ratings-loading IMG,
.post-ratings-image IMG {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.post-ratings-text {}

.post-ratings-comment-author {
    font-weight: normal;
    font-style: italic;
}

/* size
   -----------------------------------*/
.clear {
    clear: both;
}

.model {
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
}

.info-title {
    max-height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
}

.info-con {
    display: block;
    margin-left: 20px;
}

.info-con-title {
    font-size: 15px;
    color: #FF3300;
}

.info-con span {
    display: block;
}

.info-left {
    float: left;
    width: 120px;
    max-height: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 123px;
}

.info-middle {
    float: left;
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

.info-right {
    float: left;
    width: 120px;
}

.info-right div:first-child {
    height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 11px;
}

.info-right div:nth-child(2) {
    height: 166px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 13px;
}

.info-right div:nth-child(3) {
    height: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 9px;
}

.size-table td {
    text-align: center;
}

/* ===============================================================
   * login & profile
   --------------------------------------------------------------- */

.tml-action-links:after,
.login-wrap:after,
.eshop-confirm div:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

* html .tml-action-links,
* html .login-wrap,
* html .eshop-confirm div {
    display: inline-block;
}

*+html .tml-action-links,
*+html .login-wrap,
*+html .eshop-confirm div {
    display: inline-block;
}


/* register & login
   -----------------------------------*/
.login-wrap {
    padding: 25px 20px;
    width: 45%;
}

.login-wrap .login {
    width: 90%;
    padding: 20px 30px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    float: left;
}

.login-wrap p {
    padding: 0 0 15px;
}

.login-wrap p label {
    display: block;
    font-weight: bold;
    color: #666;
}

.login-wrap p input {
    display: block;
    width: 80%;
    padding: 1px 5px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #d7d7d7;
}

.login-wrap p.submit,
.profile-wrap p.submit {
    text-align: center;
    padding: 0 0 30px;
}

.login-wrap p.submit input#wp-submit,
.button-primary {
    display: inline-block;
    width: auto;
    min-width: 130px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    background: #F14E94;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.login-wrap p.submit input#wp-submit,
.button-primary {
    *display: inline;
}

.login-wrap p.submit input#wp-submit:hover,
.button-primary:hover {
    background: #f23988;
}

.login-wrap p.message {
    width: 100%;
    position: relative;
    font-size: 15px;
    padding: 0 0 25px;
    text-align: center;
    color: #666;
}

.login-wrap p.message:before,
.login-wrap p.message:after {
    content: "";
    display: block;
    width: 20%;
    height: 15px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 0;
}

.login-wrap p.message:before {
    left: 0;
}

.login-wrap p.message:after {
    right: 0;
}

.login-wrap p.error {
    padding: 6px 10px;
    border: 1px solid #ffd8a0;
    background: #fffce5;
    margin: 0 0 15px;
    color: #f00;
}

.login-wrap p.forgetmenot input {
    display: inline;
    width: auto;
    vertical-align: middle;
}

.login-wrap p.forgetmenot label {
    display: inline;
}

.login-wrap ul.tml-action-links {
    width: 100%;
    position: relative;
    padding: 25px 0 8px;
    border-top: 1px solid #ddd;
}

.login-wrap ul.tml-action-links:before {
    display: inline-block;
    width: 3em;
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -1.5em;
    top: -16px;
    content: "or";
    background: #fff;
    color: #999;
    font-size: 16px;
}

.login-wrap ul.tml-action-links li {
    width: 50%;
    float: left;
    text-align: center;
}

.login-wrap ul.tml-action-links li a {
    display: inline-block;
    width: 80%;
    height: 36px;
    line-height: 36px;
    background: #c3c3c3;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.login-wrap ul.tml-action-links li a {
    *display: inline;
}

.login-wrap ul.tml-action-links li a:hover {
    background: #999;
}

.login-wrap ul.tml-action-links li:first-child {
    text-align: left;
}

.login-wrap ul.tml-action-links li:last-child {
    text-align: right;
}

.login-side-banner {
    display: inline;
    float: right;
    padding: 0px;
    border: 1px solid #ddd;
}


/* profile
   -----------------------------------*/
.profile-wrap {
    padding: 20px 30px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.profile-wrap .profile table {
    width: 100%;
}

.profile-wrap .form-table {
    margin-bottom: 10px;
}

.profile-wrap .form-table th,
.profile-wrap .form-table td {
    padding: 8px 10px;
    vertical-align: top;
}

.profile-wrap .form-table th {
    width: 30%;
    padding: 10px;
    text-align: right;
    font-weight: normal;
}

.profile-wrap .form-table .regular-text,
.profile-wrap .form-table select,
.profile-wrap .form-table textarea,
.profile-wrap #password input {
    width: 45%;
    padding: 1px 5px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #b3c1cf;
    border-radius: 4px;
    margin: 0 10px 0 0;
}

.profile-wrap .form-table #user_login {
    background: #fafafa;
    color: #aaa;
}

.profile-wrap .form-table select {
    width: 48%;
    height: 27px;
    line-height: 27px;
}

.profile-wrap .form-table textarea {
    width: 65%;
    height: auto;
}

.profile-wrap .form-table .description {
    color: #999;
}

.profile-wrap #password input {
    display: block;
}

.profile-wrap #password .description {
    display: block;
    clear: both;
    padding: 0 0 5px;
}

@media screen and (max-width:641px) {
    .profile-wrap {
        padding: 0;
        border: 0;
    }

    .login-wrap p.submit input#wp-submit,
    .button-primary {
        width: 80%;
        font-weight: normal;
        margin: 0 auto;
    }

    .main .blog-article:before {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background-image: url(./img/inq02.png);
        background-position: 0 0;
        background-repeat: repeat-x;
        -webkit-background-size: auto 4px;
        background-size: auto 4px;
        position: absolute;
        left: 0;
        top: -2px;
    }

    .blog-article {
        background: #fff;
    }

    .profile-wrap {
        padding: 0 10px;
        box-shadow: none;
    }

    .profile-wrap #your-profile h3 {
        display: block;
        line-height: 32px;
        font-family: Georgia, verdana, arial, helvetica, sans-serif;
        font-size: 16px;
        color: #333;
        text-transform: uppercase;
        font-weight: normal;
    }

    .profile-wrap #your-profile .form-table {
        display: block;
        width: 100%;
        border: 0;
        padding-bottom: 1em;
    }

    .profile-wrap #your-profile .form-table tbody,
    .profile-wrap #your-profile .form-table tr {
        display: block;
        width: 100%;
    }

    .profile-wrap #your-profile .form-table th,
    .profile-wrap #your-profile .form-table td {
        display: block;
        width: 100%;
        float: none;
        border: 0;
        background: none;
        height: auto;
        padding: 0 0 5px;
        text-align: left;
    }

    .profile-wrap #your-profile .form-table th {
        padding-bottom: 2px;
    }

    .profile-wrap #your-profile .form-table input[type='text'],
    #your-profile .form-table input[type='password'] {
        display: block;
        width: 100%;
        padding: 7px 10px;
        height: auto;
        border-radius: 0;
        border-color: #ddd;
        color: #999;
        line-height: normal;
    }

    .login-wrap p.submit input#wp-submit,
    .button-primary {
        height: 35px;
        line-height: 35px;
        background: #ed3445;
    }
}

/* for:page
   -----------------------------------*/
.main {
    overflow: hidden;
}

.main .item-head {
    padding: 10px 0;
    border-top: 1px dashed #c0c0c0;
    clear: both;
    font-size: 14px;
    font-weight: bold;
}

.main .color-show li {
    width: 70px;
    height: 90px;
    float: left;
    text-align: center;
}

.main .color-show li img {
    width: 51px;
    height: 51px;
}

.main .color-show li span {
    display: block;
    padding: 5px 0 0;
}

.main .color-show li.show-big {
    width: 220px;
    min-height: 300px;
    _height: 300px;
    _overflow: visible;
    float: left;
}

.main .color-show li.show-big img {
    width: 160px;
    height: auto;
    margin: 15px auto 0;
}

.selected {
    cursor: pointer;
}

.ico ul li {
    padding: 5px 0;
}

.ico ul li a {
    color: #19b168;
    font-weight: bold;
}

.sub-tbar {
    line-height: 30px;
    background: url(./img/tit_bg_line.png) repeat-x scroll 0 15px;
    text-align: center;
    margin-bottom: 15px;
}

.sub-tbar h3 {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    font-size: 18px;
    font-weight: normal;
}

.sub-tbar h3 {
    *display: inline;
}

.handmade li {
    float: left;
    width: 257px;
    height: 280px;
    padding: 0 10px;
}

.handmade li .img,
.handmade li .img img {
    display: block;
    width: 250px;
    height: 138px;
}

.handmade li .tit {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 0 0;
    font-size: 12px;
}

.handmade li .tit,
.handmade li .tit a {
    color: #333;
}

.handmade li .summary {
    height: 80px;
    line-height: 20px;
    overflow: hidden;
}

.shippingdate {
    padding: 2px 0 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 0;
}

.detail {
    float: right;
    width: 350px;
    padding: 2px 0 0 20px;
    border-top: 1px dashed #ddd;
    border-left: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 0;
}

.detail a {}

.detail ul {
    overflow: hidden;
}

.detail ul li {
    float: left;
    width: 160px;
}

/* for:page faq
   -----------------------------------*/
.size {
    margin-top: 0px;
    padding-left: 60px;
}

.size table {
    border: 1px solid #efefef;
    margin-top: 20px;
}

.size ul li {
    float: left;
    padding: 0 18px;
}

.size table td {
    text-align: center;
}

.size table tr {
    text-align: center;
}

.size table th {
    text-align: center;
    color: #19b168;
    font-weight: bold;
}

.size-pro table {
    border: 1px solid #efefef;
    margin-top: 20px;
    text-align: center;
}

.size-pro ul li {
    float: left;
    padding: 0 18px;
}

.size-pro table td {
    text-align: center;
}

.size-pro table tr {
    text-align: center;
    color: #19b168;
    font-weight: bold;
}

.size-pro table th {
    text-align: center;
    color: #19b168;
    font-weight: bold;
}

.attachment-100x100 {
    width: 120px;
}

/*loading*/
#loading {
    display: none;
    position: fixed;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 90px;
    overflow: hidden;
    background: #000 url(./img/loading_big.gif) no-repeat center center;
    z-index: 9999;
    margin: -62px 0 0 -62px;
    opacity: 0.2;
}

/* review
   ----------------------------- */
.review {
    padding: 10px 15px 10px 0px;
}

.review .re_title {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 0px;
    margin-top: -20px;
}

.re_con ul {
    margin-left: 0px;
    width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.re_con ul li {
    width: 100%;
    border-bottom: 1px solid #eee;
    background: url(./img/icons02.png) no-repeat 10px 33px;
    display: block;
    overflow: hidden;
    padding-left: 0px;
    margin: 15px 0;
}

.re_con ul li span:first-child {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.re_con ul li span:nth-child(2) {
    float: right;
}

.re_con ul li span em {
    font-size: 13px;
    display: block;
    font-weight: bold;
}

.re_con_p {
    margin-left: 40px;
    margin-top: 8px;
    color: #585858;
    font-size: 12px;
    line-height: 1.8;
}

.comment-form .form-title {
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 1px 15px;
    background: -moz-linear-gradient(top, #fefefe, #ebebed);
    background: -webkit-linear-gradient(top, #fefefe, #ebebed);
    background: -ms-linear-gradient(top, #fefefe, #ebebed);
    background: -o-linear-gradient(top, #fefefe, #ebebed);
    background: linear-gradient(top, #fefefe, #ebebed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ededed', GradientType=0);
    margin: 0 0 0 7px;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 1.5em;
    color: #666;
    text-shadow: 1px 1px #fff;
}

.comment-form .form-item {
    padding: 0 0 15px 110px;
    position: relative;
}

.comment-form .form-item input,
.comment-form .form-item textarea {
    padding: 3px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden;
    z-index: 9999;
    resize: none;
    color: #999;
}

.comment-form .form-item input {
    height: 21px;
    line-height: 21px;
}

.comment-form .form-item input[type="submit"] {
    height: 32px;
    line-height: 32px;
    padding: 0 11px;
    background: #19b168;
}

.comment-form .form-item input:focus,
.comment-form .form-item textarea:focus {
    border: 1px solid #3389cc;
    z-index: 9999;
}

.comment-form .form-item .comment-review {
    line-height: 1em;
    padding: 6px 0 8px;
}

.comment-form .form-item .left-label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100px;
    color: #666;
    text-align: right;
    line-height: 32px;
}

.comment-form .form-item .left-label small {
    font-size: 12px;
}

.comment-form .form-item .btn-submit {
    background: #333;
    border: 0;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 30px;
}

.comment-form .form-item .btn-submit:hover {
    background: #107fc8;
}

.comment-form .cmt-form-side img {
    border: 1px solid #ccc;
    padding: 1px;
    width: 360px;
}

.comment-form .post-ratings {
    padding-top: 6px;
}

.comment-form #commentform {
    width: 520px;
    float: left;
}

.cptch_block {
    display: block;
    position: relative;
    padding-left: 110px;
    padding-bottom: 15px;
    z-index: 2222;
}

.cptch_block input {
    border: 1px solid #ccc;
    padding: 0 3px;
    height: 22px;
    line-height: 22px;
}

#commentform .comment-img {
    padding: 0 0 20px 110px;
}

.wp-post-image {
    padding: 0 6px;
}

.main-top {
    padding: 20px 0 0 0;
}

.aside-top {
    padding: 15px 0 0 0;
}

.sc-chat-toolbar,
.sc-cnv-wrap,
.sc-msg-wrap,
.sc-chat-wrapper,
#sc_chat_box textarea.f-chat-line,
#sc_chat_box p.sc-lead,
#sc_chat_box .sc-chat-wrapper input,
#sc_chat_box .sc-chat-wrapper textarea {
    color: #222222;
    background-color: #fff;
}

.sc-chat-toolbar a {
    color: #b9b9b9;
}

.sc-chat-toolbar a:hover {
    color: #878787;
}

#sc_chat_box .sc-chat-wrapper input,
#sc_chat_box .sc-chat-wrapper textarea,
#sc_chat_box textarea.f-chat-line {
    border-color: #cdcdcd;
}

#sc_chat_box .sc-chat-wrapper input:focus,
#sc_chat_box .sc-chat-wrapper textarea:focus {
    background-color: #f5f5f5;
    border-color: #b9b9b9;
}

#sc_chat_box textarea.f-chat-line:focus {
    background-color: #fafafa;
    border-color: #b9b9b9;
}

#sc_chat_box .sc-chat-wrapper label {
    color: #878787;
}

#sc_chat_box form.sc-chat-reply {
    border-top: 1px solid #cdcdcd;
    background-color: #f5f5f5;
}

#sc_chat_box {
    width: 300px;
    right: 40px;
}

#sc_chat_box textarea.f-chat-line {
    width: 258px;
}

#sc_chat_box div.sc-chat-header {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.sc-chat-notification.warning,
#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn a,
#sc_chat_box .sc-chat-wrapper input,
#sc_chat_box .sc-chat-wrapper textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#sc_chat_box .sc-chat-wrapper input,
#sc_chat_box .sc-chat-wrapper textarea {
    width: 230px;
}

.sc-chat-wrapper {
    border-color: #ebebeb;
    max-height: 380px;
}

.sc-cnv-wrap {
    border-color: #ebebeb;
    max-height: 350px;
}

#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn>a {
    color: #ffffff;
    background-color: #19b168;
}

#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn>a:hover {
    color: #ffffff;
    background-color: #19b168;
}

#sc_chat_box div.sc-chat-header {
    color: #ffffff;
    background-color: #19b168;
}

.sc-chat-css-anim {
    -webkit-transition: bottom .2s;
    -moz-transition: bottom .2s;
    -o-transition: bottom .2s;
    transition: bottom .2s;
}

/* recent_orders
   ----------------------------- */
.recent_orders {
    width: 200px;
    position: relative;
}

#sold_img {
    width: 200px;
    height: 600px;
    position: relative;
    overflow: hidden;
    padding: 10px 6px 5px 0;
    border-bottom: 1px solid #EAEAEA;
}

#sold_img {
    overflow: hidden;
}

.recent_orders img {
    width: 100px;
    height: 150px;
    margin-left: 17px;
}

.recent_orders ul li {
    width: 200px;
    height: 235px;
    margin: 10px 0;
    padding: 5px 0 15px 0px;
    margin-left: -5px;
    border-bottom: 1px solid #b6d2ff;
    text-align: center;
    position: relative;
    float: none;
}

.recent_orders p {
    font-family: Georgia, "Times New Roman", Times, serif;
    max-height: 90px;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
    color: #999;
    padding-top: 5px;
}

.recent_orders ul li div {
    color: #900;
}

.customer-titbar {
    padding: 10px 0 0 0;
}

.customer-titbar-img {
    float: left;
    padding: 5px 5px 0px 0;
}

.customer-titbar-pcolor {
    color: #999;
}

.customer-titbar-by {
    color: #999;
    float: right;
    font-style: italic;
}

.addthis_sharing_toolbox {
    float: right;
}

.size-mod {
    margin-right: 10px;
}

.size-mod img {}

.size-form-con {
    float: left;
    width: 375px;
    overflow: hidden;
}

.size-form-con p {
    margin-bottom: 15px;
    max-height: 60px;
    padding-left: 20px;
    overflow: hidden;
}

.size-form-con em {
    color: #ff0000;
}

.sidebar-bottom {
    border: 1px solid #CCC;
    padding: 5px;
}

.items-all {
    float: right;
    color: #494949;
    font-size: 14px;
    font-style: italic;
}

.items-all em {
    color: #19b168;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

.comment-form .cmt-form-side {
    display: inline;
    float: right;
}


/* Translator
----------------------------- */
.transall {
    display: inline;
    float: right;
    *float: left;
}

.transall-tit {
    float: left;
    text-transform: capitalize;
    margin: 4px 1px 0 8px;
}

.translator-dropdown-container {
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    height: 24px;
    z-index: 999999;
}

.translator-dropdown-container label {
    display: block;
    float: left;
    margin: 5px 5px 0 0;
    color: #ccc;
}

.translator-dropdown-container p {
    margin: 0;
    border: 0;
    font-weight: normal;
}

.translator-dropdown-container a {
    text-decoration: none;
    font-weight: normal;
}

.translator-dropdown-sub-container {
    height: 24px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    z-index: 999999;
}

.translator-dropdown-floating-left .translator-dropdown-sub-container {
    float: left;
}

.translator-dropdown-floating-right .translator-dropdown-sub-container {
    float: right;
}

.translator-dropdown-body {
    position: relative;
    float: left;
    height: 21px;
    padding: 5px 0 0;
    background: #fff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin: 0;
    z-index: 999999;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.translator-dropdown-body p {
    color: #ccc;
    position: relative;
    font-weight: normal;
}

.translator-dropdown-current-language-arrow {
    display: block;
    width: 0;
    height: 0;
    border: 6px solid;
    position: absolute;
    top: 10px;
    right: 5px;
    border-color: #ccc transparent transparent;
    background: none;
    margin: 0;
    padding: 0;
}

.translator-dropdown-body:hover .translator-dropdown-current-language-arrow {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 5px;
}

.translator-dropdown-scroll-enabled {}

.translator-dropdown-current-language-flag {
    position: absolute;
    right: 0;
    top: 2px;
}

.translator-dropdown-languages-list-scroll {
    margin: 3px 0 0 0;
    padding: 0;
    background: none;
    border: none;
    display: none;
}

.translator-dropdown-languages-list-scroll-bar {
    background: #464646;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 9999999;
    left: auto;
}

.translator-dropdown-languages-list-scroll-bar-rail {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.translator-dropdown-languages-list-opened .translator-dropdown-languages-list-scroll {
    display: block;
    z-index: 999999;
    border: 1px solid #ccc;
}

.translator-dropdown-languages-list {
    margin: 3px 0 0 0;
    padding: 0;
    background: none;
    border: none;
    display: none;
}

.translator-dropdown-hover .translator-dropdown-languages-list p:hover {
    background-color: #ffffdf;
}

.translator-dropdown-languages-list p a {
    background: none;
}

.translator-dropdown-hover .translator-dropdown-languages-list p:hover a,
.translator-dropdown-hover .translator-dropdown-languages-list p:hover a span {
    color: #fb8a00;
}

.translator-dropdown-scroll-enabled .translator-dropdown-languages-list {
    overflow: hidden;
    margin-top: 0;
}

.translator-dropdown-hover.translator-dropdown-scroll-enabled .translator-dropdown-languages-list:hover {
    overflow-y: scroll;
}

.translator-dropdown-languages-list p {
    cursor: pointer;
    border-top: 1px solid #ebebe9;
    padding: 3px 0;
    background: none;
}

.translator-dropdown-languages-list-opened .translator-dropdown-body {
    height: auto;
    background: #fff;
}

.translator-dropdown-languages-list-opened .translator-dropdown-languages-list {
    display: block;
}

.translator-dropdown-sub-container table {
    text-align: center;
    margin: 0 auto;
    height: 20px;
    border-collapse: separate;
    border: none;
    background: #464646;
}

.translator-dropdown-sub-container table tr {
    background: none;
    border: none;
}

.translator-dropdown-sub-container table td {
    vertical-align: middle;
    background: none;
    border: none;
    height: 20px;
    line-height: 20px;
    width: auto;
    padding: 0;
    font-family: Verdana;
    font-size: 12px;
}

.translator-dropdown-current-language {
    padding: 0 25px 0 3px;
    color: #444;
    background: none;
    border-collapse: separate;
}

.translator-dropdown-current-language span {
    color: #444;
}

.translator-dropdown-languages-list-opened .translator-dropdown-current-language,
.translator-dropdown-languages-list-opened .translator-dropdown-current-language span {
    color: #444;
}

.translator-dropdown-sub-container a {
    padding: 0 3px;
    color: #444;
    width: 100%;
    text-align: left;
}

.translator-dropdown-sub-container a span {
    color: #444;
    border: none;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    text-shadow: none ! important;
}

.translator-dropdown-sub-container p.translator-dropdown-completed {
    background-color: #ffffdf;
}

.translator-dropdown-sub-container p.translator-dropdown-completed a span {
    color: #fb8a00;
}

.translator-dropdown-current-language,
.translator-dropdown-sub-container a {
    font-weight: normal;
    text-decoration: none;
    height: 16px;
    display: table;
    border: none;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 16px;
    margin: 0;
}

.translator-dropdown-hover .translator-dropdown-sub-container a:hover {
    text-decoration: none;
}

.translator-dropdown-current-language span,
.translator-dropdown-sub-container a span {
    padding: 0;
    line-height: 16px;
}

.translator-dropdown-flags-and-names .translator-dropdown-current-language span,
.translator-dropdown-flags-and-short-names .translator-dropdown-current-language span,
.translator-dropdown-flags-and-names .translator-dropdown-sub-container a span,
.translator-dropdown-flags-and-short-names .translator-dropdown-sub-container a span {
    padding-left: 3px;
    margin: 0;
    border: none;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 16px;
    font-weight: normal;
    background: none;
    text-transform: none;
    text-shadow: none ! important;
}

.translator-dropdown-current-language img,
.translator-dropdown-sub-container a img {
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 22px;
    max-width: 22px;
    height: 16px;
    max-height: 16px;
    display: inline;
    background: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.translator-dropdown-loading {
    padding-left: 16px;
    background-image: url(./img/loading.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

.translator-dropdown-hidden {
    display: none;
}

.owl-loading .cloned {
    display: none !important;
}

.owl-loading .slide-item {
    display: block;
}

.owl-carousel .owl-item {
    width: auto;
}



/*loading*/
#loading {
    display: none;
    position: fixed;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 90px;
    overflow: hidden;
    background: #000 url(./img/loading_big.gif) no-repeat center center;
    z-index: 9999;
    margin: -62px 0 0 -62px;
    opacity: 0.2;
}

@media screen and (max-width:641px) {
    #loading {
        margin: 0;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/**
 * 
 * Responsive adjustments
 * 
 */
@media screen and (max-width:1280px) {}

@media screen and (max-width:1024px) {}

@media screen and (max-width:800px) {}

@media screen and (max-width:640px) {}

@media screen and (max-width:320px) {}

@media screen and (max-width:200px) {}




































/* ----------------------------------------------- style begin ----------------------------------------------- */

/* layout */
.layout,
.header,
.index-products,
.index-rcmd,
.bottom-service,
.social-layout,
.banner-section {
    width: 1564px;
    margin: 0 auto;
    max-width: 95%;
}

.disabled {
    display: none;
}

.z9999 {
    z-index: 9999;
    position: relative;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* clearfloating */
.clearfix:after,
.layout:after,
.header:after,
.head-cartlist dl:after,
.nav-wrap:after,
.cate-menu li ul:after,
.small-bn-list:after,
.fetaured-items:after,
.index-tabs:after,
.index-products .index-pd-panel:after,
.index-products .product-items:after,
.index-side-list:after,
.rcmd-slide-items:after,
.adv-items:after,
.path-bar:after,
.main-tit-bar:after,
.page-bar:after,
.product-items:after,
.product-buy:after,
.product-summary .other-item:after,
.product-intro:after,
.form-item dl:after,
.custom-size-form dl:after,
.product-attributes ul:after,
.comment-form:after,
.store-pd-items:after,
.blog-item:after,
.bottom-service:after,
.social-layout:after,
.banner-section:after,
.products-scroll-list li:after,
.main-tit-bar:after,
.sort-by:after,
.wholesale-info:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clearfix,
.layout,
.header,
.head-cartlist dl,
.nav-wrap,
.cate-menu li ul,
.small-bn-list,
.fetaured-items,
.index-tabs,
.index-products .index-pd-panel,
.index-products .product-items,
.index-side-list,
.rcmd-slide-items,
.adv-items,
.path-bar,
.main-tit-bar,
.page-bar,
.product-items,
.product-buy,
.product-summary .other-item,
.product-intro,
.form-item dl,
.custom-size-form dl,
.product-attributes ul,
.comment-form,
.store-pd-items,
.blog-item,
.bottom-service,
.social-layout,
.banner-section,
.products-scroll-list li,
.main-tit-bar,
.sort-by,
.wholesale-info {
    *zoom: 1;
}

/* image */
.head-search .search-select .select-value:after,
.cate-menu li a.with-ul-tit:after,
.select-box .select-value:after,
.hide-cate .cate-nav-btn:after,
.topr li a:after {
    background-image: url(./img/theme-sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.nav-bar .nav li ul li b.menu-btn,
.slide-banners .owl-prev,
.slide-banners .owl-next,
.gotop,
.narrow-by li a.with-ul-tit b,
.narrow-by li li a,
.sort-by ul li .arrow-down,
.sort-by ul li .arrow-up,
.product-intro .add-to-wishlist,
.goods-may-like .owl-prev,
.goods-may-like .owl-next,
.product-summary .ico-tick,
.product-summary .size-list li.checked .ico-tick,
.choose-color .color-list li.checked .ico-tick,
.product-summary .change-currency .arrow,
.product-intro .add-to-cart,
.brand-info .btn-chat,
.brand-info .btn-view-store,
.slide-banners .owl-prev,
.slide-banners .owl-next {
    background-image: url(./img/theme-sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.head-search .search-btn,
.head-shopcart .ico-shopping-bag,
.head-login-info .ico-user {
    background-image: url(./img/head-sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.head-shopcart .shopcart-cont:after {
    background-image: url(./img/head-sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.head-search .search-select .select-value:after,
.head-shopcart .shopcart-title .ico-cart,
.cate-menu .with-ul-tit:after,
.cate-menu ul li a:before,
.slide-banners .owl-prev,
.slide-banners .owl-next,
.nav-bar .cate-nav-btn:after,
.head-shopcart .shopcart-cont:before,
.narrow-by li li a,
.narrow-by li a.with-ul-tit b,
.sort-by ul li a b,
.goods-related .icon-add,
.goods-may-like .owl-prev,
.goods-may-like .owl-next,
.product-summary .change-currency .arrow,
.nav-bar .nav li ul li b.menu-btn,
.blog-widget .owl-prev,
.blog-widget .owl-next,
.path-nav li .ico-home b {
    background-image: url(./img/theme-sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}


/* ===================================================
 * header 
 * --------------------------------------------------- */

.header-wrap {
    background-color: #00D324;
    border-bottom: 1px solid rgba(19, 15, 16, .36);
}

.head-wrapper.mobile-fix-head {
    padding-bottom: 101px;
}

.head-wrapper.mobile-fix-head .header-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
}

.topbar {
    height: 35px;
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
}

.topr,
.topr a {
    color: #888;
}

.topr a:hover {
    color: #000;
}

.nav-bar .nav li a:hover {
    color: #ffffff;
}

.language-box {
    display: inline;
    float: left;
}

/* -------------------
 * currency
 * ------------------- */
.prisna-translator .prisna-wp-translate-dropdown-body {
    background: none !important;
    border: 0 !important;
}

.topbar .prisna-wp-translate-dropdown-current-language span {
    color: #333 !important;
}

.topbar .change-currency {
    float: right;
    padding: 0 5px 0 0;
    position: relative;
}

.topbar .prisna-wp-translate-dropdown-current-language {
    padding-right: 20px !important;
}

.topbar .prisna-wp-translate-dropdown-current-language-arrow {
    border-width: 5px !important;
    border-top-color: #aaa !important;
}

.topbar .currency-cur {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 0 5px 5px;
    margin-top: 5px;
}

.topbar .currency-cur a {
    display: inline-block;
    padding: 0 16px 0 0;
    position: relative;
}

.topbar .currency-cur a {
    *display: inline;
}

.topbar .currency-cur a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px solid;
    position: absolute;
    top: 10px;
    right: 0;
    border-color: #aaa transparent transparent;
    background: none;
    margin: 0;
    padding: 0;
}

.topbar .change-currency {
    display: inline;
    float: left;
    margin: 0 8px 0 0;
}

.dropdown .submenu {
    top: 34px;
}

/* -------------------
 * translate
 * ------------------- */
.transall {
    padding-top: 5px;
}

.translator-dropdown-body {
    position: relative;
    float: left;
    height: 21px;
    padding: 5px 3px 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin: 0;
    z-index: 999999;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: none;
}

.translator-dropdown-languages-list-opened .translator-dropdown-body {
    height: auto;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    padding: 4px 2px 0;
}

.translator-dropdown-languages-list-opened .translator-dropdown-languages-list-scroll {
    display: block;
    z-index: 999999;
    border: 0;
}

.translator-dropdown-flags-and-names .translator-dropdown-current-language span,
.translator-dropdown-flags-and-short-names .translator-dropdown-current-language span,
.translator-dropdown-flags-and-names .translator-dropdown-sub-container a span,
.translator-dropdown-flags-and-short-names .translator-dropdown-sub-container a span {
    font-size: 11px;
}

.translator-dropdown-current-language,
.translator-dropdown-sub-container a {
    padding: 2px 3px;
}

.translator-dropdown-current-language-arrow {
    display: block;
    width: 0;
    height: 0;
    border: 4px solid;
    position: absolute;
    top: 13px;
    right: 5px;
    border-color: #333 transparent transparent;
    background: none;
    margin: 0;
    padding: 0;
}

.translator-dropdown-current-language {
    padding: 0 15px 0 3px;
    color: #444;
    background: none;
    border-collapse: separate;
}

/* -------------------
 * top menu
 * ------------------- */
.topr {
    display: inline;
    float: right;
    line-height: 35px;
}

.topr li {
    float: left;
    border-right: 1px solid #e5e5e5;
    position: relative;
}

.topr li a {
    float: left;
    padding: 0 16px;
}

.topr li a.hover {
    background: #fff;
    position: relative;
}

.topr li a.hover:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 0;
}

.topr li.with-menu a:after {
    display: block;
    content: "";
    width: 9px;
    height: 5px;
    background-position: 0 -1px;
    position: absolute;
    right: 10px;
    top: 16px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.topr li.with-menu a.hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.topr li.with-menu a {
    padding-right: 25px;
}

.topr li.with-menu li a {
    padding-right: 16px;
}

.topr li.with-menu li a:after,
.topr li.with-menu li a.hover:before {
    display: none;
}

.topr li.with-menu ul {
    width: 120px;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    border-top: none;
    background: #fff;
    position: absolute;
    right: -1px;
    top: 35px;
    display: none;
}

.topr li.with-menu ul li {
    display: block;
    float: none;
    height: 35px;
    line-height: 34px;
    border-top: 1px dashed #eee;
    text-align: right;
    border-right: 0;
}

.topr li.with-menu ul li a {
    display: block;
    float: none;
    padding: 0 6px 0 0;
}

.topr li.with-menu ul li a:hover {
    background: #fafafa;
}

.topr li.with-menu ul li:first-child {
    border-top: 0;
}

.header {
    padding: 0px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-right {
    display: flex;
    justify-content: end;
    align-items: center;
    flex: 1;

}

.logo {}

.head_contact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 137px;
    height: 34px;
    background: #19B168;
    border-radius: 17px;
    color: #ffffff;
    margin-left: 22px;
    transition: all .3s;
}

.head_contact:hover {
   background: #ffffff;
    color: #19B168;
}

/* -------------------
 * search
 * ------------------- */
.head-search {
    display: inline;
    float: left;
    padding: 5px 0 0;
}

.head-search .search-form {
    display: block;
    padding: 0 0 10px;
}

.head-search .search-ipt {
    width: 300px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ccc;
    padding: 0 10px;
    float: left;
    margin: 0 -1px 0 0;
    color: #999;
    border-radius: 3px 0 0 3px;
}

.head-search .search-select {
    width: 145px;
    display: inline;
    float: left;
    position: relative;
    margin: 0 -1px 0 0;
    color: #999;
}

.head-search .search-select .select-value {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: relative;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.head-search .search-select .select-value:hover {
    color: #999;
}

.head-search .search-select .select-value:after {
    content: "";
    display: block;
    width: 9px;
    height: 5px;
    background-position: 0 0;
    position: absolute;
    right: 12px;
    top: 15px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.head-search .search-btn {
    width: 50px;
    height: 40px;
    line-height: 40px;
    border: 0;
    padding: 0;
    cursor: pointer;
    background-color: #19b168;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-position: 5px 0;
    border-radius: 0 4px 4px 0;
    position: relative;
}

.head-search .search-btn:hover {
    background-color: #d52800;
}

.head-search .select-list {
    width: 100%;
    background: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: 38px;
    z-index: 999;
}

.head-search .select-list ul {
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #fff;
}

.head-search .select-list li,
.head-search .select-list li a,
.head-search .select-value a {
    color: #666;
}

.head-search .select-list li a {
    display: block;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.head-search .select-list li a:hover {
    background: #fafafa;
    text-decoration: none;
    cursor: default;
}

.head-search select {
    display: none;
}

.select-open .select-list {
    display: block;
}


/* -------------------
 * login info
 * ------------------- */
.head-shopcart,
.head-login-info {
    display: inline;
    float: right;
    margin: 5px 0 0 25px;
    line-height: 20px;
}

.head-shopcart .ico-shopping-bag,
.head-login-info .ico-user {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 5px;
}

.head-shopcart .ico-shopping-bag,
.head-login-info .ico-user {
    *display: inline;
}

.head-shopcart .ico-shopping-bag {
    background-position: -5px -45px;
}

.head-login-info .ico-user {
    background-position: -5px -125px;
}

.head-login-info {
    text-align: center;
    position: relative;
    padding-left: 35px;
}

.head-login-info i {
    padding: 0 6px;
    color: #eee;
}

.head-login-info span {
    display: block;
}

/* -------------------
 * shopping cart
 * ------------------- */
.head-shopcart {
    position: relative;
}

.head-shopcart .shopcart-title {
    position: relative;
    padding-left: 35px;
    text-align: center;
}

.head-shopcart .shopcart-title a {
    display: block;
}

.head-shopcart .shopcart-title em {
    display: block;
}

.head-shopcart .shopcart-title .goods-num {
    display: inline-block;
    min-width: 1em;
    text-align: center;
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
    border-radius: 8px;
    background: #19b168;
    color: #fff;
}

.head-shopcart .shopcart-cont {
    display: none;
    width: 440px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #19b168;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 55px;
}

.head-shopcart .shopcart-cont:before {
    content: "";
    display: block;
    background: #19b168;
    height: 1px;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
}

.head-shopcart .shopcart-cont:after {
    content: "";
    display: block;
    width: 20px;
    height: 11px;
    background-position: 0 -165px;
    position: absolute;
    right: 30px;
    top: -11px;
}

.head-shopcart .shopcart-cont h4 {
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
    padding: 0 0 8px;
}

.head-shopcart .shopcart-foot {
    padding: 20px 0 0;
}

.head-wrapper .btn-view-cart,
.head-wrapper .btn-check {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 45%;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
}

.head-wrapper .btn-view-cart {
    background-color: #19b168;
    color: #fff;
}

.head-wrapper .btn-view-cart:hover {
    background-color: #19b168;
    text-decoration: none;
    color: #fff;
}

.head-wrapper .btn-check {
    background: #333;
    color: #fff;
    float: right;
}

.head-wrapper .btn-check:hover {
    text-decoration: none;
}

.head-cartlist {
    padding: 5px 0 0;
    line-height: 1.3em;
}

.head-cartlist dl,
.head-cartlist dl a {
    color: #888;
}

.head-cartlist dl dt,
.head-cartlist dl dd {
    float: left;
}

.head-cartlist dl dt {
    width: 240px;
    padding: 0 10px 0 0;
    font-size: 12px;
}

.head-cartlist dl dd.num {
    width: 40px;
}

.head-cartlist dl dd.price {
    width: 75px;
    text-align: right;
}

.head-shopcart-show .shopcart-cont {
    display: block;
}

/* -------------------
 * navigation
 * ------------------- */


/* ===================================================
 * footer 
 * --------------------------------------------------- */

/* go to top */
.gotop {
    display: block;
    width: 55px;
    height: 50px;
    background-color: #dfdfdf;
    background-position: -96px -40px;
    position: fixed;
    right: 20px;
    bottom: 40px;
    z-index: 9999;
    cursor: pointer;
    text-indent: -9999em;
    overflow: hidden;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.15);
    opacity: 0;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.gotop:hover {
    background-color: #333;
    -moz-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    background-color: #333;
}

.gotop-show {
    visibility: visible;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


.head-cartlist dl dd.thum_img img {
    width: 45px;
    margin-top: 2px;
}


/* -------------------
 * foot-type-1
 * ------------------- */
.foot-type-1 {
    background: #f5f5f5;
}

.social-bar {
    border-bottom: 1px solid #dadada;
}

.social-bar .social-layout {
    position: relative;
    padding: 15px 0;
}

.foot-social {
    display: inline;
    float: left;
}

.foot-social h4,
.foot-social ul,
.foot-social li {
    display: inline;
    float: left;
}

.foot-social h4 {
    font-size: 14px;
    padding: 0 10px 0 0;
    line-height: 40px;
    ;
}

.subscribe {
    display: inline;
    float: right;
    padding: 3px 0 0;
    width: 520px;
}

.subscribe h4,
.subscribe-form,
.subscribe-form p,
.subscribe-ipt,
.subscribe-btn {
    display: inline;
    float: left;
    line-height: 34px;
}

.subscribe h4 {
    padding: 0 12px 0 0;
    line-height: 40px;
    font-size: 14px;
}

.foot-social ul,
.foot-social li {
    float: left;
}

.foot-social li {
    margin: 0 10px 0 0;
}

.foot-social li a,
.foot-social li img {
    border-radius: 50%;
}

.foot-social li a {}

.foot-social li a:hover {
    opacity: 0.8;
}

.subscribe .subscribe-form {
    padding: 3px 0 0;
}

.subscribe .subscribe-ipt {
    width: 170px;
    height: 22px;
    line-height: 22px;
    padding: 5px;
    border: 1px solid #dadada;
    margin: 0 8px 0 0;
    color: #ccc;
}

.subscribe .subscribe-btn {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    background: #19b168;
    border: 0;
    color: #fff;
    font-weight: bold;
}

.subscribe .subscribe-btn:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.bottom-service {
    padding: 25px 0;
    line-height: 2.2em;
    border-bottom: 1px solid #dadada;
}

.service-items {
    width: 640px;
    display: inline;
    float: left;
}

.service-items .service-item {
    width: 25%;
    float: left;
}

.service-items .service-item h4 {
    font-size: 14px;
    padding: 0 0 5px;
}

.service-items .service-item li,
.service-items .service-item li a {
    color: #666;
}

.service-items .service-item li a {
    display: inline-block;
    padding: 0 0 0 12px;
    background: url(./img/li_ico_1.png) 0 8px no-repeat;
}

.service-items .service-item li a:hover {
    color: #000;
}

.service-items .service-item li a {
    *display: inline;
}

.blog-widget {
    width: 400px;
    display: inline;
    float: right;
    position: relative;
}

.blog-widget h4 {
    font-size: 14px;
    padding: 0 0 5px;
}

.blog-widget .foot-blog-item {
    float: left;
}

.blog-widget .foot-blog-item .blog-title {
    font-size: 12px;
    padding: 0 0 0 12px;
    background: url(./img/li_ico_1.png) 0 8px no-repeat;
}

.blog-widget .foot-blog-item .blog-cont {
    padding: 5px 0 0;
    line-height: 18px;
}

.blog-widget .foot-blog-item .blog-cont img {
    float: left;
    border: 1px solid #dadada;
    margin: 0 10px 0 0;
    width: 85px;
}

.blog-widget .foot-blog-item .blog-cont p,
.blog-widget .foot-blog-item .blog-cont p a {
    color: #999;
}

.blog-widget .foot-blog-item .blog-cont p a.more {
    font-weight: bold;
    color: #c20000;
}

.blog-widget .owl-nav {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
}

.blog-widget .owl-prev,
.blog-widget .owl-next {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
}

.blog-widget .owl-prev {
    background-position: -217px -83px;
}

.blog-widget .owl-next {
    background-position: -234px -83px;
    margin: 0 0 0 5px;
}

.blog-widget .owl-prev:hover,
.blog-widget .owl-next:hover {
    background-color: #19b168;
}

.blog-widget .owl-prev:hover {
    background-position: -217px -63px;
}

.blog-widget .owl-next:hover {
    background-position: -234px -63px;
}

.footer {
    text-align: center;
    padding: 20px 0 30px;
}

.footer .foot-img {
    padding: 0 0 15px;
}

.foot-nav li {
    display: inline-block;
}

.foot-nav li a {
    padding: 0 12px;
}

.foot-nav li:after {
    content: "|";
}

.foot-nav li:last-child:after {
    content: "";
    display: none;
}

/* online service (Time:2015)
----------------------------- */
.online-service .trigger-btn,
.online-service .service-menu li b,
.online-service .ico-close {
    background-image: url(./img/theme-sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.online-service {
    display: inline;
    position: fixed;
    position: absolute;
    right: 0;
    top: 150px;
    z-index: 9999;
}

.online-service .trigger-btn {
    display: block;
    width: 38px;
    height: 192px;
    background-position: -32px -170px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-radius: 8px 0 0 8px;
}

.online-service .service-pop {
    width: 120px;
    border: 1px solid #dfdfdf;
    position: absolute;
    right: -300px;
    top: 0;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    z-index: 10000;
}

.online-service .service-pop,
.online-service .service-pop a {
    color: #999;
}

.online-service .service-pop .service-img {
    border-bottom: 1px solid #dfdfdf;
}

.online-service .service-pop .service-img img {
    display: block;
    width: 100%;
    height: auto;
}

.online-service .service-menu li {
    border-bottom: 1px solid #dfdfdf;
}

.online-service .service-menu li a {
    display: block;
    padding: 7px 7px 7px 40px;
    position: relative;
}

.online-service .service-menu li a:hover {
    background-color: #f5f5f5;
}

.online-service .service-menu li b.ico-email,
.online-service .service-menu li b.ico-skype,
.online-service .service-menu li b.ico-inquiry {
    display: block;
    width: 26px;
    height: 25px;
    position: absolute;
    left: 10px;
    top: 5px;
}

.online-service .service-menu li b.ico-email {
    background-position: 0 -172px;
}

.online-service .service-menu li b.ico-skype {
    background-position: 0 -198px;
}

.online-service .service-menu li b.ico-inquiry {
    background-position: 0 -224px;
}

.online-service .qrcode {
    display: block;
    padding: 8px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.online-service .qrcode img {
    width: 110px;
    max-width: 100%;
}

.online-service .pop-foot {
    padding: 5px 10px;
    position: relative;
}

.online-service .ico-close {
    display: block;
    width: 22px;
    height: 22px;
    background-position: -2px -252px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 3px;
}

.online-service .ico-close:hover {
    background-position: -2px -275px;
    background-color: #333;
}

.show-service-pop .trigger-btn {
    right: -50px;
}

.show-service-pop .service-pop {
    right: 10px;
}





/* ===================================================
 * homepage 
 * --------------------------------------------------- */
.index-wrapper {
    background: #eee;
}

/* transition */
.slide-banners .owl-prev,
.slide-banners .owl-next,
.product-item .discount,
.pd-img .add-cart,
.product-item .img-hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* -------------------
 * product pic for public
 * ------------------- */
.pd-img,
.pd-img figure.img-hover,
.pd-img a {
    display: block;
    display: table-cell;
    width: 175px;
    height: 230px;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width:641px) {

    .pd-img,
    .pd-img figure.img-hover,
    .pd-img a {
        display: block !important;
    }
}

.pd-img {
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.pd-img img {
    max-width: 175px;
    max-height: 230px;
    vertical-align: middle;
}

.pd-img figure.img-hover {
    display: table-cell;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #fff;
}

.pd-img figure.img-hover span {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
}

.pd-img:hover figure.img-hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.pd-img .add-cart {
    background: #f56058;
    background: rgba(245, 96, 88, 0.8);
    height: 40px !important;
    line-height: 40px !important;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    font-size: 16px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pd-img .add-cart:hover {
    background: rgba(245, 96, 88, 1);
}

.pd-img:hover .add-cart {
    filter: alpha(opacity=60);
    opacity: 1;
    bottom: 0;
}

.product-item {
    width: 175px;
    text-align: left;
    float: left;
    padding: 0 16px;
}

.product-item .pd-img,
.product-item .pd-img figure.img-hover,
.product-item .pd-img a {
    display: block;
    display: table-cell;
    width: 175px;
    height: 230px;
    text-align: center;
    vertical-align: middle;
}

.product-item .pd-img {
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.product-item .pd-img img {
    max-width: 175px;
    max-height: 230px;
    vertical-align: middle;
    _width: 175px;
    _height: 230px;
}

.product-item .pd-img figure.img-hover {
    display: table-cell;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #fff;
}

.product-item .pd-img figure.img-hover span {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
}

.product-item .pd-img:hover figure.img-hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-item .pd-info {
    display: block;
    padding: 10px 0 0;
}

.product-item .pd-name {
    display: block;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    font-size: 12px;
    font-weight: normal;
}

.product-item .pd-name a {
    display: block;
}

.product-item .pd-price,
.product-item .pd-review {
    color: #666;
}

.product-item .pd-price {
    padding: 5px 0 0;
}

.product-item .pd-price del {
    padding: 0 5px 0 0;
}

.product-item .pd-price b {
    color: #eb3841;
}

.product-item .pd-review {
    position: relative;
    z-index: 888;
}

.product-item .pd-review img {
    vertical-align: middle;
    padding: 0 3px 0 0;
}

.product-item .pd-review * {
    vertical-align: middle;
}

.product-item .discount,
.goods-related .discount,
.rcmd-pd-item .discount {
    text-align: center;
    line-height: 18px;
    color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
}

.product-item .discount,
.product-item span.discount,
.goods-related .current-goods .discount,
.rcmd-pd-item .discount {
    display: block;
    width: 46px;
    height: 32px;
    line-height: 16px;
    padding: 10px 3px;
    background: #19b168;
    background: rgba(229, 46, 4, 0.9);
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9999;
}

.product-item .discount em,
.goods-related .discount em,
.rcmd-pd-item .discount em {
    display: block;
}

.product-item:hover .discount,
.goods-may-like .product-item:hover .discount,
.rcmd-pd-item:hover .discount {
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.product-item:hover .pd-img .img-hover,
.product-item:hover .pd-img .img-hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.product-item .discount,
.product-item .discount a,
.goods-related .current-goods .discount,
.goods-related .current-goods .discount a,
.rcmd-pd-item .discount,
.rcmd-pd-item .discount a {
    color: #fff;
}

/* -------------------
 * slide banner
 * ------------------- */
.owl-carousel {
    position: relative;
    display: none;
    z-index: 1;
}

.owl-loaded {
    display: block;
}

.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    position: relative;
    overflow: hidden;
}

.owl-carousel .owl-stage-outer {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0px, 0, 0);
}

.owl-carousel .owl-controls {
    height: 0;
    overflow: visible;
}

.owl-stage {
    position: relative;
}

.slide-banners-wrap {
    width: 840px;
    height: 390px;
    margin: -20px 0 25px 240px;
    position: relative;
    overflow: hidden;
    float: left;
    display: inline;
}

.slide-banners .slide-item {
    position: relative;
    overflow: hidden;
    display: none;
}

.slide-banners .slide-item img {
    width: 100%;
    height: auto;
}

.slide-banners .slide-item .banner-img {
    width: 4000px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.slide-banners .slide-item .banner-img img {
    width: auto;
}

.slide-banners .slide-item b {
    display: block;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    line-height: 2em;
    text-align: center;
    color: #fff;
    background: #ff9600;
    position: absolute;
    right: 2px;
    top: 2px;
    font-weight: normal;
    font-family: Arial;
}

.slide-banners .owl-dots {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5px;
    bottom: 10px\9;
    z-index: 999;
    text-align: center;
}

.slide-banners .owl-dots .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    margin: 0 8px 0 0;
}

.slide-banners .owl-dots .active {
    background: #ed3445;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.slide-banners .owl-prev,
.slide-banners .owl-next {
    display: block;
    width: 40px;
    height: 60px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    margin-top: -40px;
    text-indent: -9999em;
    overflow: hidden;
    filter: alpha(opacity=10)\0;
    opacity: 0.8;
    cursor: pointer;
}

.slide-banners .owl-prev {
    left: 0;
    background-position: -183px -298px;
    left: -40px;
}

.slide-banners .owl-next {
    right: 0;
    background-position: -230px -298px;
    right: -40px;
}

.slide-banners:hover .owl-prev,
.slide-banners:hover .owl-next {
    filter: alpha(opacity=60)\0;
    background-color: rgba(0, 0, 0, 0.6);
}

.slide-banners:hover .owl-prev {
    left: 0;
}

.slide-banners:hover .owl-next {
    right: 0;
}

.slide-banners .owl-prev:hover,
.slide-banners .owl-next:hover {
    background-color: rgba(0, 0, 0, 1);
}

.owl-loaded .slide-item {
    display: block !important;
}

/* title bar */
.index-tit-bar {
    height: 30px;
    line-height: 30px;
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
    margin: 0 auto 10px;
}

.index-tit-bar .title {
    display: inline;
    float: left;
    font-size: 18px;
    font-weight: normal;
}

.index-tit-bar .title em {
    color: #e53003;
}


/* -------------------
 * products
 * ------------------- */
.slide-products .owl-prev {
    display: block;
    width: 30px;
    height: 30px;
}

.slide-products .owl-nav {
    display: inline;
    position: absolute;
    right: 8px;
    top: -50px;
}

.slide-products .owl-prev,
.slide-products .owl-next {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(./img/slide_small_btns.png);
    background-repeat: no-repeat;
    background-color: #ccc;
    text-indent: -9999em;
    overflow: hidden;
    float: left;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.slide-products .owl-prev:hover,
.slide-products .owl-next:hover {
    background-color: #000;
}

.slide-products .owl-prev {
    background-position: 11px 10px;
    margin: 0 10px 0 0;
}

.slide-products .owl-next {
    background-position: -41px 10px;
}

.index-products {
    position: relative;
    overflow: hidden;
    margin: 0 auto 25px;
    border-top: 2px solid #19b168;
    background: #fff;
    padding: 0 0 15px;
}

.index-products .product-item {
    height: 315px;
    padding: 8px 20px 0;
}

.slide-products .product-items {
    width: auto;
    padding: 0 25px;
    /* display:none; */
}

.slide-products .product-item {
    padding: 12px 0 0 0;
}

.slide-products .owl-loaded {
    display: block;
}

/* -------------------
 * banners
 * ------------------- */
.banner-section {
    margin: 0 auto 25px;
}

.bn683,
.bn683 img {
    width: 683px;
    height: 238px;
}

.bn377,
.bn377 img {
    width: 377px;
    height: 238px;
}

.bn1080 img {
    width: 100%;
}



/* ===================================================
 * for subppage 
 * --------------------------------------------------- */

/* -------------------
 * promote
 * ------------------- */
.promote-bar {
    height: 36px;
    border: 1px solid #dadada;
    background: #fff;
    line-height: 36px;
    margin: -10px auto 10px;
}

.promote-bar ul {
    width: 100%;
    display: table;
}

.promote-bar li {
    display: table-cell;
    font-size: 14px;
    line-height: 38px;
    border-right: 1px dotted #ccc;
    text-align: center;
    *margin: 0 -1px 0 0;
}

.promote-bar li a:hover {
    text-decoration: none;
}

.promote-bar li em {
    color: #c00;
}

.promote-bar li p {
    display: inline-block;
    padding-left: 60px;
    background-image: url(./img/sub-bar-icos.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.promote-bar li:last-child {
    border-right: 0;
    padding-right: 0;
}

.promote-bar li.last {
    border-right: 0;
}

.promote-bar li.txt-1 p {
    background-position: 0 2px;
    padding: 0 0 0 45px;
}

.promote-bar li.txt-2 p {
    background-position: 0 -34px;
}

.promote-bar li.txt-3 p {
    background-position: 0 -83px;
}

.promote-bar li.txt-4 p {
    background-position: 0 -130px;
    padding: 0 0 0 40px;
    display: none;
}

.promote-bar li.txt-4 span.time-coming {
    color: #eee;
}

.promote-bar li {
    *float: left;
}

.promote-bar li.txt-1 {
    *width: 19%;
}

.promote-bar li.txt-2 {
    *width: 36%;
}

.promote-bar li.txt-3 {
    *width: 25%;
}

.promote-bar li.txt-4 {
    *width: 19%;
    min-width: 19%;
    border: 0;
}

.promote-bar li .next-time {
    color: #ccc;
}

/* -------------------
 * path
 * ------------------- */
.path-bar {
    height: 32px;
    margin: 0 auto 15px;
}

.path-bar .path-nav {
    display: inline;
    float: left;
    line-height: 30px;
}

.path-bar .path-nav li {
    position: relative;
    background: #fff;
}

.path-bar .path-nav li,
.path-bar .path-nav li a {
    float: left;
}

.path-bar .path-nav li a {
    padding: 0 15px 0 20px;
    height: 30px;
    border: 1px solid #dadada;
    margin: 0 -1px 0 0;
}

.path-bar .path-nav li a:hover,
.path-bar .path-nav li.current a {
    background-color: #333;
    border-color: #333;
    color: #fff;
    text-decoration: none;
}

.path-bar .path-nav li .current {
    background: #333;
    border-color: #333;
}

.path-bar .path-nav li .ico-home {
    padding: 0 12px;
}

.path-bar .path-nav li .ico-home b {
    display: block;
    width: 15px;
    height: 20px;
    background-position: -283px -358px;
    position: relative;
    top: 4px;
}

.path-bar .path-nav li .ico-home:hover b {
    background-position: -283px -380px;
}

.path-bar .path-nav li a:before,
.path-bar .path-nav li a:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 16px 10px;
    border-style: dashed dashed dashed solid;
    position: absolute;
    right: -21px;
    top: 0;
    z-index: 11;
    -webkit-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;
}

.path-bar .path-nav li a:before {
    border-color: transparent transparent transparent #dadada;
}

.path-bar .path-nav li a:after {
    border-color: transparent transparent transparent #fff;
    right: -20px;
}

.path-bar .path-nav li a:hover:before,
.path-bar .path-nav li.current a:before {
    border-color: transparent transparent transparent #fff;
}

.path-bar .path-nav li a:hover:after,
.path-bar .path-nav li.current a:after {
    border-color: transparent transparent transparent #333;
}

.path-bar .path-nav li.current {
    font-weight: bold;
}

.path-bar .path-nav li a:hover {
    background: #333;
    border-color: #333;
}

.path-bar .path-nav li a:hover,
.path-bar .path-nav li a:hover {
    color: #fff;
}

/* -------------------
 * aside
 * ------------------- */
.aside {
    width: 205px;
    float: left;
    padding: 0 0 30px;
}

.aside .side-tit-bar {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background: #19b168;
    border-radius: 3px 3px 0 0;
}

.aside .side-tit-bar .side-tit {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.aside .side-tit-bar .side-tit,
.aside .side-tit-bar .side-tit a {
    color: #fff;
}

.aside .side-widget {
    background: #fff;
    margin: 0 auto 15px;
    border-radius: 3px 3px 0 0;
}

.aside .side-cont {
    padding: 10px;
}

.aside .side-cate {
    padding: 10px 3px;
}

.aside .side-cate {
    line-height: 2.2em;
}

.aside .side-cate li a:hover {
    background-color: #f5f5f5;
    text-decoration: none;
    color: #333;
}

.aside .side-cate li a {
    display: block;
    padding: 0 0 0 25px;
    background-image: url(./img/li_ico_1.png);
    background-position: 13px 13px;
    background-repeat: no-repeat;
}

.aside .side-cate li li a {
    padding: 0 0 0 42px;
    background-position: 29px 8px;
}

.narrow-by {
    padding: 0 0 15px;
}

.narrow-by ul>li:last-child {
    border-bottom: 0;
}

.narrow-by li {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.narrow-by li ul {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.narrow-by li li {
    border: 0;
    padding: 0;
}

.narrow-by li li span {
    padding: 0 0 0 8px;
    color: #999;
}

.narrow-by li a {
    display: block;
    display: block;
    height: 22px;
    padding: 2px 5px 2px 2px;
    text-transform: uppercase;
}

.narrow-by li a:hover {
    color: #333;
    text-decoration: none;
}

.narrow-by li a.with-ul-tit {
    position: relative;
}

.narrow-by li a.with-ul-tit b {
    position: absolute;
    right: 0;
    top: 4px;
    display: block;
    width: 16px;
    height: 16px;
    background-position: -197px 4px;
}

.narrow-by li ul {
    padding: 5px 0 0;
}

.narrow-by li li a {
    background-position: -285px 4px;
    padding: 0 0 0 22px;
    text-transform: capitalize;
}

.narrow-by li li a:hover,
.narrow-by li li a.selected {
    background-position: -285px -56px;
    text-decoration: none;
}

.narrow-by li.with-ul-hide a.with-ul-tit b {
    background-position: -183px 4px;
}

.narrow-by li a.with-ul-tit:hover b {
    background-position: -197px -13px;
    background-color: #19b168;
}

.narrow-by li.with-ul-hide a.with-ul-tit:hover b {
    background-position: -183px -13px;
}

.side-bn {
    margin: 0 auto 15px;
}

.side-bn img {
    width: 205px;
}

.products-scroll-list {
    height: 470px;
    position: relative;
    overflow: hidden;
}

.products-scroll-list li {
    padding: 0 0 15px 3px;
}

.products-scroll-list li img {
    float: left;
    padding: 0 10px 0 0;
    width: 76px;
}

.products-scroll-list li p {
    max-height: 88px;
    line-height: 22px;
    overflow: hidden;
    _height: 88px;
}




/* ===================================================
 * product list 
 * --------------------------------------------------- */

.main {
    width: calc(100% - 240px);
    float: right;
    padding: 0 0 30px;
}

.main-wrap {
    padding: 20px 20px 0;
    border: 1px solid #dadada;
    border-top: 2px solid #333;
    border-bottom-color: #d2d2d2;
    background-color: #fff;
}

.main-banner {
    margin: 0 auto 10px;
}

.main-banner img {
    margin: 0 0 6px 0;
}

.main-banner .slide-banners {
    width: 880px;
    height: auto;
    margin: 0 auto 10px;
    float: none;
}

.main-banner .slide-banners .owl-dots {
    bottom: 5px;
}

.main-banner .slide-banners .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
}

.goods-summary {
    color: #666;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6em;
    padding: 10px 0;
}

/* sort by */
.sort-by {
    padding: 20px 0;
}

.sort-by ul li {
    padding: 0 8px 0 0;
}

.sort-by ul li a {
    line-height: 25px;
    padding: 0 18px 0 12px;
    border: 1px solid #ddd;
    float: left;
    position: relative;
    margin: 0 10px 0 0;
    border-radius: 4px;
    background-color: #fff;
}

.sort-by ul li a:hover {
    text-decoration: none;
    color: #333;
    border-color: #ed532f;
}

.sort-by ul li.selected a {
    border-color: #ed532f;
}

.sort-by ul li .arrow-down,
.sort-by ul li .arrow-up {
    display: block;
    width: 9px;
    height: 5px;
    position: absolute;
    right: 6px;
    top: 10px;
}

.sort-by ul li .arrow-down {
    background-position: -100px -96px;
}

.sort-by ul li.selected .arrow-down {
    background-position: -109px -96px;
}

.sort-by ul li .arrow-up {
    background-position: -118px -96px;
}

.sort-by ul li.selected .arrow-up {
    background-position: -127px -96px;
}

/* page */
.pager {
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #eee;
    margin: 0 -20px;
}

.pager a,
.pager span {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    font-size: 14px;
    margin: 0 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}

.pager a.current,
.pager span.current,
.pager a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.pager span.dots {
    border: 0;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0 8px;
}

.page-bar {
    padding: 20px 0;
}

/* title */
.main-tit-bar {
    padding: 5px 0 8px;
    border-bottom: 2px solid #000;
    margin: 0 0 -2px;
    position: relative;
}

.main-tit-bar .title {
    display: inline;
    float: left;
    font-size: 18px;
    font-weight: normal;
}

.main-tit-bar .share-this {
    display: inline;
    float: right;
    padding: 6px 0 0;
}

/* list */
.product-list {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.product-list .product-items {
    width: 108%;
}

.product-list .product-item {
    padding: 0 40px 0 0;
    height: 330px;
}


.main.pro_main{
        width: 100%;
}
.sys_sub_head { position: relative; z-index: 1; z-index: 1; text-align: left; }
.head_bn_item img {width:100%; }
.path_bar { background: #505050; position: relative; padding:10px 0;}
.path_bar ul { font-size: 0; }
.path_bar li { display: inline; letter-spacing: 0; }
.path_bar li, .path_bar li a { color: #fff; font-size: 14px; line-height: 38px; }
.path_bar li:before { position: relative; margin: 0 5px; content: '/'; vertical-align: baseline; }
.path_bar li:first-child:before { display: none; }
.sys_sub_head .pagnation_title { font-size: 54px;text-transform: capitalize; color: #fff; position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; }
.mobile-head-items { display: none; }
.web_main.page_main{
    margin-top:15px ;
}
/* ===================================================
 * product detail 
 * --------------------------------------------------- */

.detail-wrap {
    background: #fff;
    padding: 15px;
    border: 1px solid #e8e8e8;
    margin: 0 auto 30px;
}

.product-intro {
    width: 100%;
    position: relative;
    padding: 0 0 30px;
}

/* -------------------
 * product photos
 * ------------------- */
.product-view {
    width: 422px;
    float: left;
    position: relative;
    z-index: 3333;
    padding: 0 0 10px;
    background: #fff;
}

.product-view .text-tips {
    clear: both;
    color: #666;
    padding: 15px 0;
    line-height: 1.5em;
}

.product-view .product-img {
    display: block;
    width: 420px;
    text-align: center;
    border: 1px solid #eee;
    overflow: hidden;
    margin: 0 auto 20px;
    cursor: pointer;
}

.product-view .product-img img {
    width: 100%;
    height: auto;
    position: relative;
}

.product-view .share-bar {
    display: block;
    padding: 15px 0 0;
}

.product-view .share-this {
    display: inline;
    float: right;
    padding: 0 0 0 20px;
}

.product-intro .product-view .add-to-wishlist {
    height: 20px;
    line-height: 20px;
    padding-right: 0;
    border: 0;
    text-transform: inherit;
    float: right;
    margin-top: 3px;
    background-position: -277px -101px;
    padding-left: 26px;
    font-size: 14px;
    color: #333;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
}

.small-img-scroll {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.small-img-scroll li {
    margin: 0 5px;
    display: inline;
}

.small-img-scroll li.disabled {
    display: block;
}

.small-img-wrap {
    padding: 0 15px;
    position: relative;
}

.small-img-wrap .small-img-slide {
    padding: 0 30px;
    width: auto;
}

.small-img-wrap .small-img-item {
    display: block;
    display: table-cell;
    width: 65px;
    height: 65px;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    overflow: hidden;
}

.small-img-wrap .small-img-item img {
    vertical-align: middle;
    *height: 65px;
    width: auto;
    max-width: 65px;
    max-height: 65px;
}

.small-img-wrap .current .small-img-item {
    border-color: #ed532f;
}

.small-img-wrap .small-btn-prev,
.small-img-wrap .small-btn-next {
    display: block;
    width: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    text-indent: -9999em;
    overflow: hidden;
    background-image: url(./img/img_scroll_btns.png);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

.small-img-wrap .small-btn-prev:hover,
.small-img-wrap .small-btn-next:hover {
    border-radius: 3px;
}

.small-img-wrap .small-btn-prev {
    background-position: 0 center;
    left: 0;
}

.small-img-wrap .small-btn-next {
    background-position: right center;
    right: 0;
}

.small-img-wrap .small-btn-prev.disabled:hover,
.small-img-wrap .small-btn-next.disabled:hover,
.small-img-wrap a.disabled {
    background-color: transparent;
    cursor: default;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.product-view .product-img {
    position: relative;
}

.product-view .img-loading {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff url(./img/loading.gif) center center no-repeat;
    z-index: 333;
}

/* -------------------
 * photo gallery
 * ------------------- */
.container {
    position: relative;
    overflow: hidden;
}

.photos-gallery {
    width: 800px;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 1px;
    overflow: hidden;
    background: #fff;
    z-index: 999999;
    display: none;
}

.photos-gallery .close-gallery {
    display: block;
    width: 25px;
    height: 25px;
    background: url(./img/close_pop.png) center center no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: pointer;
}

.photos-gallery .close-gallery:hover {
    opacity: 1;
}

.photos-gallery .gallery-main {
    overflow: hidden;
    position: relative;
    background: #eee;
}

.photos-gallery .gallery-photo {
    float: left;
    width: 490px;
    padding: 15px 50px 1000px;
    margin-bottom: -970px;
    position: relative;
    background: #fff;
}

.photos-gallery .gallery-photo img {
    width: 100%;
    height: auto;
}

.gallery-small-imgs {
    width: 200px;
    float: right;
    padding: 15px 5px 15px 5px;
}

.gallery-small-imgs li {
    float: left;
    width: 54px;
    text-align: center;
    padding: 5px 6px;
}

.gallery-small-imgs li a {
    display: block;
    margin: 0 auto;
    display: table-cell;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}

.gallery-small-imgs li a:hover,
.gallery-small-imgs li.current a {
    border-color: #ed532f;
}

.gallery-small-imgs li a:hover {
    padding: 1px;
    border-width: 1px;
    background: #fff;
}

.gallery-small-imgs li.current a:hover {
    padding: 0;
    border-width: 2px;
}

.gallery-small-imgs li.disabled {
    display: block;
}

.gallery-small-imgs li img {
    *height: 50px;
    *width: auto;
    max-width: 50px;
    max-height: 50px;
}

.gallery-body-mask {
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
}

.photos-gallery .gallery-photo-title {
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 14px;
}

.photos-gallery .photo-box {
    position: relative;
    background: url(./img/loading.gif) center center no-repeat;
}

.photos-gallery .photo-prev,
.photos-gallery .photo-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 22px;
    height: 40px;
    background-image: url(./img/gallery_btns.png);
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -9999em;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
}

.photos-gallery .photo-prev:hover,
.photos-gallery .photo-next:hover {
    background-color: #999;
}

.photos-gallery .photo-prev {
    background-position: 4px 5px;
    left: -40px;
}

.photos-gallery .photo-next {
    background-position: -14px 5px;
    right: -40px;
}

.photos-gallery .photo-prev:hover {
    background-position: 4px -30px;
}

.photos-gallery .photo-next:hover {
    background-position: -14px -30px;
}



/* Product Shop
----------------------------- */
.product-shop {
    background: #fff;
    padding: 10px 0;
    margin: 0 auto 10px;
}

.product-shop dl {
    padding: 0 0 10px;
    position: relative;
}

.product-shop dl dt {
    width: 135px;
    float: left;
    font-weight: bold;
    margin-top: 3px;
}

.product-shop dl dt i {
    color: #f00;
    padding: 0 5px 0 0;
    font-size: 14px;
    vertical-align: middle;
}

.product-shop dl dd {
    width: 460px;
    float: right;
}

.product-shop dl dd .text-area {
    width: 345px;
    padding: 4px;
    height: 60px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    resize: none;
}

.product-shop dl dd .form-input {
    width: 343px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ddd;
    padding: 0 5px;
}

.product-shop .shipping-info {
    text-align: right;
}

.product-shop .custom-form dl dt {
    color: #666;
}

.self-color,
.custom-form {
    display: none;
}

.color-img-pop {
    padding: 0 0 8px;
    position: relative;
    margin-top: -4px;
}

.select-box {
    width: 355px;
    position: relative;
}

.select-box a:hover {
    text-decoration: none;
}

.select-box .select-value {
    display: block;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #dfdfdf;
    position: relative;
    color: #999;
    cursor: default;
}

.select-box .select-value:after {
    content: "";
    display: block;
    width: 21px;
    height: 17px;
    position: absolute;
    right: 4px;
    top: 5px;
    background-position: -98px -100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
    border-left: 1px solid #aaa;
    background-image: url(./img/theme-sprites.png);
    background-repeat: no-repeat;
}

.select-box:hover .select-value:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.select-box .select-list {
    width: 100%;
    background: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: 26px;
    z-index: 999;
}

.select-box .select-list ul {
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #ddd;
    background: #fff;
}

.select-box .select-list li,
.select-box .select-list li a,
.select-box .select-value a {
    color: #666;
}

.select-box .select-list li a {
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 10px;
}

.select-box .select-list li a:hover {
    background: #eee;
    text-decoration: none;
    cursor: default;
}

.select-box select {
    display: none;
}

.select-open .select-list {
    display: block;
}

.choose-color .color-list,
.product-summary .size-list {
    position: relative;
    bottom: -3px;
}

.choose-color .color-list li {
    float: left;
    margin: 0 8px 5px 0;
    position: relative;
    line-height: 12px;
}

.choose-color .color-list li label {
    display: inline-block;
}

.choose-color .color-list li .color-small-img {
    display: inline-block;
    position: relative;
}

.choose-color .color-list li img {
    float: left;
    position: relative;
}

.choose-color .color-list li input {
    position: absolute;
    left: -9999em;
    top: 0;
}

.choose-color .color-list li .color-small-img img {
    height: 20px;
}

.choose-color .color-list li .color-small-img {
    display: inline-block;
    position: relative;
}

.choose-color .color-list li.checked .color-small-img img {
    _border: 1px solid #f00;
}

.choose-color .color-list li.checked .ico-tick {
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: -5px;
    top: -2px;
    background-position: -60px -153px;
    background-image: url(./img/theme-sprites.png);
    background-repeat: no-repeat;
}

.choose-color .color-list .radio-custom-set .label-text {
    height: 18px;
    line-height: 18px;
}

.choose-color .color-img-pop,
.tags-for-color .color-img-pop {
    width: 150px;
    padding: 10px 10px 6px;
    border: 1px solid #ddd;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 25px;
    position: absolute;
    left: 50%;
    margin-left: -86px;
    bottom: 32px;
    display: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.choose-color .color-list li .color-img-pop img,
.tags-for-color li .color-img-pop img {
    width: 100%;
    height: auto;
    float: none;
    display: block;
    margin: 0 auto;
}

.choose-color .color-img-pop .color-name,
.tags-for-color .color-img-pop .color-name {
    display: block;
    padding: 5px 0 0;
    text-align: center;
}

.choose-color .color-list li.hover,
.tags-for-color .color-list li.hover {
    position: relative;
    z-index: 9999;
}

.choose-color .color-list li:hover .color-img-pop,
.tags-for-color li:hover .color-img-pop {
    display: block;
}

/*.choose-color .color-list li.checked:hover .color-img-pop{display: none;}
*/
.product-summary .size-list li {
    float: left;
    margin: 0 10px 5px 0;
    position: relative;
    cursor: default;
}

.product-summary .size-list li span.size-value,
.radio-custom-set .label-text {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 12px;
    border: 1px solid #ccc;
    position: relative;
}

.product-summary .size-list li input {
    position: absolute;
    left: -9999em;
    top: 0;
}

.product-summary .size-list li.checked .size-value {
    border-color: #f60;
}

.product-summary .size-list li.checked .ico-tick {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: -4px;
    bottom: -4px;
    background-position: -58px -168px;
    background-image: url(./img/theme-sprites.png);
    background-repeat: no-repeat;
}

.product-shop dl.check-item {
    padding: 0 0 15px;
    font-weight: bold;
}

.product-shop dl.check-item dt,
.product-shop dl.check-item dd {
    width: auto;
    display: inline;
    float: none;
}

.product-shop dl.check-item * {
    vertical-align: middle;
}

.product-summary .product-buy {
    padding: 5px 0 20px;
}

.product-summary .text-safe {
    clear: both;
    text-align: right;
}

.product-summary .btn-minus,
.btn-plus {
    display: inline;
    padding: 9px 12px;
    line-height: 10px;
    background: #eee;
    float: left;
    margin: 0 0 0 5px;
    cursor: pointer;
}

.product-summary .btn-minus:before,
.btn-plus:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-style: dashed dashed dashed solid;
    border-width: 4px;
    border-color: transparent transparent transparent #333;
    overflow: hidden;
    position: relative;
    z-index: 22;
}

.product-summary .btn-minus:hover,
.product-summary .btn-plus:hover {
    background-color: #ddd;
}

.product-summary .btn-minus:before {
    border-style: dashed solid dashed dashed;
    border-color: transparent #333 transparent transparent;
    margin-left: -5px;
}

.product-summary .btn-plus:before {
    margin-right: -5px;
}

.product-summary .add-to-row-prices {
    display: inline;
    float: left;
    padding: 0 20px 0 0;
}

.product-summary .choose-qty {
    float: left;
}

.product-summary .choose-qty label {
    float: left;
    vertical-align: middle;
    padding: 0 8px 0 0;
    line-height: 26px;
}

.product-summary .btn-minus,
.product-summary .btn-plus,
.product-summary .ipt-qty {
    float: left;
    margin: 0 5px 0 0;
}

.product-summary .ipt-qty {
    width: 32px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 5px 0 0;
}

.product-summary .ipt-qty:focus {
    border-color: #aaa;
}

.product-summary .form-item .radio-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.product-summary .form-item .form-error-msg {
    color: #f00;
    display: none;
    clear: both;
    margin: 5px 0 0;
    border-radius: 0.2px;
    border: 1px solid #fcefd3;
    background: #fffce6;
    float: left;
    padding: 1px 20px 1px 8px;
}

.product-intro .add-to-cart {
    display: inline-block;
    height: 40px;
    float: left;
    line-height: 40px;
    border: 0;
    text-align: center;
    cursor: pointer;
    margin: 0 8px 0 0;
    font-weight: bold;
    text-transform: uppercase;
    background: #ED6D00;
    color: #FFF;
    border-radius: 5px;
    border: :1px solid #ED6D00;
    margin-top: -5px;
}

.product-intro .add-to-cart,
.product-intro input.add-to-cart {
    width: 187px;
    height: 40px;
    background-position: -1px -195px;
    color: #fff;
    border: 0;
    float: left;
}

.product-intro input.add-to-cart {
    padding-right: 15px;
}

.product-intro .add-to-cart:hover {
    opacity: 0.8;
}

.product-intro .add-to-wishlist {
    display: inline-block;
    height: 38px;
    float: left;
    line-height: 38px;
    border: 0;
    text-align: left;
    cursor: pointer;
    margin: 2px 8px 0 0;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 5px;
    margin-top: -5px;
}

.product-intro .add-to-wishlist,
.product-intro input.add-to-wishlist {
    width: 140px;
    padding-left: 50px;
    color: #333;
    background-image: url(./img/icons04.png);
    background-repeat: no-repeat;
    background-position: left center;
}



/* -------------------
 * product summary
 * ------------------- */
.product-summary {
    width: 520px;
    float: right;
    position: relative;
}

.product-summary .product-shop {
    background: none;
    margin-bottom: 0;
}

.product-summary .product-shop dl {
    padding: 0 0 10px;
}

.product-summary .product-shop dl dd {
    width: 350px;
    padding: 0 20px 0 0;
}

.product-summary .size-list li span.size-value,
.radio-custom-set .label-text {
    background-color: #fff;
}

.product-summary .product-title {
    font-size: 16px;
    line-height: 1.3em;
    padding: 0 0 5px;
    color: #000;
    font-weight: normal;
}

.product-summary .product-meta {
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
}

.product-summary .product-meta .product-id {
    display: inline;
}

.product-summary .product-meta .review-wrap {
    display: inline;
    padding: 0 0 0 5px;
}

.product-summary .price-bar {
    width: 100%;
    min-height: 32px;
    _height: 32px;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px dotted #dadada;
    line-height: 32px;
}

.product-summary .price-bar .goods-time-count {
    position: absolute;
    line-height: 28px;
    right: 0;
    top: 10px;
}

.product-summary .price-bar .goods-time-count p {
    display: none;
    padding: 0 0 0 32px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(./img/sub-bar-icos.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -6px -135px;
}

.product-summary .price-bar .old-price,
.product-summary .price-bar .special-price {
    display: inline;
    float: left;
    padding: 0 12px 0 0;
    font-size: 16px;
}

.product-summary .price-bar .special-price {
    padding: 0 10px 0 0;
}

.product-summary .price-bar .old-price {
    color: #999;
    text-decoration: line-through;
}

.product-summary .price-bar .special-price {
    font-size: 20px;
}

.product-summary .price-bar .special-price,
.product-summary .price-bar .discount {
    color: #c20000;
}

.product-summary .price-bar {}

.product-summary .change-currency {
    width: 52px;
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    line-height: 32px;
    position: relative;
}

.product-summary .change-currency .currency-value {
    display: block;
    padding: 1px 1px 0 8px;
}

.product-summary .change-currency .arrow {
    display: block;
    width: 9px;
    height: 4px;
    position: absolute;
    right: 6px;
    top: 15px;
    background-position: -100px -97px;
}

.product-summary .currency-menu {
    width: 50px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 12px;
    line-height: 25px;
    display: none;
}

.product-summary .currency-menu li a {
    display: block;
    padding: 0 0 0 8px;
    margin: 0 -1px;
    position: relative;
}

.product-summary .currency-menu li a:hover {
    background: #e56766;
    color: #fff;
    text-decoration: none;
}

.product-summary .currency-show {
    z-index: 9999;
}

.product-summary .currency-show .currency-value {
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 0 0 0 7px;
}

.product-summary .currency-show .currency-menu {
    display: block;
}

.product-summary .select-box .select-value:after {
    background-position: -30px -120px;
}

.product-summary .choose-color .color-list li.checked .ico-tick {
    background-position: 0 -124px;
}

.product-summary .size-list li.checked .ico-tick {
    background-position: 0 -140px;
}

.product-summary .choose-color .color-list li .color-small-img {
    height: 20px;
}

.product-summary .choose-color .color-list li .color-small-img img {
    height: 20px;
}

.product-summary .product-shop dl {
    line-height: 28px;
}

.product-summary .product-shop dl dt {
    width: 80px;
}

.product-summary .product-shop dl dd {
    width: 475px;
}

.product-summary .form-item .form-error-msg {
    border: 0;
    background: none;
    padding: 0;
    line-height: 20px;
    margin: 0;
}

.product-summary .custom-size-form {
    display: none;
}

.product-intro .add-to-cart,
.product-intro input.add-to-cart,
.product-intro .add-to-wishlist,
.product-intro input.add-to-wishlist {
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    margin-top: -1px;
    padding: 0;
    font-weight: normal;
}

.product-intro .add-to-cart,
.product-intro input.add-to-cart {
    background: #ed3445;
}

.product-intro .add-to-wishlist,
.product-intro input.add-to-wishlist {
    background-color: #fff;
    padding: 0 20px 0 34px;
    width: auto;
    height: 28px;
    line-height: 28px;
}

.product-intro .add-to-wishlist:hover,
.product-intro input.add-to-wishlist:hover {
    background-color: #ed3445;
    background-position: -273px -124px;
    color: #fff;
    border-color: #ed3445;
}

.wholesale-info {
    display: table;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px dotted #dadada;
}

.wholesale-info .wholesale-title,
.wholesale-info .wholesale-price-info {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.wholesale-info .wholesale-title {
    width: 10em;
    line-height: 24px;
}

.wholesale-info .wholesale-price-info table {
    border: 0 !imprtant;
    width: 70%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.wholesale-info .wholesale-price-info th,
.wholesale-info .wholesale-price-info td {
    border: 0;
    text-align: left;
    padding: 0;
    height: 24px;
}

.wholesale-info .wholesale-price-info tr:hover td {
    background-color: #ffffcd;
}

.wholesale-info .wholesale-price-info td {
    border-top: 1px solid #eee;
}

/* other info */
.product-summary .other-item {
    display: table;
    width: 100%;
    padding: 0 0 15px;
    line-height: 20px;
}

.product-summary .other-item,
.product-summary .other-item a {
    color: #666;
}

.product-summary .other-item dt {
    display: table-cell;
    width: 70px;
    padding: 0 10px 0 0;
    *float: left;
}

.product-summary .other-item dd {
    *width: 420px;
    *float: left;
}

.product-summary .other-item span.line {
    padding: 0 6px;
}

/* -------------------
 * detail
 * ------------------- */
.detail-tbar,
.detail-tabs {
    height: 26px;
    line-height: 28px;
    /* border-bottom:2px solid #19b168; */
    font-size: 12px;
    margin: 0 auto 30px;
}

.detail-tbar h2,
.detail-tbar h2 a,
.detail-tabs h2,
.detail-tabs h2 a {
    color: #fff;
}

.detail-tbar h2,
.detail-tabs h2 {
    float: left;
    padding: 0 15px;
    background: #6f6f6f;
    border-radius: 3px 3px 0 0;
    font-size: 12px;
    margin: 0 2px -2px 0;
    position: relative;
    z-index: 22;
}

.detail-tbar h2.current,
.detail-tabs h2.current,
.detail-tabs .current h2 {
    background: #19b168;
}

.detail-tabs h2 {
    cursor: pointer;
}

.detail-tabs .tab {
    display: inline;
    float: left;
}

.product-detail {
    padding: 0 0 40px;
}

.product-detail .entry {
    padding: 0 10px;
}

.product-detail .entry p {
    padding: 0 0 20px;
}


/* -------------------
 * other products
 * ------------------- */
.goods-related {
    margin: 0 auto 35px;
}

.goods-related .current-goods span.discount {
    display: none;
}

.goods-related .current-goods {
    width: 195px;
    float: left;
    position: relative;
    border: 1px solid #19b168;
    margin: 0 30px 0 0;
    margin: 0 32px 0 0;
}

.goods-related .current-goods img {
    width: 100%;
    height: auto;
}

.goods-related .icon-add {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background-position: -163px -47px;
    margin: 75px 32px 0 0;
}

.goods-related .related-list {
    width: 530px;
    float: left;
    overflow: hidden;
    overflow-x: auto;
}

.goods-related .related-list ul {
    width: 10000%;
}

.goods-related .related-list ul li {
    width: 102px;
    float: left;
    line-height: 22px;
    margin: 0 32px 0 0;
    padding: 0 0 10px;
}

.goods-related .related-list ul li,
.goods-related .related-list ul li a {
    color: #666;
}

.goods-related .related-list .pd-img,
.goods-related .related-list .pd-img figure.img-hover,
.goods-related .related-list .pd-img a {
    width: 100px;
    height: 131px;
}

.goods-related .related-list .pd-img img {
    max-width: 100px;
    max-height: 131px;
}

.goods-related .related-list ul .pd-img:hover img {
    opacity: 0.8;
}

.goods-related .related-list ul .pd-name {
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    display: block;
    padding: 5px 0 0;
}

.goods-related .related-list ul .pd-price del {
    display: block;
}

.goods-related .related-list ul .pd-price input,
.goods-related .related-list ul .pd-price b {
    vertical-align: middle;
}

.goods-related .related-list ul .pd-price b {
    color: #ef4e4d;
}

.goods-related .buy-act {
    width: 190px;
    float: right;
    color: #666;
}

.goods-related .total-price {
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 10px;
}

.goods-related .buy-act .buy-together {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background: #19b168;
    border: none;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 14px;
}

.goods-may-like {
    margin: 0 auto 25px;
}

.goods-may-like .product-item {
    margin-right: 0;
    float: none;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.goods-may-like .owl-nav {
    top: -55px;
}

.detail-product-slides {
    width: 1068px;
}

.goods-may-like .owl-nav {
    display: inline;
    position: absolute;
    right: 0;
    top: -59px;
}

.goods-may-like .owl-prev,
.goods-may-like .owl-next {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    background-color: #fff;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
}

.goods-may-like .owl-prev {
    background-position: -212px -107px;
    margin: 0 6px 0 0;
}

.goods-may-like .owl-next {
    background-position: -230px -107px;
}

.goods-may-like .owl-prev,
.goods-may-like .owl-next {
    border: 1px solid #ddd;
}

.goods-may-like .owl-prev:hover,
.goods-may-like .owl-next:hover {
    border-color: #ccc;
}

.goods-may-like .goods-item:hover .goods-img img {
    opacity: 0.8;
}

.goods-may-like .product-item:hover {
    margin: 0;
    border-bottom: 0;
    padding-bottom: 10px;
}

.detail-product-slides {
    overflow: hidden;
    height: 295px;
}


/* ===================================================
 * blog list 
 * --------------------------------------------------- */
.blog-list {
    background: #fff;
    padding: 0 0 80px;
    margin: 0 auto 15px;
}

.blog-list .blog-item {
    padding: 20px 0;
    position: relative;
    margin: 0 15px 5px 15px;
}

.blog-list .blog-item .blog-img {
    float: left;
    width: 200px;
    height: auto;
    margin: 0 20px 8px 0;
}

.blog-list .blog-item .blog-tit {
    font-size: 16px;
}

.blog-list .blog-item .blog-meta {
    display: block;
    color: #aaa;
}

.blog-list .blog-item .blog-meta span {
    display: inline;
    padding: 0 15px 0 0;
}

.blog-list .blog-item .blog-summary {
    padding: 8px 0;
    color: #999;
}

.blog-list .blog-item .readmore {
    display: block;
    text-align: right;
    font-size: 14px;
    margin-top: 20px;
}

.blog-list .blog-item .readmore a {
    color: #198bd2;
}

.blog-list .blog-item .readmore a:hover {
    text-decoration: none;
}

.blog-list .blog-item .readmore i {
    font-size: 14px;
}

.blog-list .blog-item:hover {
    background: #fafafa;
}

.blog-list .blog-item:hover img {
    opacity: 0.8;
}

.blog-list .blog-item:before {
    content: "";
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-top: 1px double #000;
    border-bottom: 1px double #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
}

.main .blog-article {
    position: relative;
    /*border-top: 2px solid #000;*/
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: -1px;
    margin-top: -5px;
    padding-bottom: 35px;
}

.blog-list {
    padding-bottom: 0;
}

.blog-list .blog-item:hover {
    background: none;
}

.blog-list .blog-item a:hover {
    text-decoration: underline;
}

.blog-list .blog-item:last-child:before,
.blog-list .blog-item:last-child:after {
    display: none;
}

.blog-list .blog-item.last-child:before,
.blog-list .blog-item.last-child:after {
    display: none;
}

.main-wrap .pager span.dots {
    background: none;
}

.online-service {
    width: 132px;
    height: 400px;
    overflow: visible;
    overflow-x: hidden;
    display: block;
}


.task-cont-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10009;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.cart-successful {
    position: relative;
    width: 440px;
    margin: 300px auto 0;
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
}

.cart-successful .successful-point {
    position: relative;
    text-align: center;
    padding: 32px 0 25px;
}

.cart-successful .successful-point:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 1px;
    display: block;
    overflow: hidden;
    background: #d6d6d6;
}

.cart-successful .successful-point .title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    line-height: 44px;
    padding: 0 0 0 49px;
    background: url(./img/suc-ico.png) no-repeat left center;
    font-size: 14px;
    font-weight: normal;
}

.cart-successful .successful-point p {
    color: #bd0000;
    font-size: 14px;
}

.cart-successful .successful-point .title img {
    margin: 0 7px 0 0;
}

.cart-successful .cart-successful-close {
    width: 14px;
    height: 14px;
    background: url(./img/suc-close.png) no-repeat center center;
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    z-index: 11000
}

.cart-successful .successful-button {
    position: relative;
    background: #ededed;
    padding: 12px 17px 14px;
    overflow: hidden;
}

.cart-successful .successful-button .return-current,
.cart-successful .successful-button .to-checkout {
    position: relative;
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 34px;
    border: 1px solid transparent;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-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;
}

.cart-successful .successful-button .return-current {
    float: left;
    border-color: #e7e7e7;
    background: #ffffff;
}

.cart-successful .successful-button .to-checkout {
    float: right;
    border-color: #eda2a8;
    background: #ed3445;
    color: #FFF;
}

.cart-successful .successful-button .return-current:hover {
    background: none;
    border-color: #eda2a8;
}

.cart-successful .successful-button .to-checkout:hover {
    color: #ed3445;
    background: none;
}

.ad_mk {
    display: none !important;
}

.entry .addtocart {
    display: none;
}

/*-------------------------------
			swiper-slide start
			----------------------------------*/
.slider_banner {
    position: relative;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

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

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

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

.swiper-button-next:before,
.swiper-button-prev:before {
    display: inline-block;
}

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

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.3;
    cursor: auto;
    /* pointer-events:none; */
}

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

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

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

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

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

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

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

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 100%;
    text-align: center;
    font-size: 0;
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet,
.swiper-pagination-bullet:before,
.swiper-pagination-bullet:after {
    display: inline-block;
    width: 80px;
    height: 2px;
    vertical-align: top;
}

.swiper-pagination-bullet {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: none;
}

.swiper-pagination-bullet:before {
    background-color: #fff;
    content: '';
}

.swiper-pagination-bullet-active:before {
    background-color: #f4e342;
    height: 2px;
}

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

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

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

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .3s -webkit-transform;
    -o-transition: .2s transform, .3s top;
    transition: .2s top, .3s -webkit-transform;
    transition: .2s transform, .3s top;
    transition: .2s transform, .3s top, .3s -webkit-transform;
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .3s -webkit-transform;
    -o-transition: .2s transform, .3s left;
    transition: .2s left, .3s -webkit-transform;
    transition: .2s transform, .3s left;
    transition: .2s transform, .3s left, .3s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .3s -webkit-transform;
    -o-transition: .2s transform, .3s right;
    transition: .2s right, .3s -webkit-transform;
    transition: .2s transform, .3s right;
    transition: .2s transform, .3s right, .3s -webkit-transform;
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007aff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(0);
    -ms-transform-origin: left top;
}

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

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

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

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

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

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

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

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000;
}

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

.swiper-scrollbar {
    position: relative;
    border-radius: 10px;
    background: rgba(0, 0, 0, .1);
    -ms-touch-action: none;
}

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin-top: -21px;
    margin-left: -21px;
    width: 42px;
    height: 42px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -ms-transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

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

.swiper-lazy-preloader-white:after {}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

@media screen and (max-width: 480px) {
    .swiper-pagination-bullet {
        margin: 0 5px;
        width: 10px;
        height: 10px;
    }
}

/*ie*/
.swiper-container {
    overflow: hidden\9;
}

.slider_banner .swiper-container .swiper-wrapper {
    width: 2000%\9;
}

.swiper-slide {
    float: left\9;
}

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

/*-------------------------------
			swiper-slide end
			----------------------------------*/
.index_banner img {
    width: 100%;
}

.web_footer .footer_bar {
    /* background: #1e1f20; */
    text-align: center;
    padding: 12px 0;
    /* width: 1680px; */
    margin: auto;
    border-top: 1px solid rgba(255, 255, 255, .17);
}

.web_footer .footer_bar span {
    color: #333;
    font-size: 14px;
    font-family: Arial;
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
}

.web_footer .footer_bar .footer_bottom_img {}

.web_footer .footer_bar .footer_bottom_img a {
    margin: 0 18px
}

/*-------------------------------------------------------- 
													page: single Product
																	------------------------------------------------------*/
/*product photos*/
.product-intro {
    position: relative;
    margin-bottom: 80px;
}

.cloud-zoom-lens {
    border: 1px solid #eee;
    cursor: move;
}

.cloud-zoom-title {
    position: absolute !important;
    top: 0px;
    padding: 3px;
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
}

.cloud-zoom-big {
    overflow: hidden;
    padding: 0px;
    background-color: #fff;
}

.cloud-zoom-loading {
    padding: 3px;
    border: 1px solid #000;
    background: #222;
    color: white;
}

.product-view .product-image.zoom_remove:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    content: "";
}

.product-view {
    position: relative;
    float: left;
    width: 42%;
    padding-bottom: 28px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.product-view .product-image {
    overflow: hidden;
}

.product-view .product-image img {
    position: relative;
    width: 100%;
}

.product-view .image-additional-wrap {
    position: relative;
    z-index: 999;
    margin-top: 34px;
    padding: 0 50px;
}

.product-view .image-additional {
    position: relative;
    overflow: hidden;
    padding: 0 2px;
}

.product-view .image-additional li {
    position: relative;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: visible;
    width: 100%;
    width: 20%;
    height: auto;
    border: 1px solid #8a8a8a;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.product-view .image-additional li:before {
    position: absolute;
    bottom: -5px;
    left: 40%;
    z-index: 1;
    display: block;
    width: 20%;
    height: 4px;
    border-radius: 6px;
    content: '';
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.product-view .image-additional li.single {
    display: none;
}

.product-view .image-additional li img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    opacity: .4;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    filter: alpha(opacity=40);
}

.product-view .image-additional li a {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-view .image-additional li.current {
    border: 1px solid #000;
    -bottom: 0;
}

.product-view .image-additional li.current img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-view .image-additional img.popup {
    display: none;
}

.ad_prompt {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    display: none;
    margin: -20px 0 0;
    width: 100%;
    color: #0b87fb;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    -webkit-animation: twinkling 1s infinite ease-in-out;
    animation: twinkling 1s infinite ease-in-out;
}

.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets {
    display: none;
}

.product-view .swiper-button-next,
.product-view .swiper-button-prev {
    margin-top: -16px;
    width: 25px;
    height: 32px;
    background: none;
    font-size: 24px;
    line-height: 32px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-view .swiper-button-prev {
    left: 10px;
}

.product-view .swiper-button-next {
    right: 10px;
}

.product-view .swiper-button-next:before,
.product-view .swiper-button-prev:before {
    width: 25px;
    height: 33px;
    background-image: url(assets/images/web_icon.png);
    background-repeat: no-repeat;
    content: "";
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
}

.product-view .swiper-button-next:before {
    background-position: right -93px;
}

.product-view .swiper-button-prev:before {
    background-position: -250px -93px;
}

.product-view .swiper-button-next:hover:before {
    background-position: right -55px;
}

.product-view .swiper-button-prev:hover:before {
    background-position: -250px -55px;
}

.product-view .swiper-button-next.swiper-button-disabled,
.product-view .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-view:hover .swiper-button-prev,
.product-view:hover .swiper-button-next {
    background: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-view:hover .swiper-button-disabled {
    opacity: .3;
    filter: alpha(opacity=30);
}

/*product summary*/
.product-summary {
    position: relative;
    float: left;
    color: #2e2e35;
    max-width: 520px;
    padding-left: 60px;
}

.product-summary .page_title {
    display: table;
    color: #2e2e35;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 36px;
    line-height: 1;
    font-family: "Roboto-Bold";
    padding-top: 50px;
}

.product-summary .price {
    display: none;
}

.product-summary .product_meta {
    display: none;
}

.product-summary .product-meta {
    color: #2e2e35;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
}

.product-summary .product-meta .short_tit {
    position: relative;
    color: rgba(36, 36, 36, .5);
    text-transform: capitalize;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
}

.product-summary .product-meta p {
    margin: 27px 0;
    color: #2e2e35;
    font-size: 14.7px;
    line-height: 26px;
}

.product-summary .product-meta li {
    display: table;
    padding: 2px 0;
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
}

.product-summary .product-meta li em {
    display: table-cell;
    width: 36%;
    color: #2e2e35;
}

.product-summary .product-meta li .item-val {
    display: table-cell;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

.product-summary .product-meta br {
    display: none;
    height: 10px;
}

.product-btn-wrap {
    position: relative;
    padding-top: 45px;
    text-align: left;
}

.product-btn-wrap .email,
.product-btn-wrap .pdf,
.product-btn-wrap .buy {
    position: relative;
    display: inline-block;
    margin: 0 0 7px 7px;
    padding: 0 10px;
    border: 2px solid #2e2e35;
    background: #fff;
    color: #000;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    font-family: "Roboto-Bold";
    font-weight: normal;
}

.product-btn-wrap .email:hover,
.product-btn-wrap .pdf:hover,
.product-btn-wrap .buy:hover {
    background: #2e2e35;
    color: #fff;
}

.product-btn-wrap .email:before,
.product-btn-wrap .pdf:before {
    padding-right: 10px;
    font-size: 16px;
}

.product-btn-wrap .email:before {
    content: '\f003';
}

.product-btn-wrap .pdf:before {
    content: '\f1c1';
}

.product-summary .share-this {
    margin: 45px 0 0;
    text-align: right;
}

.product-summary .product-meta .price span {
    font-size: 30px;
    color: #e61446;
}

.product-summary .product-meta .price {
    font-size: 30px;
    color: #e61446;
}

/* product detail */
.product_main .layout {
    /* width: 1200px; */
}

.product-detail {
    position: relative;
    overflow: visible;
}

.detail-tabs {
    position: relative;
    margin-bottom: -1px;
    background: #eaedf0;
}

.detail-tabs .title {
    position: relative;
    position: relative;
    position: relative;
    float: left;
    display: inline-block;
    margin-right: -1px;
    padding: 1px 35px;
    border: 1px solid #ccd3d9;
    color: #959da7;
    color: rgba(0, 33, 64, .5);
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    font-family: Times New Roman;
    line-height: 40px;
    cursor: pointer;
}

.detail-tabs .title.current {
    position: relative;
    z-index: 2;
    margin-bottom: -1px;
    padding-bottom: 2px;
    border-bottom: none;
    background: #fff;
    color: #000;
}

.product-detail .tab-panel-content {
    display: block;
    overflow: hidden;
    padding: 10px 0;
}

.product-detail .disabled {
    display: none;
}

.tab-panel-wrap {
    /* margin-bottom: 60px; */
    padding: 40px;
    border: 1px solid #ccd3d9;
    background-color: #fff;
}

/*like product*/
.goods-may-like {
    position: relative;
    overflow: hidden;
    padding: 70px 0 30px 0;
    background-attachment: fixed;
    margin-bottom: 30px;
}

.goods-may-like .index_title_bar {
    position: relative;
    display: block;
    text-align: center;
}

.goods-may-like .index_title_bar .good_title {
    position: relative;
    color: #2e2e35;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 45px;
    font-family: "Roboto-Bold";
    font-weight: normal;
}

.goods-may-like .swiper-pagination-bullets {
    text-align: center;
    line-height: 1;
}

.goods-may-like .swiper-pagination-bullet,
.goods-may-like .swiper-pagination-bullet:before {
    width: 14px;
    height: 14px;
}

.goods-may-like .product_item:hover .item_img img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.good_button_bar {
    text-align: center;
    position: relative;
    margin-top: 50px;
}

.good_button_bar .navigate_button_prev,
.good_button_bar .navigate_button_next {
    cursor: pointer;
    ;
    background: transparent;
    display: inline-block;
    width: 85px;
    line-height: 42px;
    margin: 0 5px;
    text-align: center;
    color: #2e2e35;
    border: 1px solid #2e2e35;
    font-size: 30px;
}

.good_button_bar .navigate_button_prev:hover,
.good_button_bar .navigate_button_next:hover {
    background: #2e2e35;
    color: #fff;
}

.good_button_bar .navigate_button_prev {}

.good_button_bar .navigate_button_next {}

.good_button_bar .navigate_button_prev:before,
.good_button_bar .navigate_button_next:before {}

.good_button_bar .navigate_button_prev:before {
    content: "<";
}

.good_button_bar .navigate_button_next:before {
    content: ">";
}

.good_button_bar .navigate_button_prev {}

.good_button_bar .navigate_button_next {}

/*----------------product-------------*/
.product_item {
    position: relative;
    /* border: 1px solid #c8c8c8; */
}

.product_item figure {
    position: relative;
    height: 100%;
}

.product_item .item_img {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}

.product_item .item_img img {
    width: 100%;
    height: auto;
}

.product_item figcaption {
    background: rgba(98, 5, 5, 0.77);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-110%);
    -webkit-transform: translateX(-110%);
}

.product_item .item_title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.product_item .item_title a {
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 1.68;
    font-family: "Roboto-Regular";
    text-transform: capitalize;
    letter-spacing: .38px;
    font-weight: normal;
}

.product_item:hover figcaption {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.index_product .index_swiper_control {
    position: static;
    background: none;
    padding: 0;
}

.index_swiper_control .swiper-button-prev:before,
.index_swiper_control .swiper-button-next:before {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #aeaeae;
    background: none;
    border-radius: 50%;
    left: auto !important;
    right: auto !important;
    opacity: 1;
    filter: alpha(opacity=100);
    position: static;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    /* margin-left: 20px; */
    overflow: hidden;
}

.index_swiper_control {
    background: #f3f3f3;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 35px 60px 20px;
}

.index_product .swiper-button-prev,
.index_product .swiper-button-next {
    position: absolute;
    top: 50%;
    /* margin-top: -24px; */
    margin-left: auto;
    overflow: hidden;
    border-radius: 50%;
    /* transform: translateY(-50%); */
}

.index_product .swiper-button-prev {
    left: -50px !important;
}

.index_product .swiper-button-next {
    right: -50px !important;
}

.swiper-button-next:before,
.swiper-button-prev:before {
    display: inline-block;
    vertical-align: top;
}

.swiper-button-prev:before {
    content: '\f104';
    text-align: center;
    font-size: 30px;
}

.swiper-button-next:before {
    content: '\f105';
    text-align: center;
    font-size: 30px;
}

.index_swiper_control .swiper-button-prev:before,
.index_brands .swiper-button-prev {
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAANklEQVQI12NAB2EIJutxBDtGGSF8yIBM4Z5DglCwgWHOGRhYwMCCpIbBB6GXLAkkv7gZMOADAEBSFd5swo2eAAAAAElFTkSuQmCC); */
}

.index_swiper_control .swiper-button-prev:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAANklEQVQI12NAB2EIJutxBDtGGSF8yIBM4Z5DglCwgWHOGRhYwMCCpIbBB6GXLAkkv7gZMOADAEBSFd5swo2eAAAAAElFTkSuQmCC);
}

.index_swiper_control .swiper-button-next:before,
.index_brands .swiper-button-next {
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAAN0lEQVQI12PAAGwBCDb7UQSbWQdJwogsiY2CECB0poFhzRkYmIBQcwRJrwOZwkwIYQYzoDBuAAAJYRXevYYXVwAAAABJRU5ErkJggg==); */
}

.index_swiper_control .swiper-button-next:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAAN0lEQVQI12PAAGwBCDb7UQSbWQdJwogsiY2CECB0poFhzRkYmIBQcwRJrwOZwkwIYQYzoDBuAAAJYRXevYYXVwAAAABJRU5ErkJggg==);
}

.index_swiper_control .swiper-button-prev:not(.swiper-button-disabled):hover,
.index_swiper_control .swiper-button-next:not(.swiper-button-disabled):hover {
    background-color: #afafaf;
    border-color: #afafaf;
}

.product_main {
    margin-top: 30px;
}

.product-meta form {
    margin-top: 25px;
    margin-bottom: 25px;
}

.product-meta form .quantity {
    display: inline-block;
    margin-right: 15px;
}

.single_variation_wrap {
    margin-top: 25px
}

.tinv-wraper.tinv-wishlist {
    display: inline-block;
}

.tinv-wraper.tinv-wishlist a {
    vertical-align: middle !important;
    margin-top: 0 !important;
}

.product_item .item_text .text button {
    display: block;
    margin: 0 auto;
    font-size: 20px;
    color: #1e1b17;
    background: #f4e342;
    border-radius: 23.5px;
}

.page_mk .woocommerce ul.products li.product .price {
    font-size: 14px;
    color: #eb3841;
}

.page_mk .woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: block;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
}

.pieregWrapper .pieregformWrapper #pie_register_reg_form ul#pie_register {
    padding: 0;
    margin: 0;
}

.pieregWrapper .pieregformWrapper #pie_register_reg_form #pie_regiser_form ul#pie_register {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pieregWrapper .pieregformWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields {
    /* width: 50%; */
    margin: 0;
}

.pieregWrapper.pieregformWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields label {
    display: block;
    font-size: 18px;
    /* margin-bottom: 15px; */
    width: 100%;
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields .input_fields {
    background: #f1f1f1;
    border: 0;
    width: 100%;
    border-radius: 8px;
    padding: 10px 20px;
}

.pieregWrapper .pieregformWrapper #pie_register_reg_form #pie_regiser_form #pie_register .piereg_li_6 {
    /* width: 100%; */
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fieldset span.show-hide-password-innerbtn.pass-eye-reg_left_label_hide_conf_pass_no_desc {
    top: inherit;
    bottom: 35%;
    right: 10%;
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields #terms_terms_6 {
    width: auto;
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields input[type="submit"]:first-child {
    width: 100%;
    border: 0;
    padding: 5px 21px;
    background: #19b168;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .piereg-wrap-terms {
    width: 100%;
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields .pie_wrap_buttons {
    width: 100%;
}

.pieregWrapper #piereg_pie_form_heading {
    text-align: left;
    /* padding: 58px 0px 10px; */
    font-size: 28px;
    color: #19b168;
}

.pieregWrapper #piereg_pie_form_desc {
    text-align: left;
}

.pieregWrapper .pieregformWrapper #pie_register_reg_form #pie_regiser_form #pie_register .piereg_li_8 p {
    font-size: 20px;
}

.page_remk .fl-row-content-wrap .fl-node-content.fl-row-content.fl-row-full-width {
    margin: 55px 55px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 13px 1px #cecece;
    overflow: hidden;
}

.pieregWrapper #pie_register .fields .legend_txt {
    position: absolute;
}

.pieregWrapper #pie_register .fields.piereg_li_6 .legend_txt {
    bottom: 0;
}

.pieregWrapper #pie_register .fields .fieldset.piereg-wrap-terms label a {
    color: #1f66d7;
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields .fieldset {
    padding: 18px 10px;
}

.pieregWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields .legend.error {
    /*color: #1f66d7;*/
}

.pieregWrapper .piereg_loginform #pie_register .fields label {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #000;
}

.piereg_container .piereg_login_container .piereg_login_wrapper .piereg_loginform .forgetmenot {
    width: 100%;
    display: block;
    float: none;
}

.pieregWrapper .piereg_loginform #pie_register .fields .input_fields {
    background: #fff;
    border: 0;
    width: 100%;
    border-radius: 8px;
}

.piereg_container div.piereg_login_container .piereg_login_wrapper .submit {
    width: 100%;
    float: none;
    display: block;
    top: 0;
}

.piereg_container div.piereg_login_container .piereg_login_wrapper .submit input {
    width: 100%;
    border: 0;
    padding: 5px 21px;
    background: #19b168;
    color: #fff;
    font-size: 18px;
}

.piereg_container #pie_register .fields .fieldset span.show-hide-password-innerbtn.pass-eye-login {
    bottom: 16%;
    top: inherit;
}

.cart-collaterals .wc-proceed-to-checkout a,
.woocommerce #payment #place_order {
    background-color: #1f66d7 !important;
}

.woocommerce .payment_method_coinbase img {
    width: auto;
}

.page_remk .pieregWrapper .fields .fieldset {
    padding: 18px 10px;
    overflow: hidden;
    position: relative;
}

.page_remk #pie_register .fieldset span.show-hide-password-innerbtn.pass-eye-reg_left_label_no_desc {
    top: auto;
}

.page_remk #pie_register .fieldset span.show-hide-password-innerbtn.confirm-pass-eye-reg_left_label_no_desc {
    top: auto;
}

@media only screen and (max-width: 950px) {
    .page_remk .fl-row-content-wrap .fl-node-content.fl-row-content.fl-row-full-width {
        margin: 0;
    }

    .pieregWrapper .pieregformWrapper #pie_register_reg_form #pie_regiser_form #pie_register .fields {
        width: 100%;
    }
}

/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list {
    position: relative;
    width: 100%;
}

.blog-item {
    position: relative;
    overflow: hidden;
    padding: 35px 20px;
}

.blog-item:nth-child(2n+1) {
    background: #f9f9f9;
}

.blog-item:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    content: "";
}

.blog-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 3px;
    background-color: #1A5A43;
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
}

.blog-item:hover:after {
    width: 100%;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    filter: alpha(opacity=100);
}

.blog-item .item-img,
.blog-item .item-img img {
    border-radius: 5px;
}

.blog-item .item-img {
    position: relative;
    float: left;
    display: block;
    margin: 0 20px 0 0;
    padding: 5px;
    max-width: 200px;
    border: 1px solid #eee;
    background-color: #fff;
}

.blog-item .item-img img {
    position: relative;
    width: 100%;
}

.blog-item .item-info .item-title {
    overflow: hidden;
    height: 1.5em;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
}

.blog-item .item-info time {
    display: block;
    margin: 8px 0;
    font-size: 16px;
}

.blog-item .item-info .item-detail {}

.blog-item .item-info .item-more {
    float: right;
    margin: 20px 0 0;
    color: #19b878;border-radius: 10px;
}

.blog-item .item-info .item-more {
    position: relative;
    display: inline-block;
    padding: .2em .8em;
    color: #19b878;
    text-transform: uppercase;
    line-height: 1.8;
}

.blog-item .item-info .item-more:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #19b878;
    content: '';
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.blog-item .item-info .item-more:before {
    top: 0;
    left: 0;
}

.blog-item .item-info .item-more:after {
    right: 0;
    bottom: 0;
}

.blog-item .item-info .item-more:hover:before,
.blog-item .item-info .item-more:hover:after {
    width: 0;
    opacity: 0;
}

.blog-item .item-info .item-more:hover {
    background-color: #19b878;
    color: #fff;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.news_main {
    width: 100%;
}
/*inquiry*/
.inquiry-pop-bd {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2000;
    display: none;
    margin: -300px 0 0 -275px;
    width: 550px;
    height: 500px;
    background: #FFF;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5);
}

.inquiry-pop-bd:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    content: "";
}

.inquiry-pop-bd .inquiry-pop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 22px;
    width: 100%;
    height: 100%;
    background: #FFF;
    -webkit-animation: fadeInDownA .4s ease;
    -o-animation: fadeInDownA .4s ease;
    animation: fadeInDownA .4s ease;
}

.inquiry-pop-bd .inquiry-pop .ico-close-pop {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    width: 30px;
    height: 30px;
    background: url(img/fancy_close.png) no-repeat center center;
    cursor: pointer;
}

.inquiry-form-wrap {
    position: relative;
    width: 100.5%;
    height: 420px;
}

.ad_prompt {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    display: none;
    margin: -20px 0 0;
    width: 100%;
    color: #003B88;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    -webkit-animation: twinkling 1s infinite ease-in-out;
    animation: twinkling 1s infinite ease-in-out;
}

@media screen and (max-width: 550px) {
    .inquiry-pop-bd {
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        margin: auto;
        width: auto;
    }

    .inquiry-pop-bd .inquiry-pop {
        padding: 10px;
    }

    .scrollsidebar {
        display: none;
    }
}
/*-------------------------------
			animation  start
			----------------------------------*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes twinkling {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes OrangePulse {
    from {
        background-color: rgba(210, 174, 109, .2);
        -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);
    }

    50% {
        background-color: rgba(210, 174, 109, 1);
        -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);
    }

    to {
        background-color: rgba(210, 174, 109, .2);
        -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
    }

    40% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    60% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -ms-transform: rotate(40deg);
    }

    40% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
    }

    60% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        -ms-transform: rotate(10deg);
    }

    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -ms-transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-20%);
    }

    50% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-10%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes jump {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-20%);
    }

    50% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(-10%);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInA {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceInA {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
    }
}

.bounceInA {
    -webkit-animation-name: bounceInA;
    animation-name: bounceInA;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

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

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

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

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

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

@keyframes fadeInA {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* animate.css */
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

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

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

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

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

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

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes zoomInA {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, .6);
        transform: scale3d(.6, .6, .6);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomInA {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, .6);
        transform: scale3d(.6, .6, .6);
    }

    50% {
        opacity: 1;
    }
}

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

/*-------------------------------
                                    animation  end
                                    ----------------------------------*/
/*-------------------------------
			search  start
			----------------------------------*/
.container {
    position: relative;
    min-height: 100vh;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.search-ipt {
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
}

.web-search {
    display: flex;
    visibility: hidden;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.web-search .btn--search-close {
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: inline-block;
    display: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #ccc;
    background-image: url(./img/search_btn_close.png);
    background-position: center;
    background-size: auto 35%;
    background-repeat: no-repeat;
    font-size: 1.8em;
    line-height: 45px;
    cursor: pointer;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-background-size: auto 35%;
}

.web-search .btn--search-close:hover {
    background-color: #003B88;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.js .btn--search-close {
    display: block;
}

.web-search .search-ipt {
    display: inline-block;
    box-sizing: border-box;
    padding: 0.05em 0;
    width: 75%;
    border-bottom: 3px solid;
    color: #333;
    font-size: 20px;
    font-family: inherit;
    line-height: 1em;
}

.web-search .search-ipt::-webkit-input-placeholder {
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt::-moz-placeholder {
    color: #333;
    font-weight: bold;
    opacity: 1;
}

.web-search .search-ipt:-ms-input-placeholder {
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt::-webkit-search-cancel-button,
.web-search .search-ipt::-webkit-search-decoration {
    -webkit-appearance: none;
}

.web-search .search-ipt::-ms-clear {
    display: none;
}

.web-search .search-attr {
    display: block;
    margin: 0 auto;
    padding: 0.85em 0;
    width: 75%;
    color: #333;
    text-align: right;
    font-size: 90%;
}

.js .container,
.js .web-search .search-ipt {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.js .container {
    position: relative;
}

.js .main-wrap--move {
    min-height: 100vh;
}

.js .web-search {
    pointer-events: none;
}

.web-search {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    margin: auto;
    padding: 25px 0;
    width: 100%;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    perspective: 1200px;
    -ms-transform: translateY(-100%);
}

.web-search .btn--search-close {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.search__suggestion,
.web-search .search-attr {
    opacity: 0;
    -webkit-transition: opacity 0.8s, transform 0.8s;
    -moz-transition: opacity 0.8s, transform 0.8s;
    -o-transition: opacity 0.8s, transform 0.8s;
    transition: opacity 0.8s, transform 0.8s;
    -webkit-transform: translate3d(-15%, 0, 0);
    -moz-transform: translate3d(-15%, 0, 0);
    -o-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
    -ms-transform: translate3d(-15%, 0, 0);
    -ms-transition: opacity 0.8s, transform 0.8s;
}

.web-search .search-attr {
    padding-bottom: 0;
    font-size: 20px;
}

.js .web-search .search-ipt {
    padding: 0 0 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    opacity: 0;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    -o-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    border-bottom-width: 1px;
    -ms-transform: scale3d(0, 1, 1);
    -ms-transform-origin: 0% 50%;
}

.js .web-search .search-ipt,
.web-search .search-attr {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.js .web-search .search-btn {
    display: none !important;
}

.js .search--open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.js .search--open .btn--search-close {
    opacity: 1;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-animation: bounceInA 1s ease;
    -o-animation: bounceInA 1s ease;
    animation: bounceInA 1s ease;
}

.js .search--open .search-ipt {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
}

.js .search--open .search-attr {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.js .search--open {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    -ms-transform: none;
}

.js .search--open::before {
    opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    -ms-transform: none;
}

.js .main-wrap--move {
    -webkit-transform: translateY(180px);
    -o-transform: translateY(180px);
    transform: translateY(180px);
    -ms-transform: translateY(180px);
}

.main-wrap--move:after {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
}

/*-------------------------------
                                    search  end
                                    ----------------------------------*/
/*-------------------------------
			language  start
			----------------------------------*/
.change-language {
    margin-left: 43px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;

}

.change-language * {
    box-sizing: border-box;
}

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

.prisna-wp-translate-seo {
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

.mobile-head-language .prisna-wp-translate-seo,
.change-language .prisna-wp-translate-seo {
    display: block;
}

.change-language .change-language-title,
.change-language .change-language-title a {
    font-size: 18px;
    color: #000;
}

.change-language .change-language-title .country-flag {
    display: none;
}

.change-language .change-language-title span {
    padding-left: 0;
    color: #130f10;
}

.change-language .change-language-title i {
    margin-left: 2px;
}

.change-language .change-language-title i::after {
    content: '\f107';
    font-family: fontawesome;
    font-size: 20px;
    line-height: 1;
}

.change-language:hover .change-language-title a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
}

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

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

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

.change-language .change-language-cont li a:hover {
    color: #003B88;
}

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

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

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

.language-flag span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0 0 0 33px;
    vertical-align: top;
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.language-flag-ro .country-flag {
    background-position: 0 -720px !important;
}

.language-flag-ru .country-flag {
    background-position: 0 -736px !important;
}

.language-flag-sr .country-flag {
    background-position: 0 -752px !important;
}

.language-flag-sk .country-flag {
    background-position: 0 -768px !important;
}

.language-flag-sl .country-flag {
    background-position: 0 -784px !important;
}

.language-flag-es .country-flag {
    background-position: 0 -800px !important;
}

.language-flag-sw .country-flag {
    background-position: 0 -816px !important;
}

.language-flag-sv .country-flag {
    background-position: 0 -832px !important;
}

.language-flag-th .country-flag {
    background-position: 0 -848px !important;
}

.language-flag-tr .country-flag {
    background-position: 0 -864px !important;
}

.language-flag-uk .country-flag {
    background-position: 0 -880px !important;
}

.language-flag-ur .country-flag {
    background-position: 0 -896px !important;
}

.language-flag-vi .country-flag {
    background-position: 0 -912px !important;
}

.language-flag-cy .country-flag {
    background-position: 0 -928px !important;
}

.language-flag-yi .country-flag {
    background-position: 0 -944px !important;
}

.language-flag-bn .country-flag {
    background-position: 0 -960px !important;
}

.language-flag-eo .country-flag {
    background-position: 0 -976px !important;
}

.language-flag.language-flag-custom-afghanistan .country-flag {
    background-position: 0 -992px !important;
}

.language-flag.language-flag-custom-albania .country-flag {
    background-position: 0 -1008px !important;
}

.language-flag.language-flag-custom-algeria .country-flag {
    background-position: 0 -1024px !important;
}

.language-flag.language-flag-custom-argentina .country-flag {
    background-position: 0 -1040px !important;
}

.language-flag.language-flag-custom-australia .country-flag {
    background-position: 0 -1056px !important;
}

.language-flag.language-flag-custom-austria .country-flag {
    background-position: 0 -1072px !important;
}

.language-flag.language-flag-custom-belgium .country-flag {
    background-position: 0 -1088px !important;
}

.language-flag.language-flag-custom-brazil .country-flag {
    background-position: 0 -1104px !important;
}

.language-flag.language-flag-custom-canada .country-flag {
    background-position: 0 -1120px !important;
}

.language-flag.language-flag-custom-chile .country-flag {
    background-position: 0 -1136px !important;
}

.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
    background-position: 0 -1152px !important;
}

.language-flag.language-flag-custom-ecuador .country-flag {
    background-position: 0 -1168px !important;
}

.language-flag.language-flag-custom-egypt .country-flag {
    background-position: 0 -1184px !important;
}

.language-flag.language-flag-custom-england .country-flag {
    background-position: 0 -1200px !important;
}

.language-flag.language-flag-custom-luxembourg .country-flag {
    background-position: 0 -1216px !important;
}

.language-flag.language-flag-custom-malaysia .country-flag {
    background-position: 0 -1232px !important;
}

.language-flag.language-flag-custom-mexico .country-flag {
    background-position: 0 -1248px !important;
}

.language-flag.language-flag-custom-new-zealand .country-flag {
    background-position: 0 -1264px !important;
}

.language-flag.language-flag-custom-oman .country-flag {
    background-position: 0 -1280px !important;
}

.language-flag.language-flag-custom-qatar .country-flag {
    background-position: 0 -1296px !important;
}

.language-flag.language-flag-custom-saudi-arabia .country-flag {
    background-position: 0 -1312px !important;
}

.language-flag.language-flag-custom-singapore .country-flag {
    background-position: 0 -1328px !important;
}

.language-flag.language-flag-custom-south-africa .country-flag {
    background-position: 0 0 !important;
}

.language-flag.language-flag-custom-switzerland .country-flag {
    background-position: 0 -1344px !important;
}

.language-flag.language-flag-custom-syria .country-flag {
    background-position: 0 -1360px !important;
}

.language-flag.language-flag-custom-united-arab-emirates .country-flag {
    background-position: 0 -1376px !important;
}

.language-flag.language-flag-custom-united-states-of-america .country-flag {
    background-position: 0 -1392px !important;
}

.language-flag-hy .country-flag {
    background-position: 0 -1408px;
}

.language-flag-bs .country-flag {
    background-position: 0 -1424px;
}

.language-flag-ceb .country-flag {
    background-position: 0 -1440px;
}

.language-flag-ny .country-flag {
    background-position: 0 -1456px;
}

.language-flag-ha .country-flag {
    background-position: 0 -1472px;
}

.language-flag-hmn .country-flag {
    background-position: 0 -1488px;
}

.language-flag-ig .country-flag {
    background-position: 0 -1504px;
}

.language-flag-jw .country-flag {
    background-position: 0 -1520px;
}

.language-flag-kk .country-flag {
    background-position: 0 -1536px;
}

.language-flag-km .country-flag {
    background-position: 0 -1552px;
}

.language-flag-lo .country-flag {
    background-position: 0 -1568px;
}

.language-flag-la .country-flag {
    background-position: 0 -1584px;
}

.language-flag-mg .country-flag {
    background-position: 0 -1600px;
}

.language-flag-ml .country-flag {
    background-position: 0 -1616px;
}

.language-flag-mi .country-flag {
    background-position: 0 -1632px;
}

.language-flag-mr .country-flag {
    background-position: 0 -1648px;
}

.language-flag-mn .country-flag {
    background-position: 0 -1664px;
}

.language-flag-my .country-flag {
    background-position: 0 -1680px;
}

.language-flag-ne .country-flag {
    background-position: 0 -1696px;
}

.language-flag-pa .country-flag {
    background-position: 0 -1712px;
}

.language-flag-st .country-flag {
    background-position: 0 -1728px;
}

.language-flag-si .country-flag {
    background-position: 0 -1744px;
}

.language-flag-so .country-flag {
    background-position: 0 -1760px;
}

.language-flag-su .country-flag {
    background-position: 0 -1776px;
}

.language-flag-tg .country-flag {
    background-position: 0 -1792px;
}

.language-flag-uz .country-flag {
    background-position: 0 -1808px;
}

.language-flag-yo .country-flag {
    background-position: 0 -1824px;
}

.language-flag-zu .country-flag {
    background-position: 0 -1840px;
}

/*-------------------------------
                        language  end
                        ----------------------------------*/

/* common */
.d_flex {
    display: flex;
    flex-wrap: wrap;
}

.web_index_main * {
    box-sizing: border-box;
}

.index_hd {
    position: relative;
}

.index_hd .hd_title {
    text-align: center;
}

.index_hd .hd_title .slogan {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 35px;
    height: 49px;
    color: #fff;
    font-size: 20px;
    background-color: #19b878;
    border-radius: 24px;
    transform: rotate(-7deg) translateX(20%);
    transform-origin: left top;
    margin-bottom: 10px;
}

.index_hd .hd_title .main_title {
    font-family: Montserrat-SemiBold;
    font-size: 48px;
}

@media screen and (max-width: 1440px) {
    .index_hd .hd_title .main_title {
        font-size: 36px;
    }

    .index_hd .hd_title .slogan {
        font-size: 14px;
        padding: 5px 15px;
        height: 35px;
    }
}

@media screen and (max-width: 950px) {
    .index_hd .hd_title .main_title {
        font-size: 28px;
    }

    .index_hd .hd_title .slogan {
        font-size: 12px;
        margin-bottom: 0;
    }
}


/* top-video */
.top-video {
    position: relative;
    overflow: hidden;
}

.top-video video {
    display: block;
    width: 100%;
}

.top-video .top-video-slogan {
    font-family: Montserrat-Medium;
    font-size: 30px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 26px 20px 30px;
}

@media screen and (max-width: 1440px) {
    .top-video .top-video-slogan {
        padding: 20px;
        font-size: 20px;
    }

    .nav-bar .nav li a {
        padding: 0 10px;
    }

    .nav-bar .nav>li {
        font-size: 14px;
    }

    .change-language .change-language-title,
    .change-language .change-language-title a {
        font-size: 14px;
    }

    .change-language {
        margin-left: 20px;
    }

    .head_contact {
        margin-left: 10px;
        width: 120px;
        height: 35px;
        font-size: 14px;
    }

    .head-wrapper .logo img {
        height: 40px;
    }
}

@media screen and (max-width: 1080px) {
    .nav-bar .nav>li {
        margin: 0;
    }
}

@media screen and (max-width: 950px) {
    .head-wrapper .logo {
        padding: 10px;
    }

    .head-wrapper.mobile-fix-head .header-wrap {
        position: relative;
    }

    .head-wrapper.mobile-fix-head {
        padding-bottom: 38px;
    }

    .top-video .top-video-slogan {
        padding: 10px;
        font-size: 14px;
    }

}

/* banner */
.index_banner {
    position: relative;
    overflow: hidden;
    padding: 1.45vw;
}

.index_banner .item_inner {
    display: block;
    overflow: hidden;
    border-radius: 2.6vw;
}

.index_banner .swiper-pagination {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 40px;
}

.index_banner .swiper-pagination-bullet {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #ffffff;
    transition: all .3s;
}

.index_banner .swiper-pagination-bullet::before {
    display: none;
}

.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #19b878;
}

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

@media screen and (max-width: 480px) {
    .index_banner .swiper-pagination {
        bottom: 20px;
    }
}

/* main_product */
.main_product {
    position: relative;
    overflow: hidden;
    padding: 118px 0 0;
}

.main_product .main_product_wrap {
    align-items: start;
    justify-content: space-between;
}

.main_product .left_product {
    width: 48.84%;
    background-color: #000;
    border-radius: 1.5625vw;
    overflow: hidden;
}

.main_product .right_content {
    width: 42.83%;
    padding-top: 85px;
}

.main_product .product_title {
    font-family: Montserrat-SemiBold;
    font-size: 64px;
    line-height: 1.5;
}

.main_product .product_title .slogan {
    display: inline-flex;
    font-size: 20px;
    font-family: Montserrat-Light;
    color: #fff;
    background-color: #19b878;
    border-radius: 24px;
    padding: 9px 28px;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: .5em;
}

.main_product .product_desc {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.9;
    margin-top: 35px;
}

.main_product .product_more {
    display: block;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
    margin-top: 55px;
    transition: all .3s;
}

.main_product .product_main_img {
    animation: productAnimation 2.5s ease-in-out infinite;
    position: relative;
    margin-top: -40px;
    margin-left: 18%;
    width: 51.19%;
}

@keyframes productAnimation {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

@media screen and (max-width: 1440px) {
    .main_product .product_title {
        font-size: 40px;
    }

    .main_product .product_title .slogan {
        font-size: 14px;
    }

    .main_product .right_content {
        padding-top: 20px;
    }

    .main_product .product_desc {
        font-size: 16px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 950px) {
    .main_product {
        padding: 40px 0;
    }

    .main_product .product_title {
        font-size: 24px;
    }

    .main_product .product_title .slogan {
        padding: 4px 10px;
    }

    .main_product .product_desc {
        font-size: 14px;
    }

    .main_product .product_more {
        font-size: 16px;
        margin-top: 20px;
    }

    .main_product .product_main_img {
        margin-top: -20px;
    }
}

@media screen and (max-width: 768px) {
    .main_product .left_product {
        width: 100%;
    }

    .main_product .right_content {
        width: 100%;
    }
}

/* index_product */
.index_product {
    position: relative;
    overflow: hidden;
    padding: 80px 0 50px;
}
@media screen and (max-width: 1580px) {
.index_product .main_title{margin-bottom:30px;}}
.index_product .index_product_wrap {
    padding-top: 50px;
    justify-content: space-between;
    margin: 0 -18px;
}

.index_product .product_item {
    width: 50%;
    padding: 18px;
    box-sizing: border-box;
}

.index_product .item_inner {
    display: block;
    width: 100%;
    overflow: hidden;
}

.index_product .product_item .item_img {
    overflow: hidden;
    border-radius: 1.5625vw;
    transition: all .3s;
}

.index_product .product_item .item_img a {
    display: block;
}

.index_product .product_item .item_img img {
    transition: all .3s;
}

.index_product .product_item .item_img:hover {
    border-radius: 4vw;
}

.index_product .product_item .item_info {
    padding-top: 10px;
}

.index_product .product_item .item_slogan {
    font-size: 18px;
}

.index_product .product_item .item_tit {
    font-family: Montserrat-Regular;
    font-size: 30px;
    margin-top: 5px;
}

.index_product .product_item .item_params {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 17px;
    margin-top: 23px;
}

.index_product .product_item .item_params li {
    cursor: pointer;
    border-radius: 19px;
    border: solid 1px #2d2d2d;
    display: flex;
    font-size: 17px;
    justify-content: center;
    align-items: center;
    min-height: 38px;
    min-width: 234px;
    padding: 4px 5px;
    box-sizing: border-box;transition: all .35s ease;
}
.index_product .product_item .item_params li:hover{background-color:#19B878;color:#ffffff;border-color:#19B878;}
.index_product .index_product_cates {
    margin: 0 -10px;
    padding-top: 50px;
}

.index_product .index_product_cates .cate_item {
    padding: 10px;
    width: 20%;
    box-sizing: border-box;
    transition: all .5s;
}

.index_product .index_product_cates .cate_item.active {
    width: calc(100% - 20% * 3);
}

.index_product .cate_item .item_inner {
    height: 100%;
    position: relative;
    border-radius: 1.5625vw;
    overflow: hidden;
}

.index_product .cate_item .item_inner img {
    height: 428px;
    object-fit: cover;
    width: 100%;
}

.index_product .cate_item .item_inner .item_info {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background-color: rgba(25, 184, 120, .87);
    opacity: 0;
    transition: all .3s;
    color: #fff;
    box-sizing: border-box;
}

.index_product .cate_item.active .item_inner .item_info {
    opacity: 1;
}

.index_product .cate_item .item_inner .item_title {
    font-family: Montserrat-Medium;
    font-size: 30px;
}

.index_product .cate_item .item_inner .item_more {
    font-family: Montserrat-Regular;
    text-decoration: underline;
    font-size: 18px;
    margin-top: 5px;
}

@media screen and (max-width: 1440px) {
    .index_product .product_item .item_slogan {
        font-size: 14px;
    }

    .index_product .product_item .item_tit {
        font-size: 20px;
    }

    .index_product .product_item .item_params li {
        min-width: 150px;
        font-size: 14px;
    }

    .index_product .index_product_wrap {
        padding-top: 20px;
        margin: 0 -10px;
    }

    .index_product .product_item {
        padding: 10px;
    }

    .index_product .index_product_cates {
        padding-top: 20px;
    }

    .index_product .cate_item .item_inner .item_title {
        font-size: 20px;
    }

    .index_product .cate_item .item_inner .item_more {
        font-size: 14px;
    }
}

@media screen and (max-width: 950px) {
    .index_product .index_product_cates .cate_item {
        width: 50% !important;
    }

    .index_product .cate_item .item_inner .item_info {
        background-color: rgba(25, 184, 120, .3);
        opacity: 1;
    }

    .index_product .cate_item .item_inner .item_img {
        height: 100%;
    }

    .index_product .cate_item .item_inner img {
        height: 100%;
    }

    .index_product .product_item .item_params {
        margin-top: 10px;
        gap: 7px 5px;
    }

    .index_product .product_item .item_params li {
        font-size: 12px;
        min-width: unset;
        padding: 4px 8px;
    }
}

@media screen and (max-width: 576px) {
    .index_product .product_item {
        width: 100%;
    }

    .index_product .index_product_cates .cate_item {
        width: 100% !important;
    }
}

/* index_video */
.index_video {
    position: relative;
    overflow: hidden;
    padding: 20px 0 107px 0!important;
}
.index_video .main_title{margin-bottom:60px;}
.index_video .index_hd .hd_title .slogan {
    transform: rotate(-7deg) translateX(3%);
}

.index_video .product_video {
    margin-top: 60px;
}

.index_video .swiper-slide {
    width: 59.84%;
    border-radius: 1.5625vw;
    aspect-ratio: 17 / 9.56;
}

.index_video .swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
}

.index_video .swiper-slide .item_info {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 10px 50px 48px;
}

.index_video .swiper-slide .item_title {
    font-family: Montserrat-Regular;
    font-size: 30px;
}

.index_video .swiper-slide .item_more {
    font-family: Montserrat-Regular;
    text-decoration: underline;
    font-size: 24px;
    color: #fff;
    transition: all .3s;
}
.index_video .swiper-slide .item_more:hover {
    color: #19b878;
}

@media screen and (max-width: 1440px) {
    .index_video .swiper-slide .item_info {
        padding: 10px 30px 20px;
    }

    .index_video .swiper-slide .item_title {
        font-size: 20px;
    }

    .index_video .swiper-slide .item_more {
        font-size: 16px;
    }
    .index_video .product_video{
        margin-top: 30px;
    }
}
@media screen and (max-width: 950px) {
    .index_video .swiper-slide .item_info {
        padding: 10px 20px 10px;
    }

    .index_video .swiper-slide .item_title {
        font-size: 16px;
    }

    .index_video .swiper-slide .item_more {
        font-size: 12px;
    }
    .index_video{
        padding: 20px 0 60px 0 !important;
    }
}
@media screen and (max-width: 576px) {
    .index_video .swiper-slide .item_info{
        flex-wrap: wrap;
    }
    .index_video .swiper-slide .item_title{
        width: 100%;
        margin-bottom: 10px;
    }
    .index_video .swiper-slide{
        width: 80%;
    }
}

/* index_about */
.index_about{
    position: relative;
    background-image: url(./img/about-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 14.84vw 0 10.93vw;
    text-align: center;
}
.index_about .layout {
    width: 82.09%;
    max-width: 95%;
}
.index_about .spec_tit{
    color: #bfe730;
    transition: all .3s;
    font-family: MissionGT-R;
	font-size: 8.6vw;
    line-height: 1;
    opacity: 1;
}
.index_about .spec_tit.complete{
    background: -webkit-linear-gradient(0deg,#bfe730, #cdeebe, #2abd71);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index_about .spec_tit.complete div{
    display: inline-block;
    opacity: 1;
    position: static !important;
    transform: none !important;
}

.index_about .spec_desc{
    color: #fff;
    padding: 0 8%;
    font-size: 1.27vw;
    color: rgba(246, 246, 246, .73);
    margin-top: 43px;
}

.index_about .more{
    font-family: Montserrat-Regular;
	text-decoration: underline;
	font-size: 1.25vw;
    color: #fff;
    margin-top: 5.8vw;
    display: inline-block;

    transition: all .3s;
}
.index_about .more:hover{
    color: #19b878;
}

@media screen and (max-width: 950px) {
    .index_about .spec_desc{
        margin-top: 20px;
    }
    .index_about{
        padding: 60px 0;
    }
    .index_about .spec_desc{
        font-size: 14px;
        padding: 0;
    }
    .index_about .more{
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    .index_about .spec_tit{
        font-size: 36px;
    }
}


/* index_else */
.index_else{
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background-color: #f6f6f6;

}
.index_else .else_wrap{
    justify-content: space-between;
    align-items: center;
}
.index_else .else_left{
    width: 42.9%;
}
.index_else .else_right{
    width: 42.9%;
}
.index_else .item_inner{
    display: block;
}
.index_else .else_box{
    padding: 35px 0;
}
.index_else .event_box{
    padding-top: 10px;
}
.index_else .item_tit{
    font-family: Montserrat-Regular;
	font-size: 18px;
	color: #040404;
}
.index_else .item_title{
    font-family: Montserrat-SemiBold;
	font-size: 48px;
    line-height: 1;
    margin-top: 3px;
    color: #000;
}
.index_else .item_more{
    font-family: Montserrat-Regular;
	text-decoration: underline;
	color: #040404;
	font-size: 18px;
    margin-top: 10px;
    transition: all .3s;
}
.index_else .item_more:hover{
    color: #19b878;
}
.index_else .item_img{
    margin-top: 17px;
    overflow: hidden;
    border-radius: 1.5625vw;
}
.index_else .item_img img{
    width: 100%;
    transition: all .5s;
}
.index_else .item_img:hover img{
    transform: scale(1.1);
}

@media screen and (max-width: 1440px) {
    .index_else .item_tit{
        font-size: 14px;
    }
    .index_else .item_title{
        font-size: 36px;
    }
    .index_else .item_more{
        font-size: 14px;
    }
    .index_else .else_box{
        padding: 20px 0;
    }
}

@media screen and (max-width: 950px) {
    .index_else{
        padding: 40px 0;
    }
    .index_else .else_left{
        width: 46%;
    }
    .index_else .else_right{
        width: 46%;
    }
    .index_else .item_title{
        font-size: 28px;
    }
}
@media screen and (max-width: 480px) {
    .index_else .item_title{
        font-size: 20px;
    }
    .index_else .else_box{
        padding: 10px 0;
    }
    .index_else .else_left{
        width: 48%;
    }
    .index_else .else_right{
        width: 48%;
    }
}

/* index_review */
.index_review{
    position: relative;
    background-color: #f6f6f6;
    padding: 25px 0 138px;
}
.social-media {
    overflow: hidden;
    margin-top: 70px;
}

.social-media .textScorll {
    width: 100%;
    overflow: hidden
}

.social-media .textScorll .list li {
    display: inline-flex;
    margin: 15px 0;
    height: 100px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.social-media .textScorll .list li .scroll-inner {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.social-media .textScorll .list li .case {
    height: 100px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0 70px 0 5px;
    margin: 0 20px
}

.social-media .textScorll .list li .case.grey {
    background-color: #e4e4e4
}

.social-media .textScorll .list li .case.yellow {
    background-color: #ffcd14
}

.social-media .textScorll .list li .case .img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-right: 20px;
    flex-shrink: 0;
}

.social-media .textScorll .list li .case .img img {
    width: 100%;
    height: 100%
}

.social-media .textScorll .list li .case .info {
    white-space: nowrap;
}

.social-media .textScorll .list li .case .info .item-title {
    font-size: 20px;
    color: #000;
    font-family: Montserrat-Regular;
}

.social-media .textScorll .list li .case .info .item-title img {
    margin-left: 20px;
}
.social-media .textScorll .list li .item-desc{
    color: #666666;
}
.social-media .textScorll .list li:first-child .case:nth-child(3n+1){
    background-color: #e4e4e4;
}
.social-media .textScorll .list li:first-child .case:nth-child(3n+2){
    background-color: #19b878;
}
.social-media .textScorll .list li:first-child .case:nth-child(3n+2) .info .item-title{
    color: #fff;
}
.social-media .textScorll .list li:first-child .case:nth-child(3n+2) .info .item-desc{
    color: #fff;
}

.social-media .textScorll .list li:nth-child(2) .case:nth-child(3n+3){
    background-color: #e4e4e4;
}
.social-media .textScorll .list li:nth-child(2) .case:nth-child(3n+1){
    background-color: #19b878;
}
.social-media .textScorll .list li:nth-child(2) .case:nth-child(3n+1) .info .item-title{
    color: #fff;
}
.social-media .textScorll .list li:nth-child(2) .case:nth-child(3n+1) .info .item-desc{
    color: #fff;
}

.social-media .textScorll .list li:nth-child(3) .case:nth-child(3n+1){
    background-color: #e4e4e4;
}
.social-media .textScorll .list li:nth-child(3) .case:nth-child(3n+3){
    background-color: #19b878;
}
.social-media .textScorll .list li:nth-child(3) .case:nth-child(3n+3) .info .item-title{
    color: #fff;
}
.social-media .textScorll .list li:nth-child(3) .case:nth-child(3n+3) .info .item-desc{
    color: #fff;
}

.social-media .textScorll .list li:nth-child(4) .case:nth-child(3n+2){
    background-color: #e4e4e4;
}
.social-media .textScorll .list li:nth-child(4) .case:nth-child(3n+1){
    background-color: #19b878;
}
.social-media .textScorll .list li:nth-child(4) .case:nth-child(3n+1) .info .item-title{
    color: #fff;
}
.social-media .textScorll .list li:nth-child(4) .case:nth-child(3n+1) .info .item-desc{
    color: #fff;
}

@media screen and (max-width: 950px) {
    .index_review{
        padding: 20px 0 40px;
    }
    .social-media{
        margin-top: 20px;
    }
    .social-media .textScorll .list li .case .img{
        width: 60px;
        height: 60px;
    }
    .social-media .textScorll .list li{
        height: 70px;
        margin: 8px 0;
    }
    .social-media .textScorll .list li .case{
        height: 70px;
        margin: 0 8px;
        padding: 0 50px 0 5px;
    }
    .social-media .textScorll .list li .case .info .item-title{
        font-size: 16px;
    }
    .social-media .textScorll .list li .item-desc{
        font-size: 12px;
    }
}

/* footer */
.web_footer{
    position: relative;
    overflow: hidden;
    background-image: url(./img/foot-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0 0;
}
.web_footer *{
    box-sizing: border-box;
}
.web_footer,
.web_footer a{
    color: #f6f6f6;
    font-size: 18px;
}
.web_footer .footer_top{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.web_footer .foot_title{
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.web_footer .foot_tit{
    font-family: Montserrat-Bold;
	font-size: 30px;
    color: #fff;
    line-height: 1.3;
}
.web_footer .foot_desc{
    flex: 1;
    opacity: .75;
    padding-left: 5.5%;
    padding-right: 32%;
    line-height: 1.7;
}
.web_footer .foot_inquiry{
    display: flex;
    width: 246px;
	height: 50px;
	background-color: #19b878;
	border-radius: 10px;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all .3s;    background-color: #19b878;
}
.web_footer .foot_inquiry:hover{
    filter: brightness(.8);
}
.web_footer .foot_items{
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .49);
    border-bottom: 1px solid rgba(255, 255, 255, .49);
    padding: 55px 0;
    margin: 25px 0 0;
}

.web_footer .foot_link li{
    padding: 10px 0;
}
.web_footer .foot_link li a{
    opacity: .43;
    transition: all .3s;
}
.web_footer .foot_link li a:hover{
    opacity: 1;
}

.web_footer .foot_item_contact{
    width: 27.55%;
}

.web_footer form{
    padding-top: 5px;
        pointer-events: none;
}
.web_footer .form_inner{
    position: relative;
}
.web_footer .form_inner input{
    width: 100%;
    height: 62px;
	background-color: #ffffff;
	border-radius: 10px;
    outline: none;
    border: none;
    font-size: 14px;
    color: #404040;
    padding: 0 85px 0 17px;
}
.web_footer .form_inner button{
    width: 71px;
	height: 50px;
	background-color: #19b878;
	border-radius: 10px;
    display: flex;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-family: Montserrat-Light;
	font-size: 14px;
	font-weight: bold;
    color: #fff;
    border: none;
    outline: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}
.web_footer .form_inner button:hover{
    filter: brightness(.8);
}

.web_footer .more{
    font-size: 16px;
    opacity: .45;
    margin-top: 13px;
    display: block;
    transition: all .3s;
    width: max-content;
}
.web_footer .more:hover{
    opacity: 1;
}

.web_footer .foot_item_contact ul{
    font-size: 16px;
    padding-top: 5px;
}
.web_footer .foot_item_contact ul a{
    font-size: 16px;
}
.web_footer .contact_tit{
    margin-top: 20px;
}
.web_footer .foot_item_contact ul li{
    display: flex;
    align-items: start;
    margin-top: 5px;
}
.web_footer .foot_item_contact ul li .ico{
    flex-shrink: 0;
    margin-right: 6px;
}
.web_footer .foot_item_contact ul li .val{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*align-items: center;*/
}
.web_footer .foot_item_contact ul li .val a{
    margin-right: 2px;
    line-height: 1.8;
    transition: all .3s;
}
.web_footer .foot_item_contact ul li .val a:hover{
    color: #19b878;
}

.web_footer .footer_bottom{
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .48);
}

.web_footer .sns_title{
    font-family: Montserrat-bold;
	font-size: 20px;
	    color: #19B878;
}

.web_footer .sns_desc{
    font-size: 16px;
    margin-top: 3px;    color: #19B878;
}

.web_footer .foot_sns{
    display: flex;
    align-items: center;
}
.web_footer .foot_sns ul{
    padding-left: 38px;
}
.web_footer .foot_sns li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
	height: 45px;
	background-color: #ffffff;
    border-radius: 50%;
    transition: all .3s;
    margin-left: 25px;
}
.web_footer .foot_sns li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.web_footer .foot_sns li:hover{
    transform: translateY(-5px);
}
.web_footer .copyright{
    padding: 40px 0;
    font-family:Montserrat-Light;
    font-size: 16px;
}

@media screen and (max-width: 1440px) {
    .web_footer, .web_footer a{
        font-size: 14px;
    }
    .web_footer .foot_desc{
        padding-left: 5%;
        padding-right: 10%;
    }
    .web_footer .foot_tit{
        font-size: 24px;
    }
    .web_footer .foot_title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .web_footer .foot_link li{
        padding: 6px 0;
    }
    .web_footer .foot_item_contact ul a{
        font-size: 14px;
    }
    .web_footer .sns_title{
        font-size: 16px;
    }
    .web_footer .sns_desc{
        font-size: 14px;
    }
    .web_footer a:visited{
        color: #f6f6f6;
    }
}
@media screen and (max-width: 950px) {
    .web_footer{
        padding-top: 30px;
    }
    .web_footer .foot_desc{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
        flex: unset;
        padding-bottom: 20px;
    }
    .web_footer .footer_top{
        flex-wrap: wrap;
    }
    .web_footer .foot_tit{
        width: 100%;
    }
    .web_footer .foot_item{
        width: 48%;
        margin-bottom: 20px;
    }
    .web_footer .foot_items{
        padding: 20px 0;
    }
    .web_footer .foot_sns{
        width: 100%;
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .web_footer .foot_sns li{
        margin-left: 0px;
        margin-right: 20px;
    }
    .web_footer .foot_sns ul{
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
    .web_footer .foot_item_contact{
        width: 100%;
    }
    .web_footer .copyright{
        padding: 20px 0;
    }
}

@media screen and (max-width: 480px) {
    .web_footer .foot_item{
        width: 100%;
    }
}



.header-wrap{
}
.head-wrapper.fix-head.mobile-fix-head .header-wrap{
    transform: none;
    transition: all .5s;

}
.head-wrapper.mobile-fix-head .header-wrap{
    transform: translateY(-100%);

}

/* common */
.tab-pannel-wrap {
    position: relative;

}

.tab-pannel {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    height: 0;
    overflow: hidden
}

.tab-pannel.active {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    height: auto
}

/* product_banner */
.product_banner {
    position: relative;
}

.product_banner img.bg {
    width: 100%;
}

.product_banner .layout {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1570px;
    max-width: 96%;
    height: 100%;
}

.product_banner .left_info {
    padding-top: 5.88vw;
}

.product_banner .left_info .title {
    width: 30.06%;
}

.product_banner .left_info .tit {
    width: 41.78%;
    margin-top: 2.34vw;
}

.product_banner .left_info .desc {
    font-family: Montserrat-Regular;
    font-size: 2.16vw;
    color: #fff191;
    margin-top: 1.87vw;
}

.product01_main {
    background-color: #000;
    background-image: url(https://h56.goodao.net/uploads/main-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

/* product_content */
.product_content {
    padding: clamp(40px, 5.4vw, 110px) 0;
}

.product_content .layout {
    width: 1225px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.product_content .product_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 40px;
    background: url(https://h56.goodao.net/uploads/tit-bg.png) center / 100% 100% no-repeat;
    color: #fff191;
    font-family: Courgette-Regular, Georgia, "Times New Roman", serif;
    font-size: clamp(24px, 2.6vw, 50px);
    text-align: center;
    padding: 2px 0;font-weight: 500;
}

.product_content .product_wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 30px;
}

.product_content .product_left {
    position: relative;
    width: 49.63%;
    border-radius: 20px;
}

.product_content .product_left .bg {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    line-height: 0;
}

.product_content .product_left .bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
        transition: all .5s ease;
}
.product_content .product_left .bg:hover img{
        transform: scale(1.02);
}
.product_content .product_left .pic {
    position: absolute;
    left: 38%;
    top: -20%;
    width: 21%;
    z-index: 2;
}

.product_content .product_left .pic img {
    display: block;
    width: 100%;
    height: auto;
    transform: rotate(-38deg);
    transform-origin: center center;
}

.product_content .product_left .info {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.product_content .product_left .label {
    position: absolute;
    right: 0%;
    top: 17%;
    max-width: 37.5%;
    background: linear-gradient(180deg, #f8e75a 0%, #fff1de 50%, #fff1de 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: Montserrat-SemiBold, Montserrat, sans-serif;
    font-size: clamp(24px, 1.88vw, 36px);
    line-height: 1.7;
}

.product_content .product_left .num {
    position: absolute;
    left: 10%;
    bottom: 21%;
    color: #fff;
    line-height: .95;
    text-align: right;
}

.product_content .product_left .num b {
    display: block;
    font-family: Montserrat-SemiBold;
    font-size: clamp(40px, 4.91vw, 98px);
    background: linear-gradient(180deg, #fff4e4 0%, #fff4e4 40%, #f7e547 70%, #f7e547 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.product_content .product_left .num span {
    font-family: Montserrat-Light;
    font-size: clamp(18px, 1.56vw, 31px);
    color: #fff4e4;
    font-weight: bold;
}

.product_content .product_left .desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4%;
    color: #fff;
    font-family: Montserrat-Light, Montserrat, sans-serif;
    font-size: clamp(14px, 1.25vw, 24px);
    text-align: center;
    line-height: 1.3;
}

.product_content .product_right {
    width: 48.24%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 27px 15px;
    min-width: 0;
    padding-top: 3.9%;
}

.product_content .product_right>li {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.product_content .product_right>li .pic {
    width: 100%;
    height: 100%;
    line-height: 0;
}
.product_content .product_right>li .pic:hover img{
        transform: scale(1.1);
}
.product_content .product_right>li .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease;
}

.product_content .product_right>li .tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8%;
    z-index: 2;
    font-weight: bold;
    font-family: Montserrat-Light, Montserrat, sans-serif;
    font-size: clamp(14px, 1.25vw, 18px);
    text-align: center;
    line-height: 1.25;
    padding: 0 8px;
}

.product_content .product_right>li:nth-child(1) .tit {
    color: #eee0ba;
}

.product_content .product_right>li:nth-child(4) .tit {
    color: #fff;
}

.product_content .product_right>li:nth-child(2) .tit,
.product_content .product_right>li:nth-child(3) .tit {
    color: #612601;
}

@media (max-width: 640px) {
    .product_content .product_wrap {
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 20px 0;
    }

    .product_content .product_left {
        width: 100%;
    }

    .product_content .product_right {
        width: 100%;
        gap: 10px;
        padding-top: 0;
    }
}

/* product_videos */
.product_videos {
    padding: clamp(40px, 3.38vw, 80px) 0;
}

.product_videos .layout {
    width: 1566px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.product_videos .video_wrap {
    position: relative;
    width: 100%;
    border-radius: 40px;
    border: solid 1px #eee0ba;
    overflow: hidden;
}

.product_videos .video_wrap .play_btn {
    position: absolute;
    width: 7.85%;
    min-width: 50px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    /* background-color: rgba(255, 255, 255, 0.3); */
    /* 毛玻璃 */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
}

.product_videos .video_wrap .play_btn img {
    width: 44.71%;
    transition: all .3s;
}

.product_videos .video_wrap .play_btn:hover img {
    transform: scale(1.1);
}

/* product_style */
.product_style {
    position: relative;
    overflow: hidden;
    padding: 10px 0 clamp(40px, 5.52vw, 110px) 0;
}

.product_style .tit {
    font-family: Courgette-Regular;
    font-size: clamp(24px, 2.6vw, 50px);
    color: #fff191;
    text-align: center;
    margin-bottom: 50px;
}

.product_style .layout {
    width: 1225px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.product_style .style_swiper {
    border-radius: 45.5px;
    border: solid 1px #ffe5b3;
}

.product_style .style_swiper img {
      aspect-ratio: 1224 / 560;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.product_style .style_swiper_pagination {
    display: flex;
    align-items: center;
    gap: 10px 28px;
    width: max-content;
    margin: 60px auto 0;
    background-image: url(https://h56.goodao.net/uploads/color-tab-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 24px;
}

.product_style .style_swiper_pagination .swiper-pagination-tab {
    position: relative;
    width: 21px;
    height: 21px;
    cursor: pointer;
    border-radius: 50%;
}

.product_style .style_swiper_pagination .swiper-pagination-tab img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product_style .style_swiper_pagination .swiper-pagination-tab::after {
    content: '';
    width: 33px;
    height: 33px;
    border: 1px solid #000;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s;
}

.product_style .style_swiper_pagination .swiper-pagination-tab.active::after {
    opacity: 1;
}

@media screen and (max-width: 1366px) {
    .product_style {
        padding: 10px 0 60px;
    }

    .product_style .tit {
        margin-bottom: 40px;
    }

    .product_style .style_swiper {
        border-radius: 36px;
    }

    .product_style .style_swiper_pagination {
        gap: 10px 22px;
        margin-top: 48px;
        padding: 24px 20px;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab {
        width: 18px;
        height: 18px;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab::after {
        width: 28px;
        height: 28px;
    }
}

@media screen and (max-width: 950px) {
    .product_style {
        padding: 8px 0 48px;
    }

    .product_style .tit {
        margin-bottom: 28px;
    }

    .product_style .style_swiper {
        border-radius: 28px;
    }

    .product_style .style_swiper_pagination {
        gap: 8px 16px;
        margin-top: 36px;
        padding: 18px 16px;
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab {
        width: 16px;
        height: 16px;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab::after {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 640px) {
    .product_style {
        padding: 6px 0 36px;
    }

    .product_style .tit {
        margin-bottom: 20px;
    }

    .product_style .style_swiper {
        border-radius: 20px;
    }

    .product_style .style_swiper_pagination {
        gap: 8px 12px;
        margin-top: 24px;
        padding: 14px 12px;
        width: 100%;
        box-sizing: border-box;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab {
        width: 14px;
        height: 14px;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab::after {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .product_style {
        padding: 4px 0 28px;
    }

    .product_style .tit {
        margin-bottom: 16px;
    }

    .product_style .style_swiper {
        border-radius: 14px;
    }

    .product_style .style_swiper_pagination {
        gap: 6px 8px;
        margin-top: 18px;
        padding: 12px 10px;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab {
        width: 12px;
        height: 12px;
    }

    .product_style .style_swiper_pagination .swiper-pagination-tab::after {
        width: 18px;
        height: 18px;
    }
}

/* product_video_main */
.product_video_main {
    position: relative;
    overflow: visible;
}

.product_video_main .anim_layer {
    position: relative;
    will-change: filter;
}

.product_video_main .main_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.product_video_main .main_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.product_video_main .layout {
    position: relative;
    z-index: 1;
    width: 1225px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 8.2vw;
}

.product_video_main .video_wrap {
    position: relative;
    border-radius: 36px;
    overflow: hidden;
    border: 1px solid rgba(255, 229, 179, .45);
    line-height: 0;
}

.product_video_main .video_wrap video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1224 / 620;
    object-fit: cover;
    background: #0a1a3a;
}

.product_video_main .showcase {
    position: relative;
    width: 100%;
    min-height: 49.11vw;
    max-height: 100px;
    overflow: visible;
}

.product_video_main .showcase .pic {
    position: absolute;
    left: 50%;
    bottom: 13%;
    width: 17.5%;
    z-index: 3;
    margin-left: -7%;
    will-change: transform, opacity;
    visibility: visible;
}

.product_video_main .showcase .pic_inner {
    transform: rotate(-38deg);
    transform-origin: center center;
}

.product_video_main .showcase .pic img {
    display: block;
    width: 100%;
    height: auto;
}
@media  (min-width: 850px) and  (max-width: 1780px){
.product_video_main .showcase .pic img{
    width: 80%;
    margin: 0 auto;}}

@media  (min-width: 850px) and  (max-width: 1580px){
.product_video_main .showcase .pic img{
    width: 75%;}}
    @media  (min-width: 850px) and  (max-width: 1366px){
.product_video_main .showcase .pic img{
    width: 63%;}}
.product_video_main .showcase .text_left {
    position: absolute;
    left: 0%;
    bottom: 30%;
    width: 41%;
    z-index: 4;
    display: flex;
    align-items: end;
    gap: 13px;
}

.product_video_main .showcase .text_left img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}

.product_video_main .showcase .text_left span {
    color: #fff191;
    font-family: Montserrat-Bold;
    font-size: clamp(22px, 3.56vw, 69px);
    line-height: .8;
}

.product_video_main .showcase .text_right {
    position: absolute;
    right: 0%;
    top: 22%;
    width: 27%;
    z-index: 4;
    text-align: center;
}

.product_video_main .showcase .text_right img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}

.product_video_main .showcase .text_right span {
    display: block;
    color: #fff191;
    font-family: Montserrat-SemiBold;
    font-size: 3.75vw;
    font-size: clamp(22px, 3.75vw, 72px);
    white-space: nowrap;
    margin-top: 5px;
}

.product_video_main .showcase .slogan {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10.5%;
    z-index: 4;
    color: #fff191;
    font-family: Courgette-Regular, Georgia, serif;
    font-size: clamp(20px, 2.5vw, 48px);
    text-align: center;
}

@media screen and (max-width: 1366px) {
    .product_video_main .layout {
        padding-top: 36px;
    }

    .product_video_main .video_wrap {
        border-radius: 28px;
    }

    .product_video_main .showcase {
        min-height: 520px;
        max-height: none;
    }

    .product_video_main .showcase .pic {
        width: 16%;
        bottom: 12%;
    }

    .product_video_main .showcase .text_left {
        width: 38%;
        bottom: 28%;
        gap: 10px;
    }

    .product_video_main .showcase .text_right {
        width: 25%;
        top: 20%;
    }

    .product_video_main .showcase .slogan {
        bottom: 9%;
    }
}

@media screen and (max-width: 950px) {
    .product_video_main .layout {
        padding-top: 28px;
    }

    .product_video_main .video_wrap {
        border-radius: 22px;
    }

    .product_video_main .showcase {
        min-height: 600px;
        margin-top: 10px;
    }

    .product_video_main .showcase .pic {
        width: 18%;
        bottom: 14%;
        margin-left: -8%;
    }

    .product_video_main .showcase .pic_inner {
        transform: rotate(-34deg);
    }

    .product_video_main .showcase .text_left {
        width: 40%;
        bottom: 26%;
        gap: 8px;
    }

    .product_video_main .showcase .text_right {
        width: 26%;
        top: 16%;
    }

    .product_video_main .showcase .text_right span {
        margin-top: 4px;
    }

    .product_video_main .showcase .slogan {
        bottom: 8%;
    }
}

@media screen and (max-width: 640px) {
    .product_video_main .layout {
        padding-top: 20px;
    }

    .product_video_main .video_wrap {
        border-radius: 16px;
    }

    .product_video_main .showcase {
        margin-top: 8px;
    }

    .product_video_main .showcase .pic {
        width: 22%;
        bottom: 16%;
        margin-left: -9%;
    }

    .product_video_main .showcase .pic_inner {
        transform: rotate(-32deg);
    }

    .product_video_main .showcase .text_left {
        width: 42%;
        bottom: 24%;
        gap: 6px;
    }

    .product_video_main .showcase .text_right {
        width: 28%;
        top: 14%;
    }

    .product_video_main .showcase .slogan {
        bottom: 6%;
        padding: 0 8px;
    }
}

@media screen and (max-width: 480px) {
    .product_video_main .layout {
        padding-top: 14px;
    }

    .product_video_main .video_wrap {
        border-radius: 12px;
    }

    .product_video_main .showcase {
        margin-top: 6px;
    }

    .product_video_main .showcase .pic {
        width: 26%;
        bottom: 18%;
        margin-left: -10%;
    }

    .product_video_main .showcase .pic_inner {
        transform: rotate(-30deg);
    }

    .product_video_main .showcase .text_left {
        width: 44%;
        bottom: 22%;
        gap: 4px;
    }

    .product_video_main .showcase .text_right {
        width: 30%;
        top: 12%;
    }

    .product_video_main .showcase .text_right span {
        margin-top: 2px;
    }

    .product_video_main .showcase .slogan {
        bottom: 5%;
        font-size: 16px;
        padding: 0 10px;
    }
}



/* product_reveal */
.product_reveal {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.product_reveal .reveal_stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 943;
}

.product_reveal .reveal_layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.product_reveal .reveal_layer img,.product_reveal .reveal_layer video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_reveal .reveal_layer_back {
    z-index: 1;
}

.product_reveal .reveal_layer_front {
    z-index: 2;
    will-change: opacity, filter;
    pointer-events: none;
}

.product_reveal .reveal_text {
    position: absolute;
    left: 5.5%;
    top: 5%;
    z-index: 3;
    color: #fff;
    pointer-events: none;
}

.product_reveal .reveal_text .name {
    font-family: Montserrat-Bold;
    font-size: 6.51vw;
    line-height: 1;
    opacity: .5;
    color: #ffe639;
    overflow: hidden;
}

.product_reveal .reveal_text .tit {
    font-family: Montserrat-Bold;
    font-size: 3.46vw;
    letter-spacing: -0.09vw;
    color: #fff191;
    margin-top: 1.82vw;
    overflow: hidden;
}

.product_reveal .reveal_text .desc {
    font-family: Montserrat-Light;
    font-size: 1.75vw;
    font-weight: bold;
    color: #fff191;
    margin-top: 15px;
    overflow: hidden;
}

.product_reveal .reveal_text .char {
    display: inline-block;
    will-change: transform, opacity;
}

.product_reveal .reveal_text .word {
    display: inline-block;
}

@media screen and (max-width: 1366px) {
    .product_reveal .reveal_text {
        left: 5%;
        top: 4.5%;
    }

    .product_reveal .reveal_text .name {
        font-size: 6vw;
    }

    .product_reveal .reveal_text .tit {
        font-size: 3.2vw;
        margin-top: 1.5vw;
    }

    .product_reveal .reveal_text .desc {
        font-size: 1.6vw;
        margin-top: 12px;
    }
}

@media screen and (max-width: 950px) {
    .product_reveal .reveal_stage {
        aspect-ratio: auto;
        display: flex;
        flex-direction: column;
    }

    .product_reveal .reveal_layer {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
    }

    .product_reveal .reveal_layer img,.product_reveal .reveal_layer video {
        height: auto;
        object-fit: contain;
    }

    .product_reveal .reveal_layer_front {
        order: 1;
        filter: none !important;
        opacity: 1 !important;
    }

    .product_reveal .reveal_layer_back {
        order: 2;
    }

    .product_reveal .reveal_text {
        left: 5%;
        top: 5%;
    }

    .product_reveal .reveal_text .name {
        font-size: clamp(28px, 7vw, 56px);
    }

    .product_reveal .reveal_text .tit {
        font-size: clamp(16px, 3.6vw, 28px);
        letter-spacing: 0;
        margin-top: 10px;
    }

    .product_reveal .reveal_text .desc {
        font-size: clamp(12px, 2.2vw, 18px);
        margin-top: 8px;
    }
}

@media screen and (max-width: 640px) {
    .product_reveal .reveal_text {
        left: 4%;
        top: 4%;
        max-width: 55%;
    }

    .product_reveal .reveal_text .name {
        font-size: clamp(24px, 8vw, 40px);
    }

    .product_reveal .reveal_text .tit {
        font-size: clamp(14px, 4vw, 22px);
        margin-top: 8px;
    }

    .product_reveal .reveal_text .desc {
        font-size: clamp(11px, 2.6vw, 15px);
        margin-top: 6px;
    }
}

@media screen and (max-width: 480px) {
    .product_reveal .reveal_text {
        left: 4%;
        top: 4%;
        max-width: 58%;
    }

    .product_reveal .reveal_text .name {
        font-size: 26px;
    }

    .product_reveal .reveal_text .tit {
        font-size: 14px;
        margin-top: 6px;
    }

    .product_reveal .reveal_text .desc {
        font-size: 12px;
        margin-top: 4px;
    }
}


/* product_control */
.product_control {
    position: relative;
    padding: 130px 0;
}

.product_control .layout {
    width: 1225px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.product_control .tit {
    font-family: Courgette-Regular;
    font-size: clamp(24px, 2.6vw, 50px);
    color: #fff191;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 67px;
}

.product_control .control_items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 2.08vw;
    border: solid 1px #eee0ba;
    overflow: hidden;
}

.product_control .control_item {
    width: 50%;
    position: relative;
}

.product_control .control_item .item_img {
    width: 100%;
    height: 100%;
}

.product_control .control_item .item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_control .control_item .item_text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    bottom: 6%;
    min-width: 48%;
    background-color: #f8d8a5;
    border-radius: 1.82vw;
    color: #3f2815;
    padding: 8px 0;
}

.product_control .control_item .item_tit {
    font-family: Montserrat-Medium;
    font-size: 1.25vw;
    line-height: 1.3;
}

.product_control .control_item .item_desc {
    font-family: Montserrat-Medium;
    font-size: 0.94vw;
    line-height: 1.3;
}

.product_control .desc {
    font-family: Montserrat-Light;
    font-size: 18px;
    color: #fff191;
    text-align: center;
    line-height: 2;
    margin-top: 61px;
}

@media screen and (max-width: 1366px) {
    .product_control {
        padding: 100px 0;
    }

    .product_control .tit {
        margin-bottom: 50px;
    }

    .product_control .control_item .item_text {
        min-width: 52%;
        padding: 7px 0;
        border-radius: 28px;
    }

    .product_control .control_item .item_tit {
        font-size: 18px;
    }

    .product_control .control_item .item_desc {
        font-size: 14px;
    }

    .product_control .desc {
        font-size: 16px;
        margin-top: 48px;
    }
}

@media screen and (max-width: 950px) {
    .product_control {
        padding: 70px 0;
    }

    .product_control .tit {
        margin-bottom: 36px;
    }

    .product_control .control_items {
        border-radius: 18px;
    }

    .product_control .control_item .item_text {
        min-width: 56%;
        bottom: 5%;
        padding: 6px 0;
        border-radius: 22px;
    }

    .product_control .control_item .item_tit {
        font-size: 16px;
    }

    .product_control .control_item .item_desc {
        font-size: 13px;
    }

    .product_control .desc {
        font-size: 15px;
        line-height: 1.8;
        margin-top: 36px;
    }
}

@media screen and (max-width: 640px) {
    .product_control {
        padding: 48px 0;
    }

    .product_control .tit {
        margin-bottom: 24px;
    }

    .product_control .control_items {
        border-radius: 14px;
        flex-direction: column;
    }

    .product_control .control_item {
        width: 100%;
    }

    .product_control .control_item .item_text {
        min-width: 46%;
        bottom: 6%;
        padding: 6px 10px;
        border-radius: 18px;
    }

    .product_control .control_item .item_tit {
        font-size: 15px;
    }

    .product_control .control_item .item_desc {
        font-size: 12px;
    }

    .product_control .desc {
        font-size: 14px;
        line-height: 1.7;
        margin-top: 24px;
    }

    .product_control .desc br {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .product_control {
        padding: 36px 0;
    }

    .product_control .tit {
        margin-bottom: 18px;
    }

    .product_control .control_items {
        border-radius: 12px;
    }

    .product_control .control_item .item_text {
        min-width: 50%;
        bottom: 5%;
        padding: 5px 8px;
        border-radius: 14px;
    }

    .product_control .control_item .item_tit {
        font-size: 14px;
    }

    .product_control .control_item .item_desc {
        font-size: 11px;
    }

    .product_control .desc {
        font-size: 13px;
        margin-top: 18px;
    }
}

.products_bottom {
    position: relative;
}

.products_bottom img {
    width: 100%;
}

/* product_banner02 */
.product_banner02 {
    position: relative;
}

.product_banner02 .bg {
    width: 100%;
    object-fit: cover;
}

.product_banner02 .layout {
    position: absolute;
    width: 1570px;
    max-width: 96%;
    left: 50%;
    top: 18%;
    transform: translateX(-50%);
    color: #fff;
}

.product_banner02 .layout .left_info {
    width: 100%;
}

.product_banner02 .title {
    font-family: Montserrat-SemiBold;
    font-size: clamp(24px, 3.42vw, 70px);
    color: #fff;
    line-height: 1.2;
}

.product_banner02 .title img {
    vertical-align: baseline;
    height: clamp(24px, 2.65vw, 55px);
}

.product_banner02 .desc {
    font-family: Montserrat-Light;
    font-size: clamp(16px, 2.2vw, 32px);
    color: #fff;
    margin-top: clamp(10px, 1.87vw, 50px);
}

/* product02_main / product_params */
.product02_main {
    background: #020617;
}

.product_params {
    position: relative;
    overflow: hidden;
    padding: clamp(40px, 9.21vw, 200px) 0 clamp(40px, 12.13vw, 300px) 0;
}

.product_params .params_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.product_params .params_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product_params .layout {
    position: relative;
    z-index: 1;
    width: 1456px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.product_params .params_grid {
    display: flex;
    align-items: stretch;
    gap: 10px 0;
    justify-content: space-between;
}

.product_params .col {
    display: flex;
    flex-direction: column;
    min-width: 0;
    justify-content: space-between;
}

.product_params .col_left {
    width: 34.4%;
}

.product_params .col_mid {
    width: 41.41%;
}

.product_params .col_right {
    width: 22.93%;
}

.product_params .item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
}

.product_params .col_left .item {
    height: 100%;
}

.product_params .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_params .item:hover img {
    transform: scale(1.1);
}
.product_params .item img {
    transition: all .5s ease;
}

@media screen and (max-width: 640px) {
    .product_params .col_left {
        width: 45%;
    }

    .product_params .col_mid {
        width: 52%;
    }

    .product_params .params_grid {
        flex-wrap: wrap;
    }

    .product_params .col_right {
        flex-direction: row;
        width: 100%;
        gap: 5px;
    }
}


/* prod_video_warp */
.prod_video_warp {
    position: relative
}

.prod_video_warp video {
    display: block;
    width: 100%;
    height: 100%;
}

.prod_video_warp .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: clamp(50px, 6.6vw, 200px);
    aspect-ratio: 1;
    /* 毛玻璃 */
    backdrop-filter: blur(5px);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prod_video_warp .play_btn img {
    width: 65.87%;
    transition: all .3s;
}

.prod_video_warp .play_btn:hover img {
    transform: rotate(20deg);
}

.prod_video_warp.active .play_btn {
    display: none;
}

/* product_flavor */
.product_flavor {
    position: relative;
    overflow: hidden;
    padding: clamp(40px, 7.13vw, 150px) 0 60px;
}

.product_flavor .flavor_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.product_flavor .flavor_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product_flavor .layout {
    position: relative;
    z-index: 1;
    width: 1456px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.product_flavor .tit {
    font-family: Montserrat-Bold, Montserrat, sans-serif;
    font-size: clamp(20px, 2.5vw, 40px);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.product_flavor .flavor_swiper_wrap {
    position: relative;
    width: 100%;
}

.product_flavor .flavor_swiper {
    width: 100%;
    overflow: hidden;
    padding: 110px 0;
}

.product_flavor .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: auto;
    overflow: visible;
    transition: all .5s;
}

.product_flavor .swiper-slide .pic {
    width: 100%;
    margin: 0 auto;
    line-height: 0;
    transition: transform .45s ease, opacity .45s ease;
    transform-origin: center;
}

.product_flavor .swiper-slide-active {
    transform: scale(1.22);
}

.product_flavor .swiper-slide .pic img {
    display: block;
    width: 100%;
    min-height: 390px;
}

.product_flavor .swiper-slide .name {
    font-family: Montserrat-Light;
    font-size: 22px;
    color: #fff;
    line-height: 1.2;
    margin-top: 18px;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
}

.product_flavor .swiper-slide-active .name {
    transform: translateY(40px) scale(1.25);

}

.product_flavor .flavor_btn {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #23f3fe;
    cursor: pointer;
    z-index: 2;
    opacity: .5;
    transform: translateY(-50%);
    transition: background .3s, transform .3s, opacity .3s;
}

.product_flavor .flavor_prev {
    left: -6%;
}

.product_flavor .flavor_next {
    right: -6%;
}

.product_flavor .flavor_btn:hover {
    opacity: 1;
}

.product_flavor .flavor_btn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
}

.product_flavor .flavor_prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.product_flavor .flavor_next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

.product_flavor .flavor_swiper_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 26px;
    width: max-content;
    max-width: 100%;
    margin: 0px auto 0;
    box-sizing: border-box;
    padding: 33px 40px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 999px;margin-top: 20px;
}

.product_flavor .flavor_swiper_pagination .swiper-pagination-tab {
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-radius: 50%;
    flex: none;
}

.product_flavor .flavor_swiper_pagination .swiper-pagination-tab img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.product_flavor .flavor_swiper_pagination .swiper-pagination-tab::after {
    content: '';
    width: 39px;
    height: 39px;
    border: solid 2px #00a4b7;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s;
}

.product_flavor .flavor_swiper_pagination .swiper-pagination-tab.active::after {
    opacity: 1;
}

@media screen and (max-width: 1366px) {
    .product_flavor {
        padding: 80px 0 48px;
    }

    .product_flavor .flavor_swiper {
        padding: 80px 0;
    }

    .product_flavor .swiper-slide-active {
        transform: scale(1.18);
    }

    .product_flavor .swiper-slide .pic img {
        min-height: 300px;
    }

    .product_flavor .swiper-slide .name {
        font-size: 18px;
        margin-top: 14px;
    }

    .product_flavor .swiper-slide-active .name {
        transform: translateY(28px) scale(1.2);
    }

    .product_flavor .flavor_btn {
        width: 42px;
        height: 42px;
    }

    .product_flavor .flavor_prev {
        left: -3%;
    }

    .product_flavor .flavor_next {
        right: -3%;
    }

    .product_flavor .flavor_btn::before {
        width: 12px;
        height: 12px;
    }

    .product_flavor .flavor_swiper_pagination {
        gap: 10px 20px;
        padding: 26px 32px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab {
        width: 22px;
        height: 22px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab::after {
        width: 34px;
        height: 34px;
    }
}

@media screen and (max-width: 950px) {
    .product_flavor {
        padding: 56px 0 40px;
    }

    .product_flavor .flavor_swiper {
        padding: 56px 0;
    }

    .product_flavor .swiper-slide-active {
        transform: scale(1.14);
    }

    .product_flavor .swiper-slide .pic img {
        min-height: 240px;
    }

    .product_flavor .swiper-slide .name {
        font-size: 16px;
        margin-top: 12px;
        line-height: 1.5;
    }

    .product_flavor .swiper-slide-active .name {
        transform: translateY(20px) scale(1.15);
    }

    .product_flavor .flavor_btn {
        width: 36px;
        height: 36px;
    }

    .product_flavor .flavor_prev {
        left: 0;
    }

    .product_flavor .flavor_next {
        right: 0;
    }

    .product_flavor .flavor_btn::before {
        width: 10px;
        height: 10px;
    }

    .product_flavor .flavor_swiper_pagination {
        gap: 8px 14px;
        padding: 18px 20px;
        border-radius: 28px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab {
        width: 18px;
        height: 18px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab::after {
        width: 28px;
        height: 28px;
        border-width: 1px;
    }
}

@media screen and (max-width: 640px) {
    .product_flavor {
        padding: 40px 0 32px;
    }

    .product_flavor .flavor_swiper {
        padding: 40px 0;
    }

    .product_flavor .swiper-slide-active {
        transform: scale(1.1);
    }

    .product_flavor .swiper-slide .pic img {
        min-height: 180px;
    }

    .product_flavor .swiper-slide .name {
        font-size: 14px;
        margin-top: 10px;
    }

    .product_flavor .swiper-slide-active .name {
        transform: translateY(14px) scale(1.1);
    }

    .product_flavor .flavor_btn {
        width: 30px;
        height: 30px;
    }

    .product_flavor .flavor_btn::before {
        width: 8px;
        height: 8px;
    }

    .product_flavor .flavor_swiper_pagination {
        gap: 8px 10px;
        padding: 14px 14px;
        width: 100%;
        border-radius: 24px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab {
        width: 14px;
        height: 14px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab::after {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .product_flavor {
        padding: 28px 0 24px;
    }

    .product_flavor .flavor_swiper {
        padding: 28px 0;
    }

    .product_flavor .swiper-slide-active {
        transform: scale(1.08);
    }

    .product_flavor .swiper-slide .pic img {
        min-height: 150px;
    }

    .product_flavor .swiper-slide .name {
        font-size: 12px;
        margin-top: 8px;
    }

    .product_flavor .swiper-slide-active .name {
        transform: translateY(10px) scale(1.08);
    }

    .product_flavor .flavor_btn {
        width: 26px;
        height: 26px;
    }

    .product_flavor .flavor_btn::before {
        width: 7px;
        height: 7px;
    }

    .product_flavor .flavor_swiper_pagination {
        gap: 6px 8px;
        padding: 12px 10px;
        border-radius: 20px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab {
        width: 12px;
        height: 12px;
    }

    .product_flavor .flavor_swiper_pagination .swiper-pagination-tab::after {
        width: 18px;
        height: 18px;
    }
}

/* product_poster */
.product_poster {
    position: relative;
}

.product_poster>img {
    width: 100%;
}

/* prod_else5_warp */
.prod_else5_warp {
    position: relative;
    background-image: url(https://h56.goodao.net/uploads/scroll-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 19.53vw 0 6.5vw;
}

.prod_else5_warp .layout {
    position: relative;
    width: 1456px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.prod_else5_warp .prod_else5_main {
    position: relative;
}

.prod_else5_warp .prod_else5_main .prod_else5_img {
    position: absolute;
    width: 48.28%;
    left: 23%;
    top: -97%;
    z-index: 2;
}

.prod_else5_warp .scroll_num {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Montserrat-Bold;
    font-size: clamp(100px, 21.21vw, 410px);
    color: #cefbfd;
    line-height: .6;
    gap: 30px;
    position: relative;
    z-index: 1;
}

.prod_else5_warp .prod_else5_text {
    font-family: Montserrat-Regular;
    font-size: clamp(20px, 2.08vw, 50px);
    text-align: center;
    color: #dafcfe;
    line-height: 1.6;
    margin-top: 3.5vw;
}

.prod_else5_main .dataNums {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.prod_else5_main .dataNums.inrow {
    display: flex
}

.prod_else5_main .dataOne {
    overflow: hidden;
    width: 260px;
    height: 300px;
    position: relative
}

.prod_else5_main .dataBoc {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.prod_else5_main .tt {
    position: absolute;
    width: 100%;
    left: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    flex-direction: column;
    align-items: center;
    will-change: top
}

.prod_else5_main .tt span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 300px
}

.prod_else5_warp .prod_else5_ico {
    flex: none;
    width: clamp(80px, 17.4vw, 334px);
}

.prod_else5_warp .prod_else5_ico img,
.prod_else5_warp .prod_else5_img img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 1366px) {
    .prod_else5_warp {
        padding: 18vw 0 6vw;
    }

    .prod_else5_warp .prod_else5_main .prod_else5_img {
        width: 46%;
        left: 24%;
        top: -90%;
    }

    .prod_else5_warp .scroll_num {
        gap: 20px;
    }

    .prod_else5_main .dataOne {
        width: 190px;
        height: 220px;
    }

    .prod_else5_main .tt span {
        line-height: 220px;
    }

    .prod_else5_warp .prod_else5_text {
        margin-top: 4vw;
    }
}

@media screen and (max-width: 950px) {
    .prod_else5_warp {
        padding: 22vw 0 8vw;
    }

    .prod_else5_warp .prod_else5_main .prod_else5_img {
        width: 36%;
        left: 24%;
        top: -78%;
    }

    .prod_else5_warp .scroll_num {
        gap: 14px;
    }

    .prod_else5_main .dataOne {
        width: 120px;
        height: 140px;
    }

    .prod_else5_main .tt span {
        line-height: 140px;
    }

    .prod_else5_warp .prod_else5_text {
        margin-top: 5vw;
        line-height: 1.45;
    }
}

@media screen and (max-width: 640px) {
    .prod_else5_warp {
        padding: 28vw 0 10vw;
    }

    .prod_else5_warp .prod_else5_main .prod_else5_img {
        width: 30%;
        left: 21%;
        top: -70%;
    }

    .prod_else5_warp .scroll_num {
        gap: 10px;
    }

    .prod_else5_main .dataOne {
        width: 72px;
        height: 90px;
    }

    .prod_else5_main .tt span {
        line-height: 90px;
    }

    .prod_else5_warp .prod_else5_text {
        margin-top: 6vw;
    }

    .prod_else5_warp .prod_else5_text br {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .prod_else5_warp {
        padding: 32vw 0 12vw;
    }

    .prod_else5_warp .prod_else5_main .prod_else5_img {

        left: 18%;
        top: -62%;
    }

    .prod_else5_warp .scroll_num {
        gap: 6px;
    }

    .prod_else5_main .dataOne {
        width: 54px;
        height: 68px;
    }

    .prod_else5_main .tt span {
        line-height: 68px;
    }

    .prod_else5_warp .prod_else5_text {
        margin-top: 8vw;
    }
}

/* prod_video_warp02 */
.prod_video_warp02 {
    position: relative
}

.prod_video_warp02 video {
    display: block;
    width: 100%;
    height: 100%;
}

.prod_video_warp02 .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: clamp(50px, 6.6vw, 200px);
    aspect-ratio: 1;
    /* 毛玻璃 */
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prod_video_warp02 .play_btn img {
    width: 65.87%;
    transition: all .3s;
}

.prod_video_warp02 .play_btn:hover img {
    transform: rotate(20deg);
}

.prod_video_warp02.active .play_btn {
    display: none;
}

/* product_puffs */
.product_puffs {
    position: relative;
    padding: 78px 0 104px;
    background-image: url(https://h56.goodao.net/uploads/puff-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.product_puffs .layout{
    position: relative;
    width: 1456px;
    max-width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}

.product_puffs .tab-nav {
    display: flex;
    justify-content: center;
    gap: 20px 56px;
    flex-wrap: wrap;
}

.product_puffs .tab-nav .nav-item {
    position: relative;
    font-family: Montserrat-Regular;
    font-size: 30px;
    color: #fff;
    border-radius: 35px;
    border: 1px solid rgba(255, 255, 255, 0.76);
    background-color: rgba(255, 255, 255, 0.2);
    padding: 11px 74px;
    cursor: pointer;
    z-index: 2;
    transition: all .3s;
}
.product_puffs .tab-nav .nav-item.active{
    border-color: transparent;
}
.product_puffs .tab-nav .nav-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-image: url(https://h56.goodao.net/uploads/puff-tab-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all .3s;
    z-index: -1;
}

.product_puffs .tab-nav .nav-item.active::before {
    opacity: 1;
}

.product_puffs .tab-pannel-wrap{
    margin-top: 48px;
}

.product_puffs .puff_img{
    width: 100%;
    border-radius: 2.08vw;
    overflow: hidden;
}

.product_puffs .puff_img img{
    display: block;
    width: 100%;
}

@media screen and (max-width: 1366px) {
    .product_puffs {
        padding: 60px 0 80px;
    }

    .product_puffs .tab-nav {
        gap: 16px 40px;
    }

    .product_puffs .tab-nav .nav-item {
        font-size: 24px;
        padding: 10px 56px;
        border-radius: 30px;
    }

    .product_puffs .tab-pannel-wrap {
        margin-top: 40px;
    }
}

@media screen and (max-width: 950px) {
    .product_puffs {
        padding: 48px 0 60px;
    }

    .product_puffs .tab-nav {
        gap: 12px 24px;
    }

    .product_puffs .tab-nav .nav-item {
        font-size: 18px;
        padding: 8px 36px;
        border-radius: 24px;
    }

    .product_puffs .tab-pannel-wrap {
        margin-top: 32px;
    }

    .product_puffs .puff_img {
        border-radius: 16px;
    }
}

@media screen and (max-width: 640px) {
    .product_puffs {
        padding: 36px 0 44px;
    }

    .product_puffs .tab-nav {
        gap: 10px 12px;
    }

    .product_puffs .tab-nav .nav-item {
        font-size: 15px;
        padding: 7px 24px;
        border-radius: 20px;
    }

    .product_puffs .tab-pannel-wrap {
        margin-top: 24px;
    }

    .product_puffs .puff_img {
        border-radius: 12px;
    }
}

@media screen and (max-width: 480px) {
    .product_puffs {
        padding: 28px 0 32px;
    }

    .product_puffs .tab-nav {
        gap: 8px;
    }

    .product_puffs .tab-nav .nav-item {
        font-size: 13px;
        padding: 6px 18px;
        border-radius: 16px;
    }

    .product_puffs .tab-pannel-wrap {
        margin-top: 18px;
    }

    .product_puffs .puff_img {
        border-radius: 10px;
    }
}

/* product_poster03 */
.product_poster03 {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.product_poster03 .bg {
    display: block;
    width: 100%;
    height: auto;
}

.product_poster03 .poster_info {
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    z-index: 2;
    line-height: normal;
}

.product_poster03 .poster_info .title {
    font-family: Montserrat-Medium, Montserrat, sans-serif;
    font-size: clamp(16px, 2.08vw, 40px);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.25;
}

.product_poster03 .poster_info .title span {
    color: #6fe8ff;
}

.product_poster03 .poster_info .desc {
    font-family: Montserrat-Light, Montserrat, sans-serif;
    font-size: clamp(12px, 1.25vw, 22px);
    color: #fff;
    font-weight: 700;
    margin-top: 0.6em;
    line-height: 1.4;
}

@media screen and (max-width: 1366px) {
    .product_poster03 .poster_info {
        top: 8%;
    }
}

@media screen and (max-width: 950px) {
    .product_poster03 .poster_info {
        top: 7.5%;
    }
}

@media screen and (max-width: 640px) {
    .product_poster03 .poster_info {
        top: 6.5%;
        width: 94%;
    }

    .product_poster03 .poster_info .desc {
        margin-top: 0.4em;
    }
}

@media screen and (max-width: 480px) {
    .product_poster03 .poster_info {
        top: 5.5%;
    }
}


.container {
    overflow: visible;
}

/* 头部高度锁死：fixed 时不再靠 padding-bottom: 101px 改变文档高度 */
.head-wrapper.head-space-lock.mobile-fix-head {
    padding-bottom: 0 !important;
}

/* path_bar */
.page_about_main {
    position: relative;
    margin-top: 0 !important;
}

.page_about_main .path_bar {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: transparent;
    padding: 11px 0;
}

.page_about_main .path_bar li,
.page_about_main .path_bar li a {
    font-size: 19px;
    font-family: Montserrat-Light;
}

.page_about_main .path_bar li:before {
    content: '\f105';
    font-family: fontawesome;
    font-size: 24px;
    margin-left: 10px;
    margin-right: 8px;
}

@media (max-width: 1366px) {
    .page_about_main .path_bar {
        padding: 10px 0;
    }

    .page_about_main .path_bar li,
    .page_about_main .path_bar li a {
        font-size: 16px;
    }

    .page_about_main .path_bar li:before {
        font-size: 20px;
        margin-left: 8px;
        margin-right: 6px;
    }
}

@media (max-width: 950px) {
    .page_about_main .path_bar {
        padding: 8px 0;
    }

    .page_about_main .path_bar li,
    .page_about_main .path_bar li a {
        font-size: 14px;
    }

    .page_about_main .path_bar li:before {
        font-size: 16px;
        margin-left: 6px;
        margin-right: 5px;
    }
}

@media (max-width: 480px) {
    .page_about_main .path_bar {
        padding: 6px 0;
    }

    .page_about_main .path_bar li,
    .page_about_main .path_bar li a {
        font-size: 12px;
    }

    .page_about_main .path_bar li:before {
        font-size: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
}

/* about title */
.about_hd {
    text-align: center;
}

.about_title {
    font-family: Montserrat-Bold;
    font-size: 48px;
    color: #fff;
    text-align: center;
    line-height: 1.25;
}

@media (max-width: 1366px) {
    .about_title {
        font-size: 40px;
    }
}

@media (max-width: 950px) {
    .about_title {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .about_title {
        font-size: 24px;
    }
}

/* about_info */
.about_info {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 200px 0 205px;
}

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

.about_info .about_info_left {
    width: 37.72%;
    text-align: center;
}

.about_info .about_info_video {
    width: 49.48%;
    border-radius: 20px;
    overflow: hidden;
}

.about_info .about_info_video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_info .big_tit {
    font-family: Montserrat-SemiBold;
    font-size: clamp(28px, 5.31vw, 102px);
    line-height: .75;
    color: #ffffff;
    margin-bottom: 27px;
}

.about_info .about_desc {
    font-family: Montserrat-Light;
    font-size: 18px;
    color: rgba(255, 255, 255, .52);
    text-align: center;
    line-height: 1.7;
    padding: 0 10%;
    margin-top: 14px;
}

.about_info .about_btn {
    display: inline-flex;
    width: 182px;
    height: 46px;
    background-image: linear-gradient(to right, #1bcdaa, #19b775);
    border-radius: 22px;
    color: #fff;
    font-family: Montserrat-Light;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    margin-top: 72px;
    transition: all .3s;
}

.about_info .about_btn:hover {
    filter: brightness(.8);
}

@media (max-width: 1366px) {
    .about_info {
        padding: 140px 0 130px;
    }

    .about_info .about_info_left {
        width: 40%;
    }

    .about_info .about_info_video {
        width: 54%;
        border-radius: 16px;
    }

    .about_info .big_tit {
        margin-bottom: 20px;
    }

    .about_info .about_desc {
        font-size: 16px;
        padding: 0 6%;
        margin-top: 12px;
    }

    .about_info .about_btn {
        width: 160px;
        height: 42px;
        font-size: 15px;
        margin-top: 48px;
    }
}

@media (max-width: 950px) {
    .about_info {
        padding: 90px 0 60px;
    }

    .about_info .about_wrap {
        flex-direction: column;
        gap: 36px;
    }

    .about_info .about_info_left,
    .about_info .about_info_video {
        width: 100%;
    }

    .about_info .about_info_video {
        border-radius: 14px;
        aspect-ratio: 16 / 9;
    }

    .about_info .big_tit {
        margin-bottom: 16px;
    }

    .about_info .about_desc {
        font-size: 15px;
        padding: 0;
        margin-top: 12px;
    }

    .about_info .about_btn {
        width: 160px;
        height: 42px;
        font-size: 14px;
        margin-top: 32px;
    }
}

@media (max-width: 480px) {
    .about_info {
        padding: 70px 0 40px;
    }

    .about_info .about_wrap {
        gap: 24px;
    }

    .about_info .about_info_video {
        border-radius: 10px;
    }

    .about_info .big_tit {
        margin-bottom: 12px;
    }

    .about_info .about_desc {
        font-size: 13px;
        line-height: 1.6;
        margin-top: 10px;
    }

    .about_info .about_btn {
        width: 140px;
        height: 40px;
        font-size: 13px;
        border-radius: 20px;
        margin-top: 24px;
    }
}

/* about_history */
.about_history {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 111px 0 198px;
}

.about_history .about_title {
    margin-bottom: 93px;
}

.about_history .history_swiper {
    overflow: hidden;
}

.about_history .history_swiper_bot {
    transform: translateX(12.5%);
}

.about_history .history_line {
    margin-top: 29px;
    margin-bottom: -23px;
    line-height: 0;
}

.about_history .history_line img {
    display: block;
    width: 100%;
    height: auto;
}

.about_history .history_item {
    display: flex;
}

.about_history .line {
    display: block;
    width: 2px;
    height: 231px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));
    flex-shrink: 0;
    margin-right: 11px;
    font-style: normal;
}

.about_history .history_text {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-right: 19%;
}

.about_history .year {
    font-family: Montserrat-Light;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    line-height: .8;
}

.about_history .desc {
    font-family: Montserrat-Light;
    font-size: 18px;
    line-height: 1.7;
    color: #fff;
    margin-top: 12px;
}

.about_history .history_swiper_bot .line {
    background-image: linear-gradient(to top, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));
}

.about_history .history_swiper_bot .history_text {
    justify-content: end;
}

@media (max-width: 1366px) {
    .about_history {
        padding: 80px 0 140px;
    }

    .about_history .about_title {
        margin-bottom: 64px;
    }

    .about_history .history_swiper_bot {
        transform: translateX(16.666%);
    }

    .about_history .history_line {
        margin-top: 20px;
        margin-bottom: -16px;
    }

    .about_history .line {
        height: 180px;
        margin-right: 8px;
    }

    .about_history .history_text {
        padding-right: 14%;
    }

    .about_history .year {
        font-size: 24px;
    }

    .about_history .desc {
        font-size: 16px;
        margin-top: 10px;
    }
}

@media (max-width: 950px) {
    .about_history {
        padding: 56px 0 80px;
    }

    .about_history .about_title {
        margin-bottom: 40px;
    }

    .about_history .history_swiper_bot {
        transform: translateX(25%);
    }

    .about_history .history_line {
        margin-top: 16px;
        margin-bottom: -12px;
    }

    .about_history .line {
        width: 1px;
        height: 140px;
        margin-right: 8px;
    }

    .about_history .history_text {
        padding-right: 10%;
    }

    .about_history .year {
        font-size: 20px;
    }

    .about_history .desc {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 8px;
    }
}

@media (max-width: 480px) {
    .about_history {
        padding: 40px 0 56px;
    }

    .about_history .about_title {
        margin-bottom: 28px;
    }

    .about_history .history_swiper_bot {
        transform: translateX(28%);
    }

    .about_history .history_line {
        margin-top: 12px;
        margin-bottom: -8px;
    }

    .about_history .line {
        height: 100px;
        margin-right: 6px;
    }

    .about_history .history_text {
        padding-right: 8%;
    }

    .about_history .year {
        font-size: 18px;
    }

    .about_history .desc {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 6px;
    }
}

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

.long_bg .long_bg_img {
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    object-fit: cover;
    z-index: 0;
}

/* about_kan */
.about_kan {
    position: relative;
    overflow: hidden;
    padding: 156px 0 50px;
}

.about_kan .desc {
    color: #fff;
    font-family: Montserrat-Light;
    font-size: 18px;
    padding: 0 20%;
    line-height: 1.7;
    margin-top: 31px;
}

.about_kan .swiper_kan_wrap {
    padding: 0 4.8%;
    margin-top: 60px;
}

.about_kan .swiper-slide {
    width: auto;
}

.about_kan .swiper-slide .item_inner {
    display: block;
    border-radius: 15px;
    overflow: hidden;
}

.about_kan .swiper-slide .item_inner img {
    display: block;
    width: 100%;
    transition: all .5s;
}

.about_kan .swiper-slide .item_inner:hover img {
    transform: scale(1.05);
}

.about_kan .kan01,.about_kan .kan07 {
    margin-top: 111px;
}

.about_kan .kan02,.about_kan .kan08 {
    margin-top: 159px;
}

.about_kan .kan03,.about_kan .kan09 {
    margin-top: 60px;
}

.about_kan .kan04,.about_kan .kan10 {
    margin-top: 95px;
}

.about_kan .kan06,.about_kan .kan12 {
    margin-top: 145px;
}



@media (max-width: 1366px) {
    .about_kan {
        padding: 110px 0 40px;
    }

    .about_kan .desc {
        font-size: 16px;
        padding: 0 12%;
        margin-top: 24px;
    }

    .about_kan .swiper_kan_wrap {
        padding: 0 3%;
    }

    .about_kan .swiper-slide {
        width: 280px;
    }

    .about_kan .swiper-slide .item_inner {
        border-radius: 12px;
    }

    .about_kan .kan01 {
        margin-top: 80px;
    }

    .about_kan .kan02 {
        margin-top: 116px;
    }

    .about_kan .kan03 {
        margin-top: 44px;
    }

    .about_kan .kan04 {
        margin-top: 70px;
    }

    .about_kan .kan06 {
        margin-top: 106px;
    }
}

@media (max-width: 950px) {
    .about_kan {
        padding: 70px 0 32px;
    }

    .about_kan .desc {
        font-size: 15px;
        padding: 0 6%;
        margin-top: 18px;
    }

    .about_kan .swiper_kan_wrap {
        padding: 0 2%;
    }

    .about_kan .swiper-slide {
        width: 210px;
    }

    .about_kan .swiper-slide .item_inner {
        border-radius: 10px;
    }

    .about_kan .kan01, .about_kan .kan07 {
        margin-top: 56px;
    }

    .about_kan .kan02,.about_kan .kan08 {
        margin-top: 80px;
    }

    .about_kan .kan03, .about_kan .kan09 {
        margin-top: 30px;
    }

    .about_kan .kan04, .about_kan .kan10 {
        margin-top: 48px;
    }

    .about_kan .kan06, .about_kan .kan12 {
        margin-top: 72px;
    }
    
    
    
}

@media (max-width: 480px) {
    .about_kan {
        padding: 48px 0 24px;
    }

    .about_kan .desc {
        font-size: 13px;
        padding: 0;
        line-height: 1.6;
        margin-top: 14px;
    }

    .about_kan .swiper_kan_wrap {
        padding: 0;
    }

    .about_kan .swiper-slide {
        width: 168px;
    }

    .about_kan .swiper-slide .item_inner {
        border-radius: 8px;
    }

    .about_kan .kan01, .about_kan .kan07 {
        margin-top: 36px;
    }

    .about_kan .kan02, .about_kan .kan08 {
        margin-top: 52px;
    }

    .about_kan .kan03, .about_kan .kan09 {
        margin-top: 20px;
    }

    .about_kan .kan04, .about_kan .kan10 {
        margin-top: 32px;
    }

    .about_kan .kan06, .about_kan .kan12 {
        margin-top: 48px;
    }
}

/* about_cer */
.about_cer {
    position: relative;
    overflow: hidden;
    padding: 117px 0 50px;
}

.about_cer .about_hd {
    text-align: center;
}

.about_cer .about_cer_wrap {
    margin-top: 88px;
}

.about_cer .cer_swiper_top {
    padding: 0 7.6%;
    margin-bottom: 35px;
}

.about_cer .item_inner {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 21px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .61);
}
.about_cer .item_inner img{max-width:147px !important;}

.about_cer .swiper-wrapper {
    transition-timing-function: linear !important;
}

.about_cer .cer_swiper_bot {
    transform: rotate(180deg);
}

.about_cer .cer_swiper_bot .item_inner {
    transform: rotate(180deg);
}

.about_cer .item_inner img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 1366px) {
    .about_cer {
        padding: 80px 0 40px;
    }

    .about_cer .about_cer_wrap {
        margin-top: 64px;
    }

    .about_cer .cer_swiper_top {
        padding: 0 5%;
        margin-bottom: 28px;
    }

    .about_cer .item_inner {
        padding: 16px;
        border-radius: 8px;
    }
}

@media (max-width: 950px) {
    .about_cer {
        padding: 56px 0 32px;
    }

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

    .about_cer .cer_swiper_top {
        padding: 0 3%;
        margin-bottom: 20px;
    }

    .about_cer .item_inner {
        padding: 12px;
        border-radius: 8px;
    }
}

@media (max-width: 480px) {
    .about_cer {
        padding: 40px 0 24px;
    }

    .about_cer .about_cer_wrap {
        margin-top: 28px;
    }

    .about_cer .cer_swiper_top {
        padding: 0;
        margin-bottom: 14px;
    }

    .about_cer .item_inner {
        padding: 8px;
        border-radius: 6px;
    }
}

/* about_globe */
.about_globe {
    position: relative;
    overflow: hidden;
    padding: 126px 0 90px;
}

.about_globe .about_hd {
    text-align: center;
    margin-bottom: 92px;
}

.about_globe .globe_map {
    position: relative;
}

.about_globe .map_bg {
    display: block;
    width: 100%;
    height: auto;
}

.about_globe .map_points {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about_globe .map_point {
    position: absolute;
    text-align: center;
    z-index: 2;
}

.about_globe .point01 {
    left: 15.6%;
    top: 39%;
}

.about_globe .point02 {
    left: 45.6%;
    top: 26.4%;
}

.about_globe .point03 {
    left: 53.9%;
    top: 24.5%;
}

.about_globe .point04 {
    left: 57.8%;
    top: 40.5%;
}

.about_globe .point05 {
    left: 59.3%;
    top: 48%;
}

.about_globe .point06 {
    left: 66.7%;
    top: 22%;
}

.about_globe .point07 {
    left: 88.3%;
    top: 24%;
}

.about_globe .point08 {
    left: 84.3%;
    top: 36%;
}

.about_globe .map_point .pin {
    display: block;
    width: 32px;
    margin: 0 auto;
}

.about_globe .map_point .pin img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}

.about_globe .map_point .name {
    display: block;
    white-space: nowrap;
    font-family: Montserrat-Light;
    font-size: 18px;
    font-weight: bold;
    margin-top: 11px;
    color: #19b878;

}

.about_globe .globe_nums {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center;
    margin-top: 38px;
}

.about_globe .num_item {
    /* flex: 1; */
}

.about_globe .num_val {
    font-family: Montserrat-SemiBold;
    font-size: 72px;
    color: #19b878;
    line-height: 1;
}

.about_globe .num_val .plus {
    margin-left: 2px;
}

.about_globe .num_label {
    font-family: Montserrat-Light;
    font-size: 20px;
    color: rgba(255, 255, 255, .35);
    margin-top: 6px;
}

@media (max-width: 1366px) {
    .about_globe {
        padding: 90px 0 70px;
    }

    .about_globe .about_hd {
        margin-bottom: 64px;
    }

    .about_globe .map_point .pin {
        width: 26px;
    }

    .about_globe .map_point .name {
        font-size: 15px;
        margin-top: 8px;
    }

    .about_globe .globe_nums {
        margin-top: 28px;
    }

    .about_globe .num_val {
        font-size: 56px;
    }

    .about_globe .num_label {
        font-size: 16px;
    }
}

@media (max-width: 950px) {
    .about_globe {
        padding: 64px 0 48px;
    }

    .about_globe .about_hd {
        margin-bottom: 40px;
    }

    .about_globe .map_point .pin {
        width: 20px;
    }

    .about_globe .map_point .name {
        font-size: 12px;
        margin-top: 6px;
    }

    .about_globe .globe_nums {
        flex-wrap: wrap;
        margin-top: 24px;
        row-gap: 24px;
    }

    .about_globe .num_item {
        flex: 0 0 50%;
    }

    .about_globe .num_val {
        font-size: 40px;
    }

    .about_globe .num_label {
        font-size: 14px;
        margin-top: 4px;
    }
}

@media (max-width: 480px) {
    .about_globe {
        padding: 44px 0 36px;
    }

    .about_globe .about_hd {
        margin-bottom: 28px;
    }

    .about_globe .map_point .pin {
        width: 16px;
    }

    .about_globe .map_point .name {
        font-size: 10px;
        margin-top: 4px;
    }

    .about_globe .globe_nums {
        margin-top: 18px;
        row-gap: 18px;
    }

    .about_globe .num_val {
        font-size: 22px;
    }

    .about_globe .num_label {
        font-size: 12px;
        margin-top: 4px;
    }
}

/* about_follow */
.about_follow {
    position: relative;
    overflow: hidden;
    background-color: #131413;
    padding: 80px 0 0;
}

.about_follow .swiper-wrapper {
    transition-timing-function: linear !important;
}

.about_follow .follow_txt {
    padding: 22px 0;
    margin-bottom: 40px;
}

.about_follow .follow_txt .swiper-slide {
    width: auto;
}

.about_follow .follow_txt .txt {
    display: block;
    white-space: nowrap;
    font-family: Montserrat-Bold;
    font-size: 32px;
    color: #fff;
    line-height: 1.2;
}

.about_follow .follow_pic .swiper-slide {
    width: 16.09%;
    line-height: 0;
}

.about_follow .follow_pic img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1366px) {
    .about_follow {
        padding: 60px 0 0;
    }

    .about_follow .follow_txt {
        padding: 18px 0;
        margin-bottom: 32px;
    }

    .about_follow .follow_txt .txt {
        font-size: 26px;
    }
}

@media (max-width: 950px) {
    .about_follow {
        padding: 44px 0 0;
    }

    .about_follow .follow_txt {
        padding: 14px 0;
        margin-bottom: 24px;
    }

    .about_follow .follow_txt .txt {
        font-size: 20px;
    }

    .about_follow .follow_pic .swiper-slide {
        width: 25%;
    }
}

@media (max-width: 480px) {
    .about_follow {
        padding: 32px 0 0;
    }

    .about_follow .follow_txt {
        padding: 12px 0;
        margin-bottom: 16px;
    }

    .about_follow .follow_txt .txt {
        font-size: 16px;
    }

    .about_follow .follow_pic .swiper-slide {
        width: 50%;
    }
}

.web_main.page_main {
    margin-top: 0;
}

/* product_banner03 */
.product_banner03 {
    position: relative;
}

.product_banner03 .bg {
    display: block;
    width: 100%;
    height: auto;
    clip-path: inset(0 0 0 100%);
    transition: all 1s;
    transition-delay: .5s;
}


.product_banner03 .bg.animated {
    clip-path: inset(0 0 0 0);
}

.product_banner03 .left_info {
    position: absolute;
    z-index: 2;
    top: 33%;
    clip-path: inset(100% 0% 0%);
    transition: all 1s;
    transition-delay: 1.5s;
}

.product_banner03 .left_info.animated {
    clip-path: inset(0 0 0 0);
}

.product_banner03 .left_info .title {
    font-family: Montserrat-SemiBold;
    font-size: clamp(18px, 2.91vw, 60px);
    color: #040200;
    line-height: 1.2;
}

.product_banner03 .left_info .desc {
    font-family: Montserrat-Light;
    font-weight: 700;
    font-size: clamp(14px, 2.5vw, 50px);
    color: #040200;
    line-height: 1.2;
    margin-top: 13px;
}

@media (max-width: 1366px) {
    .product_banner03 .left_info {
        top: 30%;
    }

    .product_banner03 .left_info .desc {
        margin-top: 10px;
    }
}

@media (max-width: 950px) {
    .product_banner03 .left_info {
        top: 28%;
        max-width: 72%;
        clip-path: none;
    }

    .product_banner03 .left_info .desc {
        margin-top: 8px;
    }

    .product_banner03 .bg {
        clip-path: none;
    }
}

@media (max-width: 480px) {
    .product_banner03 .left_info {
        top: 24%;
        max-width: 82%;
    }

    .product_banner03 .left_info .desc {
        margin-top: 6px;
    }
}

/* prod_video_warp03 */
.prod_video_warp03 .play_btn {
    width: clamp(50px, 8.229vw, 200px);
    border: 1px solid #fff;
}

/* product_params03 */
.product_params03 {
    position: relative;
    overflow: hidden;
    padding: 174px 0 165px;
    background-color: #fff;
}

.product_params03 .layout {
    width: 1456px;
}

.product_params03 .params_wrap {
    display: flex;
    align-items: stretch;
    gap: 15px;
}

.product_params03 .params_left,
.product_params03 .params_right {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.product_params03 .params_left {
    width: 35.85%;
}

.product_params03 .params_right {
    flex: 1;
    gap: 15px;
}

.product_params03 .params_bot {
    display: flex;
    gap: 15px;
}

.product_params03 .params_bot .params_item {
    flex: 1;
    min-width: 0;
}

.product_params03 .params_item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    line-height: 0;
}

.product_params03 .params_left .params_item {
    height: 100%;
}

.product_params03 .params_item img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .5s;
}

.product_params03 .params_left .params_item img {
    height: 100%;
    object-fit: cover;
}

.product_params03 .params_item:hover img {
    transform: scale(1.08);
}

@media (max-width: 1366px) {
    .product_params03 {
        padding: 60px 0;
    }

    .product_params03 .params_wrap,
    .product_params03 .params_right,
    .product_params03 .params_bot {
        gap: 12px;
    }

    .product_params03 .params_item {
        border-radius: 10px;
    }
}

@media (max-width: 950px) {
    .product_params03 {
        padding: 40px 0;
    }

    .product_params03 .params_wrap {
        flex-direction: column;
        gap: 12px;
    }

    .product_params03 .params_left {
        width: 100%;
    }

    .product_params03 .params_left .params_item {
        height: auto;
    }

    .product_params03 .params_left .params_item img {
        height: auto;
    }

    .product_params03 .params_item {
        border-radius: 8px;
    }
}

@media (max-width: 480px) {
    .product_params03 {
        padding: 28px 0;
    }

    .product_params03 .params_left .params_item img {
        height: 300px;
        object-position: top;
    }

    .product_params03 .params_wrap,
    .product_params03 .params_right,
    .product_params03 .params_bot {
        gap: 8px;
    }

    /* .product_params03 .params_bot {
        flex-direction: column;
    } */
    .product_params03 .params_item {
        border-radius: 6px;
    }
}

/* product_fill */
.product_fill {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.product_fill video {
    display: block;
    width: 100%;
    height: auto;
}

/* product_colors03 */
.product_colors03 {
    position: relative;
    overflow: hidden;
    padding: 140px 0 88px;
}

.product_colors03 .colors_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.product_colors03 .colors_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product_colors03 .layout {
    position: relative;
    z-index: 1;
    width: 1456px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product_colors03 .tit {
    font-family: Montserrat-SemiBold;
    font-size: 56px;
    color: #1f282a;
    text-align: center;
    line-height: 1.2;
}

.product_colors03 .colors_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 83px;
}

.product_colors03 .colors_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
}

.product_colors03 .colors_list .colors_item:nth-child(1) {
    transform: translate(350%);
    opacity: 0;
}

.product_colors03 .colors_list .colors_item:nth-child(2) {
    transform: translate(200%);
    opacity: 0;
}

.product_colors03 .colors_list .colors_item:nth-child(3) {
    transform: translate(0%);
    opacity: 0;
}

.product_colors03 .colors_list .colors_item:nth-child(4) {
    transform: translate(-200%);
    opacity: 0;
}

.product_colors03 .colors_list .colors_item:nth-child(5) {
    transform: translate(-350%);
    opacity: 0;
}

.product_colors03 .colors_item .pic {
    width: 107px;
}

.product_colors03 .colors_item .pic img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .4s;
}

.product_colors03 .colors_item:hover .pic img {
    transform: scale(1.06);
}

.product_colors03 .colors_item .color {
    width: 24px;
    margin-top: 28px;
}

.product_colors03 .colors_item .color img {
    display: block;
    width: 100%;
    height: auto;
}

.product_colors03 .colors_item .name {
    font-family: Montserrat-Light;
    font-size: 24px;
    color: #1f282a;
    text-align: center;
    line-height: 1.2;
    margin-top: 22px;
    white-space: nowrap;
}

@media (max-width: 1366px) {
    .product_colors03 {
        padding: 100px 0 64px;
    }

    .product_colors03 .layout {
        width: 96%;
        max-width: 96%;
    }

    .product_colors03 .tit {
        font-size: 44px;
    }

    .product_colors03 .colors_list {
        margin-top: 60px;
    }

    .product_colors03 .colors_item .pic {
        width: 88px;
    }

    .product_colors03 .colors_item .color {
        width: 20px;
        margin-top: 22px;
    }

    .product_colors03 .colors_item .name {
        font-size: 18px;
        margin-top: 16px;
    }
}

@media (max-width: 950px) {
    .product_colors03 {
        padding: 72px 0 48px;
    }

    .product_colors03 .tit {
        font-size: 36px;
    }

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

    .product_colors03 .colors_item .pic {
        width: 68px;
    }

    .product_colors03 .colors_item .color {
        width: 16px;
        margin-top: 16px;
    }

    .product_colors03 .colors_item .name {
        font-size: 15px;
        margin-top: 12px;
    }
}

@media (max-width: 480px) {
    .product_colors03 {
        padding: 48px 0 32px;
    }

    .product_colors03 .tit {
        font-size: 26px;
    }

    .product_colors03 .colors_list {
        margin-top: 28px;
    }

    .product_colors03 .colors_item .pic {
        width: 42px;
    }

    .product_colors03 .colors_item .color {
        width: 12px;
        margin-top: 10px;
    }

    .product_colors03 .colors_item .name {
        font-size: 10px;
        margin-top: 8px;
    }
}


/* product_poster03 */
.product_poster03 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.product_poster03 img {
    display: block;
    width: 100%;
    height: auto;
}

/* product_life03 */
.product_life03 {
    position: relative;
    height: 280vh;
}

.product_life03 .life_pin {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.product_life03 .life_inner {
    position: relative;
    height: 100%;
}

.product_life03 .life_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.product_life03 .life_bg > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product_life03 .life_blur {
    position: absolute;
    left: -40px;
    top: -40px;
    width: calc(100% + 80px);
    height: calc(100% + 80px);
    z-index: 1;
    pointer-events: none;
    opacity: 1;
}
.product_life03 .life_blur img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: blur(24px);
}

.product_life03 .life_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 3% 7% 3%;
    box-sizing: border-box;
}

.product_life03 .life_tit,
.product_life03 .life_desc {
    width: 100%;
    overflow: hidden;
    line-height: .8;
}

.product_life03 .life_tit {
    font-family: GetVoIPGrotesque;
    font-size: clamp(32px, 6.65vw, 130px);
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.product_life03 .life_tit .char {
    display: inline-block;
    background-image: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.product_life03 .life_desc {
    font-family: Montserrat-SemiBold;
    font-size: clamp(16px, 2.5vw, 60px);
    color: #fff;
}

.product_life03 .char,
.product_life03 .word {
    display: inline-block;
    will-change: transform, opacity;
}

@media (max-width: 1366px) {
    .product_life03 {
        height: 260vh;
    }

    .product_life03 .life_info {
        padding: 4% 5% 4%;
    }

    .product_life03 .life_blur {
        left: -32px;
        top: -32px;
        width: calc(100% + 64px);
        height: calc(100% + 64px);
    }
    .product_life03 .life_blur img {
        filter: blur(20px);
    }
}

@media (max-width: 950px) {
    .product_life03 {
        height: auto;
    }

    .product_life03 .life_pin,
    .product_life03 .life_inner {
        position: relative;
        top: auto;
        height: auto;
    }

    .product_life03 .life_bg {
        position: relative;
        height: auto;
    }

    .product_life03 .life_bg > img {
        width: 100%;
        height: auto;
        object-fit: unset;
        object-position: center;
    }

    .product_life03 .life_info {
        padding: 8% 5% 10%;
    }

    .product_life03 .life_tit,
    .product_life03 .life_desc {
        line-height: .9;
    }

    .product_life03 .life_blur {
        display: block;
        left: -20px;
        top: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 40px);
    }
    .product_life03 .life_blur img {
        filter: blur(16px);
    }
}

@media (max-width: 480px) {
    .product_life03 .life_info {
        padding: 12% 4% 14%;
    }

    .product_life03 .life_tit,
    .product_life03 .life_desc {
        line-height: 1;
    }
}

/* product_draw03 */
.product_draw03 {
    position: relative;
    overflow: hidden;
}
.product_draw03 .draw_bg img {
    display: block;
    width: 100%;
    height: auto;
}
.product_draw03 .draw_word {
    position: absolute;
    left: 50%;
    top: 54%;
    z-index: 1;
    transform: translate(-50%, -50%);
    font-family: Montserrat-Bold;
    font-size: clamp(22px, 7.69vw, 140px);
    white-space: nowrap;
    line-height: 1;
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to bottom, #a5cceb 0%, #fff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.product_draw03 .draw_word:has(.char) {
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: unset;
    color: inherit;
}
.product_draw03 .draw_word .char {
    display: inline-block;
    background-image: linear-gradient(to bottom, #a5cceb 0%, #fff 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.product_draw03 .draw_pic {
    position: absolute;
    left: 50%;
    top: 56%;
    z-index: 2;
    width: 30.52%;
    transform: translate(-50%, -50%);
}
.product_draw03 .draw_pic img {
    display: block;
    width: 100%;
    height: auto;
}
.product_draw03 .draw_info {
    position: absolute;
    left: 0;
    top: 7%;
    width: 100%;
    z-index: 3;
    text-align: center;
}
.product_draw03 .draw_tit,
.product_draw03 .draw_desc {
    overflow: hidden;
    line-height: 1.2;
}
.product_draw03 .draw_tit {
    font-family: Montserrat-Medium;
    font-size: clamp(20px, 2.99vw,60px);
    color: #1f282a;
}
.product_draw03 .draw_desc {
    font-family: Montserrat-Light;
    font-size: clamp(16px, 2.15vw, 45px);
    color: #1f282a;
    margin-top: 8px;
}
.product_draw03 .char,
.product_draw03 .word {
    display: inline-block;
    will-change: transform, opacity;
}
@media (max-width: 1366px) {
    .product_draw03 .draw_info {
        top: 6%;
    }
    .product_draw03 .draw_pic {
        width: 32%;
        top: 57%;
    }
    .product_draw03 .draw_word {
        top: 55%;
    }
    .product_draw03 .draw_desc {
        margin-top: 6px;
    }
}
@media (max-width: 950px) {
    .product_draw03 .draw_info {
        top: 4%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .product_draw03 .draw_pic {
        width: 24%;
        top: auto;
        bottom: 6%;
        transform: translateX(-50%);
    }
    .product_draw03 .draw_word {
        top: 62%;
    }
    .product_draw03 .draw_desc {
        margin-top: 4px;
    }
}
@media (max-width: 480px) {
    .product_draw03 .draw_info {
        top: 3%;
        padding: 0 3%;
    }
    .product_draw03 .draw_pic {
        width: 26%;
        bottom: 5%;
    }
    .product_draw03 .draw_word {
        top: 64%;
        letter-spacing: 0;
    }
    .product_draw03 .draw_tit,
    .product_draw03 .draw_desc {
        line-height: 1.15;
    }
}


/* product_draw04 */
.product_draw04{
    position: relative;
    width: 100%;
}
.product_draw04 img{
    display: block;
    width: 100%;
    height: auto;
}


body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}



.sys_sub_head .pagnation_title{display:none;}
.path_bar {
    background: #ffffff;}
    .path_bar li, .path_bar li a{color:#000000;    font-size: 19px;
    font-family: Montserrat-Light;}
    .aside .side-tit-bar{    height: 40px;line-height: 40px;}
    .aside .side-tit-bar .side-tit{font-size:16px;}
    .sys_sub_head{margin-bottom:20px;}
    
    .bp_form .mauticform_wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}



.bp_form .mauticform-page-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); 
    grid-column-gap: 20px;
    grid-row-gap: 15px;
}


.bp_form .mauticform-radiogrp,
.bp_form .mauticform-freehtml,
.bp_form .mauticform-field-13, 
.bp_form .mauticform-button-wrapper,
.bp_form #mauticform_shenzhenshikangweipukejiyouxiangongsixiangmuyi_f_message,
.bp_form #mauticform_shenzhenshikangweipukejiyouxiangongsixiangmuyi__subject
{
    grid-column: span 2;
}


.bp_form .mauticform-input,
.bp_form .mauticform-selectbox,
.bp_form .mauticform-textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px; 
    background-color: #ffffff;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.bp_form .mauticform-input:focus,
.bp_form .mauticform-textarea:focus {
    outline: none;
    border-color: #32d32d;
}


.bp_form .mauticform-textarea {
    height: 120px;
    resize: vertical;
}


.bp_form .mauticform-button {
    width: 100%;
    background-color: #19B878;
    color: #ffffff;
    border: none;
    padding: 15px;
    border-radius: 25px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 10px;
}

.bp_form .mauticform-button:hover {
    background-color: #149462;
}


.bp_form .mauticform-radiogrp-row {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}

.bp_form .mauticform-radiogrp-label {
    display: block !important; 
    font-size: 14px;
    cursor: pointer;
}


.bp_form .mauticform-errormsg {
    color: #ff4d4d;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}


@media (max-width: 600px) {
    .bp_form .mauticform-page-wrapper {
        grid-template-columns: 1fr;
    }
    .bp_form .mauticform-radiogrp,
    .bp_form .mauticform-freehtml,
    .bp_form .mauticform-field-13,
    .bp_form .mauticform-button-wrapper {
        grid-column: span 1;
    }
}

/* --- 错误提示文案优化 --- */
.bp_form .mauticform-errormsg {
    color: #ff4d4d;
    font-size: 12px;
    margin-top: 4px;
    display: block;
    padding: 4px 8px;
/*    background-color: rgba(255, 77, 77, 0.1);*/ /* 极淡的红色背景 */
    border-radius: 4px;
/*    border-left: 3px solid #ff4d4d;*/ /* 左侧红色强调线 */
    animation: slideIn 0.3s ease-out;
}

/* --- 当输入框报错时的样式联动 --- */
.bp_form .mauticform-has-error .mauticform-input,
.bp_form .mauticform-has-error .mauticform-selectbox,
.bp_form .mauticform-has-error .mauticform-textarea {
    border-color: #ff4d4d !important;
    background-color: #fff9f9; /* 报错时背景微红 */
}

/* --- 优化单选框组报错时的间距 --- */
.bp_form .mauticform-radiogrp.mauticform-has-error {
    padding: 10px;
    border: 1px dashed #ff4d4d;
    border-radius: 8px;
    margin-bottom: 5px;
}

/* --- 入场动画 --- */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- 隐藏原本不需要显示的空报错标签 --- */
.bp_form .mauticform-errormsg:empty {
    display: none !important;
}

.page_partner_form {
    background: #F7F8FA;
    border-radius: 24px;
    padding: 32px 28px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);
}

/* --- 联系我们表单 --- */
.page_contact_us_form .mauticform_wrapper{position:relative;background:#ffffff;border-radius:22px;padding:44px;box-shadow:0 30px 60px rgba(13,92,58,.10)}
.page_contact_us_form .mauticform-page-wrapper{position:relative;display:grid !important;grid-template-columns:1fr 1fr;gap:20px}
.page_contact_us_form .mauticform-row{position:relative}
.page_contact_us_form .mauticform-field-1,
.page_contact_us_form .mauticform-field-4,
.page_contact_us_form .mauticform-field-5,
.page_contact_us_form .mauticform-field-6{grid-column:1/-1}
.page_contact_us_form .mauticform-input,
.page_contact_us_form .mauticform-textarea{display:block;width:100%;box-sizing:border-box;padding:14px 18px;border:1px solid #dcebe3;border-radius:12px;background:#f8fcfa;color:#15332a;font-size:16px;line-height:1.5;transition:border-color .25s ease,background .25s ease}
.page_contact_us_form .mauticform-input::-webkit-input-placeholder,
.page_contact_us_form .mauticform-textarea::-webkit-input-placeholder{color:#9db3a8}
.page_contact_us_form .mauticform-input::-moz-placeholder,
.page_contact_us_form .mauticform-textarea::-moz-placeholder{color:#9db3a8}
.page_contact_us_form .mauticform-input:-ms-input-placeholder,
.page_contact_us_form .mauticform-textarea:-ms-input-placeholder{color:#9db3a8}
.page_contact_us_form .mauticform-input:focus,
.page_contact_us_form .mauticform-textarea:focus{outline:none;border-color:#19B878;background:#ffffff}
.page_contact_us_form .mauticform-textarea{resize:vertical;min-height:140px}
.page_contact_us_form .mauticform-button-wrapper{text-align:center;}
.page_contact_us_form .mauticform-button{display:inline-block;padding:16px 46px;border:0;border-radius:12px;background:linear-gradient(135deg,#0d5c3a,#19B878);color:#ffffff;font-size:16px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:opacity .25s ease,-webkit-transform .25s ease;transition:opacity .25s ease,transform .25s ease}
.page_contact_us_form .mauticform-button:hover{opacity:.9;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.page_contact_us_form .mauticform-error{margin-bottom:18px;color:#e5483d;font-size:15px;line-height:1.6}
.page_contact_us_form .mauticform-message{margin-top:16px;color:#19B878;font-size:15px;line-height:1.6}
.page_contact_us_form .mauticform-errormsg{margin-top:6px;color:#e5483d;font-size:13px;line-height:1.5}
@media (max-width:768px){.page_contact_us_form .mauticform_wrapper{padding:30px 24px}.page_contact_us_form .mauticform-innerform{grid-template-columns:1fr}}
.inquiry-pop .page_contact_us_form .mauticform_wrapper{padding:0;box-shadow: unset;}

.page_about_main .path_bar li, .page_about_main .path_bar li a{color:#ffffff;}
.sys_sub_head img{display:none;}



.nav-bar{--nav-green:#19b168;--nav-green-soft:#f0faf4;--nav-ink:#130f10;position:relative}
.nav-bar .nav-wrap{position:relative;margin-left:auto;margin-right:0}
.nav-bar .nav-wrap a:hover{text-decoration:none}
.nav-bar .nav{display:flex;margin:0;padding:0;list-style:none}
.nav-bar .nav>li{position:relative;line-height:100px;font-size:18px;margin:0 5px}
.nav-bar .nav>li>a{display:block;padding:0 22px;color:var(--nav-ink)}
/*.nav-bar .nav>li>a::before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:var(--nav-green);transition:left .3s ease,right .3s ease}*/
.nav-bar .nav>li:hover>a::before,.nav-bar .nav>li.li-hover>a::before,.nav-bar .nav>li.current-menu-parent>a::before{left:22px;right:22px}
.nav-bar .nav>li:has(>ul)>a::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.6}
.nav-bar .nav li ul{position:absolute;left:0;top:100%;width:232px;margin:0;padding:10px 0;list-style:none;background:#ffffff;border-top:3px solid var(--nav-green);border-bottom:3px solid var(--nav-green);border-radius:0 0 10px 10px;box-shadow:0 20px 44px rgba(0,0,0,.12);font-weight:normal;display:none;z-index:9999;animation:navDrop .28s ease}
.nav-bar .nav li:hover>ul,.nav-bar .nav li.li-hover>ul{display:block}
@keyframes navDrop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.nav-bar .nav li ul li{display:block;width:100%;font-size:14px;position:relative}
.nav-bar .nav li ul li a{display:block;padding:0 18px 0 32px;position:relative;color:#333;line-height:2.5;transition:color .25s ease,background .25s ease,padding-left .25s ease}
.nav-bar .nav li ul li a::before{content:"";position:absolute;left:18px;top:50%;width:4px;height:4px;margin-top:-2px;background:var(--nav-green);border-radius:50%;transition:background .25s ease}
.nav-bar .nav li ul li a:hover{color:var(--nav-green);background:var(--nav-green-soft);padding-left:36px}
.nav-bar .nav li ul li a:hover::before{background:var(--nav-green)}
/*.nav-bar .nav li ul li.nav-current>a{color:var(--nav-green);background:var(--nav-green-soft)}*/
.nav-bar .nav>li>ul>li.li-hover{background:#fafafa;box-shadow:inset 3px 0 0 var(--nav-green)}
.nav-bar .nav li ul ul{position:absolute;left:100%;top:-1px;width:232px;margin:0;padding:10px 0;list-style:none;border:1px solid #e4e4e4;border-top:3px solid var(--nav-green);border-radius:0 10px 10px 0;box-shadow:0 20px 44px rgba(0,0,0,.12);display:none;animation:navFade .25s ease}
.nav-bar .nav li ul li:hover>ul,.nav-bar .nav li ul li.li-hover>ul{display:block}
@keyframes navFade{from{opacity:0}to{opacity:1}}
.nav-bar .nav li ul li li a{clear:both;padding:5px 15px;line-height:1.5;margin:5px 0;}
.nav-bar .nav li ul li li a::before{display:none}
.nav-bar .nav li ul li li a:hover{padding-left:20px}
.nav-bar .nav li ul li b.menu-btn{position:absolute;right:10px;top:50%;width:18px;height:18px;display:inline-block;line-height:18px;text-align:center;color:#666;font-size:15px;cursor:pointer;opacity:.6;transition:opacity .25s ease,color .25s ease;margin-top:-3px;}
/*.nav-bar .nav li ul li b.menu-btn::before{content:"+"}*/
/*.nav-bar .nav li ul li.show-sub-menu b.menu-btn::before{content:"−"}*/
.nav-bar .nav li ul li b.menu-btn:hover{color:#000;opacity:1}
.nav-bar .cate-menu,.nav-bar .cate-menu a{color:#666}
.nav-bar .cate-menu a:hover{color:#000}
.nav-bar .cate-nav{display:inline;float:left}
.nav-bar .cate-nav-btn{position:relative;width:225px;padding:0 0 0 15px;float:left;background:var(--nav-green);text-transform:uppercase;font-weight:bold;color:#fff;cursor:pointer}
.nav-bar .cate-nav-btn a{color:#fff}
.nav-bar .cate-nav-btn::before{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(0,0,0,.12)}
.nav-bar .cate-nav-btn::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .3s ease,margin-top .3s ease}
.nav-bar.show-cate .cate-nav-btn::after{transform:rotate(-135deg);margin-top:-2px}
.nav-bar .cate-menu{position:absolute;left:0;top:42px;width:238px;min-height:372px;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid #ddd;border-top:0;box-shadow:0 20px 44px rgba(0,0,0,.10);font-size:13px;line-height:1.8em;display:none;z-index:9999;animation:navDrop .28s ease}
.nav-bar .cate-nav:hover .cate-menu,.nav-bar.show-cate .cate-menu{display:block}
.nav-bar.hide-cate .cate-menu{display:none}
.nav-bar .cate-menu>li>a{display:block;padding:2px 0 2px 14px;position:relative;transition:color .25s ease,background .25s ease}
.nav-bar .cate-menu>li:hover>a,.nav-bar .cate-menu>li.li-hover>a,.nav-bar .cate-menu li a.hover{background:var(--nav-green-soft);color:var(--nav-green);box-shadow:inset 3px 0 0 var(--nav-green);padding-left:11px;border:0;z-index:9999}
.nav-bar .cate-menu li a span{color:#ccc;padding:0 0 0 10px}
.nav-bar .cate-menu ul.sub-menu{display:none}
.nav-bar .cate-menu ul.cate-pop{position:absolute;left:238px;top:-11px;width:810px;margin:0;padding:10px 5px 10px 25px;list-style:none;background:#fff;border:1px solid #999;font-size:12px;display:none;z-index:10000;box-shadow:0 20px 44px rgba(0,0,0,.10);animation:navFade .25s ease}
.nav-bar .cate-menu li:hover>ul.cate-pop,.nav-bar .cate-menu li.li-hover>ul.cate-pop{display:block}
.nav-bar .cate-menu ul li{float:left;width:31.3%;overflow:hidden;margin-right:2%;padding:10px 0;border-top:1px solid #eee;font-weight:bold}
.nav-bar .cate-menu ul li a{padding:0;position:relative}
.nav-bar .cate-menu ul li a:hover{padding-left:0;color:#000;background:none;box-shadow:none}
.nav-bar .cate-menu ul li ul{display:block}
.nav-bar .cate-menu ul li ul li{float:none;width:100%;height:24px;line-height:24px;overflow:hidden;margin:0;padding:0;border:0;font-weight:normal}
.nav-bar .cate-menu ul li.cleft{clear:left}
.nav-bar .cate-menu ul li:nth-child(1),.nav-bar .cate-menu ul li:nth-child(2),.nav-bar .cate-menu ul li:nth-child(3){border:0}
.nav-bar .cate-menu ul li li.hide-line{border:0}
.nav-bar .cate-menu li a.with-ul-tit::after{content:"";position:absolute;right:15px;top:50%;width:6px;height:6px;margin-top:-4px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(-45deg)}
.nav-bar .cate-menu li.li-hover a.with-ul-tit::after{display:none}
.menu-hover{z-index:9999}

@media screen and (max-width: 1440px) {
    .nav-bar .nav li a {
        padding: 0 5px;
        font-size: 14px;
    }
}
.product_list_item figure figcaption .item_title{min-height:65px;    }
    .product_list_item figure figcaption .item_title a{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.pro_main{position:relative;padding:20px 0 80px;}
.pro_main .product-list{position:relative}
.pro_main .product_list_items{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;list-style:none}
.pro_main .product_list_item{position:relative;background:#ffffff;border:1px solid #e4f3ec;border-radius:16px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.pro_main .product_list_item:hover{border-color:#19B878;box-shadow:0 10px 20px rgba(25,184,120,.14);}
.pro_main .product_list_item figure .item_img{max-width:100%;    width: 100%;}
.pro_main .product_list_item figure{position:relative;margin:0;padding:0;    display: unset;}
.pro_main .item_img{position:relative;display:block;overflow:hidden;background:#f2faf6}
.pro_main .item_img img{display:block;width:100%;height:100%;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease}
.pro_main .product_list_item:hover .item_img img{-webkit-transform:scale(1.06);transform:scale(1.06)}
.pro_main figcaption{position:relative;padding:24px 24px 26px !important;}
.pro_main .item_information{position:relative}
.pro_main .item_title{margin:0;color:#15332a;font-size:18px;font-weight:700;line-height:1.4}
.pro_main .item_title a{color:inherit;text-decoration:none;transition:color .25s ease}
.pro_main .item_title a:hover{color:#19B878}
.pro_main .item_title::after{content:"";display:block;width:34px;height:2px;margin-top:12px;background:#19B878;border-radius:1px}
.pro_main .item_info{margin:12px 0 0;color:#5c6b63;font-size:16px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pro_main .product_btns{position:relative;display:flex;gap:12px;margin-top:20px}
.pro_main .priduct_btn_inquiry,.pro_main .priduct_btn_detail{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:opacity .25s ease,background .25s ease,color .25s ease,-webkit-transform .25s ease;transition:opacity .25s ease,background .25s ease,color .25s ease,transform .25s ease}
.pro_main .priduct_btn_inquiry{background:linear-gradient(135deg,#0d5c3a,#19B878);color:#ffffff;border:1px solid transparent}
.pro_main .priduct_btn_inquiry:hover{opacity:.9;-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.pro_main .priduct_btn_detail{border:1px solid #19B878;color:#19B878;background:transparent}
.pro_main .priduct_btn_detail:hover{background:linear-gradient(135deg,#0d5c3a,#19B878);color:#ffffff !important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.pro_main .page_bar{position:relative;margin-top:56px}
.pro_main .pages{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.pro_main .pages a,.pro_main .pages span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #e4f3ec;border-radius:10px;background:#ffffff;color:#15332a;font-size:15px;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}
.pro_main .pages a:hover{border-color:transparent;background:linear-gradient(135deg,#0d5c3a,#19B878);color:#ffffff}
.pro_main .pages .current{border-color:transparent;background:linear-gradient(135deg,#0d5c3a,#19B878);color:#ffffff}
@media (max-width:1024px){.pro_main .product_list_items{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pro_main{padding:60px 0}.pro_main .product_list_items{grid-template-columns:1fr}.pro_main .product_btns{flex-wrap:wrap}.product_list_item figure figcaption .item_title a{font-size:16px !important;}
    .pro_main figcaption {position: relative;padding: 10px 24px 26px !important;}
}

.pro_main .product_list_title{margin:0 0 44px;text-align:center;color:#15332a;font-size:36px;font-weight:800;line-height:1.2;    font-family: Montserrat-SemiBold;text-transform:uppercase;}
.pro_main .product_list_title::after{content:"";display:block;width:60px;height:3px;margin:18px auto 0;background:#19B878;border-radius:2px}
@media (max-width:768px){.pro_main .product_list_title{font-size:28px}}


header.head-wrapper {
    position: relative;
}

header .nav-bar .nav-wrap {
    position: static;
}

header .nav-bar {
    position: static;
}

header .nav-bar .nav>li.pro_bg {
    position: static;
}

header .nav-bar .nav>li.pro_bg ul {
    box-sizing: border-box;
}

header .nav-bar .nav>li.pro_bg>ul {
    width: 100%;
    padding: 40px 15%;
}

header .nav-bar .nav>li.pro_bg>ul>li {
    width: fit-content;
    padding-right: 20px;
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 180px;
    padding-right: 0;
    margin: 10px 0;
}

header .nav-bar .nav>li.pro_bg>ul>li>b {
    position: relative;
    top: unset;
    transform: none;
    margin-top: 0;
    width: 9px;
    height: 9px;
    right: 0;
}

.nav-bar .nav>li.pro_bg>ul>li.li-hover {
    background-color: transparent;
}

header .nav-bar .nav>li.pro_bg>ul>li>ul {
    display: none;
}

header .nav-bar .nav>li.pro_bg>ul>li.li-hover>ul {
    display: block;
}

header .nav-bar .nav>li.pro_bg>ul>li ul {
    left: calc(15% + 240px);
    top: 0;
    height: 100%;
    width: calc(100% - 30% - 240px);
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    overflow: auto;
}

header .nav-bar .nav>li.pro_bg>ul>li {
    box-shadow: none;
}

header .nav-bar .nav>li.pro_bg>ul>li>a.hover {
    color: var(--nav-green);
}

header .nav-bar .nav>li.pro_bg>ul>li>a {
    padding-left: 0;
    background-color: transparent;
    font-weight: bold;
}

header .nav-bar .nav>li.pro_bg>ul>li>a::before {
    display: none;
}

header .nav-bar .nav>li.pro_bg>ul>li ul li {
    display: inline-block;
    text-align: center;
    width: fit-content;
    width: calc(100% / 6);
    margin-right: 3%;
    margin-top: 4%;
    vertical-align: top;
    margin-bottom: 20px;
    background-color: transparent !important;
}

header .nav-bar .nav>li.pro_bg>ul>li ul li a {
    background-color: transparent !important;
    padding: 0 !important;

}

header .nav-bar .nav>li.pro_bg>ul>li ul li img {
    width: 140px;
    height: auto;
}

header .nav-bar .nav>li.pro_bg>ul>li ul li em {
    display: block;
    margin-top: 20px;
    font-size: 15px;
}

.mobile-head-wrapper .nav>li.pro_bg>ul>li ul li img {
    width: 80px;
    height: auto;
}

.mobile-head-wrapper .nav>li.pro_bg>ul>li ul li {
    margin-bottom: 20px;
}

.mobile-head-wrapper .nav>li.pro_bg>ul>li ul li em {
    display: block;
    margin-top: 10px;
}

@media screen and (max-width: 1366px) {
    header .nav-bar .nav>li.pro_bg>ul>li ul li {
        width: calc(100% / 5);
        margin-right: 2%;
    }header .nav-bar .nav>li.pro_bg>ul>li ul li em {
    font-size: 14px;
}
}


/* FAQ 区域通用样式 - 电子烟行业主题 */
.page_faq_wrap_01,
.page_faq_wrap_02 {
    margin: 0;
    padding: 30px 0;
    background-color: #fff;
}

/* 大标题样式 */
.page_faq_wrap_01 .page_big_title .fl-heading,
.page_faq_wrap_02 .page_big_title .fl-heading {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.page_faq_wrap_01 .page_big_title .fl-heading-text,
.page_faq_wrap_02 .page_big_title .fl-heading-text {
    display: inline-block;
    padding-bottom: 15px;
    position: relative;
    letter-spacing: 2px;
}

/* 手风琴（折叠面板）容器 */
.page_faq_wrap_01 .fl-accordion,
.page_faq_wrap_02 .fl-accordion {
    margin: 0 auto;
    overflow: hidden;
}

/* 单个问答项 */
.page_faq_wrap_01 .fl-accordion-item,
.page_faq_wrap_02 .fl-accordion-item {
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    transition: all 0.3s ease;
}


/* 问答按钮（问题区域） */
.page_faq_wrap_01 .fl-accordion-button,
.page_faq_wrap_02 .fl-accordion-button {
    padding: 18px 25px !important;
    background-color: #fafafa;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 500;
}

.page_faq_wrap_01 .fl-accordion-button:hover,
.page_faq_wrap_02 .fl-accordion-button:hover {
    background-color: #dbf4ea;
}

/* 问题文字样式 */
.page_faq_wrap_01 .fl-accordion-button-label,
.page_faq_wrap_02 .fl-accordion-button-label {
    color: #333;
    transition: color 0.3s ease;
}

/* 激活状态的问题文字颜色 - 主色调 */
.page_faq_wrap_01 .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-label,
.page_faq_wrap_02 .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-label {
    color: #19b878;
}

/* 展开/收起图标样式 */
.page_faq_wrap_01 .fl-accordion-button-icon,
.page_faq_wrap_02 .fl-accordion-button-icon {
    color: #19b878;
    font-size: 14px;
    transition: transform 0.3s ease;
}

/* 激活状态的图标旋转 */
.page_faq_wrap_01 .fl-accordion-item-active .fl-accordion-button-icon.fa-plus,
.page_faq_wrap_02 .fl-accordion-item-active .fl-accordion-button-icon.fa-plus {
    transform: rotate(45deg);
}

/* 问答内容区域 */
.page_faq_wrap_01 .fl-accordion-content,
.page_faq_wrap_02 .fl-accordion-content {
    padding: 20px 25px;
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    line-height: 1.6;
    color: #666;
}

/* 内容中的链接样式 */
.page_faq_wrap_01 .fl-accordion-content a,
.page_faq_wrap_02 .fl-accordion-content a {
    color: #19b878;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.page_faq_wrap_01 .fl-accordion-content a:hover,
.page_faq_wrap_02 .fl-accordion-content a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* 邮箱链接特殊样式 */
.page_faq_wrap_01 .fl-accordion-content a[href^="mailto"],
.page_faq_wrap_02 .fl-accordion-content a[href^="mailto"] {
    font-weight: 500;
}

/* 装饰性分隔线 - 在区域之间添加微妙的阴影 */
.page_faq_wrap_01 {
    border-bottom: 1px solid #f0f0f0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .page_faq_wrap_01,
    .page_faq_wrap_02 {
        padding: 30px 15px;
    }
    
    .page_faq_wrap_01 .fl-accordion-button,
    .page_faq_wrap_02 .fl-accordion-button {
        padding: 15px 20px;
    }
    
    .page_faq_wrap_01 .fl-accordion-content,
    .page_faq_wrap_02 .fl-accordion-content {
        padding: 15px 20px;
    }
}

/* 电子烟行业特色微调 - 增强可读性 */
.page_faq_wrap_01 .fl-accordion-content p,
.page_faq_wrap_02 .fl-accordion-content p {
    margin-bottom: 0;
    font-size: 15px;
}
.page_faq_wrap_01 .page_big_title .fl-heading .fl-heading-text,.page_faq_wrap_02 .page_big_title .fl-heading .fl-heading-text{color: #000000;
    font-size: 36px !important;    font-family: Montserrat-SemiBold;}
.web_footer .footer_bottom .foot_logo img{    max-width: 220px;}

.kng-dl-section{position:relative;padding:10px 0 60px 0;background:#ffffff}.kng-dl-head{position:relative;text-align:center;margin-bottom:40px}.kng-dl-kicker{position:relative;margin:0 0 14px;color:#19B878;font-size:14px;letter-spacing:3px;text-transform:uppercase}.kng-dl-title{position:relative;margin:0;color:#15332a;font-size:40px;font-weight:800;line-height:1.2;    font-family: Montserrat-SemiBold;}.kng-dl-line{position:relative;display:inline-block;width:60px;height:3px;margin:22px 0 18px;background:#19B878;border-radius:2px}.kng-dl-desc{position:relative;margin:0 auto;color:#5c6b63;font-size:16px;line-height:1.9;width:100%}.kng-dl-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.kng-dl-card{position:relative;display:flex;flex-direction:column;background:#f5fbf8;border:1px solid #e4f3ec;border-radius:18px;padding:0 0 30px;overflow:hidden;transition:-webkit-transform .3s ease,border-color .3s ease,box-shadow .3s ease;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.kng-dl-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);border-color:#19B878;box-shadow:0 24px 48px rgba(25,184,120,.14)}.kng-dl-num{position:absolute;top:22px;right:22px;padding:5px 13px;border-radius:60px;background:#e6f7ef;color:#19B878;font-size:13px;font-weight:700;letter-spacing:1px}.kng-dl-ico{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#e6f7ef}.kng-dl-ico img{display:block;width:100%;height:100%;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease}.kng-dl-card:hover .kng-dl-ico img{-webkit-transform:scale(1.06);transform:scale(1.06)}.kng-dl-name{margin:24px 30px 0;color:#15332a;font-size:18px;font-weight:700;line-height:1.5;min-height:54px}.kng-dl-name-txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.kng-dl-name::after{content:"";display:block;width:34px;height:2px;margin-top:14px;background:#19B878;border-radius:1px}.kng-dl-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px 30px 0;padding:13px 20px;border-radius:12px;background:linear-gradient(135deg,#0d5c3a,#19B878);color:#ffffff !important;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:opacity .25s ease,-webkit-transform .25s ease;transition:opacity .25s ease,transform .25s ease}.kng-dl-btn svg{width:17px;height:17px}.kng-dl-btn:hover{opacity:.9;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:1024px){.kng-dl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kng-dl-section{padding:70px 0}.kng-dl-title{font-size:30px}}@media (max-width:640px){.kng-dl-grid{grid-template-columns:1fr}}


/* 两张图叠在同一格，容器尺寸由图片自然撑开，不脱流 */
.kng-dl-ico {
  display: grid;
}
.kng-dl-ico img {
  grid-area: 1 / 1;
  width: 100%;
  /*height: auto;*/
  transition: opacity .3s ease;
}

/* 悬停图默认透明 */
.kng-dl-ico .ico-hover {
  opacity: 0;
  pointer-events: none;
}

/* 鼠标悬停卡片时切换（focus-within 兼顾键盘聚焦） */
.kng-dl-card:hover .kng-dl-ico .ico-normal,
.kng-dl-card:focus-within .kng-dl-ico .ico-normal {
  opacity: 0;
}
.kng-dl-card:hover .kng-dl-ico .ico-hover,
.kng-dl-card:focus-within .kng-dl-ico .ico-hover {
  opacity: 1;
}

.header-wrap .logo img{max-width:250px;max-height:80px;}
.new-product-list .side-tit-bar{display:none;}

.new-product-list .aside{position:relative;width:100%;flex:0 0 100%;}
.new-product-list .aside-wrap{position:relative;display:block}
.new-product-list .side-tit-bar{position:relative;margin-bottom:20px}
.new-product-list .side-tit{position:relative;margin:0;color:#15332a;font-size:20px;font-weight:700;line-height:1.3}
.new-product-list .side-tit::after{content:"";display:block;width:34px;height:2px;margin-top:10px;background:#19B878;border-radius:1px}
.new-product-list .side-cate.cate-type-list{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:10px 0;list-style:none}
.new-product-list .side-cate li{position:relative;margin:0;padding:0;list-style:none}
.new-product-list .side-cate li a{display:flex;align-items:center;justify-content:center;padding:16px 12px;border-radius:12px;background:#f5fbf8;color:#15332a;font-size:15px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.new-product-list .side-cate li a em{font-style:normal;font-weight:inherit}
.new-product-list .side-cate li a:hover{border-color:#19B878;color:#19B878;background:#eafaf3;transform:translateY(-2px)}
.new-product-list .side-cate li.nav-current a{border-color:transparent;background:linear-gradient(135deg,#0d5c3a,#19B878);color:#ffffff}
.new-product-list .side-product-items{display:none}
@media (max-width:950px){.new-product-list .side-cate.cate-type-list{background-color: #F6F6F6;}.new-product-list .side-cate li a{background:#ffffff;}.new-product-list .aside .side-cate>li+li{margin-top:0;}.pro_main .product_list_title{    margin: 30px 0 10px;}}
@media (max-width:1024px){.new-product-list .side-cate.cate-type-list{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:640px){.new-product-list .side-cate.cate-type-list{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;}.new-product-list .side-cate li a{padding:13px 10px;font-size:14px}}


/* 两张图叠在同一格，容器尺寸由图片自然撑开，不脱流 */
.new-product-list .item_img > a {
  display: grid;
  width: 100%;
}
.new-product-list .item_img > a img {
  grid-area: 1 / 1;
  width: 100%;
  height: auto;
  display: block;
  transition: opacity .35s ease;
}

/* 第二张默认透明 */
.new-product-list .item_img > a img:nth-child(2) {
  opacity: 0;
}

/* 鼠标悬停卡片（或键盘 focus）时切换 */
.new-product-list .product_list_item:hover .item_img > a img:nth-child(1),
.new-product-list .product_list_item:focus-within .item_img > a img:nth-child(1) {
  opacity: 0;
}
.new-product-list .product_list_item:hover .item_img > a img:nth-child(2),
.new-product-list .product_list_item:focus-within .item_img > a img:nth-child(2) {
  opacity: 1;
}

/* 空 src 的图不占位、不显示 */
.new-product-list .item_img > a img[src=""] {
  display: none;
}

/* 仅当第二张有真实 src 时才隐藏第一张（现代浏览器） */
.new-product-list .product_list_item:hover .item_img > a:has(img:nth-child(2):not([src=""])) img:nth-child(1),
.new-product-list .product_list_item:focus-within .item_img > a:has(img:nth-child(2):not([src=""])) img:nth-child(1) {
  opacity: 0;
}

@media (max-width:950px){
.mobile-head-wrapper .mobile-quick-item.mobile-quick-search {display:none;}
.head-wrapper {background-color: #00D324 !important;}
.mobile-head-wrapper .nav>li.pro_bg>ul>li ul li img{display:none;}
.mobile-head-wrapper .nav>li.pro_bg>ul>li ul li {margin-bottom: 0;}
.mobile-head-wrapper .nav>li.pro_bg>ul>li ul li em{margin-top:0;}
.nav-wrap .nav li ul li{font-size:14px;}
}

@media (max-width:480px){.blog_list .blog-item .item-wrap{display:flex;    flex-direction: column;}.blog-item .item-img{width:100%;max-width:100%;margin-bottom:20px;}
    .fl-node-6aa2739271141 h3.fl-heading a, .fl-node-6aa2739271141 h3.fl-heading .fl-heading-text, .fl-node-6aa2739271141 h3.fl-heading .fl-heading-text *, .fl-row .fl-col .fl-node-6aa2739271141 h3.fl-heading .fl-heading-text,.fl-node-6aa2739271141.fl-module-heading .fl-heading,.page_faq_wrap_01 .page_big_title .fl-heading .fl-heading-text, .page_faq_wrap_02 .page_big_title .fl-heading .fl-heading-text{font-size:24px !important;}
    
    .bp_form .mauticform-radiogrp, .bp_form .mauticform-freehtml, .bp_form .mauticform-field-13, .bp_form .mauticform-button-wrapper, .bp_form #mauticform_shenzhenshikangweipukejiyouxiangongsixiangmuyi_f_message, .bp_form #mauticform_shenzhenshikangweipukejiyouxiangongsixiangmuyi__subject {
    grid-column: unset;
}
    .page_partner_form{padding:10px;}
}

#mauticform_shenzhenshikangweipukejiyouxiangongsixiangmuyi_message{color:red;margin-bottom:20px;}