.banner{background:url(../img/make/banner.png?) no-repeat center center}
.banner .inner{height:100%}
.banner .btn-group{position:absolute;bottom:148px;left:35px}
.banner .btn-group .btn{width:180px;height:40px;background:#fff;display:block;color:#1382ee;text-align:center;line-height:40px;font-size:16px;border-radius:2px}
.col-list .list .item{float:left;width:20%;text-align:center}
.col-list .list .item .box{border:1px solid #ddd;width:220px;margin:20px auto 40px;box-shadow:0 0 10px #ddd}
.col-list .list .item .h3{padding:10px 0 0}
.col-list .list .item .box .img{width:220px;height:336px;position:relative}
.col-list .list .item .box .img img{display:block;width:220px;height:336px}
.col-list .list .item .box .mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;background:rgba(0,0,0,.5);margin:auto;opacity:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.col-list .list .item .box .img:hover .mask{opacity:1}
.col-list .list .item .box .mask .btn{display:block;width:140px;height:30px;color:#fff;text-align:center;line-height:30px;background:#ff484c;border-radius:4px;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-70px}
.col-list .list .item .box .foot{box-shadow:0 -2px 10px 0 rgba(0,0,0,.1);position:relative}
.col-list .list .item .box .foot .p{padding:15px 0}
.col-list .list .item .box .foot .p span{padding:0 6px}
.col-fa{height:140px;background:url(../img/index/fa-bg.png) no-repeat center center}
.col-fa .title-group .h2{color:#fff}
.col-fa .content{padding-top:16px}
.col-fa .content .box{display:block;width:500px;height:50px;margin:0 auto;background:#fff;border-radius:4px;position:relative}
.col-fa .content .inp{width:100%;padding:8px;box-sizing:border-box;height:50px;padding-right:130px;font-size:18px;color:#666;border-radius:4px}
.col-fa .content .btn{position:absolute;right:2px;top:2px;width:120px;height:46px;color:#fff;background:#ef5828;border-radius:4px;font-size:16px;cursor:pointer}