.xlx14-container{width:100%;margin:1px auto}.xlx14-items-wrapper{padding:30px 0}.xlx14-items-wrapper:after{content:" ";display:block;width:0;height:0;clear:both;visibility:hidden}.xlx14-item{position:relative;float:left;width:380px;width:32.32%;margin:0 .50%;overflow:hidden;-webkit-transition:box-shadow .5s;-moz-transition:box-shadow .5s;-ms-transition:box-shadow .5s;-o-transition:box-shadow .5s;transition:box-shadow .5s}.xlx14-item .container{width:100%}.xlx14-item picture,.xlx14-item img{display:block;width:100%}.xlx14-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;z-index:1;opacity:.3;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.xlx14-item .banner-description{box-sizing:border-box;position:absolute;z-index:2;top:calc(100% - 120px);left:0;width:100%;padding:60px 30px 40px 30px;-webkit-transition:background .3s ease-in-out,top .3s ease-in-out;-moz-transition:background .3s ease-in-out,top .3s ease-in-out;-ms-transition:background .3s ease-in-out,top .3s ease-in-out;-o-transition:background .3s ease-in-out,top .3s ease-in-out;transition:background .3s ease-in-out,top .3s ease-in-out}.xlx14-item:hover{box-shadow:1px 1px 10px 1px grey}.xlx14-item:hover:after{opacity:0}.xlx14-item:hover .banner-description{background:white}.xlx14-item:hover .banner-name{color:black}.xlx14-item .banner-name{font-size:20px;color:white;margin-bottom:40px;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s}.xlx14-item .banner-docs{font-size:14px;line-height:24px;margin-bottom:60px}.xlx14-item a{display:block;width:100%}.xlx14-item .moreBtn{display:inline-block;width:auto;color:#403f3f;font-size:16px;padding:0 50px 0 0;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s;background:url("//a2.leadongcdn.cn/cloud/iiBqjKlqRilSqriqmqjq/arrow.png") no-repeat 100% 4px}.xlx14-item .moreBtn:hover{color:#48a6ed}@media screen and (max-width:968px){.xlx14-item{float:none;display:block;width:80%;margin:20px auto}}@media screen and (max-width:560px){.xlx14-item{width:95%}.xlx14-item .banner-name{font-size:17px}.xlx14-item .banner-docs{font-size:13px}}