/*修改后的解决方案*/ .col-xs-4,.col-sm-4,.col-lg-4{ width:33.33333333%; } .col-xs-4,.col-sm-4,.col-lg-4,.col-xs-3,.col-sm-3,.col-lg-3{ float:left; padding-left:15px; padding-right:15px; } .col-xs-3,.col-sm-3,.col-lg-3{ width:33.3333333%; } .page-row:after{ content:""; display: table; clear:both; } .page-container{ width:100%; max-width:1400px; margin-left:auto; margin-right:auto; } .solution-item a{ display: block; position: relative; } .solution-item{ width:100%; height:400px; /*padding-bottom:70%;*/ } .background{ background-repeat: no-repeat; background-size: cover; background-position: center; } .solution-list .solution-item{ background-repeat: no-repeat; background-size: cover; background-position: center; } .solution-item .box .cont{ /*top:70%;*/ } /*案例*/ .case-container{ padding-top:50px; } .transition{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .case-list-box{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom:20px; } .case-list-box img{ max-width: 100%; display: block; height:auto; } .case-list-box h3{ font-size:22px; font-weight:bolder; margin-bottom:10px; } .case-list-box p{ margin-bottom:10px; min-height: 50px } .case-list-box:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,.3); box-shadow: 0 0 30px rgba(0,0,0,.3); } .case-info a{ font-weight:bolder; } .case-info{ background-color: white; padding:15px; } .contact-info{ margin-top:80px; } .contact-one{ padding-top:50px; padding-bottom:50px; } .contact-box{ padding:25px; width:100%; height:160px; background-color: white; margin-bottom:20px; } .contact-box .cont { line-height: 2; } .contact-box .pic { text-align: center; }