.solution_wrap{
    width:980px;
    margin:0 auto;
}
.solution_wrap .solution_visual .img img{
    width:100%;
}
.solution_wrap .solution_visual .desc{
    padding:20px 30px;
    background:#000000;
    color:#fff;
    font-size:17px;
    line-height:25px;
    font-weight:300;   
}
.solution_wrap .solution_list{
    margin-top:50px;
}

.solution_wrap .solution_list .list_tit{
    font-size:28px;
    color:#000;
    text-align:center; 
    font-weight:700;
}
.solution_wrap .solution_list ul{
    margin-top:40px;
}
.solution_wrap .solution_list ul li{
    float:left;
    width:calc( (100% - 30px) / 3);
}
.solution_wrap .solution_list ul li + li{
    margin-left:15px;
}
.solution_wrap .solution_list ul:after{
    clear:both;
    display:block;
    content:'';
}
.solution_wrap .solution_list ul li:nth-child(3n + 1){
    margin-left:0px;
}
.solution_wrap .solution_list ul li:nth-child(n + 4){
    margin-top:15px;
}
.solution_wrap .solution_list ul li a{
    display:block;
}
.solution_wrap .solution_list ul li a .img img{
    width:100%;
}
.solution_wrap .solution_list ul li a .tit{
    padding:15px 0;
    text-align:center;
    font-size:20px;
    color:#fff;
    background:#000;
}
.solution_wrap .solution_list.view ul li a .tit{
    margin-top:10px;
    background:none;
    color:#515151;
    font-size:20px;
    font-weight:400;
    padding:0;
    display: -webkit-box;
    overflow: hidden;
    height: 25px;
    line-height:25px;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.solution_wrap .solution_list.view ul li a .desc{
    margin-top:20px;
    font-size:16px;
    line-height:25px;
    color:#777777;
    font-weight:300;
    text-align:center;
    display: -webkit-box;
    overflow: hidden;
    height: 50px;
    line-height:25px;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.solution_wrap .solution_list.view ul li:nth-child(n + 4){
    margin-top:60px;
}

.solution_wrap .solution_list ul li{
    float:left;
    width:calc( (100% - 60px) / 3);
}

.solution_wrap .solution_list.view ul li + li{
    margin-left:30px;

}

.solution_wrap .solution_list.view ul li:nth-child(3n + 1){
    margin-left:0px;

}

.solution_wrap .solution_list.view ul li a:hover .tit {color: #000;}
.solution_wrap .solution_list.view ul li a:hover .img { transform: scale(0.97); transition: 0.5s}
.solution_wrap .solution_list.view ul li a .img { transform: scale(1); transition: 0.5s}


@media (max-width: 768px) {
.solution_wrap .solution_list.view ul li a .tit {font-size:17px}
.solution_wrap .solution_list.view ul li a .desc {font-size:14px;}
}