.banner img{
    width:100%;
}
.tab{
    margin-top: 40px;
}
.tab h3{
    margin-bottom: 20px;

}
.tab>ul>li{
    font-size: 16px;
}
.tab .active{
    background: #242121;
    padding:8px 16px 8px 16px;
}
.tab .active a{
    color:white;
}
.tab a{
    color:#666;
}

.tab-m>ul>li{
    border: 1px solid #242121;
    border-radius: 4px;
    padding:2px 6px 2px 6px;
}
.tab-m .active{
    background: #242121;
}
.tab-m .active a{
    color:white;
}
.tab-m a{
    color:#666;
    font-size:14px;
}
.news-list{
    width:80%;
    margin-top:30px;
    margin-left: 10%;
    float: left;
}
.news-list .left{
    width:20%;
    float: left;
}
.news-m-list .left{
    width:36%;
    float: left;
}
.news-list .left img{
    width:100%;
}
.news-m-list .left img{
    width:100%;
}
.news-list .middle{
    float: left;
    width:60%;
    margin-left: 4%;
}
.news-list .middle .news-title{
    color: #555;
    font-size: 18px;
}
.news-list .middle .desc{
    color: #6a6a6a;
    font-size: 14px;
}
.news-list .middle .time{
    color: #c8c8c8;
    font-size: 14px;

}
.news-list .right{
    float: left;
    width:100px;
    margin-left:5%;
    border-left:1px solid #bcbcbc;
    height: 40px;
    margin-top:20px;
}
.news-list .right a{
    color:#bcbcbc;
    font-size:18px;
    text-align: center;
    line-height: 40px;
    margin-left:20px;
}
.news-m-list .right{
    float: left;
    width:62%;
    margin-left:2%;
}
.news-m-list .right .news-title{
    font-size:14px;
    color: #555;
    height:16px;
    overflow: hidden;
}
.news-m-list .right .desc{
    font-size:12px;
    overflow: hidden;
    color: #6a6a6a;
    height:84px;
}

.product-list{
    width:86%;
    margin-left:7%;
    float: left;
    margin-bottom:10px;
}
.product-list .pic{
    width:23%;
    float: left;
    margin-left:1%;
    margin-right:1%;
    margin-top:10px;
}
.product-list .pic .pro-pic{
    width:100%;
}
.product-list .pic .pro{
     width:100%;
     height:36px;
}
.product-list .pic .pro .pro-title{
    margin-top:8px;
    margin-bottom:8px;
    margin-left:12px;
    width:80%;
    float: left;
    color:black;
}

.product-list .pic:hover{
    border:1px solid #242121;
}
.product-list .pic:hover .pro{
    background:#242121;
}
.product-list .pic:hover .pro .pro-title{
    color:white;

}
.arrows{
    width:16px;
    height:16px;
    float: right;
    margin-right:12px;
    margin-top:8px;
}


.product-list-m{
    width:100%;
    margin-left:2%;
    float: left;
    margin-bottom:10px;
}
.product-list-m .pic{
    width:46%;
    float: left;
    margin-left:1%;
    margin-right:1%;
    margin-top:10px;
}
.product-list-m .pic .pro-pic{
    width:100%;
}

.product-list-m .pic .pro-title{
    color:black;
}


.news-content{
    width:80%;
    float: left;
    margin-left:10%;
    margin-top:30px;
}
.news-content-m{
    width:90%;
    float: left;
    margin-left:5%;
    margin-top:30px;
}
.news-desc{
   color:#626262;
}
.product-list .pic video{
    width:100%;
}

.product-list-m .pic video{
    width:100%;
}