@charset "UTF-8";
/*! PC端 */
@media screen and (min-width: 960px) { .banner img { width: 100%; }
  h1 { margin-bottom: 50px; font-size: 36px; color: #1E4FB1; text-align: center; }
  .solution .group { margin-bottom: 80px; height: 385px; }
  .solution .group .pic { float: left; width: 760px; height: 380px; overflow: hidden; }
  .solution .group .pic .bg img { transition: all 0.3s; -webkit-transition: all 0.3s; }
  .solution .group .pic:hover .bg img { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); }
  .solution .group .pic .title { position: absolute; margin-top: 40px; margin-left: 40px; color: #E3EFF6; font-size: 40px; font-weight: bold; z-index: 9; }
  .solution .group .items { float: left; width: 435px; }
  .solution .group .items .item { display: inline-block; padding-left: 10px; width: 435px; height: 55px; line-height: 55px; color: #626262; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }
  .solution .group .items .item:nth-child(odd) { background: #E3EFF6; }
  .solution .group .items .item:hover { color: #1E4FB1; } }

/*! 移动端 */
@media screen and (max-width: 960px) { .banner img { width: 10rem; }
  .solution h1 { margin: 0.41667rem auto; text-align: center; font-size: 0.5rem; font-weight: bold; }
  .solution .group .pic { text-align: center; }
  .solution .group .pic .title { position: absolute; padding-top: 0.34722rem; padding-left: 0.41667rem; font-size: 0.47222rem; color: #fff; font-weight: bold; }
  .solution .group .pic img { width: 9.44444rem; }
  .solution .group .items { margin: 0.34722rem auto 0.83333rem auto; width: 9.44444rem; }
  .solution .group .items .item { display: block; height: 0.69444rem; line-height: 0.69444rem; color: #000; font-size: 0.36111rem; border-bottom: 1px dashed #ddd; } }