.page_banner{background:url("../images/banner/case_banner.jpg") no-repeat center}.case_tab_list{background:#f4f4f4;margin:20px auto 90px;overflow:hidden}.case_tab_list h1{font-weight:bold;font-size:30px}.case_tab_info{width:50%;box-sizing:border-box;padding:0 50px}.case_tab_info h1+span{display:block;margin:20px 0;width:30px;border-bottom:4px solid #434343}.case_tab_info p{font-size:18px;line-height:1.6}.case_tab_img{width:50%;position:relative}.case_tab_img:hover h1{opacity:1}.case_tab_img h1{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(40,64,168,0.9);color:#fff;opacity:0;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;-ms-transition:opacity .5s linear;transition:opacity .5s linear}.case_list{padding-top:20px}.case_list li{width:390px;margin:20px 5px 0}.case_list li:hover img{transform:translate(-50%, -50%) scale(1.2);-webkit-transform:translate(-50%, -50%) scale(1.2);-moz-transform:translate(-50%, -50%) scale(1.2);-ms-transform:translate(-50%, -50%) scale(1.2);-o-transform:translate(-50%, -50%) scale(1.2)}.case_list li:hover h2{background:#2840a8;color:#fff}.case_list .img_box{border:2px solid #e6e6e6;width:386px;height:386px}.case_list h2{text-align:center;background:#eeeeee;line-height:55px}