/*应用案例*/
.yingyong_box{ width:1350px; margin:68px auto;}
.yingyong_box ul{ display:block; overflow:hidden;}
.yingyong_box ul li{ float:left; width:420px; height:280px; margin-right:45px; margin-bottom:35px; position:relative; background:#000; overflow:hidden;}
.yingyong_box ul li:nth-child(3n+0){ margin-right:0;}
.yingyong_box ul li img{ display:block; transition:all .5s;opacity:0.8; width:100%}
.yingyong_box .yingyong_title{ width:130px; height:100px; position:absolute; left:50%; top:50%; margin-left:-65px; margin-top:-20px;transition:all .5s;}
.yingyong_box .yingyong_title h1{ display:block; font-size:30px; color:#fff; text-align:center;}
.yingyong_box .yingyong_title span{ display:block; width:112px; height:32px; border-radius:16px; background:#c61f27; margin:25px auto 0;transform:scale(var(--scale-multiplier,0.6));-moz-transform:scale(var(--scale-multiplier,0.6));-webkit-transform:scale(var(--scale-multiplier,0.6)); opacity:0; font-size:14px; color:#fff; text-align:center; line-height:32px; transition:all .5s;}
.yingyong_box ul li:hover .yingyong_title{ transform:translateY(-20px);}
.yingyong_box ul li:hover span{ opacity:1;transform:scale(var(--scale-multiplier,1));-moz-transform:scale(var(--scale-multiplier,1));-webkit-transform:scale(var(--scale-multiplier,1));}
.yingyong_box ul li:hover img{ transform:scale(1); opacity:0.7;}