::-webkit-scrollbar {display:none}
.top{
    height:36px;
    background: #000000;
  //  z-index: 999;
}
.tel-num{
    float: left;
    margin-left: 6px;
    color:white;
    height:36px;
    line-height:36px;
}
.email-icon{
    color:white;
    height:30px;
    line-height:36px;
    margin-left: 10px;
}
.top .tel{
    float: left;
    margin-left: 6%;
    color:white;
    height:36px;
    line-height:30px;
}
.top .lang{
    float: right;
    width:100px;
    margin-right:6%;
    height:30px;
}

.buttonText img,.dropdown-menu li img{
    height:18px;
}
.nav-right{
    float: right;
    margin-right:20%;
    position: relative;
}
.nav-pills{
    margin-top:6px;
}
.nav-pills>li>a{
    font-weight: 700;
    font-size:14px;
    color:black;
    padding-left:0px;
    padding-right:0px;
    margin-right:10px;
}

.nav-pills>li.active>a,.nav-pills>li:hover a{
    background-color:white;
    color:#c98d63;
    border-bottom: 2px solid #c98d63;
}
.nav-pills .nav-text{
    // border-bottom: 2px solid #c98d63;
    margin-left:2px;
    padding-bottom: 6px;

}
.logo{
    width:52px;
    margin-left:40%;
    margin-top:3px ;
    margin-bottom: 3px;
}
.nav .search{
    color:#686767;
}
.search-adn{
    position: absolute;
    right:-1%;
   // bottom:10px;
    z-index:999;
    top:20px;
}
.banner-left,.banner-right{
    background:black;
    font-size:12px;

}

.m-logo{
    position: relative;
    right:138px;
}
.footer{
    background:#242121;
    margin-top:50px;
}
.footer .left{
    width:18%;
    margin-left:17%;
    margin-top:40px;
    float: left;
}
.footer .left .contact{
    color:white;
    font-size:16px;
    font-weight: 600;
}
.footer .left .address,.footer .left .time,.footer .left .tel,.footer .right .title>a{
    color:white;
    font-size:14px;
}
.footer .left .text,.footer .right .time>a{
    color:#686666;
    font-size:14px;
}
.footer .middle{
    float: left;
    width:16%;
    margin-top:40px;
}
.footer .middle .product{
    color:white;
    font-size:16px;
    font-weight: 600;
}
.footer .middle .text>a>span{
    background:#343030;
    color:#686666;
    font-size:12px;
}
.footer .middle .text>a{
    color:#686666;
    font-size:14px;
}
.footer .right{
    float: left;
    width:20%;
    margin-top:40px;
}
.footer .right .news{
    color:white;
    font-size:16px;
    font-weight: 600;
}

.footer-m-left{
    background:#242121;
    margin-top:50px;
}
.footer-m-left .contact{
    color:white;
    font-size:16px;
    font-weight: 600;
    margin-top:10px;
}
.footer-m-left .email,.footer-m-left .address,.footer-m-left .time,.footer-m-left .tel{
    color:#ccc;
    font-size:14px;
    float: left;
}
.footer-m-middle{
    background:#242121;
}
.footer-m-right{
    background:#242121;
  
}
.footer-m-middle .product{
    color:white;
    font-size:16px;
    font-weight: 600;
}
.footer-m-middle .text{
    width:50%;
    float: left;
}
.footer-m-middle .text>a>span{
    background:#343030;
    color:#ccc;
    font-size:12px;
}
.footer-m-middle .text>a{
    color:#ccc;
    font-size:14px;
}

.footer-m-right .news{
    color:white;
    font-size:16px;
    font-weight: 600;
}
.footer-m-right .title,.footer-m-right  .time{
    width:50%;
    float: left;
}
.footer-m-right  .title>a,.footer-m-right  .time>a{
    color:#ccc;
}
.cer-m{
    width:100%;
}
.cer-btn-m{
    width:100%;
}
.navbar-fixed-top{
    top:36px;
}
.navbar-static-top{
    z-index:999;
}



.cate{
    width:40%;
    margin-left:8%;
    float: left;
}
.cate-r{
    width:10%;
    float: left;
    margin-left:10%;
}
.cate_m{
    width:60%;
    margin-left:20px;
    float: left;
}
.cate-r_m{
    width:20%;
    float: left;
    margin-left:20px;
}
.cate-ul{
    border: 1px solid #ccc;
    padding:10px;

}
.cate-text{
    font-size: 16px;
    padding: 6px 10px;
    cursor:pointer;
}
.cate .active{
    color:white;
    background:black;
    border-radius: 6px;
}



.pro-detail{
    width:60%;
    margin-left:20%;
    margin-top:20px;
}
.pro-detail .left{
 width:50%;
 float: left;
}
.pro-detail .right{
 width:40%;
 float: left;
 margin-left:10%;
}
.pro-detail .left img{
    width:80%;
}
.pro-detail .right .title{
    font-weight: 800;
    font-size:18px;
    margin-top:40px;
}
.pro-detail .right .price{
    margin-top:10px;
}
.pro-detail .right .number{
    margin-top:10px;
}
.pro-detail .right .time{
    margin-top:10px;
}
.pro-content{
    width:80%;
    float: left;
    margin-left:10%;
    margin-top:30px;
}

.pro-detail-m{
    width:90%;
    margin-left:5%;
    margin-top:12px;
}
.pro-detail-m .left{
 width:46%;
 float: left;
 margin-left:4%;
}
.pro-detail-m .right{
 width:48%;
 float: left;
 margin-left:2%;
}
.pro-detail-m .left img{
    width:100%;
}
.pro-detail-m .right .title{
    font-weight: 800;
    font-size:16px;
    margin-top:4px;
}
.pro-detail-m .right .price{
    margin-top:4px;
}
.pro-detail-m .right .number{
    margin-top:4px;
}
.pro-detail-m .right .time{
    margin-top:4px;
}
.pro-content-m{
    width:80%;
    float: left;
    margin-left:10%;
    margin-top:30px;
}
.pro-page{
    width:80%;
    height:36px;
    background:#F0F0F0;
    border: 1px solid #E3E3E3;
    margin-left:10%;
    margin-top:26px;
}
.pro-page  .pre{
    width:50%;
    float: left;
}
.pro-page  .next{
    width:50%;
    float: right;
}
.pro-page  .pre .text1{
    float: left;
    color:black;
    font-weight: 700;
    height:36px;
    line-height:36px;
    margin-left:50px;
}
.pro-page  .pre .text2{
    float: left;
    color:#626262;
     height:36px;
    line-height:36px;
}
.pro-page  .next .text1{
    float: right;
    color:black;
    height:36px;
    line-height:36px;
    font-weight: 700;
}
.pro-page  .next .text2{
    float: right;
    margin-right:50px;
    color:#626262;
    height:36px;
    line-height:36px;
}

.pro-page-m{
    width:90%;
    background:#F0F0F0;
    margin-left:5%;
    margin-top:26px;
    height:52px;
    border: 1px solid #E3E3E3;
}
.pro-page-m .pre{
    float: left;
    width:100%;
    height:20px;
    margin-top:6px;
}
.pro-page-m .pre .text1{
    font-weight: 700;
    float: left;
    margin-left:20px;
}
.pro-page-m .pre .text2{
    float: left;
    color:#333;

}
.pro-page-m .next{
    width:100%;
    height:20px;
}

.pro-page-m .next .text1{
    font-weight: 700;
    float: left;
    margin-left:20px;
}
.pro-page-m .next .text2{
    float: left;
    color:#333;
}
.about{
    width:80%;
    margin-left:10%;
    margin-top:20px;
}
.about .left{
    width:40%;
    float: left;
}
.about .left img{
    width:100%;
}
.about .right{
    width:54%;
    float: right;
    margin-left:6%;
}

.about-m-left{
    width:88%;
    float: left;
    margin-left:6%;
    margin-top:20px;
}
.about-m-left img{
    width:100%;
}
.about-m-right{
    margin-top:20px;
    width:88%;
    float: left;
    margin-left:6%;
}
.pagination{
  //  width:80%;
    float: right;
    margin-right:10%;
}
.contact-left{
    width:40%;
    margin-left:10%;
    margin-top: 30px;
    float: left;
    border:1px solid #959191;
    padding:20px;
}
.contact-left .address{
    width:100%;
  
    float: left;
}
.contact-left .address .text1{
    float: left;
   // font-weight: 700;
    font-size: 18px;
   
}
.contact-left .address .text2{
    float: left;
    font-size: 16px;
    
}

.contact-right{
    float: left;
    width:30%;
    margin-top: 30px;
    margin-left:10%;
     border:1px solid #959191;
    padding:20px;
}
.contact-title{
    font-weight: 700;
}

.contact-m{
    width:90%;
    margin-left:5%;
    margin-top: 30px;
}
.contact-m .address{
    width:100%;
    height:30px;
    float: left;
}
.contact-m .address .text1{
    float: left;
   // font-weight: 700;
    font-size: 14px;
    height:30px;
    line-height:30px;
}
.contact-m .address .text2{
    float: left;
    font-size: 14px;
     height:30px;
    line-height:30px;
}
.contact-m .tel{
    margin-bottom:20px;
}
.nocontent{
    background:#f5f5f5;
    font-size:16px;
    color:black;
    width:100%;
    height:20px;
    line-height:20px;
}