@charset "UTF-8";
body {
  min-width: 1200px; }

#government {
  /*font-family: '微软雅黑','Microsoft YaHei';*/ }
  #government .swiper-container-body {
    position: relative;
    width: 100%;
    height: 400px; }
    #government .swiper-container-body .swiper-container {
      width: 1200px;
      margin: 0 auto;
      height: 400px; }
      #government .swiper-container-body .swiper-container .swiper-wrapper .slide1 {
        background: url(../images/product/banner.png) no-repeat; }
      #government .swiper-container-body .swiper-container .swiper-wrapper .slide2 {
        background: url(../images/product/banner.png) no-repeat; }
      #government .swiper-container-body .swiper-container .swiper-wrapper .slide3 {
        background: url(../images/product/banner.png) no-repeat; }
    #government .swiper-container-body .left {
      width: calc(50vw - 600px);
      height: 400px;
      background: #531E56;
      position: absolute;
      left: 0;
      top: 0; }
    #government .swiper-container-body .right {
      background: #303985;
      position: absolute;
      top: 0;
      right: 0;
      width: calc(50vw - 600px);
      height: 400px; }
  #government .tabbar {
    height: 78px;
    line-height: 78px;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    top: 0;
    z-index: 6; }
    #government .tabbar .tabbar-name {
      width: 1200px;
      margin: 0 auto; }
      #government .tabbar .tabbar-name span {
        display: inline-block;
        height: 76px;
        width: 72px;
        margin-right: 80px;
        font-size: 17px;
        color: #343434; }
      #government .tabbar .tabbar-name span.on {
        border-bottom: 3px solid #33B0FF;
        color: #0099ff; }
      #government .tabbar .tabbar-name span:hover {
        cursor: pointer;
        color: #0099ff; }
  #government .governments {
    /*display: none;*/
    width: 100%;
    background: #FFF;
    padding: 60px 0 90px 0; }
    #government .governments .layui-row {
      width: 1200px;
      margin: 0 auto;
      margin-bottom: 30px; }
      #government .governments .layui-row .layui-row-f {
        float: left;
        height: 265px;
        width: 270px;
        margin-right: 40px;
        display: inline-block;
        background: #fff;
        text-align: center;
        border-radius: 2px; }
        #government .governments .layui-row .layui-row-f .datils {
          color: #343434; }
          #government .governments .layui-row .layui-row-f .datils .title {
            width: 250px;
            margin-left: 10px;
            font-size: 16px; }
          #government .governments .layui-row .layui-row-f .datils .detail {
            width: 200px;
            margin-left: 35px;
            margin-top: 10px;
            opacity: 0.6;
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden; }
          #government .governments .layui-row .layui-row-f .datils img {
            width: 76px;
            height: 78px;
            margin: 38px 0 30px 0; }
      #government .governments .layui-row .layui-row-f:nth-child(4) {
        margin-right: 0; }
      #government .governments .layui-row .layui-row-f:hover {
        box-shadow: 1px 3px 3px #e8e8e8;
        cursor: pointer;
        margin-top: -3px; }