@charset "UTF-8";
/*! PC端 */
@media screen and (min-width: 960px) { .banner img { width: 100%; }
  .cases { padding-top: 0px; }
  .cases h1 { display: block; height: 80px; line-height: 60px; font-size: 36px; color: #1E4FB1; text-align: center; }
  .cases .items { font-size: 0; }
  .cases .items .item { float: left; margin-bottom: 50px; margin-right: 15px; width: 580px; height: 420px; border: 1px solid #ddd; }
  .cases .items .item:hover .title { color: #1e4fb1; }
  .cases .items .item:nth-child(even) { margin-right: 0; }
  .cases .items .item .pic img { width: 580px; height: 260px; }
  .cases .items .item .title { display: block; padding: 20px; line-height: 30px; color: #313131; font-size: 20px; }
  .cases .items .item .txt { display: block; padding-left: 20px; padding-right: 20px; overflow: hidden; height: 70px; line-height: 25px; font-size: 14px; color: #898989; } }

/*! 移动端 */
@media screen and (max-width: 960px) { .banner img { width: 10rem; }
  .cases .pannel-header { margin-top: 0.41667rem; font-size: 0.5rem; font-weight: bold; color: #1e4fb1; }
  .cases .pannel-header .name { display: block; margin: auto; width: 2.22222rem; line-height: 0.83333rem; border-bottom: 0.06944rem solid #1e4fb1; }
  .cases .item { display: block; margin: 0.83333rem auto; width: 9.02778rem; height: 5.55556rem; -webkit-box-shadow: 0 0 0.41667rem #666; box-shadow: 0 0 0.41667rem #666; }
  .cases .item .pic { width: 100%; height: 400px; }
  .cases .item .pic img { width: 100%; height: 100%; }
  .cases .item .title { display: block; position: absolute; margin-top: -0.83333rem; color: #fff; overflow: hidden; width: 9.02778rem; height: 0.83333rem; line-height: 0.83333rem; text-overflow: ellipsis; white-space: nowrap; text-align: center; background: #222; opacity: 0.85; }
  .cases .item .txt { display: none; }
  .cases .item .time { display: none; } }