.build-features{padding:90px 0;background:url(https://okki-shop.oss-cn-hangzhou.aliyuncs.com/166/upload/ad2/9fce824bb5cc9d97916eadae7c8cb81dfaa216940b5aaaf2b85126a6641476dc.png) no-repeat;background-size:cover;color:#fff;background-color: var(--active-color);background-attachment:fixed;}
.build-features .tit{text-align:center;}
.build-features .tit h3{font-size:32px;color:#fff;font-weight:700;line-height:1;border-bottom:1px solid #dadada;display:inline-block;}
.build-features .tit h3::after{content:"";margin:10px auto -2px;width:70px;height:4px;background:#475257;display:block;}


.build-features .tab{margin:45px 0 0;text-align:center;}
.build-features .tab ul li{display: inline-block;margin:0 10px;}
.build-features .tab ul li a{font-size:18px;position:relative;padding:5px 0;display:block;color:#fff;}
.build-features .tab ul li a::before{content:'';height:1px;width:0;background:#475257;position:absolute;bottom:0;left:50%;right:50%;transition:all .3s ease;}

.build-features .tab ul li a.active{color:#475257;}
.build-features .tab ul li a.active::before{width:100%;left:0;right:0;}


.build-features .gallery{margin-top:30px;}


.item-container {position:relative;overflow:hidden;display:inline-block;text-align:center;vertical-align:top;width:100%;}
.item-container img {display:block;width:100%;height:auto;transition:all .5s ease;overflow:hidden;border-radius:6px;}

.mix {display:none;}
.gallery .work-item {padding:15px;position:relative;}
.gallery .item-container:hover img {opacity:0.4;transform:scale3d(1.1,1.1,1);}
.overlay {background:#47525730;position:absolute;opacity:0;top:auto;left:0;bottom:-100%;height:100%;width:100%;color:#fff;}

.overlay .overlay-inner {position:absolute;bottom:0;left:0;right:0;padding:15px;text-align:left;transform:translateY(100%);transition:all .3s ease;}
.overlay .overlay-inner span{background:#fff;color:#ffb600;font-size:15px;width:25px;height:25px;margin-bottom:10px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;}
.overlay .overlay-inner h4 {font-size:18px;font-weight:600;margin-bottom:10px;line-height:1;}


.gallery .item-container:hover .overlay{opacity:1;bottom:0;}
.overlay:hover .overlay-inner{transform:translateY(0);}


.zerogrid{ width:100%; position: relative;}
.zerogrid:after{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .f-right{float: right!important;}
.zerogrid .f-left{float: left!important;}

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}


.zerogrid .col-1-4{float:left;}


.zerogrid .col-1-4{width:25%;}



@media screen and (max-width:1680px){
.build-features{padding:80px 0;}
}

@media screen and (max-width:1550px){
.build-features{padding:75px 0;}
.build-features .tit h3{font-size:31px;}
}

@media screen and (max-width:1441px) {
.build-features{padding:70px 0;}
.build-features .tit h3{font-size:30px;}
.build-features .tab{margin:40px 0 0;}
}

@media screen and (max-width:1367px) {
.build-features{padding:65px 0;}
.build-features .tit h3{font-size:29px;}
.build-features .tab{margin:35px 0 0;}
}

@media screen and (max-width:1281px){
.build-features{padding:60px 0;}
.build-features .tit h3{font-size:28px;}
.build-features .tab{margin:30px 0 0;}
}

@media screen and (max-width:1171px){
.build-features .tit h3{font-size:27px;}
}

@media screen and (max-width:992px){

}

@media screen and (max-width:768px){
.build-features{padding:30px 0;}
.build-features .tit h3{font-size:26px;}
.build-features .tab{margin:25px 0 0;}
.build-features .tab ul li{margin:5px 10px;}
.build-features .tab ul li a{font-size:17px;}  
.build-features .gallery{margin-top:20px;}
.zerogrid .col-1-4{width:50%;}
}

@media screen and (max-width:576px) {
.build-features .tit h3{font-size:25px;}
.build-features .tab ul li a{font-size:16px;}
.gallery .work-item{padding:10px;}  
}

@media screen and (max-width:480px) {
.build-features .tit h3{font-size:24px;}
.build-features .tab{margin:20px 0 0;}
.gallery .work-item{padding:5px;}  
}	


@media screen and (max-width:420px) {
.build-features .tit h3{font-size:22px;}

}