.tab ul li{color:#000;}
.tab ul li:nth-child(2) a{color:#02c7ff;border-bottom:3px solid #02c7ff;display: inline-block;box-sizing: border-box}

.banner {height: 80px;background:url(/sources/www/img/commodity-banner1.jpg)no-repeat center;background-size: 100% 100%}

.max{background: none;}
.commodity .max{max-width:1250px;padding-bottom: 3%}
.main1 .block .col-sm-4{padding:0 1.5%;}
.main1 .block .col-sm-4 .box{background: #fff;box-sizing: border-box;border-top:none}
.main1 .block .col-sm-4 img{width: 100%}


.main1 .block .col-sm-4 .box h3.f18{display: inline-block;width: 98%;padding:7% 2%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;border-bottom: 1px solid #f1f1f1}
.main1 .block .col-sm-4 .box p{color:#000;line-height: 32px}
.main1 .block .col-sm-4 .box p:nth-child(1){color:#1bbbf7}
.main1 .block .col-sm-4 .box .row{padding:2%;line-height: 23px}
.main1 .block .product{margin-top: 20px}
.main1 .block .product .hover{width: 100%}
.main1 .block .product .hover .img{overflow: hidden}
.main1 .block .product .hover:hover img{transform: scale(1.2);transition:all 1s}
.main1 .block .product .hover:hover{border-top:none;box-shadow: #585858 0 2px 6px}
.main1 .max{max-width: 1300px}
.ck{width: 100%;}
.ck a{width: 45%;padding: 2% 0;margin:3% auto;text-align: center;color:#02c7ff;border:1px solid #02c7ff}

@media screen and (min-width: 600px) {
    .ck a{width: 12%;padding:1% 0}
    .banner {height: 250px;background: #fff url(/sources/www/img/commodity-banner.jpg)no-repeat center;margin-top:-5px}

}