body{font-size: 12px; color: #333;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
ul{list-style: none; margin: 0px; padding: 0px;}
ol{margin: 0px; padding: 0px 0px 0px 30px;}
a:hover,a:focus,a:visited,a:active{text-decoration: none;}
hr {margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #eee;}

.mauto{margin: 0px auto;}
.content{padding: 10px; }
/*---*/
.box{}
.box-head{}
.box-content{border: 1px solid #eaeaea;}
.cate-tit{
    font-size: 18px;
    padding: 10px;
    text-align: center;
    background: #00a859;
}
.cate-tit a{
    color: white;
    font-weight: bolder;
    text-transform: uppercase;
}
/*---*/
.pro-cate .item{border: 1px solid #eaeaea;}
.item{margin-bottom: 15px; padding: 5px;}
.item .item-img{position: relative;}
.item .item-img .add-cart{
    position: absolute;
    bottom: 0px; 
    z-index: 1; 
    width: 100%; 
    text-align: center;
    color: white;
    padding: 10px 0px; 
    background-color: rgba( 21, 111, 191, 0.3);
}
.item .item-img .sale{
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    display: inline-block;
    padding: 3px 7px;
    background: #FF3366;  
    z-index: 1;
}
.item .item-tit{font-size: 13px; padding: 5px 0px; }
.item .item-tit a{color: #006B37;font-weight: bold;}
.price, .price-sale{color: red; padding: 5px 0px;}
.price-old{color: #333; padding: 5px 0px;text-decoration: line-through;}
/*------------------- header -------------------*/
.pro-cate  .item .item-img:hover {
    background: #000;
}
.pro-cate .item  .item-img{
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.pro-cate .item  .item-img:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.75;
    overflow: hidden;
}
.pro-cate .item .item-img img {
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
/*---*/
.pro-cate-2 .item {
    border: 1px solid #eaeaea;
}
.pro-cate-2 .item .item-head{
    padding-top: 30px;
    padding-bottom: 30px; 
}
.pro-cate-2 .item:hover .item-head{
    background: #58B448;
    color: white;
}
.pro-cate-2 .item:hover .item-head *{
    color: white;
}
.pro-cate-2 .item .item-body{
    padding-top: 10px;
    padding-bottom: 10px;
}
.pro-cate-2 .item .add-cart{
    padding: 10px 20px; 
    display: inline-block;
    border-radius: 10px;
    border-width: 1px;
    color: #fff;
    border-color: #58b448;
    background-color: #58b448;
    margin-bottom: 10px;
}
/*---*/
#top{
    font-size: 16px;
}
#top .logo{
    padding: 10px 0px; 
}
#top .logo img{
    max-height: 100px;
}
#top .search{    
    margin-top: 40px;
    margin-bottom: 10px;
}
.hotline-email{
    padding: 15px 0px; 
}
.top-email{
    color: black;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
}
.telesale{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
}
.hotline{
    font-size: 20px;
    color: #FB2529;
    font-weight: bold;
    margin-bottom: 0px;
}
.top-email{
    color: black;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
}
/*---*/
#menu{
    background: #eee;
    border-bottom: 2px solid #00a859;
}
/*---------------------*/
.menu{
    position: relative;
    height: 50px;
}
.menu > ul{
    position: absolute;
    height: 50px;
    left: 0px;
}
.menu ul li a{
    color: #006B37;
    font-size: 14px;
    white-space: nowrap;
}
.menu > ul > li{
	position: relative;
	float: left;
    padding: 15px 2px;
    margin-left: 20px;
}
.menu > ul > li:hover{

}
.menu > ul > li:hover > a{
	color: #d91e25;
    text-decoration: none;
}
.menu > ul > li > a{
    font-weight: bold;
    padding-right: 20px;
	text-transform: uppercase;
    border-right: 2px solid #006B37;
}
.menu > ul > li:last-child > a{
    padding-right: 0px;
    border-right: none;
}
/*menu lv2*/
.menu > ul > li > ul{
	position: absolute;
    background: #d91e25;
    top: 50px;
    left: 0px;
    border-top: 2px solid #1e73be;
    display: none;
    z-index: 999;
}
.menu > ul > li:hover ul{
    display: block;
}
.menu > ul > li > ul > li{
    padding: 5px 10px;
    border-bottom: 1px dotted #ccc;
}
.menu > ul > li > ul > li:last-child{
    border: none;
}
.menu > ul > li > ul >li:hover {
	background: #006b37;
}
.menu ul li ul li a{
    color: white;
}
.menu > ul > li > ul >li:hover > a{
    color: white;
    text-decoration: none;
}
/*------------------- end header -------------------*/
#myCarousel .item{margin-bottom: 0px; padding: 0px;}
#myCarousel .carousel-indicators li{
    border: 1px solid #ccc;
}
#myCarousel .carousel-caption{
    left: 15%;
    right: 50%;
    color: #333;
    text-align: left;
}
#myCarousel .carousel-caption h2{
    font-size: 14px;
    margin-bottom: 10px;
}
#myCarousel .carousel-caption a{
    color: white;
    padding: 5px 10px;
    margin-top: 10px;
    background: #707675;
    display: inline-block; 
}
#myCarousel .carousel-caption a:hover{
    text-decoration: none;
    background: #3c7fc2;
}
#myCarousel .glyphicon{
    display: none;
}
#myCarousel:hover .glyphicon{
    display: block;
}
/*------------------- end #myCarousel -------------------*/
.countdown{
    border: 1px solid #eee;
}
.countdown-tit{
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0px 15px 50px;
    background: url(../images/countdown.png) no-repeat left;
}
.countdown .clock {
    color: #DE4848;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
/*------------------- end .countdown -------------------*/
#service{
    margin-top: 15px;
}
.service{
    background: #f6f6f6;
    padding: 10px 0px; 
    border: 1px solid #eaeaea;
}
.service .item{
    padding-left: 35px;
    border-right: 1px solid #eaeaea;
    margin-bottom: 0px; 
    overflow: hidden;
}
.service >.row >div:last-child .item{
    border-right: none;
}
.service .item .icon {
    width: 40px;
    height: 40px;
    float: left;
}
.service .item .info {
    padding-left: 15px;
    margin-left: 40px;
    padding-top: 2px;
}
/*---*/
.support{
    margin-top: 15px;
}
/*---*/
.tabs{
    margin-top: 15px;
}
.tabs .box-head ul li{
    display: inline-block;
    padding: 7px;
    border-bottom: 2px solid #eaeaea;
}
.tabs .box-head ul li.active,
.tabs .box-head ul li:hover,
.tabs .box-head ul li:visited,
.tabs .box-head ul li:focus{
    border-bottom: 2px solid #156fbf;
}
.tabs .box-head ul li a{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.tabs .box-head ul li.active a,
.tabs .box-head ul li:hover a{
    color: #006B37;
}
.tabs .box-content{
    margin-top: 15px;
    border: none;
}
/*---*/
.cl-right .cate{margin-top: 0px;}
.cate{
    margin-top: 15px;
}
.cate .box-content{
    margin-top: 15px;
    border: none;
}
.cate .cate-tit{
    text-align: left;
    background: none;
    border-bottom: 1px solid #006B37;
}
.cate .cate-tit a{
    color: #006B37;
}
/*---*/
#partner{
    margin-top: 15px;
}
/*---*/
.pro #myCarouselr, .pro #carousel {
    border: 1px solid #dadada;
}
.pro .pro-left, .pro .pro-right{
    margin-top: 15px;
}
.pro #carousel ul.myCarousels li {
    margin: 5px;
}
.pro #carousel ul li img {
    border: 1px solid #dadada;
}
.pro #carousel img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.pro .add-cart {
    display: block;
    background: #58a4dd;
    padding: 5px 10px;
    text-align: center;
    color: white;
}
/*---------------------*/
#partner .item{
    margin: 5px;
    height: 120px;
    background: white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
#partner img{
    padding: 5px; 
    max-height: 110px;
}
/*------------------- end home -------------------*/
.news-cate .item{
    margin-top: 15px;
    margin-bottom: 0px;
    padding: 0px;
}
/*---------------------end section--------------------------------------------------------------------------*/
footer{
    margin-top: 10px;

    background-color: #DEDEDF;
    background: -moz-linear-gradient(bottom, #DEDEDF 30%, #FBFBFB 70%);
    background: -o-linear-gradient(bottom, #DEDEDF 30%, #FBFBFB 70%);
    background: -ms-linear-gradient(bottom, #DEDEDF 30%, #FBFBFB 70%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #DEDEDF),color-stop(0.7, #FBFBFB));
}
footer .info{
    background-repeat: repeat-x;
    background-position: center bottom;
}
footer .container{
    color: black;
}
footer .footer-logo{
    margin: 10px auto; 
}
footer .footer-title {
    color: #006B37;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DEDEDF;
}
footer .network {
    text-align: left;
    padding-bottom: 10px;
}
footer .network a .fa {
    width: 40px;
    height: 40px;
    padding: 10px 5px;
    margin-right: 5px;
    font-size: 20px;
    color: #3c3c3c;
    text-align: center;
    border: 1px solid #3c3c3c;
    display: inline-block;
}
footer .network a .fa-facebook:hover {
    background: #3B5998;
    color: white;
    border: 1px solid white;
}
footer .network a .fa-twitter:hover {
    background: #1DA1F2;
    color: white;
    border: 1px solid white;
}
footer .network a .fa-google-plus:hover {
    background: #EB4235;
    color: white;
    border: 1px solid white;
}
footer .network a .fa-youtube:hover {
    background: #CC181E;
    color: white;
    border: 1px solid white;
}
footer .network a .fa-instagram:hover {
    background: #E4425B;
    color: white;
    border: 1px solid white;
}
/*---------------------end footer--------------------------------------------------------------------------*/
input::-webkit-input-placeholder {
   color: #333;
   padding-left: 10px;
}
input:-moz-placeholder {
   color: #333;  
   padding-left: 10px;
}
input::-moz-placeholder {
   color: #333; 
   padding-left: 10px; 
}
input:-ms-input-placeholder {  
   color: #333; 
   padding-left: 10px; 
}
textarea::-webkit-input-placeholder {
   color: #333;
   padding-left: 10px;
}
textarea:-moz-placeholder {
   color: #333;  
   padding-left: 10px;
}
textarea::-moz-placeholder {
   color: #333;  
   padding-left: 10px;
}
textarea:-ms-input-placeholder {  
   color: #333;  
   padding-left: 10px;
}
/*---*/
.categories{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.categories-tit{
    color: white;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0px;  
    background: #00a859;
}
.categories ul li{
    position: relative;
    padding-left: 10px; 
    border-bottom: 1px dotted #dadada;
}
.categories ul li a{
    display: block;
}
.categories ul li a:hover{
    color: #E53B33;
}
.categories > ul > li > a{
    font-weight: bold;
    color: #002069;
    padding: 10px;
}
.categories ul li ul{
    display: none;
}
.categories ul li:hover > ul{
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    display: block;
    background: white;
    border: 1px solid #dadada;
    z-index: 999;
}
.categories ul li ul li a{
    color: #002069;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
}
/*---*/
.contact-title {
    background: #008ACE;
    color: white;
    padding: 7px 10px;
    margin-bottom: 10px;
    font-size: 18px;
}
.contact input {
    width: 100%;
    height: 35px;
    margin-bottom: 15px;
    border: none;
    background: rgba(204, 204, 204, 0.2);
}
.contact textarea {
    width: 100%;
    margin-bottom: 15px;
    border: none;
    background: rgba(204, 204, 204, 0.2);
}
.contact button {
    background: #006B37;
    color: #fff;
    border: none;
    height: 35px;
    min-width: 100px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}
.contact button:hover {
    background: #D92026;
}
.contact input.captcha {
    width: 50%;
    height: 45px;
    float: left;
}
.contact .img {
    padding-left: 10px;
    width: 50%;
    height: 45px;
    float: left;
}
.modal {
    z-index: 999999;
}
/*-----------------------------------------------------------------------------------------------*/

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .countdown .item .item-img img,
    .pro-cate .item .item-img img{
        width: 100%;
        height: 251px;
        object-fit: cover;
    }
    .pro #myCarouselr img {
        width: 100%;
        height: 407px;
        object-fit: cover;
    }
    .news-cate .item img{
        width: 100%;
        height: 175px;
        object-fit: cover;
    }
    .pro-cate-2 .item .item-body{
        height: 300px;
        overflow: hidden;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #top .search {
        margin-top: 30px;
    }
    .menu > ul > li {
        margin-left: 10px;
    }
    .menu > ul > li > a {
        padding-right: 10px;
    }
    h3.countdown-tit{
        font-size: 20px;
    }
    .countdown .clock {
        font-size: 20px;
    }
    .service .item {
        padding-left: 15px;
    }
    .countdown .item .item-img img,
    .pro-cate .item .item-img img{
        width: 100%;
        height: 201px;
        object-fit: cover;
    }
    .pro #myCarouselr img {
        width: 100%;
        height: 332px;
        object-fit: cover;
    }
    .news-cate img {
        width: 100%;
        height: 145px;
        object-fit: cover;
    }
    .pro-cate-2 .item .item-body{
        height: 300px;
        overflow: hidden;
    }

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    #top .search {
        margin-top: 30px;
    }
    .cate .item .item-img img{
        width: 100%;
        height: 333px;
        object-fit: cover;
    }
    .news-cate img {
        width: 100%;
        height: 145px;
        object-fit: cover;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    #top .search {
        margin-top: 10px;
    }
    .hotline-email {
        padding: 10px 0px;
    }
    .item img{
        width: 100%;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}