@charset "UTF-8";
:root{
    --active-color:#f58220;
    --active-text:#009578;
    --h2Size:2vw;
}

@keyframes bcChange {
    0% {
        background-size: 100% 100%;
    }

    25% {
        background-size: 150% 80%;
    }

    50% {
        background-size: 200% 120%;
        bottom: 2rem;
    }

    75% {
        background-size: 150% 80%;
    }

    100% {
        background-size: 100% 100%;
    }
}
@-webkit-keyframes bcChange {
    0% {
        background-size: 100% 100%;
    }

    25% {
        background-size: 150% 80%;
    }

    50% {
        background-size: 200% 120%;
        bottom: 2rem;
    }

    75% {
        background-size: 150% 80%;
    }

    100% {
        background-size: 100% 100%;
    }
}
.cust-maxWidth{max-width:90vw; margin: 0px auto;}
.cust-maxWidth2{max-width:1000px; margin: 0px auto;}
.col-full{max-width:100%;padding:0px;margin-left:0px; margin-right: 0px;}
.entry-header{ display: none;}
.hentry{ margin: 0px;}
img{max-width: 100%;}
.content-area{width:90vw; max-width:90vw; margin: 0px auto; float: unset;}

.cust-header{ background-color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); position: sticky; top: 0px; z-index: 100;}
.cust-header .cust-header-row{ display: flex;}
.cust-header .login-img{ padding: 8px;min-height:45px;  max-height: 5.5vw;float: left;} 
.cust-laymenu{ position: relative;}
.cust-laymenu .layui-nav{
    position: absolute;
    top: 25%;right: 0px;
}
.cust-laymenu .layui-nav .layui-nav-item a,.cust-laymenu .layui-nav .layui-nav-item span{ font-size:large!important; font-weight: 500;color: #000!important;}
.cust-laymenu .layui-nav .layui-nav-item.on,.cust-laymenu .layui-nav .layui-nav-item{ border-bottom: solid 3px #fff;transition: all 0.3s;}
.cust-laymenu .layui-nav .layui-nav-item.on,.cust-laymenu .layui-nav .layui-nav-item:hover{color:var(--active-text); border-bottom: solid 3px var(--active-color); transition: all 0.3s;}
.cust-laymenu .layui-nav .layui-nav-item.on a:first-child,.cust-laymenu .layui-nav .layui-nav-item:hover a:first-child{color:var(--active-text)!important; transition: all 0.3s;}
.cust-laymenu .layui-nav .layui-nav-item { text-align: left;}
.cust-laymenu .layui-nav .layui-nav-item > a{padding: 0px;  }
.cust-laymenu .layui-nav .layui-nav-item{ margin-right: 2vw;}
.cust-laymenu .layui-nav .layui-nav-more{right: 0px;}
.cust-laymenu .layui-nav .layui-sub-menu-popup{ padding-right:20px;}

.cust-laymenu .layui-nav .layui-sub-menu-popup-content{ max-width: 300px;}
.cust-laymenu .layui-nav .layui-sub-menu-popup-content .layui-nav-item{ margin-right: 0px;}
.cust-laymenu .layui-nav .layui-sub-menu-popup-content .layui-nav-item:hover{ border-bottom:solid 3px #ddd; background-color: #f5f5f5;}
.cust-laymenu .layui-nav .layui-sub-menu-popup-content a{ text-transform: capitalize!important; padding:10px; font-size: 0.85vw!important; line-height: 1.25vw!important;}

.cust-carousel-item{ height: 51.5vw !important; position: relative; display: flex; flex-direction: column;justify-content: flex-start; overflow: hidden;}

.cust-carousel-item .cust-cinfrom{z-index: 10; position: relative;width: 60%; left: 5%; margin-top:10%;text-align: left; font-size: 1.5vw;color: #fff;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
.cust-carousel-item .cust-cinfrom h2{font-size:3vw;color: #fff; text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.72); margin-bottom: 30px; text-transform: capitalize; font-weight: 600;}
.cust-carousel-item .cust-cinfrom div{ background-color:rgba(0, 154, 123, 0.42); padding: 1vw;}


.banner-carousel-item .banner-cinfrom{z-index: 10; position: relative;width: 60%; left: 5%; margin-top:12%;text-align: left; font-size: 1.5vw;color: #fff;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
.banner-carousel-item .banner-cinfrom h2{color: #fff; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); margin-bottom: 10px; text-transform: capitalize; font-weight: 600;}
.banner-carousel-item .banner-cinfrom h2.h21{font-size:2vw;}
.banner-carousel-item .banner-cinfrom h2.h21{font-size:1.5vw;}
.banner-carousel-item .banner-cinfrom h2.h22{font-size:5vw;}

.banner-carousel-news{height: 35vw !important; }
.banner-carousel-news .banner-news{ width: 80%; left: unset; margin: 0px auto; margin-top:5%;text-align: center;}
.banner-carousel-news .bkcolor{ position: absolute;top: 0px;left: 0px; background-color: var(--active-text); opacity: 0.73; width: 100%; height: 100%;}
.banner-carousel-news .bkcolor2{ position: absolute;top: 0px;left: 0px; background-color:#333; opacity: 0.73; width: 100%; height: 100%;}

.cust-carousel-item .a-img img{ max-height: 10vw; border-radius: 8px;margin-top: 30px;}
.cust-carousel-item .img01{ position: absolute;width: 100%; height: auto; z-index: 0;left: 0px; top: 0px;} 
.img03{position: absolute;width: 100%; height:7vw; z-index: 10;left: 0px; bottom: 0px;display: flow-root;
    background: url("/wp-content/themes/storefront/static/bk.png"); overflow: hidden;}
.img031{z-index: 0;}
.img02{ 
    position: absolute;width: 100%; height:100%; z-index: 10;left: 0px; bottom:-20px; 
    display: flow-root;
    background: url("/wp-content/themes/storefront/static/home-screen-bc.png");
    background-size: 100% 100%;
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transition: all, opacity 2s cubic-bezier(1,-0.49,.37,1.18) 0.1s, transform 2s cubic-bezier(1,-0.49,.37,1.18) 0.1s;
    animation: bcChange 20s linear infinite;
} 
.img021{
    background: url("/wp-content/themes/storefront/static/bc-ripple.png");bottom: -50px;
}

.title2{color: var(--active-text); font-weight: 600; font-size: var(--h2Size); line-height: 2.5vw; margin-bottom: 1vw; text-transform: capitalize;}

.cust-categorylist-bk{display: flow-root;min-height: 30vw; padding-top: 3vw; padding-bottom: 0px;  border-bottom: solid 1px #ddd;background-image: url("/wp-content/themes/storefront/static/home-pro-bc.jpg"); background-position: top right; background-repeat: no-repeat; background-size:60% 100%; }
.cate-left{min-height: 30vw;}
.cate-left-border{ border: solid 1px #eee;padding-top: unset; padding-bottom: unset; padding: 1vw!important; min-height:unset!important; height: auto!important; margin-top: 1vw;margin-bottom: 0.5vw;}

.categorylist-item{
    display: block; text-align: left; font-size: 1vw; line-height: 2.5vw; margin-bottom: 1.5vw; color: #999; position: relative;transition: all 0.5s;
}
.categorylist-item:hover,.categorylist-item.on{ color: #000;transition: all 0.5s;}
.categorylist-item:hover span,.categorylist-item.on span{ display: block;width: 20px; height: 3px; background-color: var(--active-color); margin-top: 1vw; margin-right: 10px; float: left; position: relative; transition: all 0.5s;}


.categorylist-item-img img{ width: 40px; height: 40px; border-radius: 2px; float: left; margin-right: 6px;}

.catelist ul{ width: 100%; display: flex; flex-direction: column;}
.catelist ul li{ width: 90%; margin-left: 10%;}
.catelist ul li a{color: #999;}
.catelist ul.on li a{color: #000;}

.cate-left{ background-color: #fff;padding-bottom: 2vw;padding-top:4vw; min-height:40vw; }
.cate-rightbk{ min-height:40vw; padding-bottom: 2vw;padding-top:4vw;}

.cate-right{ width: 80%; margin: 0px auto;}
.cate-right h2{ font-weight: 600; font-size:1.8vw; line-height: 2.5vw; margin-bottom: 1vw;}
.cate-right img{  display: block; max-width: 100%; margin-top: 1vw;max-height: 25vw; margin-bottom: 2.5vw; border-radius: 4px;}

.btn{ background-color: var(--active-text); color: #fff; font-size:1.25vw; padding: 0.8vw; padding-left: 1.2vw; padding-right: 1.2vw; margin-bottom: 3vw; clear: both; text-transform: capitalize; transition: all 0.3s;}
.btn:hover{ background-color: #f5f5f5; color: var(--active-text); transition: all 0.3s;}

.title-div{ display: flex; justify-content: center; flex-direction: column; max-width:30vw; margin: 0px auto; margin-top:5vw;}
.title-div .title{
    font-size: 1.8vw;color: #000; font-weight: 600; line-height: 3vw; margin-bottom: 1.5vw; text-align: center; text-transform: capitalize;
}
.title-div .title-fg{display: block;width: 100%; position: relative;margin-bottom: 1.5vw;}
.title-div .title-fg::after,.title-div .title-fg::before{ position: absolute;top: 0vw;display: block; content: " ";width: 100px; height: 2px; background-color: #000;}
.title-div .title-fg::after{right: 0;}
.title-div .title-fg::before{left: 0;}
.title-div .title-fg span{ display: flex;width: 50%; height: 1.5vw; margin: 0px auto; margin-top: -0.75vw; background-color:unset; background-image: url('/wp-content/uploads/2025/12/icon-com.png'); background-size: 1.5vw 1.5vw; background-position:top center; background-repeat: no-repeat;}
.title-div .title-detail{text-align: center; font-size: 1vw; line-height: 1.25vw;margin-bottom: 2vw;color: #666;}

.title-div2{ margin-top:2vw;}

.sesssion-ys{ display: block;padding-bottom: 5vw; position: relative; background-color: #fff; clear: both;}
.cust-yslist{ z-index: 11; position: relative; max-width: 80vw;margin: 0px auto;} 
.cust-yscard{ width:17vw;max-width:90%; height:13vw; margin: 0px auto; margin-bottom: 2vw; margin-top: 2vw;  border-radius: 12.5px; text-align: center;}
.cust-yscard:hover{ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); border-bottom: solid 6px var(--active-text); transition: all 0.3s;}
.cust-yscard .layui-card-body{ padding-top: 3vw; }
.cust-yscard .layui-card-body h3{ font-size: 1vw; margin-top: 1vw; font-weight: 550; text-transform: capitalize;color: #000;}

.sesssion-com{padding-top:3vw;padding-bottom:3vw; position: relative;  background-image: url("/wp-content/themes/storefront/static/home-company-bc.png"); background-repeat: no-repeat; background-size:110%; background-position: center right; background-attachment: fixed;}
.cust-com{ margin-top: 2vw;}
.com-name{ font-size: 1.8vw;color: #000; line-height: 2.75vw; font-weight: 550;}
.com-infrom{ font-size: 1vw; line-height: 2vw;}

.com-timeline{ width: 50px; margin: 0px auto; position: relative; height:20vw;}
.com-timeline .line-icon{width: 50px;height: 50px;z-index: 10; text-align: center;  position: absolute; }
.com-timeline .line-icon span{width: 50px;height: 50px;transform:rotate(45deg);position: absolute; background-color: #fff; border: solid 1px #ddd;display: block; z-index: 0; }
.com-timeline .line-icon i{ z-index: 1;position: absolute; top: 10px;left:25%; font-size: 25px;}
.com-timeline .line-icon:nth-child(1){top:0px}
.com-timeline .line-icon:nth-child(2){top:45%}
.com-timeline .line-icon:nth-child(3){bottom:0px}
.com-timeline .line2{width: 2px; height: 100%; z-index: 0; position: absolute;left: 48%; background-color: #ddd; }

.aboutuspiclist{width: 100%; height: 20vw; position: relative; }
.aboutuspiclist .layui-carousel{ height: 100%!important;}
.aboutuspiclist .layui-carousel li{ text-align: center;}
.aboutuspiclist .layui-carousel img{ max-height: 100%; margin: 0px auto;}

.sesssion-add{  padding-top: 3vw; padding-bottom: 2.5vw; background-image: url("/wp-content/themes/storefront/static/home-adv.jpg");}
.col-add1{ max-width: 90%; margin: 0px auto;}
.col-add1 h2{ font-size: 1.8vw; font-weight: 550;color: #fff; text-transform: capitalize;}
.col-add1 .des{ font-size: 0.8vw; color: #999; line-height: 1.2vw; margin-top: 1.5vw; margin-bottom: 1.5vw;}
.col-add1 .btn{min-height: 1.8vw;  display: block;  max-width: 13vw; margin-bottom: 0px;}

.col-add2 h2{ font-size:3vw; font-weight: 800; color: #fff; margin-bottom: 1vw; margin-top: 3vw;}
.col-add2 .des{ color: var(--active-text); font-weight: 600; font-size: 1.25vw; text-transform: capitalize;}

.com-kaifa{ background-color: #000; color: #fff; font-size: 1vw; width: 10vw; height: auto; line-height: 2.6vw; text-align: center;}
.com-name2{ margin-top: 1vw; margin-bottom: 1vw;}
.btn01{min-height: 1.8vw;  display: block;  max-width: 13vw; margin-bottom: 0px; font-size: 1vw; margin-top: 1.5vw;}

.sesssion-kaifa{padding-top: 3vw;padding-bottom: 3.5vw; background-image: url("/wp-content/themes/storefront/static/home-history-bc.png"); background-repeat: no-repeat; background-position: bottom center;}
.kaifapiclist{width: 100%; height: 28vw;  position: relative; border: solid 1px #fff; }
.kaifapiclist .layui-carousel{ height: 100%!important; background-color: unset;} 
.kaifapiclist .layui-carousel div,.kaifapiclist .layui-carousel li{background-color: unset; border: unset;}
.kaifapiclist .layui-carousel li img{max-width:85%; height: 100%; position: absolute;left: 0px; bottom: 0px;}
.kaifapiclist .layui-carousel .layui-carousel-arrow{ top: 0px; background-color: #000; color: #fff; opacity: 1; border-radius: 2px;}
.kaifapiclist .layui-carousel  .layui-carousel-arrow[lay-type="sub"]{
    right: 40px!important;left: unset!important;
}
.kaifapiclist .layui-carousel  .layui-carousel-arrow[lay-type="add"]{
    right: 0px;
}
.kaifapiclist .layui-carousel .h2-cls{ position: absolute; z-index: 1; width: 60%; bottom: 0px;right: 0px; padding: 20px;  background-color: var(--active-text); color: #fff; font-size: 1.8vw; font-weight: 550; line-height: 3vw; text-transform: capitalize;}
.kaifapiclist .layui-carousel-ind{ display: none;}

.sesssion-products{}
.product-name2{color: var(--active-text); margin-bottom: 2.25vw;}

.sesssion-news{ padding-bottom: 3vw; background-image: unset;}
.newspiclist{height: auto; position: relative;}
.newspiclist .swiper-slide{ padding: 8px;}
.newsitem{
    width: 98%; margin: 0px auto;
    height: 27vw;  
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}
.newsitem .newsitem-detail{ width: 96%; margin: 0px auto; padding: 10px; transition: all 0.3s;}
.newspiclist .swiper-slide .newsitem .newsitem-detail h2{ font-size: 1.25vw; font-weight: 550; width: 100%; line-height: 2vw; border-bottom: solid 1px #ddd; color: var(--active-text); margin-bottom: 1vw;text-transform: capitalize; padding-bottom: 1vw;}
.newsitem .newsitem-detail div{display: flex;justify-content:space-between;width: 100%; margin: 0px auto;transition: all 0.3s;}
.newsitem .newsitem-detail a{display: block; width: 50%; font-weight: 550; font-size: 1vw; text-transform: capitalize;}
.newsitem .newsitem-detail i{ font-size: 1vw;color: var(--active-color); width: 50%; text-align: right;}
.newsitem:hover .newsitem-detail div{width: 92%; transition: all 0.3s;}

.aboutuspiclist .layui-carousel,.layui-carousel > [carousel-item] > *{ background-color: unset;}

.sesssion-contatus{ background-color: #fff; padding: 0px; padding-top: 3vw; padding-bottom: 3vw; margin-top: 0vw; position: relative;}
.contatus-left{  background-color:#009376; background-image: url("/wp-content/themes/storefront/static/bc-dot.jpg"); min-height: 30vw; background-position:top left; padding-top:50px; background-repeat: no-repeat; }
.contatus-infrom{ width: 80%; margin: 0px auto; display: flex; flex-direction: column; color: rgba(255, 255, 255, 0.82);} 
.contatus-infrom .tip{ font-size: 1vw;line-height: 2vw;}
.contatus-infrom h3{width: 100%; font-size: 1.5vw;line-height: 3vw; margin: 0px auto;color: rgba(255, 255, 255, 0.82); font-weight: 550; text-align: left;}
.contatus-infrom .des{ font-size: 0.75vw;line-height:0.8vw;}
.contatus-jianma{ margin-top: 1vw;}
.contatus-jianma .row{ margin-bottom: 1vw;}
.contatus-jianma .row input[type='text']{width: 100%;}
.contatus-jianma .row textarea{ padding: 0.2vw;}
.contatus-jianma .row .layui-btn{border: #000; background-color: #000;color: #fff; font-weight: 500;}
.contatus-right{background-image:url("/wp-content/themes/storefront/static/bc-wind.png"); min-height: 30vw; background-position:top center; padding-top:50px; background-repeat: no-repeat; }

.contatus-right-infrom{ width: 60%; text-align: left;color: #000; margin: 0px auto; margin-top: 5vw;}
.contatus-right-infrom p{ font-size: 1vw; font-weight: 500;}
.contatus-right-infrom h3{ font-size: 2vw; font-weight: 600; margin-top: 2vw;margin-bottom: 2vw; color: var(--active-text);}
.contatus-right-infrom a{font-size: 2.5vw; font-weight: 600; font-weight: 600;}

.ft-btn{ text-align: center; margin-bottom: 1vw; margin-top: -6vw;}
.ft-btn .btn:hover{ background-color: #fff;}
footer{ clear: both;}
footer .footer01{ background-color: #f8f8f8; padding-top: 3vw; padding-bottom: 2vw;margin-top: -20px;}
footer .ft-logo img{ max-height: 5vw;}
footer .ft-logo h2{ font-weight: 550; font-size: 1vw; line-height: 1.5vw;}
footer .ft-logo p{ font-size: 0.8vw;color: #333;}
footer .ft-menu ul{ width: 80%; margin: 0px auto; }
footer .ft-menu li a{ font-size: 1.2vw; line-height: 1.85vw; color: #000; font-weight: 500;}

footer .ft-contatus ul{ width: 80%; margin: 0px auto; }
footer .ft-contatus li h2{ font-size: 1.25vw; line-height: 2vw; font-weight: 550; text-transform: capitalize;} 
footer .ft-contatus li { font-size: 1.1vw; line-height: 1.85vw; color: #000; font-weight: 500;margin-bottom: 0.5vw;}
 
footer .ft-down li{ display: block;width: 25px; height: 25px; float: right; margin-left: 4px;}
footer .ft-down li img{ max-width: 25px;}
footer .ft-Copyright{ font-size: 0.8vw; line-height: 1.2vw; border-top: solid 1px #ddd; margin-top: 1vw; padding-top: 1vw;}
footer .ft-Copyright .a2{ text-align: right;}

.products-cates-title2{ color: #000; text-transform: capitalize; font-size: 2.5vw;}
.products-cates-p{ text-align: right;}
.products-cates-p h3{ text-align: right; font-size: 1.2vw;margin-top: 3vw;}
.products-cates-p h3 span{ display: inline-block; background-color: var(--active-text); width:15px; height: 15px; margin-right: 10px;}

.products-item{ width:24vw; min-height: 30vw; overflow: hidden; padding: 1vw; border: solid 1px #eee; text-align: center; margin-top: 0.2vw; margin-bottom: 2vw;transition: all 0.3s;}
.products-item .products-item-img{ display: flex; width: 22vw; height: 22vw; margin-bottom: 1vw; justify-content: center; align-items: center; }
.products-item .products-item-img img{ max-width: 94%; margin: 0px auto;}
.products-item h3{ text-align: center; font-size: 0.85vw;}
.products-item:hover{ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s;}
.products-item:hover h3{color: var(--active-text); transition: all 0.3s;}

.news-item{ width:24vw; min-height: 20vw;  border: solid 1px #eee; text-align: center; margin-top: 0.2vw; margin-bottom: 2vw;transition: all 0.3s;}
.news-item .news-item-img{ display: flex; width: 100%; height: 17vw; overflow: hidden; justify-content: center; align-items: center; }
.news-item .news-item-img img{ width: 100%;min-height: 100%; margin: 0px auto; height: auto;}
.news-item h3{padding: 1vw; text-align: left; font-size: 1.25vw; font-weight: 550;}
.news-item:hover{ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s;}
.news-item:hover h3{color: var(--active-text); transition: all 0.3s;}

.news-item .news-item-img .swiper-container{ height: 100%!important;}

.pages a,.pages span{padding: 4px; padding-left: 6px; padding-right: 6px; border: solid 1px #eee; text-transform: capitalize; font-size: medium; margin-right: 4px!important; margin-left: 4px!important;}
.pages .current{ background-color: var(--active-text);color: #fff;}
.pages a:hover{ background-color: var(--active-text);color: #fff;}
.pages .nav-links{ text-align: right;}

.pages-news .nav-links{ text-align: center;}


.msg-top {
    background: url(/wp-content/themes/storefront/static/bc-ripple.png);
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 14%;
    -webkit-animation: bcChange2 5s linear infinite;
    -moz-animation: bcChange2 5s linear infinite;
    -ms-animation: bcChange2 5s linear infinite;
    -o-animation: bcChange2 5s linear infinite;
    animation: bcChange2 5s linear infinite;
}


.cate-title{ padding: 0.75vw; background-image: url(/wp-content/themes/storefront/static/news-bc.png); margin-bottom: 1vw;}
.cate-title .cates-title-news{ font-size: 1.75vw;  color: var(--active-text); font-weight: 550; margin: 0px auto;}
.cate-title .cates-title-news span{ float: right; color: #666;}

.contatus-tel-infrom{ width: 80%; margin: 0px auto; text-align: left; padding-top:1vw; padding-bottom: 5vw;}
.contatus-tel-infrom h3{ font-size: 2.5vw; color: #000; line-height: 5vw; font-weight: 550;}
.contatus-tel-infrom .h31{margin-top: 0px; }
.contatus-tel-infrom p{ font-size: 1.2vw; color: #000; line-height: 2.5vw;}
.contatus-tel-infrom .a-tel{font-size: 2.5vw; color: #000; line-height: 5vw; font-weight: 550; display: block; margin-bottom: 1vw;}
.contatus-tel-infrom .a-tel i{font-size: 2.5vw; }
.contatus-tel-infrom .a-tel span{color: var(--active-text);}
.contatus-tel-infrom .a-telbtn{font-size: 1.38vw; color: #fff; font-weight: 550; background-color: #000; border-radius: 2vw; clear: both; padding: 1vw; padding-left: 1.5vw; padding-right: 1.5vw;}

.contatus-page{ margin-top:5vw;}
.caontatus-bkimg{ position: absolute;top: 0px; right: 0px; z-index: -10; max-width: 55%;}

.page-detail{ font-size: 1.2vw; line-height: 2vw;color: #333; text-align: center;  margin: 0px auto;}

.atestilo-imglist{ margin-top: 3vw; margin-bottom: 3vw; height: 25vw; position: relative;}
.atestilo-imglist-div{ width: 80%; height: 100%; margin: 0px auto; position: relative;}
.atestilo-imglist-div .swiper-button-next,.atestilo-imglist-div .swiper-button-prev{ background-image: url("/wp-content/themes/storefront/static/certifi-btn.png");background-repeat: no-repeat; background-size: 100%;width: 4vw;}
.atestilo-imglist-div .swiper-button-prev{ left:-5vw}
.atestilo-imglist-div .swiper-button-next{ transform: scaleX(-1); right: -5vw;}

.page-aboutus{ height: 25vw; margin-bottom: 3vw; position: relative;}
.page-aboutus-div{height: 25vw;}
.page-aboutus-div .page-aboutus-infrom{ height: 25vw;}
.page-aboutus-div .page-aboutus-infrom .page-aboutus-infrom-img{ height: 100%; overflow: hidden;}
.page-aboutus-div .page-aboutus-infrom .page-aboutus-infrom-img img{width: 100%; min-height: 100%;}
.page-aboutus-infrom-txt{ width: 90%; float: left; height: 100%;}
.page-aboutus-infrom-txt .title{ font-size: var(--h2Size); text-transform: capitalize; line-height:4vw; font-weight: 550;color: #000;}
.page-aboutus-infrom-txt .desc{ font-size: 1.12vw; line-height: 2vw; margin-bottom:1.5vw;}
.page-aboutus-infrom-txt .icons-span{ background-color: var(--active-text);text-transform: capitalize; font-weight: 550; padding: 0.58vw; padding-right: 1vw;padding-left: 1vw;}
.page-aboutus-infrom-txt .icons-span i,.page-aboutus-infrom-txt .icons-span{ font-size:1.5vw; color: #fff;  }
.page-aboutus-div .swiper-pagination-bullet{width: 1vw; height: 1vw; margin: 1vw 0!important;}
.page-aboutus-div .swiper-pagination-bullet-active{ background-color: #000;}

.desc table th{ background-color: #fff;}

.weProgress-1{height: 20vw; margin-top: 2vw; margin-bottom: 2vw; position: relative;}
.weProgress-div{ padding: 2vw; background-image: url(/wp-content/themes/storefront/static/bc-dot.jpg); height: 20vw; width: 23vw; background-repeat: no-repeat; background-size: 100%; color: #fff; position: absolute;left: 0px; top: 0px; z-index: 11;}
.weProgress-div .weProgress-div-txt h2{ font-size:1.75vw; font-weight: 550;color: #fff; text-transform: capitalize; margin-bottom: 1.235vw;}
.weProgress-div .weProgress-div-txt .desc{ font-size: 1vw; line-height: 1.25vw;}

.weProgress-txtlist-div{  width: 74%;height: 20vw; position: absolute;z-index: 0; top: 1.5vw;right: 0px; }

.weProgress-page{ padding-top: 2vw; padding-bottom: 2vw;}
.weProgress-page,.title-div .title-fg span{ }
.history-item{height: 100%; width: 90%; height: 16vw; margin: 0px auto; margin-top: 0.25vw;margin-bottom: 0.25vw; background-color: #fff; border: solid 2px #fff; border-radius: 20px; text-align: center;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.2); padding: 20px; transition: all 0.3s;}
.history-item .history-img{ border-radius: 5vw; height: 5vw; width: 5vw; margin: 0px auto; margin-top:0.5vw;margin-bottom: 1vw; border: solid 2px var(--active-text); display: flex; align-items: center; justify-content: center; }
.history-item .history-img img{ max-width: 3vw; margin: 0px auto;}
.history-item .history-title{ font-size: var(--h2Size); margin-bottom: 0.75vw; font-weight: 500;}
.history-item .history-desc{ font-size: 0.75vw; max-height: 4.5vw; overflow: hidden;}
.history-item:hover{ box-shadow:0px 0px 8px rgba(0, 0, 0, 0.42); transition: all 0.3s;}

.session-machine-cont{ margin-top: 2vw;margin-bottom: 4vw;}
.session-machine { padding-top: 2vw; padding-right: 2vw;}
.session-machine p{ color: var(--active-text); font-size: 1vw; line-height: 1.5vw;}
.session-machine h2{ color: #000; font-size: 1.8vw; font-weight: 550; margin-top:0px; max-width: 60%;}
.session-machine div{position: absolute;top:5.5vw;right: 0px; border-bottom: solid 1px var(--active-text); line-height: 1vw; font-size: 1vw;color: #000; padding: 0.25vw;}
.session-machine div img{ max-height:25px;}

.machine-list{ height: 20vw; position: relative; margin-top: 1vw;}
.machine-list .swiper-slide{ height: 20vw;}
.machine-list .swiper-slide img{ width: 100%; height: 100%; position: relative;z-index: 0;}
.machine-list .swiper-slide h3{ width: 70%; height: auto; line-height: 1.5vw; text-align: center; background-color: #fff; font-size: 1.25vw; z-index: 1; left: 15%;bottom: 0px; position: absolute; padding-top: 0.5vw; padding-bottom: 0.5vw;}
.machine-list .swiper-slide h3 span{ color: var(--active-text); margin-top: 0.25vw; font-size: 0.8vw; display: block; text-align: center;}

.session-single-product{ margin-top: 4vw; margin-bottom:4vw;}
.single-thumb ul{ width: 98%; display: flex; flex-direction: column; justify-content: center;}
.single-thumb ul li{width: 90%; height: 5vw; margin-bottom:0.5vw; border: solid 1px #eee; overflow: hidden; cursor: pointer;transition: all 0.3s;}
.single-thumb ul li img{ width: 100%; height:100%;}
.single-thumb ul li:hover,.single-thumb ul li.on{ border: solid 1px var(--active-text); transition: all 0.3s;}

.seltImg-div{ width: 90%; margin: 0px auto; height: 28vw; display: flex; justify-content: center; align-items: center; border: solid 1px #eee; overflow: hidden;}
.seltImg-div img{ max-width: 98%; max-height: 98%; margin: 0px auto;}


.single-infrom h1{ font-size:1.7vw; font-weight: 550; margin-bottom:1.5vw;}
.single-infrom h2{ font-size:1.57vw; font-weight: 550; margin-bottom: 1vw; color: var(--active-text);}
.single-infrom .btn{ width: 100%; border-radius: 3px;}

.session-single-tab{ background-color: var(--active-text); height:5vw; display: flex; align-items: center; justify-content: center;}
.session-single-tab .tab-item{ height: 100%; padding-left: 3vw; padding-right: 3vw; font-size: 1.15vw;color: #fff; vertical-align: middle;align-items: center; display: flex; position: relative;transition: all 0.3s;}
.session-single-tab .tab-item.on,.session-single-tab .tab-item:hover{ background-color: #000; transition: all 0.3s;}
.session-single-tab .tab-item.on span,.session-single-tab .tab-item:hover span{ 
    display: block;width: 0;
  height: 0;
  border-left: 5px solid transparent; /* 左边框 */
  border-right: 5px solid transparent; /* 右边框 */
  border-bottom: 10px solid #fff; /* 底边框 */
  position: absolute;bottom: 0px;left: 48%;
}
.tab-cont{ margin-bottom: 3vw; padding-top: 2vw;}


.pc-menu{ display: block;}
.mob-menu{ display: none;}
.mob-menu {text-align: right; margin-top: 0.45vw;}

.pc-hidden{display: none;}
.active{display: block!important;}
@media  (min-width:300px) and (max-width: 500px) {
    .pc-menu{ display: none;}
    .mob-menu{ display: block;}

    .mob-hidden{ display: none;}
    .mob-show{display:block;}
    .cust-maxWidth{ max-width: 100vw;}
    .img03{ height: 8vw;background-size: 100%;}
    .img02{ height: 120%;display: none;}

    
    .cust-carousel-item{height: 48vw !important;}
    .cust-carousel-item .cust-cinfrom{ width: 90%;font-size: 2.55vw;}
    .cust-carousel-item .cust-cinfrom h2{font-size:5vw;margin-bottom: 10px;}
    .banner-carousel-news .banner-news{ margin-top: 10%;}
    .banner-carousel-item .banner-cinfrom h2.h21{ font-size: 3vw;}

    .title2{ font-size: 5vw;margin-bottom: 4.5vw;}
    .title2 span{ float: right;}
    .cust-categorylist-bk{ background-position:top left; background-size: 100% 100%;padding-bottom: 5px;}
    .cate-left{ min-height: unset; background-color: unset;}
    .cate-left .catelist{ display: none;}
    .categorylist-item{ font-size: 4.25vw; margin-bottom:3.8vw;line-height: 4.5vw;}

    .cate-right{width: 100%;padding-bottom: 3vw;}
    .cate-right h2{ font-size: 4.8vw; line-height: 5.5vw;margin-bottom: 4vw;}
    .cate-right img{ max-height: unset; max-width:60%; margin-bottom: 7vw;}
    .btn{font-size: 4.25vw;padding: 2.8vw;padding-left:4.2vw;padding-right: 4.2vw;margin-bottom: 6vw;}

    
    .title-div{max-width: 80vw;}
    .title-div .title{ font-size: 4.8vw;margin-bottom: 3vw;}
    .title-div .title-fg{ max-width: 50%; margin: 0px auto; margin-bottom: 3vw;}
    .title-div .title-fg::after, .title-div .title-fg::before{top: 1vw; width: 50px;}
    .title-div .title-fg span{ height: 4vw;background-size: 4vw 4vw;}
    .title-div .title-detail{font-size: 4vw;line-height: 4.5vw;margin-bottom: 5vw;}

    .com-name{font-size: 4.8vw; line-height: 5.75vw;}
    .com-infrom {font-size: 4vw;line-height: 5vw;}

    .aboutuspiclist{ height: 50vw;}

    .col-add1{max-width: 100%;}
    .col-add1 h2{ font-size: 2.8vw;}
    .col-add1 .des{ font-size: 1.8vw;}
    .col-add1 .btn{min-height:2.8vw;max-width:50%;}
    .col-add2 h2 {font-size: 6vw}
    .col-add2 .des{font-size:4.25vw}

    .newsitem{ height: 60vw;}
    .newsitem .newsitem-img{ height:40vw; overflow: hidden;}
    .newspiclist .swiper-slide .newsitem .newsitem-detail h2{font-size:3.75vw;line-height: 5vw;margin-bottom:3vw;}
    .newsitem .newsitem-detail a{font-size: 3vw;}
    .newsitem .newsitem-detail i{ font-size: 3vw;}

    .cate-title .cates-title-news{ font-size: 4vw;}
    .news-item{ width: 100%;}
    .news-item .news-item-img{ height: 45vw;}
    .news-item h3{font-size:4.25vw; padding: 2vw;}


    .contatus-left{ padding-top: 25px;}

    .com-kaifa{font-size:4vw;width:35vw; line-height:7vw;}
    .btn01{max-width: 33vw;}
    .kaifapiclist{height:58vw}
    .kaifapiclist .layui-carousel .h2-cls{ font-size: 3.5vw; line-height: 5vw;}

    .contatus-infrom{ padding-bottom:6vw;}
    .contatus-infrom .tip{ font-size: 4vw;line-height:5vw;}
    .contatus-infrom h3{font-size: 5.5vw;line-height: 7vw;}
    .contatus-infrom .des {font-size: 4.5vw;line-height: 5vw;}
    .contatus-jianma {margin-top: 4vw;}


    .msg-top{ height: 100px;}
    footer .ft-logo h2 {font-size: 4vw;line-height:5.5vw;}
    footer .ft-logo img{ max-height: 10vw;}
    footer .ft-logo p {font-size: 3.8vw;}

    footer .ft-menu ul,footer .ft-contatus ul{ width: 100%; margin-top:4vw;}
    footer .ft-menu li a{font-size: 4.2vw;line-height:5vw}
    footer .ft-contatus li h2{font-size:4.25vw;line-height:5.5vw;}
    footer .ft-contatus li{font-size:4.1vw;line-height:4.85vw;margin-bottom: 3.5vw;}
    footer .ft-Copyright{font-size:2.8vw;line-height: 4.2vw}
    footer .ft-Copyright .a2{ text-align: left;}

    .cust-yslist{max-width: 100vw;}
    .cust-yscard{ height: 40vw;width: 90%;}
    .cust-yscard .layui-card-body img{ max-width: 40px;}
    .cust-yscard .layui-card-body h3{ font-size:5.35vw;}

    .products-cates-p h3{font-size: 4.2vw;text-align: left;}
    .product-cate .categorylist-item{ min-height: 50px;}
    .Categorias-page span{ float: right;}
    .products-item{width: 80vw;min-height: 80vw;margin-top: 3.2vw;margin-bottom:5vw; }
    .products-item .products-item-img{width: 78vw;height: 78vw;}
    .products-item h3{font-size:4.2vw;}
    .history-item .history-desc{ font-size: 3vw;}
    .contatus-right{ padding-top: 30px; padding-bottom: 30px;}
    .contatus-right-infrom{width: 80%;}

    .page-aboutus,.page-aboutus-div{ min-height: 125vw;} 
    .page-aboutus-div .page-aboutus-infrom .page-aboutus-infrom-img{ height:35vw;}
    .page-aboutus-infrom-txt .title{ font-size: 5vw;line-height:7vw;}
    .page-aboutus-infrom-txt .desc{font-size: 4.12vw;line-height: 5vw;margin-bottom: 4.5vw;}
    .page-aboutus-infrom-txt .icons-span{ font-size: 3.5vw;padding: 3.58vw;padding-right:4vw;
    padding-left:4vw;}
    .page-aboutus-infrom-txt .icons-span i{font-size: 4.5vw;}
    .page-detail{font-size: 3.5vw;line-height:7vw;}

    .weProgress-page{ display: none;}
    .session-machine p{ font-size: 3vw; line-height: 6vw;}
    .session-machine h2{ font-size:4vw; line-height: 7vw;}
    .session-machine div{line-height: 4vw;    font-size: 3vw;}
    .machine-list{ height: 50vw; margin-top: 3vw;}
    .machine-list .swiper-slide{ height: 50vw;}
    .machine-list .machine-list{height: 50vw;}
    .machine-list .swiper-slide h3{line-height: 6vw;font-size:4vw;padding-top:1.5vw;padding-bottom:1.5vw;}
    .machine-list .swiper-slide h3 span{ font-size: 3vw;}


    .single-thumb ul li{ height: 10vw; margin-bottom: 4vw;}
    .seltImg-div{height:58vw;}

    .session-single-product{ margin-top:8vw; margin-bottom: 8vw;}
    .single-infrom h2 {font-size:4.57vw;margin-top: 4.5vw;}
    .single-infrom h1{font-size:5.57vw;margin-bottom: 4.5vw;margin-top: 4.5vw;}
    .session-single-tab{height:15vw;}
    .session-single-tab .tab-item{font-size: 4.15vw;}
    .contatus-right-infrom p{ font-size: 4vw;}
    .contatus-right-infrom h3{ font-size:5vw;}
    .contatus-right-infrom a{ font-size: 5.5vw;}

    .contatus-page{ padding-top: 7vw; }
    .contatus-tel-infrom{ background-color: #fff;}
    .contatus-tel-infrom h3{font-size: 4.5vw;line-height:10vw;}
    .contatus-tel-infrom p {font-size: 3.2vw;}
    .contatus-tel-infrom .a-tel i{font-size: 4.5vw;}
    .contatus-tel-infrom .a-tel {font-size: 4.5vw;line-height: 10vw;}
    .contatus-tel-infrom .a-telbtn {font-size: 3.38vw;line-height: 10vw;padding-left: 3.5vw;padding-right: 3.5vw;}
    .Categorias-page{margin-top: 7vw;}

}
@media  (min-width:500px) and(max-width: 766px) {
    .pc-menu{ display: none;}
    .mob-menu{ display: block;}

    .mob-hidden{ display: none;}
    .mob-show{display:block;}
    .cust-maxWidth{ max-width: 100vw;}
    .img03{ height: 8vw;background-size: 100%;}
    .img02{ height: 120%;display: none;}

    .title-div{max-width: 70vw;}
    .title-div .title{ font-size: 2.8vw;}
    .title-div .title-fg{ max-width: 50%; margin: 0px auto; margin-bottom: 1vw;}
    .title-div .title-fg span{ height: 2vw;background-size: 2vw 2vw;}
    .title-div .title-detail{font-size: 2vw;line-height: 2.5vw;margin-bottom: 3vw;}

    .title2{ font-size: 3vw;margin-bottom: 2.5vw;}
    .title2 span{ float: right;}
    .cust-categorylist-bk{ background-position:top left; background-size: 100% 100%;}
    .cate-left{ min-height: unset; background-color: unset;}
    .cate-left .catelist{ display: none;}
    .categorylist-item{ font-size: 2.25vw; margin-bottom:1.8vw;}

    .cate-right{width: 100%;padding-bottom: 3vw;}
    .cate-right h2{ font-size: 2.8vw; line-height: 3.5vw;margin-bottom: 2vw;}
    .cate-right img{ max-height: unset; max-width:60%; margin-bottom: 3.5vw;}
    .btn{font-size: 2.25vw;padding: 1.8vw;padding-left: 2.2vw;padding-right: 2.2vw;margin-bottom: 4vw;}

    .com-name{font-size: 2.8vw; line-height: 3.75vw;}
    .com-infrom {font-size: 2vw;line-height: 3vw;}
    .aboutuspiclist{ height: 30vw;}

    .col-add1{max-width: 100%;}
    .col-add1 h2{ font-size: 2.8vw;}
    .col-add1 .des{ font-size: 1.8vw;}
    .col-add1 .btn{min-height:2.8vw;max-width:50%;}
    .col-add2 h2 {font-size: 4vw}
    .col-add2 .des{font-size: 2.25vw}

    .com-kaifa{font-size: 2vw;width:25vw; line-height:4vw;}
    .btn01{max-width: 33vw;}
    .kaifapiclist{height:38vw}

    .contatus-infrom{ padding-bottom: 4vw;}
    .contatus-infrom .tip{ font-size: 2vw;line-height:3vw;}
    .contatus-infrom h3{font-size: 3.5vw;line-height: 5vw;}
    .contatus-infrom .des {font-size: 2.5vw;line-height: 3vw;}
    .contatus-jianma {margin-top: 2vw;}

    footer .ft-logo h2 {font-size: 2vw;line-height:3.5vw;}
    footer .ft-logo p {font-size: 1.8vw;}

    footer .ft-menu ul,footer .ft-contatus ul{ width: 100%; margin-top:2vw;}
    footer .ft-menu li a{font-size: 2.2vw;line-height:3vw}
    footer .ft-contatus li h2{font-size: 2.25vw;line-height: 3.5vw;}
    footer .ft-contatus li{font-size:2.1vw;line-height:2.85vw;margin-bottom: 1.5vw;}
    footer .ft-Copyright{font-size:1.8vw;line-height: 2.2vw}
    footer .ft-Copyright .a2{ text-align: left;}

    .cust-carousel-item .cust-cinfrom{ width: 90%;font-size: 2vw;}
    .cust-carousel-item .cust-cinfrom h2{font-size: 3.5vw}
    .cust-yslist{max-width: 100vw;}
    .cust-yscard{ height: 20vw;width: 90%;}
    .cust-yscard .layui-card-body h3{ font-size: 1.35vw;}

    .products-cates-p h3{font-size: 2.2vw;text-align: left;}
    .product-cate .categorylist-item{ min-height: 50px;}
    .Categorias-page span{ float: right;}
    .products-item{width: 50vw;min-height: 50vw;margin-top: 1.2vw;margin-bottom:3vw;}
    .products-item .products-item-img{width: 48vw;height: 48vw;}
    .products-item h3{font-size:2.2vw;}
    .history-item .history-desc{ font-size: 1vw;}

    .page-aboutus{ height: 60vw;}
    .page-aboutus-div {height: 60vw;} 
    .page-aboutus-div .page-aboutus-infrom .page-aboutus-infrom-img{ height: 25vw;}
    .page-aboutus-infrom-txt .title{ font-size: 3vw;line-height:5vw;}
    .page-aboutus-infrom-txt .desc{font-size: 2.12vw;line-height: 3vw;margin-bottom: 2.5vw;}
    .page-aboutus-infrom-txt .icons-span{ font-size: 2.5vw;padding: 1.58vw;padding-right:2vw;
    padding-left:2vw;}
    .page-aboutus-infrom-txt .icons-span i{font-size: 2.5vw;}

    .single-thumb ul li{ height: 10vw; margin-bottom: 2vw;}
    .seltImg-div{height:58vw;}

    .single-infrom h2 {font-size:2.57vw;margin-top: 2.5vw;}
    .single-infrom h1{font-size:3.57vw;margin-bottom: 2.5vw;margin-top: 2.5vw;}
    .session-single-tab{height: 8vw;}
    .session-single-tab .tab-item{font-size: 2.15vw;}
    .contatus-right-infrom p{ font-size: 2vw;}
    .contatus-right-infrom h3{ font-size: 3vw;}
    .contatus-right-infrom a{ font-size: 3.5vw;}
}
@media (min-width: 767px) and ( max-width: 1024px) {
    .pc-menu{ display: none;}
    .mob-menu{ display: block;}
    .cust-maxWidth{ max-width: 100vw;}
    .img03{ height: 8vw; }
    .img02{ height: 120%;display: none;}

    .cust-carousel-item .cust-cinfrom{ width: 90%;font-size: 2vw;}
    .cust-carousel-item .cust-cinfrom h2{font-size: 3.5vw}
    .cust-yslist{max-width: 100vw;}
    .cust-yscard{ height: 14vw;}
    .cust-yscard .layui-card-body h3{ font-size: 1.35vw;}

    .product-cate .categorylist-item{ min-height: 50px;}
    .products-item h3{font-size: 1.2vw;}
    .history-item .history-desc{ font-size: 1vw;}
}