.xlx4-container{width:100%}.xlx4-container a{display:block}.xlx4-container .xlx4-list-wrapper:after{content:" ";display:block;width:0;height:0;clear:both;visibility:hidden}.xlx4-container .xlx4-list-wrapper .xlx4-item{float:left;width:33.3%;position:relative}.xlx4-item{position:relative}.xlx4-item img{display:block;width:100%}.xlx4-inner-box{position:absolute;top:0;left:0;width:100%;padding:0 40px;box-sizing:border-box;color:white;-webkit-transition:transform .5s,top .5s;-moz-transition:transform .5s,top .5s;-ms-transition:transform .5s,top .5s;-o-transition:transform .5s,top .5s;transition:transform .5s,top .5s}.xlx4-top-part{position:absolute;top:0;left:0;width:100%;height:80px;overflow:hidden;z-index:2;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;transition:height .5s}.xlx4-item:after{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:80px;opacity:.85;z-index:1;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;transition:height .5s}.xlx4-item:nth-child(3n+1):after{background-color:#00cd82}.xlx4-item:nth-child(3n+1) .button-wrapper{color:#00cd82}.xlx4-item:nth-child(3n+2):after{background-color:#4957d4}.xlx4-item:nth-child(3n+2) .button-wrapper{color:#4957d4}.xlx4-item:nth-child(3n+3):after{background-color:#db56ed}.xlx4-item:nth-child(3n+3) .button-wrapper{color:#db56ed}.xlx4-item:hover .xlx4-inner-box{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.xlx4-item:hover .xlx4-top-part{height:100%}.xlx4-item:hover:after{height:100%}.xlx4-item:hover h5 a{white-space:normal;text-overflow:clip;line-height:40px;height:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.xlx4-item:hover h5{margin:0 0 40px 0}.xlx4-item:hover p{margin-top:-10px}.xlx4-container h5{-webkit-transition:margin .5s;-moz-transition:margin .5s;-ms-transition:margin .5s;-o-transition:margin .5s;transition:margin .5s}.xlx4-container h5 a{height:80px;line-height:80px;font-size:24px;font-weight:bold;color:white;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:line-height .5s;-moz-transition:line-height .5s;-ms-transition:line-height .5s;-o-transition:line-height .5s;transition:line-height .5s}.xlx4-container p{display:-webkit-box;-webkit-box-orient:vertical;margin-top:0;font-size:14px;line-height:24px;-webkit-transition:margin .5s;-moz-transition:margin .5s;-ms-transition:margin .5s;-o-transition:margin .5s;transition:margin .5s;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:4}.xlx4-inner-box .button-wrapper{display:inline-block;margin-top:30px;padding:15px 60px;background:white;font-weight:bold;white-space:nowrap}@media screen and (max-width:1566px){.xlx4-container h5 a{height:40px;font-size:18px;line-height:40px}.xlx4-top-part{height:40px}.xlx4-item:after{height:40px}.xlx4-item:hover .xlx4-top-part{height:100%}.xlx4-item:hover:after{height:100%}.xlx4-item:hover h5 a{white-space:normal;line-height:20px;text-overflow:clip}.xlx4-item:hover h5{margin:20px 0}.xlx4-item:hover p{margin-top:20px}}@media screen and (max-width:1266px){.xlx4-inner-box .button-wrapper{display:inline-block;margin-top:30px;padding:10px 45px;background:white;color:blue;font-weight:bold}.xlx4-container .xlx4-item h5 a{height:auto;margin-bottom:15px}}@media screen and (max-width:996px){.xlx4-container .xlx4-list-wrapper .xlx4-item{float:none;width:100%}.xlx4-container h5 a{height:80px;font-size:24px;line-height:80px}.xlx4-top-part{height:80px}.xlx4-item:after{height:80px}.xlx4-item:hover h5 a{line-height:40px}.xlx4-item:hover h5{margin:30px 0}.xlx4-item:hover p{margin-top:30px}}@media screen and (max-width:524px){.xlx4-container h5 a{height:40px;font-size:18px;line-height:40px}.xlx4-inner-box{padding:0 20px}.xlx4-top-part{height:40px}.xlx4-item:after{height:40px}.xlx4-item:hover h5 a{line-height:20px}.xlx4-item:hover h5{margin:20px 0}.xlx4-item:hover p{margin-top:20px}}