.mainAppCen .app li.box i { line-height: 1.2; white-space: nowrap; }
.mainAppCen .app li.box i span, .mainAppCen .app li.box i:after { display: inline-block; vertical-align: middle; }
.mainAppCen .app li.box i:after { content: ''; height: 100%; width: 0; overflow: hidden; }
.mainAppCen .app li.box i span { width: 100%; white-space: normal;position: relative;}
.mainAppCen .app .lm i span{  max-width: 220px;padding: 15px 0;}

.mainAppCen { background: #E7E7E7; padding-bottom: 3.125%; padding-top: 3.75%; }
.mainAppCen .center{max-width: 1200px;}
.mainAppCen .title { font-size: 44px; line-height: 1; position: relative; color: #3074b3; }
@media screen and (max-width: 1200px) { .mainAppCen .title { font-size: 36px; } }
@media screen and (max-width: 960px) { .mainAppCen .title { font-size: 30px; } }
@media screen and (max-width: 640px) { .mainAppCen .title { font-size: 24px; } }
.mainAppCen .title:before { position: absolute; top: 0; left: 0; content: ''; width: 5px; height: 80px; margin-left: -18px; background: #3074b3; overflow: hidden; }
.mainAppCen .app li.box { width: 29.66667%; margin: 20px 0; position: relative; overflow: hidden; }
@media screen and (max-width: 640px) { .mainAppCen .app li.box { width: 48%; margin: 10px 0; } }
.mainAppCen .app li.box a { display: inline-block; overflow: hidden; width: 100%; padding-top: 60%;position: relative;}
.mainAppCen .app li.box a img { width: 100%; position: absolute;top:0;left:0;right:0;bottom:0;margin: auto;}
.mainAppCen .app li.box i { position: absolute; top: -100%; left: 0; font-size: 20px; color: #fff; text-align: center; width: 100%; height: 100%; background: #3074b3; background: rgba(184,45,50, 0.7); padding: 11.26761%; box-sizing: border-box;}
@media screen and (max-width: 1200px) { .mainAppCen .app li.box i { font-size: 18px; } }
@media screen and (max-width: 960px) { .mainAppCen .app li.box i { font-size: 16px; } }
@media screen and (max-width: 640px) { .mainAppCen .app li.box i { font-size: 14px; } }
.mainAppCen .app li.box i strong { display: inline-block; padding: 5.6338%; border: 1px solid #fff; line-height: 1; }
.mainAppCen .app li.box:hover i { top: 0; }
.mainAppCen .app li.box:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.mainAppCen .app li.box.lm i { top: 0; background: #3074b3; }
/* .mainAppCen .app li.box.lm:hover i { background: #316b9a; -moz-box-shadow: inset 0 0 20px 0 rgba(255, 255, 255, 0.8); -webkit-box-shadow: inset 0 0 20px 0 rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 20px 0 rgba(255, 255, 255, 0.8); } */
.mainAppCen .app li.line { width: 29.66667%; }
@media screen and (max-width: 640px) { .mainAppCen .app li.line { width: 48%; } }

.mainAppCen .app .lm span:before { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; top: -1px; left: 100%; filter: alpha(opacity=0); opacity: 0; transition: .6s all ease;}
.mainAppCen .app .lm .wrap span:after { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: -1px; right: 100%; filter: alpha(opacity=0); opacity: 0; transition: .6s all ease;}
.mainAppCen .app .lm .wrap span:hover { border-color: #fff; }
.mainAppCen .app .lm .wrap:hover { background: #3074b3;}
.mainAppCen .app .lm:hover .wrap span:before { left: 0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .wrap span:after { right:0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .lineL { bottom: 0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .lineR { top: 0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .row { left: 100%; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm i span .lineL { position: absolute; height: 100%; width: 1px; background: #fff; bottom: 100%; left: -1px; filter: alpha(opacity=0); opacity: 0; padding: 0;top: auto;}
.mainAppCen .app .lm i span .lineR { position: absolute; height: 100%; width: 1px; background: #fff; top: 100%; right: -1px; filter: alpha(opacity=0); opacity: 0; padding: 0;left: auto;}

