.find-box .gaoliang{
    background-color: #bb2721;
}
.find-box .col-md-4{
}
.find-box{
    background-color: #ec3323;
}
.find-box .col-md-4:hover{
    background-color: #bb2721;
}
.gauto-testimonial-area{
    background-color: rgba(255, 255, 255, 0.50);
}
.gauto-testimonial-area .gywm-bj{
    background-color: rgba(255, 255, 255, 0.85);
    padding: 30px;
    color: #222;
}

.about-page-left h2{
    color: #ec3323;
    margin-bottom: 20px;
	padding-bottom:10px;
    border-bottom: 1px solid #7c8a97;
    font-family: "Rubik", sans-serif;
	text-align:center
}
.product-page-right h2{
    color: #ec3323;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom:10px;
    border-bottom: 1px solid #7c8a97;
    font-family: "Rubik", sans-serif;
    text-align:center
}
.product-page-right .bij{
    border-bottom: 1px solid #7c8a97;
    margin-bottom:5px;
}
.product-page-right .next-p a{
    color:#555
}

.breadcromb-box{
 color:#fff;
}
.breadcromb-box  a {
    color:#fff;!important;
}
.gauto-main-slide p{
    line-height: 45px;
}
.mud01{
    background: linear-gradient(to right, rgba(221,221,221,1), rgba(221,221,221,0));
}
.product-item .product-image{
    border:1px solid #dee2e6;
    transition: all 0.4s ease 0s;
}
.product-item:hover .product-image{
    border: 1px solid #ec3323;
}
.product-item:hover .product-title a{
    color:#fff;
}
.product-item .product-title{
    padding: 15px 0;
    transition: all 0.4s ease 0s;

}
.product-item:hover .product-title{
    background-color: #ec3323;
}
.product-item:hover h3{
}
.sy-left1{
    width:335px;
    margin-left:50px
}
.sy-right1{
    margin-left: 15px;
    margin-right: 50px;
width:calc(100% - 450px);
}
.single-offers:hover{
border:3px solid #ec3323
}
.single-offers:hover .offer-text a h3{
    color:#ec3323
}
.cp-lm{
    background-color: #ddd;
    height:60px;
}
.cp-lm div div{
    padding: 0 15px;
    line-height: 60px;
    float: left;
    transition: all 0.4s ease 0s;
}
.cp-lm div div a{
    color:#555;
    font-size: 16px;
    transition: all 0.4s ease 0s;
}
.cp-lm div div:hover{
    background-color: #ec3323;
}
.cp-lm div div:hover a{
    color:#fff
}
.cp-bt{
    padding-top: 100px;
}
.cp-jj1{
    background-color: #ec3323;
    padding: 15px 30px;
    font-size: 18px;
    color:#fff;
    display: inline-block;
}
.cp-jj hr{
    margin: 0;
    padding: 0;
    border-top:2px solid #ec3323 ;
}
.next-p{
    margin-top: 60px;
    color:#555;
    color:#555;
}
.next-p a{
    color:#555;
}
#d3{
    position: absolute;
    width: 300px;
    height: 200px;
    margin-left: -50px;
    margin-top:-50px;
    background-size:900px 600px;
    border:5px solid #c2c2c2;
    border-radius: 10px;
    background-color: #fff;
    z-index: 1000;
    background-repeat: no-repeat;
    box-shadow:0px 0px 10px 10px #ddd;
}

@media (max-width: 768px) {
    .cp-lm{
        display: none;
    }
    .find-box .col-md-4{
        width:33.3%;
    }
    .find-text h3{
        font-size: 18px;
    }
    #offerTab li{
        max-width:100%;
    }
    .about-left .col-md-4{
        width: 30%;!important;
        float: left;
    }
    .disn{
        display: none;
    }
    .sy-left1{
        width:100%;
        margin: 0 15px;
    }
    .sy-right1{
        width:100%;
        margin: 0 15px;
    }
}
