#hall {
  width: 100%; }
  #hall .maxW {
    width: 1189px;
    margin: 0 auto; }
    #hall .maxW .title {
      font-weight: 700;
      margin-top: 95px;
      margin-bottom: 22px;
      font-size: 48px;
      color: #333333;
      text-align: center; }
    #hall .maxW .center {
      text-align: center;
      margin-bottom: 70px;
      font-size: 22px;
      color: #333333; }
    #hall .maxW .boxs {
      display: block;
      margin-bottom: 72px; }
      #hall .maxW .boxs .rows {
        float: left;
        display: block;
        font-size: 0px; }
        #hall .maxW .boxs .rows .cols {
          overflow: hidden;
          display: block;
          float: left;
          width: 295px;
          height: 260px;
          text-align: center;
          transition: all 0.7s ease-in-out;
          -moz-transition: all 0.7s ease-in-out;
          -webkit-transition: all 0.7s ease-in-out;
          -o-transition: all 0.7s ease-in-out;
          background: #eef2f5; }
          #hall .maxW .boxs .rows .cols .pic {
            padding-top: 68px; }
            #hall .maxW .boxs .rows .cols .pic .icon {
              display: inline-block;
              margin-bottom: 22px;
              width: 60px;
              height: 60px;
              background-image: url("../images/fuwu_icon.png");
              background-repeat: no-repeat; }
            #hall .maxW .boxs .rows .cols .pic .icon1 {
              background-position: 0px -149px; }
            #hall .maxW .boxs .rows .cols .pic .icon2 {
              background-position: 0px -482px; }
            #hall .maxW .boxs .rows .cols .pic .icon3 {
              background-position: 0px -553px; }
            #hall .maxW .boxs .rows .cols .pic .icon4 {
              background-position: 0px -349px; }
            #hall .maxW .boxs .rows .cols .pic .icon5 {
              background-position: 0px -282px; }
            #hall .maxW .boxs .rows .cols .pic .icon6 {
              background-position: 0px -213px; }
            #hall .maxW .boxs .rows .cols .pic .icon7 {
              background-position: 0px -10px; }
            #hall .maxW .boxs .rows .cols .pic .icon8 {
              background-position: 0px -81px; }
            #hall .maxW .boxs .rows .cols .pic .icon9 {
              background-position: 0px -415px; }
            #hall .maxW .boxs .rows .cols .pic .icon10 {
              background-position: 0px -616px; }
            #hall .maxW .boxs .rows .cols .pic .icons {
              display: none; }
          #hall .maxW .boxs .rows .cols .name {
            font-size: 20px;
            color: #000000;
            margin-bottom: 12px; }
          #hall .maxW .boxs .rows .cols .intro {
            font-size: 14px;
            line-height: 20px;
            color: #5a5a5a; }
        #hall .maxW .boxs .rows .colspic {
          position: relative; }
          #hall .maxW .boxs .rows .colspic::before {
            content: '';
            position: absolute;
            background: rgba(0, 0, 0, 0.15);
            top: 0px;
            z-index: 1;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all 0.7s ease-in-out;
            -moz-transition: all 0.7s ease-in-out;
            -webkit-transition: all 0.7s ease-in-out;
            -o-transition: all 0.7s ease-in-out; }
        #hall .maxW .boxs .rows:hover #cols {
          background: #c6161e; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon {
            display: none; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon1s {
            background-position: -69px -149px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon2s {
            background-position: -69px -482px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon3s {
            background-position: -69px -553px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon4s {
            background-position: -69px -349px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon5s {
            background-position: -69px -282px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon6s {
            background-position: -69px -213px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon7s {
            background-position: -69px -10px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon8s {
            background-position: -69px -81px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon9s {
            background-position: -65px -414px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icon10s {
            background-position: -65px -616px; }
          #hall .maxW .boxs .rows:hover #cols .pic .icons {
            display: inline-block; }
          #hall .maxW .boxs .rows:hover #cols .name {
            color: #ffffff; }
          #hall .maxW .boxs .rows:hover #cols .intro {
            color: #ffffff; }
        #hall .maxW .boxs .rows:hover .colspic::before {
          background: rgba(198, 22, 30, 0.4); }
      #hall .maxW .boxs:hover .rows .colspic::before {
        opacity: 1; }

#iframeBoxBg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.3);
  display: none; }

#iframeBox {
  width: 960px;
  height: 700px;
  overflow: hidden;
  position: fixed;
  z-index: 10000;
  top: 85px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none; }

/*# sourceMappingURL=hall.css.map */