@charset "UTF-8";
/*! PC端 */
@media screen and (min-width: 960px) { .products { width: 1200px; overflow: hidden; }
  .products .item { float: left; }
  .products .link { float: left; margin-bottom: 60px; width: 364px; height: 364px; transition: all 0.3s; -webkit-transition: all 0.3s; }
  .products .link:nth-child(2), .products .link:nth-child(5), .products .link:nth-child(8), .products .link:nth-child(11) { margin-left: 53px; margin-right: 53px; }
  .products .link .item { position: absolute; overflow: hidden; }
  .products .link .item .txt { clear: both; position: absolute; margin-top: 260px; padding-top: 25px; width: 364px; height: 282px; background: url(/images/bg/bg-2.png); text-align: center; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; z-index: 1; }
  .products .link .item .txt .tit { margin: auto; display: block; overflow: hidden; width: 350px; height: 30px; line-height: 30px; font-size: 20px; color: #fff; }
  .products .link .item .txt .sub-tit { margin: auto; display: block; overflow: hidden; width: 350px; height: 30px; line-height: 30px; font-size: 18px; }
  .products .link .item .txt .btn-detail { display: inline-block; margin-top: 30px; width: 100px; height: 35px; line-height: 35px; border: 1px solid #fff; color: #fff; }
  .products .link .item .pic img { width: 364px; height: 364px; transition: all 0.3s; -webkit-transition: all 0.3s; }
  .products .link .item:hover .pic 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); z-index: 0; }
  .products .link .item:hover .txt { margin-top: 180px; z-index: 1; }
  .pageitems { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px; padding-bottom: 50px; font-size: 16px; }
  .pageitems .tleft a, .pageitems .tright a { color: #000; }
  .pageitems .tleft a:hover, .pageitems .tright a:hover { color: #1e4fb1; } }

/*! 移动端 */
@media screen and (max-width: 960px) { .banner img { width: 10rem; }
  .ui-tab { float: left; width: 3.05556rem; background: #fff; }
  .ui-tab .current { background: #afd3f9; }
  .products { position: absolute; right: 0; top: 6.25rem; bottom: 0; width: 6.94444rem; overflow-x: hidden; overflow-y: auto; }
  .products .item { display: block; margin-bottom: 1.11111rem; width: 6.94444rem; text-align: center; }
  .products .item .pic img { width: 5.55556rem; height: 5.55556rem; -webkit-box-shadow: 0 0 0.69444rem #bacad6; box-shadow: 0 0 0.69444rem #bacad6; }
  .products .item .txt { position: absolute; width: 6.94444rem; margin-top: 4.86111rem; }
  .products .item .txt .tit { display: block; margin: auto; width: 5.55556rem; height: 0.83333rem; line-height: 0.83333rem; background: #8a9ab0; color: #fff; }
  .products .item .txt .sub-tit { position: absolute; display: block; margin: -5.41667rem auto auto 0.97222rem; color: #818181; }
  .products .pageitems { width: 6.94444rem; } }