/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;text-align: center;}
.tt{display:inline-block;position:relative;margin:0;padding:10px;color:#0071D7;font-size:48px;font-weight:700;line-height:1.2;text-align:center;}
.tt span{color:#000;}
.tt:before{
    content: "";
    display: block;
    width: 42px;
    height: 17px;
    /* background: url(../images/right-flo.png); */
    position: absolute;
    right: -60px;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) rotate(360deg);
    transition: all .5s;
}
.tt:after{content: "";
    content: "";
    display: block;
    width: 42px;
    height: 17px;
    /* background: url(../images/left-flo.png); */
    position: absolute;
    left: -45px;
    top: 50%;
    right: 100%;
    transform: translateY(-50%) rotate(360deg);
    transition: all .5s;
}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #999;font-size: 18px;}
.tc h1{ font-weight: normal; font-size: 13px;}
.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.product-pagination{clear:both;width:100%;margin-top:30px;margin-bottom:50px;text-align:center;}
.product-pagination span{display:inline-block;width:auto;margin-right:5px;padding:5px 10px;background:#f6f6f6;border:1px solid #e3e3e3;}
.product-pagination span:hover{background:#000;color:#fff;}
.product-pagination span:hover a{color:#fff;}
.product-pagination strong{color:#000;}

#main{clear:both;margin:auto;padding:0; margin-top:20px;width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;display: flex;}
#mains{clear:both;margin:auto;padding:0; margin-top:20px;width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;}
#main_center{flex:1; margin:0;padding:0;margin-top:0px;margin-left: 50px;height:auto;overflow:hidden;}

#center_title{margin-top:10px;height:30px; text-transform: uppercase; }
#center_titles{margin-top:10px;height:30px;line-height:30px;border-bottom:#666 2px solid;color:#000;overflow:hidden;font-size:16px;}

.index_product_box{padding:0 0 50px;height:auto;overflow:hidden;background:#f3f6f9;} 

.product_list{margin:auto;width:100%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin:1%; width:23%;margin-top: 30px;background: #fff;height:auto;overflow:hidden;border-radius: 5px;box-shadow:0 0 20px #ededed;border-radius: 10px;}
.product_list .p_pic{padding-bottom:37.096%;padding-top:37.096%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;  border-radius: 3px;}
.product_list .p_pic img{width: 100%;border-radius: 3px;}
.product_list .p_pic a img:hover{transform:scale(1.1);transition: .8s ease;}
.product_list .p_info{margin:10px;height:40px;overflow:hidden; text-align:center;font-size: 20px;}
.product_list .p_info a{font-size: 20px;color: #0071D7;}
.product_list .p_info a:hover{color: #0071D7;}
.product_list .p_infos {margin-top:0px;height:auto;overflow:hidden; text-align:center;color: #999;}
.product_list .p_infos span{color:#000; font-size:16px;}
.product_list .p_infos s{color:#999;}
.product_list .p_cart{text-align: center;}
.product_list .p_cart a{display: inline-block;cursor:pointer; background:#fff; border: #0071D7 1px solid; text-align:center; color:#0071D7; padding: 5px 20px 5px 20px; border-radius:20px;font-size: 14px;}
.product_list .p_cart a:hover{background:#0071D7; border: #0071D7 1px solid; color:#fff;}

/* Product Page: reference-matched hero, Rank Math breadcrumb and catalogue. */
/* Guard against the legacy productlist.css `.page` selector treating the
   WordPress body class as a pagination component. */
body.page{clear:none;margin-top:0;margin-bottom:0;text-align:left;}
.tl {
    background: transparent;
}
body.page #h_nav span,
body.page .product-breadcrumb span,
body.page #float_right span{display:inline;width:auto;margin-right:0;padding:0;border:0;background:transparent;}
body.page #h_nav span:hover,
body.page .product-breadcrumb span:hover,
body.page #float_right span:hover{border:0;background:transparent;color:inherit;}
.product-page{display:block;width:100%;overflow:hidden;background:#fff;}
.product-page h1,
.product-page h2,
.product-page h3,
.product-page p,
.product-page figure{margin:0;font-family:inherit;}
.product-hero{position:relative;width:100%;height:510px;overflow:hidden;background:#303941;isolation:isolate;}
.product-hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden;}
.product-hero-media img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;object-position:center;}
.product-hero-overlay{position:absolute;z-index:1;inset:0;background:rgba(25,33,40,.58);}
.product-hero-content{position:relative;z-index:2;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:auto;width:80%;height:100%;text-align:center;}
.product-hero-content h1{margin:0;color:#fff;font-size:48px;font-weight:700;line-height:1.2;letter-spacing:-.02em;}
.product-category-section{padding:0 0 70px;background:#f3f6f9;}
.product-breadcrumb{box-sizing:border-box;margin:0 auto;padding:38px 0 0;width:95%;color:#444;font-size:14px;}
.product-breadcrumb .rank-math-breadcrumb p{margin:0;line-height:1.7;}
.product-breadcrumb a{color:#333;}
.product-breadcrumb a:hover{color:#0071D7;}
.product-catalog-header{box-sizing:border-box;margin:0 auto;padding-top:66px;width:95%;}
.product-catalog-label{margin:0;color:#0071D7;font-size:38px;font-weight:400;line-height:1.25;}
.product-catalog-line{margin-top:10px;width:50px;height:2px;background:#0071D7;}
.product-catalog-heading{margin:48px auto 0;max-width:100%;color:#0071D7;font-size:38px;font-weight:400;line-height:1.35;text-align:center;}
.product-catalog-intro{margin:18px auto 0;max-width:1000px;color:#777;font-size:18px;line-height:1.7;text-align:center;}
.product-category-list{box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,40px);margin:0 auto;padding:64px 0 0;width:95%;overflow:visible;}
.product-category-list .product-category-card{box-sizing:border-box;display:flex;float:none;flex-direction:column;margin:0;width:auto;min-width:0;background:#fff;border-radius:10px;box-shadow:0 0 20px #ededed;overflow:hidden;}
.product-category-link{display:block;}
.product-category-list .product-category-card .p_pic{display:flex;justify-content:center;align-items:center;padding:0;width:100%;height:auto;aspect-ratio:651 / 483;overflow:hidden;border-radius:3px 3px 0 0;background:#eef3f7;}
.product-category-list .product-category-card .p_pic img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;transition:transform .8s ease;}
.product-category-list .product-category-card:hover .p_pic img{transform:scale(1.06);}
.product-category-list .product-category-image-empty::before{content:"";display:block;width:54px;height:54px;border:2px solid rgba(0,113,215,.18);border-radius:50%;background:linear-gradient(135deg,rgba(0,113,215,.08),rgba(142,195,31,.15));}
.product-category-list .product-category-card .p_info{box-sizing:border-box;margin:0;padding:16px 18px 8px;height:auto;min-height:58px;color:#0071D7;font-size:20px;font-weight:400;line-height:1.35;text-align:center;}
.product-category-list .product-category-card .p_infos{box-sizing:border-box;margin:0;padding:0 18px 22px;height:auto;line-height:1.7;text-align:center;color:#777;}
.product-page-admin-note{box-sizing:border-box;margin:50px auto 0;width:95%;padding:16px 20px;border-left:4px solid #0071D7;background:#fff;color:#666;}
.product-page-section{clear:both;box-sizing:border-box;margin:0 auto;padding:1px 0 50px;width:95%;height:auto;overflow:hidden;}
.product-process-image{margin:30px auto 0;text-align:center;}
.product-process-image img{display:block;margin:auto;max-width:100%;height:auto;}

.h1{font-weight:normal;font-size:38px; color:#0071D7;}
.h1::after{content: "";display: block;height: 2px;width: 50px; background:#0071D7;}
.h2{font-weight:normal; font-size:38px; text-align: center;color:#0071D7;}
.content{font-size: 1.1rem;}
.content a{font-size: 1.1rem; text-decoration: underline;}
.content img{ max-width:100%; height:auto;}

#main_left{margin:0; margin-top:0px;padding:0; width: 320px; height:auto;overflow:hidden;order: -1; }
#left_title{line-height:40px;color:#000;font-weight:normal;text-transform: capitalize;font-size:20px;}
#left_title a{color:#000;text-transform: uppercase; }
#left_list{margin:auto; margin-top:30px;width:95%;}
#left_list .c{padding:15px;background: #f5f5f5; margin-bottom: 10px; border-left: #0071D7 0px solid; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#left_list .c a{display:block; color:#000;}
#left_list .c span{float: right;font-size: 14px; margin-top: 5px;}
#left_list .c:hover{ background:#f1f1f1;}
#left_list .s{position:absolute;margin-left:198px;margin-top:-25px;width:789px;height:auto; overflow:hidden;z-index:99999999999999;background:#FFF;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s{ margin-left:0px;padding:10px;}
#left_list .c_s_s{position:absolute;margin-left:204px;margin-top:-20px;width:788px;height:auto; overflow:hidden;z-index:99999999999999;background:#f1f1f1;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s_n{display:inline-block; margin-left:5px;height:25px;line-height:25px;width:145px; text-align: center; overflow:hidden;}
#left_list .c_s_n a{font-weight:normal;}
#left_list .c_s::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:-10px; margin-right: 10px; vertical-align: middle;background:#fff; border: #ccc 1px solid; background-size: cover;}
#left_list .c_s a:hover{ color: #0071D7;}
#left_list .c_s:hover::before{background:#0071D7;border: #0071D7 1px solid;}
#left_list .c_s_on{ margin-left:0px; padding:10px;}
#left_list .c_s_on::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:-10px; margin-right: 10px; vertical-align: middle;background:#0071D7; border: #0071D7 1px solid;}
#left_list .c_s_on a{color: #0071D7;}
#left_list .c_s_on a:hover{ color: #999;}
#left_list .c_s_on:hover::before{background:#0071D7;border: #0071D7 1px solid; }

.main_bg{background:#f6f6f6; background-size: cover; height:auto; overflow:hidden;}

.center_feedback{margin:auto;padding:0; margin-top:50px; margin-bottom:50px;width:95%;}
.center_feedback .fe_list{clear:both;margin-top:20px;display: flex; justify-content: center;align-items: center;}
.center_feedback .fe_list ul{display:block;float:left;height:auto;overflow:hidden; flex:1;}
.center_feedback .fe_list #ft{font-weight:bolder;}
.center_feedback .fe_list #ft span{ color:#0071D7;}
.center_feedback .fe_list #fi{ margin-top:10px;width:100%;}
.center_feedback .fe_list #fi .i{ width:calc(100% - 10px); height:40px;border:#fff 1px solid;border-radius: 5px;}
.center_feedback .fe_list #fi .s{ width:calc(100% - 10px); height:43px;border:#fff 1px solid;border-radius: 5px;}
.center_feedback .fe_list #fe_line{display:block;float:left;width:20px; height:25px;}

.center_feedback .fe_content{ clear:both;margin-top:50px;height:auto; overflow:hidden;}
.center_feedback .fe_content #ft{font-weight:bolder;}
.center_feedback .fe_content #ft span{ color:#0071D7;}
.center_feedback .fe_content #fi{margin-top:10px;}
.center_feedback .fe_content #fi .t{width:calc(100% - 10px); height:80px;border:#fff 1px solid;border-radius: 5px;}

.center_feedback .fe_button{ margin-top:30px;text-align:center;}
.center_feedback .fe_button .b{padding:5px 15px 5px 15px;border:none; width:150px;height:45px;text-align:center; background:#0071D7;color:#fff;cursor:pointer;border-radius:5px;}

.product-contact-form{margin:auto;max-width:1100px;}
.product-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.product-contact-form select,
.product-contact-form textarea{box-sizing:border-box;max-width:100%;border:1px solid #fff;border-radius:5px;}
.product-contact-fallback{box-sizing:border-box;margin:auto;padding:35px 20px;max-width:800px;text-align:center;color:#555;}
.product-contact-button{display:inline-block;margin-top:24px;padding:12px 30px;border:1px solid #0071D7;border-radius:5px;background:#0071D7;color:#fff!important;transition:background .2s ease,color .2s ease;}
.product-contact-button:hover{background:#fff;color:#0071D7!important;}


.index_news{margin:auto; margin-top:30px;padding-bottom:80px;width:100%;height:auto;overflow:hidden; background:#fff;}
.news_list{ margin:auto;margin-top:50px; width:95%; height:auto; overflow:hidden;}
.news_list ul,
.news_list .product-blog-card{display:block;float:left;margin:0.5%;width:31.3%;padding:0.5%;}
.news_list .n_time{ position: absolute;
    margin-top: 20px;
    margin-left: 20px;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    background: #0071D7;
    text-align: center;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
}
.news_list .n_time:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-color: transparent #0071D7;
        border-width: 0 0 20px 20px;
        border-style: solid;
        left: 0;
        bottom: -20px;
        position: absolute;
}
.news_list .n_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;  border-radius: 3px;}
.news_list .n_pic a{width: 100%;}
.news_list .n_pic img{width: 100%;}
.news_list .n_pic img:hover{ transform:scale(1.1);transition: .8s ease;}
.news_list .n_title{margin-top: 10px;font-size: 20px;}
.news_list .n_content{margin-top: 10px;font-family: var(--bonovico-font-family); color: #666;}
.news_list .n_info{margin-top: 10px;}
.news_list .n_info a{color:#0071D7;}

.center_list{ margin-top: 30px; display: flex;justify-content: center;}
.center_list ul,
.center_list .product-advantage{flex:1;min-width:0;}
.center_list .lpic{ margin: auto; width: 100px; height: 100px; background: #0071D7;border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;  }
/* .center_list .lpic i{width: 100px; height: 100px; background: #0071D7;color: #FFF;font-size: 30px; border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.center_list .lpic i:hover{background: #f6f6f6;color: #0071D7;} */
.center_list .lpic img{width: 90%;}
.center_list .ltitle{ margin: 30px;text-align: center;font-weight: bolder;}
.center_list .lcontent{text-align:center;color:#999;font-family:var(--bonovico-font-family);}

@media screen and (min-width: 1400px) {
.index_title{width: 80%;}
.index_titles{width: 80%;}
#main{width: 80%;}
#mains{width: 80%;}
.center_title{width: 80%;}
.center_feedback{width: 80%;}
.news_list{width: 80%;}
.product-breadcrumb,
.product-catalog-header,
.product-category-list,
.product-page-section{width:80%;}
}

@media screen and (min-width: 751px) and (max-width: 1199px) {
.product-hero{height:380px;}
.product-hero-content h1{font-size:42px;}
.product-category-list{grid-template-columns:repeat(3,minmax(0,1fr));}
.product-catalog-heading{font-size:32px;}
}


@media screen and (max-width: 750px) {
.tt{ font-size: 16px;}

.center_title{ width:95%;}

#main{width:100%; margin-top:20px;display: block;}
#main_center{width:100%; margin-left: 0px;}
#center_title{ padding:0px 10px 0px 10px;}
#main_left{width:100%;display: none;}
#left_title{display:none;}
#left_list{ margin-top:30px; margin-bottom:20px;width:100%;width:100%;}
#left_list .c{ margin:5px 10px 5px 10px; padding:10px 15px 10px 0px; text-align:center; background:#f1f1f1; border-bottom:#FFF 1px solid;}
#left_list .c a{display:block; font-size:16px;}

.product_list{ width: 100%;}
.product_list ul{width:46%; padding:2%; margin: 0px; border-bottom:#f2f2f2 20px solid;box-shadow:none;border: none;}
.product_list ul:hover{box-shadow:none; border-radius: 0px;}
.product-hero{height:220px;}
.product-hero-content{width:90%;}
.product-hero-content h1{font-size:32px;}
.product-category-section{padding-bottom:40px;}
.product-category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:90%;padding-top:34px;}
.product-category-list .product-category-card{width:auto;padding:0;margin:0;border:0;border-bottom:10px solid #f2f2f2;border-radius:0;box-shadow:none;}
.product-category-list .product-category-card .p_info{padding:12px 8px 6px;min-height:0;font-size:16px;}
.product-category-list .product-category-card .p_infos{padding:0 8px 14px;font-size:13px;}
.product-breadcrumb{width:90%;padding-top:12px;font-size:13px;}
.product-catalog-header{width:90%;padding-top:34px;}
.product-catalog-label{font-size:24px;}
.product-catalog-heading{margin-top:30px;font-size:24px;}
.product-catalog-intro{font-size:16px;}
.product-page-section{width:100%;padding-bottom:30px;}

.h1{ padding:0px 10px 0px 10px; font-size:16px;}
.content{ padding:10px;}
.content a{}
.content img{ max-width:100%; height:auto;}

.news_list{margin-top:30px; padding-bottom:0px;width:98%;}
.news_list ul,
.news_list .product-blog-card{margin-top:20px;float:none;width:100%;}
.news_list .nt a{ font-size:14px;}

.center_list{flex-wrap:wrap;}
.center_list ul,
.center_list .product-advantage{flex:none;width:33.3%;}
.center_list .lpic{width: 80px; height: 80px; }
.center_list .lpic i{width: 80px; height: 80px; }
}