.solutionCon{}
.solutionList li{margin-bottom: 45px; padding-bottom: 45px;border-bottom: 1px solid #cdcdcd;}
.solutionList li:last-child{border: none;}
.solutionList li a{display: block;height: 228px;position: relative;color: #2e3746;}
.solutionList .img{float: left;width: 395px;height: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.solutionList li .mes{float: right;width: 770px;}
.solutionList li .mes .cont{padding: 0 20px;}
.solutionList li .mes h3{font-size: 24px;line-height: 24px;height: 34px;}
.solutionList li .mes em{display: block;font-size: 14px;line-height: 22px;height: 22px;margin-top: 3px;}
.solutionList li .mes p{font-size: 14px;line-height: 22px;height: 88px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;margin-top: 25px;}

.solutionList li .mes .detail{width: 116px;font-size: 14px;line-height: 34px;text-align: center;border: 1px solid #cdcdcd;box-sizing: border-box;margin-top: 20px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition:all .2s linear;}
.solutionList li:hover .mes .detail{background: #e61d4c;border: 1px solid #e61d4c;color: #fff;}

/*
.solutionList li{float: left;width: 32.8%;;margin-right:0.8%;margin-bottom: 10px; }
.solutionList li:nth-child(3n){margin-right: 0;}
.solutionList li a{display: block;height: 427px;position: relative;color: #fff;}
.solutionList .img{width: 100%;height: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.solutionList li .mes{position: absolute;left: 0;bottom: 20px;z-index: 50;width: 100%;}
.solutionList li .mes .cont{padding: 0 20px;}
.solutionList li .mes h4{width: 190px;font-size: 26px;line-height: 26px;height: 52px;font-family: 'gotham_bold';}
.solutionList li .mes em{display: block;font-size: 20px;line-height: 28px;height: 28px;font-weight: bold;margin-top: 10px;}
.solutionList li .mes p{font-size: 14px;line-height: 20px;height: 40px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;margin-top: 20px;}

.solutionList li .shade{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(16,58,114,0.42);z-index: 30;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}
.solutionList li:hover .shade{background: rgba(16,58,114,0.16);}*/