﻿body
{
    font-size:13px;
    font-family:Arial;
    padding:0px;
    margin:0px;
    background:#e5e5e5;
}
ul{
    padding:0px;
    margin:0px;
    list-style:none;
}
img {max-width:100%;}
.main{
    max-width:1190px;
    width:100%;
    margin:auto;
    background:#fff;
}
.float-left{
    float:left;
}
.float-right{
    float:right;
}
.clear{
    clear:both;
}
.p-10{
    padding:10px;
}
/*search*/
header{
    position:relative;
}
.hotline {position:absolute; right:15px; font-weight:bold; bottom:20px; color:#f00; font-size:20px;} header a {
    text-align: center;
    display: block;
}.search {
       
        height: 34px;
        border-radius: 10px;
        background: #fff;
        border:solid 1px #f1f1f1;
    }
.search input{border:none;line-height:30px;color:#000; border-radius:20px;padding-left:10px; width:240px;}
.search button{
    border:none;
    background:none;
    padding:0px;
}

/*menu top*/
.menu-top {
    background: #0d5ba5;
    height: 40px; position:relative;
} menu {
   margin:0; padding:0;
}
menu li{
    float:left;
    position:relative;
}
menu li ul{
    position:absolute;
    top:40px;
    left:0px;
    display:none;
    z-index:10;
    background:#0066cc;
}

menu li:hover ul{
    display:block;
}
    menu li ul li {
        position: relative;
        width: 100%;
    }
menu li ul li ul{
    position:absolute;
    top:0px;
    left:100%;
    display:none;
    z-index:100;
}
menu li:hover ul li ul{
    display:none;
}
menu li ul li:hover ul{
    display:block;
}
menu li ul li ul li{
    border-left:1px solid #fff;
}
menu li ul li a{
    white-space: nowrap;
}
menu li a{
    line-height:40px;
    text-transform:uppercase;
    color:#fff;
    display:block;
    padding:0px 30px;
}
    menu li:hover {
        background: #e31e25;
    }
menu li:hover a{
    color:#fff;
}
menu li a:hover{
    text-decoration:none;
}

/*slide*/
.slide-control-left, .slide-control-right{
    position:absolute;
    top:45%;
    line-height:40px;
    width:40px;
    text-align:center;
    color:#fff;
    opacity:0.7;
    background:#707070;
    z-index:100;
    border-radius:50%;
    font-size:20px;
}
.slide-control-left:hover, .slide-control-right:hover{
    opacity:1;
    color:#fff;
}
.slide-control-left{
    left:5%;
}
.slide-control-right{
    right:5%;
}

/*menu center*/
.menu-center{
    text-align:center;
    margin:10px 0px;
}
.menu-center h3{
    text-transform:uppercase;
    font-weight:600;
    line-height:40px;
    background:url(/Content/themes/website/images/bg-menu-center.png) no-repeat center center;
    margin:0px;
    margin-top:10px;
}
.menu-center h3 a{
    color:#fff;
    font-size:17px;
}
.for-menu-center{
    background:#e6e6e6;
    margin:auto;
    border:1px solid #606060;
}
.for-menu-center li{
    line-height:30px;
    border-bottom:1px solid #fff;
}
.for-menu-center li a{
    text-transform:uppercase;
    color:#444;
    font-weight:600;
}
.menu-center h3 a:hover{
    text-decoration:none;
    opacity:0.7;
}
.for-menu-center li a:hover{
    text-decoration:none;
}
.for-menu-center li:hover{
    background:#0066cc;
}
.for-menu-center li:hover a{
    color:#fff;
}

/*menu bottom*/
.menu-bottom{
    background:#363636;
    padding:20px 0px;
    margin-top:8px;
    color:#fff; line-height:24px;
}
    .menu-bottom img {margin-bottom:8px;}.menu-bottom li {
    }
.menu-bottom li ul li, .menu-bottom li ul li:last-child{
    float:none;
    width:100%;
}
.menu-bottom li:last-child{
  
}
.menu-bottom h3{
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}
.menu-bottom li{
 
}
.menu-bottom li a{
    color:#fff;
}
.menu-bottom li p{
    color:#fff;
}
.menu-bottom li p span{
    padding-right:50px;
}

/*footer*/
footer{
    padding:10px;
    background:#727272;
    color:#fff;
}
footer ul{
    float:right;
    width:50%;
}
footer ul li{
    float:left;
}
footer ul li a{
    color:#fff;
    padding:0px 16px;
    border-left:1px solid #fff;
}
footer ul li a:hover{color:#fff;}
.post-content{
    padding:10px;
}
.social{
    padding:20px 10px;
}
.breadcrumb {
    background: #0d5ba6;
    border-radius: 0px;
    color: #fff;
    margin: 10px 15px;
}
.breadcrumb a{
    color:#fff;
    font-weight:bold;
    line-height:30px;
}
.breadcrumb a:hover{
    color:#aaa;
}
.post-image{
    text-align:right;
    float:right;
}
.post-image img{width: 200px; text-align: right; padding: 3px; border-radius: 8px;}
.post-image img:hover{
    opacity:0.8;
}
.new-index h4{
    margin:0px;
    padding-bottom:10px;
}
.new-index h4 a{
    color:#404040;
}
.new-index h4 a:hover{
    color:#505050;
}
.post-meta{
    font-weight:600;
    font-style:italic;
    font-size:12px;
}
.new-content{
    text-align:justify;
}
#grid-container{
    padding:0px 10px;
}
.product{
    border:1px solid #444;
    text-align:center;
    margin:10px 0px;
}
.product-image {height:200px; position:relative;} .product-image img {
    max-height:100%; max-width:100%; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;
}
.product .name{
    margin: 0px; font-size: 14px; padding: 10px 0px; font-weight: 600; background: #808080;
}
.product .name a{
    color:#fff;
}
.product .name:hover{
    background:#606060;
}
.product .name a:hover{
    color:#ddd;
}
.product-price{
    background: #eee; color: #a00404; padding: 5px 0px; font-weight:bold;
}
.paging{
    padding-right:50px !important;
    text-align:right !important;
}
.paging a{
    text-align:center !important;
    background:#606060 !important;
}
.paging .active, .paging a:hover{
    background:#909090 !important;
}
.inline{
    display:inline;
}
.blog-single-post h3, .blog-des{
    padding:0 10px;
}
.blog-des{
    font-weight:600;
    font-style:italic;
}
.page-top-in h2{
    margin: 0px; font-size: 16px; text-transform: uppercase; font-weight:bold; padding:8px 20px; border-left:5px solid #808080;margin:0px 15px; border-bottom:1px solid #808080; background:#eee;
}
.product-preview{
}
.product-info{
}
.name-product-info{
    font-size: 16px; font-weight: 600; color: #505050;
}
.price{
    font-weight:bold;
    font-size:14px;
    color:#fb0000;
}
.price-box{
    padding-bottom:5px;
}
.description-container{
    text-align:justify;
    color:#505050;
    margin-bottom:20px;
}
.product-tabs{
    padding:0px 15px;
}
.product-tabs li a{
    text-transform:uppercase;
    color:#444 !important;
    font-weight:600;
}
.section-title{
    margin:0px 15px;
    margin-top:30px;
}
.section-title span{
    font-size: 13px; font-weight: 600; padding: 12px 10px; background:#fff; border: 1px solid #ccc; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:none;
}
.product-tab{
    padding:10px;
}
.catalog{
    padding:8px 10px;
    background:#0066cc;
    border-radius:5px;
    color:#fff;
    font-weight:600;
}
.catalog:hover{
    color:#fff;
    background:#0063ff;
}
.cate-img {
    display: block;
    overflow:hidden;
}
    .cate-img img {
        transform: translateZ(0);
        transition-duration: .3s;
        transition-property: transform;
    }
    .cate-img:hover img{transform:scale(1.1)}