@charset "UTF-8";
#culture .firstBox {
  background: #eef2f5;
  padding: 70px 0; }
  #culture .firstBox .maxW {
    background: #ffffff;
    opacity: 0; }
    #culture .firstBox .maxW .row .textBox {
      padding: 77px 30px 70px 55px; }
      #culture .firstBox .maxW .row .textBox .textTitle {
        font-weight: bold; }
      #culture .firstBox .maxW .row .textBox .conText {
        line-height: 28px; }
    #culture .firstBox .maxW .row .imgBox {
      margin: 77px 55px 70px 35px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      #culture .firstBox .maxW .row .imgBox img {
        position: relative;
        transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -webkit-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out; }
        #culture .firstBox .maxW .row .imgBox img::after {
          content: '';
          position: absolute;
          top: 0px;
          z-index: -1;
          width: 100%;
          height: 100%;
          opacity: 0;
          box-shadow: 0px 2px 10px 5px rgba(221, 221, 211, 0.6);
          transition: opacity 2s ease-in-out; }
        #culture .firstBox .maxW .row .imgBox img:hover {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2); }
        #culture .firstBox .maxW .row .imgBox img:hover::after {
          opacity: 1; }
#culture .secondBox {
  background: #ffffff;
  padding: 70px 0 120px 0; }
  #culture .secondBox .maxW .rows {
    height: 115px; }
    #culture .secondBox .maxW .rows .titleBox {
      padding: 0 0 40px 0;
      cursor: pointer; }
      #culture .secondBox .maxW .rows .titleBox .title1 {
        font-weight: bold;
        color: #e9e9e9;
        border-left: 1px solid #c2161e;
        height: 30px;
        line-height: 30px;
        transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out; }
      #culture .secondBox .maxW .rows .titleBox .title2 {
        border-left: 1px solid #ededed;
        line-height: 72px;
        padding-top: 14px;
        font-weight: bold; }
      #culture .secondBox .maxW .rows .titleBox .active {
        color: #c2161e; }
  #culture .secondBox .maxW .boxs .row {
    display: none;
    position: relative;
    opacity: 0;
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out; }
    #culture .secondBox .maxW .boxs .row .content {
      position: absolute;
      bottom: 60px;
      right: 80px;
      width: 528px;
      height: 400px;
      background: rgba(255, 255, 255, 0.8);
      padding: 40px 70px 0 60px;
      text-align: justify; }
      #culture .secondBox .maxW .boxs .row .content .textTitle {
        color: rgba(194, 22, 30, 0.3);
        font-weight: bold;
        line-height: 40px; }
      #culture .secondBox .maxW .boxs .row .content .title {
        font-weight: bold; }
      #culture .secondBox .maxW .boxs .row .content .conText {
        line-height: 28px; }
      #culture .secondBox .maxW .boxs .row .content .textScroll::-webkit-scrollbar {
        width: 3px;
        height: 1px; }
      #culture .secondBox .maxW .boxs .row .content .textScroll::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        background: #c6161e; }
      #culture .secondBox .maxW .boxs .row .content .textScroll::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        background: rgba(255, 255, 255, 0.23); }
  #culture .secondBox .maxW .boxs .active {
    opacity: 1;
    display: block; }
@media (max-width: 768px) {
  #culture .navBox {
    display: none; }
  #culture .firstBox {
    background: #eef2f5;
    padding: 0; }
    #culture .firstBox .maxW {
      background: #ffffff;
      opacity: 0; }
      #culture .firstBox .maxW .row .textBox {
        padding: 40px 22px 40px 30px; }
        #culture .firstBox .maxW .row .textBox .textTitle {
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 25px;
          padding-right: 20px; }
        #culture .firstBox .maxW .row .textBox .title {
          font-size: 14px;
          margin-bottom: 20px;
          font-weight: bold; }
        #culture .firstBox .maxW .row .textBox .conText {
          margin-top: 25px;
          line-height: 18px;
          font-size: 12px;
          padding-right: 0px; }
      #culture .firstBox .maxW .row .imgBox {
        margin: 0 auto;
        padding: 0 22px 40px 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        #culture .firstBox .maxW .row .imgBox img {
          position: relative;
          transition: all 1.5s ease-in-out;
          -moz-transition: all 1.5s ease-in-out;
          -webkit-transition: all 1.5s ease-in-out;
          -o-transition: all 1.5s ease-in-out; }
          #culture .firstBox .maxW .row .imgBox img::after {
            content: '';
            position: absolute;
            top: 0px;
            z-index: -1;
            width: 100%;
            height: 100%;
            opacity: 0;
            box-shadow: 0px 2px 10px 5px rgba(221, 221, 211, 0.6);
            transition: opacity 1.5s ease-in-out; }
          #culture .firstBox .maxW .row .imgBox img:hover {
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
          #culture .firstBox .maxW .row .imgBox img:hover::after {
            opacity: 1; }
  #culture .secondBox {
    background: #ffffff;
    padding: 0 0 30px 0; }
    #culture .secondBox .maxW .rows {
      width: 100%;
      height: 115px;
      display: flex;
      justify-content: space-around;
      align-items: center; }
      #culture .secondBox .maxW .rows .titleBox {
        width: 25%;
        padding: 0;
        text-align: center; }
        #culture .secondBox .maxW .rows .titleBox .title1 {
          font-size: 12px;
          padding: 0; }
        #culture .secondBox .maxW .rows .titleBox .title2 {
          font-size: 12px;
          padding: 0;
          line-height: 20px; }
        #culture .secondBox .maxW .rows .titleBox .active {
          color: #c2161e; }
      #culture .secondBox .maxW .rows .titleBox:first-child .title2 {
        border: none; }
      #culture .secondBox .maxW .rows .titleBox:first-child .title1 {
        border: none; }
    #culture .secondBox .maxW .boxs {
      min-height: 380px; }
      #culture .secondBox .maxW .boxs .row {
        display: none;
        position: relative;
        opacity: 0;
        transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out; }
        #culture .secondBox .maxW .boxs .row img {
          display: none; }
        #culture .secondBox .maxW .boxs .row .content {
          padding: 0 30px;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 380px;
          background: rgba(255, 255, 255, 0.8);
          text-align: justify; }
          #culture .secondBox .maxW .boxs .row .content .textTitle {
            color: rgba(194, 22, 30, 0.3);
            font-weight: bold;
            line-height: 58px; }
          #culture .secondBox .maxW .boxs .row .content .title {
            font-weight: bold; }
          #culture .secondBox .maxW .boxs .row .content .conText {
            line-height: 28px; }
      #culture .secondBox .maxW .boxs .active {
        opacity: 1;
        display: block; } }

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