@import url("product.css?v=101");
body{background:#f7f7f7}
/**/
.product-cat-02 .product-cat-service .desc:before{background:#d9f0f7}
.product-cat-02 .product-customization .desc{background:#5da4c0}
.product-cat-02 #banner-product{background-image:url(../images/categorys/banner2.jpg)}
/**/
.product-cat-03 .product-cat-service .desc:before{background:#ffe5d4}
.product-cat-03 .product-customization .desc{background:#bd7b54}
.product-cat-03 #banner-product{background-image:url(../images/categorys/banner3.jpg)}
/**/
.product-cat-04 .product-cat-service .desc:before{background:#ede8e2}
.product-cat-04 .product-customization .desc{background:#bd7b54}
.product-cat-04 #banner-product{background-image:url(../images/categorys/banner4.jpg)}
/**/
.product-cat-05 .product-cat-service .desc:before{background:#ffe5d4}
.product-cat-05 .product-customization .desc{background:#ef7e4a}
.product-cat-05 #banner-product{background-image:url(../images/categorys/banner5.jpg)}
/**/

/**/
#banner-product{background:url(../images/categorys/banner1.jpg) no-repeat center top;background-size:cover;}
#banner-product .container{height:835px;display: flex;flex-wrap: wrap;align-items: center;}
#banner-product .index-h2{text-align:left}
#banner-product .index-h2 p{margin-top:15px}
#banner-product .get_quote_box{justify-content:left}
.banner-title{width: 56.5%;padding-right: 50px;}
.banner-thumb{width: 43.5%;}
.banner-thumb img{width:100%;height:auto}
.position{font-size:16px;color:rgba(0,0,0,0.5);margin-bottom:15px;display:none}
.position a{color:rgba(0,0,0,0.5)}
.position em{margin:0 5px;}
.position span{}
/***/
.product-filter{display: flex;flex-wrap: wrap;justify-content:space-between;align-items:center;margin-bottom:45px;}
.product-filter label{font-size: 18px;font-weight: 600;margin-bottom:15px;width: 100%;padding-left: 30px;position: relative;}
.product-filter label i{margin-right: 10px;position: absolute;left: 0;top: -3px;}
.product-filter label i:before{background:url(../images/star_half_24dp_000.png) no-repeat center;}
.product-filter-select.select-total-6{}
.product-filter-select{display: flex;flex-wrap: wrap;width:100%}
.product-filter-option{position: relative;font-size: 18px;width:calc(16.666666666% - 15px);margin-right:18px;margin-top:18px}
.product-filter-option:last-child{margin-right:0}
.product-filter-option:hover ul{display:block}
.product-filter-option ul{position: absolute;display: none;width: 100%;left: 0;top: 100%;border: 1px solid #ddd;padding: 15px;background: #fff;z-index: 8;margin-top: -1px;}
.product-filter-option span{display: block;border: 1px solid #ddd; padding: 15px 15px; position: relative; width: 100%;}
.product-filter-option span i{position: absolute;right: 10px;top: 12px;transform: rotate(90deg);}
.product-filter-option span i:before{ background: url(../images/arrow_right_24dp_000.png) no-repeat center;}
.product-filter-option li{padding: 8px 0;font-size: 16px;cursor:pointer;padding-left:25px;position:relative}
.select-options.checkbox li:before{content:"";border:1px solid #666;width:15px;height:15px;display:block;position:absolute;left:0;top:8px;}
.select-options.checkbox li.on:before{content:"√";background:var(--logo-color);color:#fff;border-color:var(--logo-color);text-align:center;font-size: 22px;line-height: 10px;font-weight: bold;}
.select-options.checkbox li.on{color:var(--logo-color)}
/**/
.product-cat-margin-top{margin-top:80px}
.product-cat-margin-bottom{margin-bottom:80px}
/**/
.product-cat-service{padding-bottom:98px}
.product-cat-service .container{display:flex;flex-wrap:wrap}
.product-cat-service .desc{width:50%;position:relative;display: flex;align-items: center;padding-right: 100px;padding-top: 98px;}
.product-cat-service .desc label{ border-radius: 50px; background: var(--logo-color);color: #fff; padding: 10px 20px; font-weight: 600; font-size: 16px; display: inline-block;}
.product-cat-service .desc .desc-p{font-size: 18px;line-height: 1.5;margin-top: 25px;}
.product-cat-service .desc:before{background:#dfecfd;content:"";height:100%;width:150%;display:block;position:absolute;right:0;top: 50px;z-index:-1}
.product-cat-service .desc:after{background:url(../images/categorys/cat-jiao.png) no-repeat center top;width:107px;height:98px;content:"";position:absolute;right:0;bottom: -50px;z-index:2;transform: rotate(180deg);}
.product-cat-service .thumb{height: 600px;width:calc(50% - 50px);margin-left:50px;position:relative;}
.product-cat-service .thumb:before{background:url(../images/categorys/cat-jiao.png) no-repeat center top;width:107px;height: 98px;content:"";position:absolute;left:0;top:0;z-index:2}
.product-cat-service .thumb p{height:100%;width: 150%;background-position: center;background-size: cover;}
.product-cat-service .thumb img{height:auto;width:100%;display:none}
/**/
.product-customization{}
.product-customization .container{display:flex;flex-wrap:wrap}
.product-customization .desc{ width:calc(50% - 15px);margin-right:30px; padding:50px;line-height:1.5;color:#fff; font-size: 18px;background:#eb9e5b; display:flex; align-items:center;}
.product-customization .desc h2{display:block;font-size: 30px;margin-bottom: 15px;color: #fff;font-weight: 600;line-height:1.2}
.product-customization .thumb{width:calc(50% - 15px)}
.product-customization .thumb img{width:100%;height: 100%;object-fit: cover;}
.quote-a{margin-top: 25px;}
.quote-a a{border: 1px solid #fff;padding: 12px 20px;color: #fff; border-radius: 5px;display: inline-block;}
.quote-a a:hover i:before{background-image:url(../images/arrow_outward_24dp_194189.png)}
.quote-a a:hover{background:#fff;color:var(--logo-color)}
.product-customization .faqs{width:calc(50% - 15px);padding-left:15px}
.product-customization .faqs h2{display:block;font-size: 30px;margin-bottom: 15px;color: #000;font-weight: 600;margin-bottom: 30px;}
.product-cat-faqs{line-height:1.3;font-size: 16px;}
.product-cat-faqs li{border-bottom:1px solid #000;padding-bottom:20px;margin-top: 20px;}
.product-cat-faqs li div{padding-top:10px;display:none}
.product-cat-faqs li.on h3:after{opacity:0}
.product-cat-faqs li.on div{display:block}
.product-cat-faqs h3{font-size: 18px;position:relative;padding-right:40px;font-weight: 600;cursor: pointer;}
.product-cat-faqs h3:before{width:20px;height:1px;background:#000;content:"";position:absolute;right:0;top: 11px;display:block}
.product-cat-faqs h3:after{width:1px;height:20px;background:#000;content:"";position:absolute;right: 9px;top: 3px;display:block}
.product-cat-faqs p{display:none;margin-top: 15px;}
#full_faqs{padding-left:0px;margin-top:45px;width:100%}
#full_faqs h2{margin-bottom:20px}
#full_faqs ul{display:flex;flex-wrap:wrap}
#full_faqs li{width:calc(50% - 15px);margin-right:30px;}
#full_faqs li:nth-child(2n){margin-right:0}
/*********************************************/
@media(max-width:1800px){
    #banner-product .container{}
    .banner-title{}
    .banner-thumb{}
    #banner-product .index-h2{}
    .get_quote_box{}
    .get_quote_box a{}
    .get_quote_box a i:before{}
    .get_quote_box a:last-child{}
    /**/
    .product-cat-service{}
    .product-cat-margin-top{margin-top: 60px;}
}
@media(max-width:1700px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
}
@media(max-width:1600px){
    #banner-product .container{height:auto;padding:50px 0}
    .banner-title{}
    .banner-thumb{}
    #banner-product .index-h2{}
    .get_quote_box{}
    .get_quote_box a{}
    .get_quote_box a i:before{}
    .get_quote_box a:last-child{}
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-cat-margin-top{margin-top:60px}
    .product-cat-margin-bottom{margin-bottom:60px}
}
@media(max-width:1500px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
}
@media(max-width:1400px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-cat-service .desc{padding-right: 50px;}
     .product-filter-option{font-size:16px}
     .product-cat-margin-top{margin-top:50px}
    .product-cat-margin-bottom{margin-bottom:50px}
}
@media(max-width:1300px){
    .get_quote_box{margin-bottom:0;margin-top:20px}
     .get_quote_box a{font-size: 14px;padding: 10px 15px;}
    .get_quote_box a i:before{}
    .get_quote_box a:last-child{margin-left: 15px;}
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-filter-option{width: calc(33.33333333% - 10px);margin-right: 15px;}
    .product-filter-option:nth-child(3n){margin-right: 0;}
    .product-customization .desc h2{font-size: 25px;}
    .product-customization .desc{padding: 25px;font-size: 16px;}
    .quote-a a{padding: 10px 15px;font-size: 14px;}
}
@media(max-width:1200px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
         .product-cat-margin-top{margin-top:40px}
    .product-cat-margin-bottom{margin-bottom:40px}
}
@media(max-width:1100px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-cat-service .thumb{width: calc(50% - 30px);margin-left: 30px;height: 500px;}
}
@media(max-width:1000px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-cat-service .desc .desc-p{font-size:16px;margin-top: 15px;}
    .product-cat-service .desc label{font-size:14px}
         .product-cat-margin-top{margin-top:30px}
    .product-cat-margin-bottom{margin-bottom:30px}
    .product-customization .desc{width:calc(50% - 10px);margin-right:20px}
    .product-customization .thumb{width:calc(50% - 10px)}
    .product-customization .faqs{width:calc(50% - 10px);padding-left: 0;}
}
@media(max-width:900px){
    #banner-product .container{padding: 35px 0;}
    .get_quote_box a{}
    .banner-title{padding-right:35px;width:60%}
    .banner-thumb{width:40%}
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    #full_faqs{margin-top:35px}
}
@media(max-width:800px){
    .get_quote_box{margin-top:0}
    .get_quote_box a{font-size: 12px;padding: 8px 10px;}
    .get_quote_box a i:before{width:16px;height:16px}
    #banner-product .index-h2{margin-bottom:20px}
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-customization .desc h2{font-size:23px}
    .product-customization .desc{font-size: 14px;}
    #full_faqs li{width:100%;margin-right:0}
}
@media(max-width:700px){
    .position{font-size: 14px;}
    #banner-product .container{align-items: start;}
    #banner-product .index-h2{margin-bottom:15px}
    .banner-title{width:65%}
    .banner-thumb{width:35%}
        /**/
    .product-cat-service{}
    .product-cat-margin-top{margin-top: 40px}
    /**/
    .product-customization .desc{width:100%;margin-right:0}
    .product-customization .thumb{width:100%;margin-top:25px}
    .product-customization .faqs{width:100%;margin-top:25px}
    .quote-a a{font-size:12px;padding:8px 12px}
    .quote-a{margin-top:20px}
    .quote-a a i:before{width:16px;height:16px}
        #full_faqs{margin-top:25px}
}
@media(max-width:600px){
    .banner-title{width:100%;padding-right: 0;}
    .banner-thumb{width:100%;margin-top: 25px;}
    #banner-product .get_quote_box{padding: 0;width: 100%;}
    #banner-product .get_quote_box a{margin-top: 0;font-size: 11px;}
    #banner-product .get_quote_box a:last-child{margin-left: 10px;}
        /**/
    .product-cat-service{padding-bottom: 25px;margin-top: 0;}
    .product-cat-margin-top{}
    .product-cat-service .thumb{width: 100%;margin-left: 0;height: auto;margin-top: 35px;}
    .product-cat-service .desc{padding: 60px 0;width: 100%;}
    .product-cat-service .desc:before{width: calc(100% + 50px);top: 0;right: -25px;}
    .product-cat-service .desc:after{bottom: 0;right: -25px;}
    .product-cat-service .thumb:before{}
    .product-cat-service .thumb img{display:block}
    /**/
    .product-filter-option{width: calc(50% - 7.5px);margin-right:15px;margin-top: 15px;}
    .product-filter-option:nth-child(3n){margin-right: 15px;}
    .product-filter-option:nth-child(2n){margin-right: 0;}
    .product-filter label{margin-bottom:10px;font-size:16px;line-height:1.2}
}
@media(max-width:500px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-cat-service .thumb{mamargin-top:30px}
    .product-filter-option span{padding:15px 10px;font-size:14px}
    .product-filter-option ul{padding:15px}
    .product-filter-option li{font-size:14px}
}
@media(max-width:400px){
        /**/
    .product-cat-service{}
    .product-cat-margin-top{}
    .product-cat-service .thumb{mamargin-top:25px}
}
@media(max-width:359px){
    #banner-product .get_quote_box a{font-size: 10px;}
}