@charset "utf-8";
/* CSS Document */

#solution{margin: 0 auto; padding-bottom: 100px;}
#solution>.list{display: block; margin: 0 auto; padding: 50px 0;}
#solution>.list ul{display: block;margin: 0 auto;}
#solution>.list ul>li{display: block; float: left; width: 22.75%; margin-right: 3%; background: #fff; border: 1px solid #eee;  margin-bottom: 3%; transition: all .35s;}
#solution>.list ul>li:nth-child(4n){margin-right: 0;}
#solution>.list ul>li>a{ position: relative; display: block; box-sizing: border-box;}
#solution>.list ul>li>a .img{ position:relative; width: 100%; overflow: hidden;}
#solution>.list ul>li>a .img>img{width: 100%;height: auto; transition: all 1s;}
#solution>.list ul>li>a .tit{text-align: center; font-size: 14px; padding: 16px;}
#solution>.list ul>li>a:hover .tit{color: #0079c3;}