* { margin: 0; padding: 0; list-style-type: none; }
a, img { border: 0; text-decoration: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*html .clearfix { height: 1%; }
.solution-list { position: relative; height: 412px; z-index: 9; width: 1200px; margin: 0 auto; }
.short-bar { position: absolute; top: 187px; left: 50%; margin-left: -15px; width: 30px; height: 3px; background-color: #fff; }
.active .short-bar { top: 201px; background-color: #009dff; }
.solution-list ul li { float: left; width: 240px; position: relative; height: 412px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.solution-item-wrapper { width: 240px; height: 412px; background: url(../img/solution_item_bg_01.jpg) center no-repeat; }
.solution-item-02 { background-image: url(../img/solution_item_bg_02.jpg); }
.solution-item-03 { background-image: url(../img/solution_item_bg_03.jpg); }
.solution-item-04 { background-image: url(../img/solution_item_bg_04.jpg); }
.solution-item-05 { background-image: url(../img/solution_item_bg_05.jpg); }
.active .solution-item-wrapper { position: absolute; z-index: 9; top: -62px; left: -51px; width: 341px; height: 526px; background: url(../img/solution_item_bg_active_01.jpg) no-repeat; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.5); -moz-box-shadow: 0 5px 40px rgba(0,0,0,.5); box-shadow: 0 5px 40px rgba(0,0,0,.5); }

@media only screen and (max-width:1400px) {
    .product-special-li-5.active .solution-item-wrapper { left: -102px; }
}
.active .solution-item-02 { background-image: url(../img/solution_item_bg_active_02.jpg); }
.active .solution-item-03 { background-image: url(../img/solution_item_bg_active_03.jpg); }
.active .solution-item-04 { background-image: url(../img/solution_item_bg_active_04.jpg); }
.active .solution-item-05 { background-image: url(../img/solution_item_bg_active_05.jpg); }
.solution-list ul li p.solution-title { position: absolute; top: 211px; width: 100%; text-align: center; color: #fff; font-size: 18px; z-index: 2; }
.solution-list ul li p.solution-intro { position: absolute; top: 282px; left: 50%; margin-left: -121px; width: 242px; overflow: hidden; color: #eee; line-height: 2; z-index: 2; opacity: 0; filter: alpha(opacity=0); font-size: 14px; text-align: justify; }
.solution-list ul li a { display: none; position: absolute; top: 452px; left: 50%; margin-left: -87px; width: 174px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; z-index: 2; background-color: #2e80c5; }
.solution-list ul li a:hover { background-color: #0099e5; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution-list ul li.active p.solution-title { top: 158px; font-size: 22px; }
.solution-list ul li.active p.solution-intro { top: 230px; opacity: 1; filter: alpha(opacity=100); }
.solution-list ul li.active a { top: 388px; display: block; }