.surface,.tab{float:left;width:100%}.surface{background:url(../image/banner.jpg) center center no-repeat;height:400px}.tab{background:#fff}.tab .tabtitle{display:block;height:60px}.tab .tabtitle .tab-tabs{width:15%;text-align:center;float:left;padding:21px 0;cursor:pointer;font-size:18px;color:#34495e;margin:0 5%}.itembox,.itembox .item-conter,.itembox .item-title,.tab .tabs-content{width:100%;float:left}.tab .tabtitle .tab-tabs-active{border-bottom:#ff6868 2px solid}.tab .tabs-content{background:#eff3f5;padding:20px 0}.itembox .item-title{font-size:24px;color:#5c5c5c;padding:30px 0}.itembox .item-conter .w583{width:583px!important;height:351px!important}.itembox .item-conter .w583 .item-img{height:270px;overflow:hidden;background-size:auto!important}.itembox .item-conter .item{float:left;width:290px;height:352px;margin-right:12px;margin-bottom:15px}.itembox .item-conter .item .item-cont{background:#fff;box-shadow:2px 0 3px rgba(0,102,204,.04);transition:all .2s ease-in-out 0s;position:relative}.itembox .item-conter .item .item-cont .item-img{background-size:cover;background-repeat:no-repeat;background-position:center center;height:256px}.itembox .item-conter .item .item-cont .item-img img{display:block;max-width:100%;height:auto}.itembox .item-conter .item h3{padding:30px 20px;margin:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333}.itembox .item-conter .item a:hover .item-cont{-moz-box-shadow:0 10px 35px 5px rgba(0,102,204,.04);-webkit-box-shadow:0 10px 35px 5px rgba(0,102,204,.04);box-shadow:0 10px 35px 5px rgba(0,102,204,.04);transform:translateY(-15px)}.itembox .item-conter .item:last-child{margin-right:0!important}