* {
  margin: 0;
  padding: 0;
  max-height: 1000000px;
  font-weight: normal;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  image-rendering: -webkit-optimize-contrast; }

html {
  width: 100%; }

body {
  width: 100%;
  font-family: Arial, AdobeHeitiStd-Regular, Helvetica, sans-serif;
  margin: auto; }
  body:before, body:after {
    content: "";
    display: table;
    font: 0/0 a; }
  body:after {
    clear: both; }

.wrap {
  width: 100%; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 21px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

a img {
  border: none; }

.spacer {
  clear: both; }

textarea {
  resize: none; }

@media only screen and (min-width: 751px) {
  .mobile {
    display: none; }

  .edit .wrap .album {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .edit .wrap .album .albumlist .item {
      width: 25%; }
      .edit .wrap .album .albumlist .item img {
        height: 305px;
        width: 100%;
        object-fit: cover; }

  .edit .wrap .banner, .edit .wrap .swiper {
    overflow: unset; }

  .wrap {
    width: 100%;
    position: relative; }
    .wrap .header {
      width: 100%;
      top: 0px;
      height: 89px;
      position: absolute;
      z-index: 2000; }
      .wrap .header.fixed {
        position: fixed; }
      .wrap .header.fixed.scroll {
        background: #fff;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13); }
        .wrap .header.fixed.scroll .headerInner .logo img {
          display: none !important; }
        .wrap .header.fixed.scroll .headerInner .logo img.scr {
          display: block !important; }
        .wrap .header.fixed.scroll .headerInner .menu ul li span, .wrap .header.fixed.scroll .headerInner .menu ul li a {
          color: #333; }
      .wrap .header .headerInner {
        max-width: 1400px;
        padding: 0 50px 0 20px;
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        height: 100%;
        position: relative;
        z-index: 1; }
        .wrap .header .headerInner .menu {
          height: 100%; }
          .wrap .header .headerInner .menu ul {
            width: 100%;
            height: 100%;
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            -webkit-justify-content: flex-start;
            -moz-justify-content: flex-start;
            -ms-justify-content: flex-start;
            -o-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            align-items: center;
            box-sizing: border-box; }
            .wrap .header .headerInner .menu ul li {
              list-style-type: none;
              padding-right: 30px;
              display: block; }
              .wrap .header .headerInner .menu ul li.hide {
                display: none; }
              .wrap .header .headerInner .menu ul li span, .wrap .header .headerInner .menu ul li a {
                font-size: 18px;
                display: block;
                font-weight: bold; }
        .wrap .header .headerInner .logo {
          width: 150px;
          height: 77px;
          position: relative;
          margin-top: 10px; }
          .wrap .header .headerInner .logo .file-upload-process {
            height: 100%;
            line-height: 77px;
            font-size: 30px; }
          .wrap .header .headerInner .logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: none; }
            .wrap .header .headerInner .logo img:first-child {
              display: block; }
    .wrap .banner, .wrap .swiper {
      width: 100%;
      height: 600px;
      position: relative;
      height: 100vh;
      overflow: hidden; }
      .wrap .banner .back-bottom, .wrap .swiper .back-bottom {
        width: 80px;
        height: 45px;
        position: absolute;
        bottom: 45px;
        cursor: pointer;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        z-index: 1;
        overflow: hidden;
        background-image: url(../img/system/www/banner_icon.png);
        background-size: 100% 100%; }
      .wrap .banner .bannerList, .wrap .swiper .bannerList {
        width: 100%;
        height: 100%; }
        .wrap .banner .bannerList .owl-stage-outer, .wrap .swiper .bannerList .owl-stage-outer {
          height: 100%;
          overflow: visible !important; }
          .wrap .banner .bannerList .owl-stage-outer .owl-stage, .wrap .swiper .bannerList .owl-stage-outer .owl-stage {
            height: 100%; }
            .wrap .banner .bannerList .owl-stage-outer .owl-stage .owl-item, .wrap .swiper .bannerList .owl-stage-outer .owl-stage .owl-item {
              height: 100%; }
        .wrap .banner .bannerList .item, .wrap .swiper .bannerList .item {
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%; }
      .wrap .banner .contents, .wrap .swiper .contents {
        position: absolute;
        z-index: 1;
        width: 100%;
        max-width: 1000px;
        padding: 0 20px;
        box-sizing: border-box;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center; }
        .wrap .banner .contents .company, .wrap .swiper .contents .company {
          font-size: 46px;
          text-align: center;
          width: 100%; }
    .wrap .introduction {
      width: 100%;
      padding: 110px 0;
      position: relative; }
      .wrap .introduction .introductionInner {
        max-width: 1400px;
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        position: relative;
        z-index: 1; }
        .wrap .introduction .introductionInner .introductiontitle {
          font-size: 36px;
          line-height: 36px;
          background: none;
          width: 100%;
          text-align: center;
          box-sizing: border-box;
          padding: 5px 10px; }
        .wrap .introduction .introductionInner .introductiondescr {
          font-size: 18px;
          width: 100% !important;
          margin-top: 30px;
          padding: 5px 10px;
          box-sizing: border-box;
          resize: auto; }
    .wrap .album {
      width: 100%;
      position: relative; }
      .wrap .album .albumtitle {
        font-size: 36px;
        line-height: 36px;
        background: none;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 5px 10px;
        margin: 30px auto;
        color: #000;
        max-width: 1400px;
        width: 100%;
        position: relative;
        z-index: 1; }
      .wrap .album .albumlist {
        display: inline-block;
        width: 100%;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 305px; }
        .wrap .album .albumlist .item {
          width: auto;
          height: 305px;
          display: inline-block;
          margin: 0;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          position: relative;
          box-sizing: border-box; }
          .wrap .album .albumlist .item img {
            height: 305px; }
    .wrap .contactus {
      padding: 110px 0;
      width: 100%;
      box-sizing: border-box;
      position: relative; }
      .wrap .contactus .contactusInner {
        max-width: 1400px;
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center; }
        .wrap .contactus .contactusInner .item {
          width: 33.3%;
          padding: 20px 0; }
          .wrap .contactus .contactusInner .item .icon {
            width: 84px;
            height: 71px;
            display: block;
            position: relative;
            text-align: center;
            margin: auto; }
            .wrap .contactus .contactusInner .item .icon img {
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              max-width: 84px;
              max-height: 71px; }
            .wrap .contactus .contactusInner .item .icon .img {
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              max-width: 84px;
              max-height: 71px; }
              .wrap .contactus .contactusInner .item .icon .img:before {
                content: "\f041";
                font-family: 'FontAwesome';
                font-size: 71px; }
              .wrap .contactus .contactusInner .item .icon .img.email {
                max-height: 60px; }
                .wrap .contactus .contactusInner .item .icon .img.email:before {
                  content: "\f2b6";
                  font-family: 'FontAwesome';
                  font-size: 60px; }
              .wrap .contactus .contactusInner .item .icon .img.tel:before {
                content: "\f095";
                font-family: 'FontAwesome'; }
              .wrap .contactus .contactusInner .item .icon .img.phone:before {
                content: "\f10b";
                font-family: 'FontAwesome';
                font-size: 79px;
                line-height: 71px; }
              .wrap .contactus .contactusInner .item .icon .img.fax:before {
                content: "\f1ac";
                font-family: 'FontAwesome';
                font-size: 60px;
                line-height: 71px; }
              .wrap .contactus .contactusInner .item .icon .img.wx:before {
                content: "\f1d7";
                font-family: 'FontAwesome';
                font-size: 63px;
                line-height: 71px; }
          .wrap .contactus .contactusInner .item .descr {
            font-size: 16px;
            line-height: 24px;
            width: 100%;
            box-sizing: border-box;
            padding: 0 20px;
            text-align: center;
            margin-top: 10px; }
            .wrap .contactus .contactusInner .item .descr span {
              font-size: 16px;
              line-height: 24px;
              font-weight: bold; }
            .wrap .contactus .contactusInner .item .descr a {
              text-decoration: underline; }
    .wrap .followlink {
      width: 100%;
      box-sizing: border-box;
      position: relative; }
      .wrap .followlink .followlinkInner {
        max-width: 977px;
        padding: 30px 20px;
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center; }
        .wrap .followlink .followlinkInner .item {
          width: 58px;
          height: 58px;
          margin: 0 7px;
          border-radius: 58px;
          position: relative; }
          .wrap .followlink .followlinkInner .item .img {
            position: relative;
            width: 100%;
            height: 100%; }
            .wrap .followlink .followlinkInner .item .img:before {
              content: "\f082";
              font-family: 'FontAwesome';
              font-size: 30px;
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              display: block;
              width: 30px;
              height: 30px;
              text-align: center; }
            .wrap .followlink .followlinkInner .item .img.tw:before {
              content: "\f099";
              font-family: 'FontAwesome'; }
            .wrap .followlink .followlinkInner .item .img.ytb:before {
              content: "\f16a";
              font-family: 'FontAwesome'; }
            .wrap .followlink .followlinkInner .item .img.ins:before {
              content: "\f16d";
              font-family: 'FontAwesome'; }
            .wrap .followlink .followlinkInner .item .img.ws:before {
              content: "\f232";
              font-family: 'FontAwesome'; }
    .wrap .footer {
      width: 100%; }
      .wrap .footer .footerInner {
        max-width: 977px;
        padding: 20px 20px;
        width: 100%;
        box-sizing: border-box;
        margin: auto; }
        .wrap .footer .footerInner p {
          font-size: 14px;
          line-height: 20px;
          text-align: center; }
      .wrap .footer .advert {
        width: 100%;
        position: relative;
        box-sizing: border-box; }
        .wrap .footer .advert.advert1 {
          height: 700px; }
          .wrap .footer .advert.advert1 .advertInner {
            width: 100%;
            height: 100%;
            position: relative;
            max-width: 1440px;
            padding: 0 20px;
            box-sizing: border-box;
            margin: auto;
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            align-items: center;
            -webkit-justify-content: flex-end;
            -moz-justify-content: flex-end;
            -ms-justify-content: flex-end;
            -o-justify-content: flex-end;
            justify-content: flex-end;
            z-index: 1; }
            .wrap .footer .advert.advert1 .advertInner .advertimage {
              width: 65%;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0;
              box-sizing: border-box; }
              .wrap .footer .advert.advert1 .advertInner .advertimage img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .wrap .footer .advert.advert1 .advertInner .advertContent {
              width: 50%;
              position: relative; }
              .wrap .footer .advert.advert1 .advertInner .advertContent .advertContentInner .adverttitle {
                font-size: 45px;
                color: #000;
                line-height: 1.4;
                margin-bottom: 10px; }
              .wrap .footer .advert.advert1 .advertInner .advertContent .advertContentInner .advertdescr {
                line-height: 1.4;
                font-size: 17px; }
              .wrap .footer .advert.advert1 .advertInner .advertContent .advertContentInner .advertbtn {
                position: relative;
                background-color: #5e5e4a;
                border: 1px solid #5e5e4a;
                cursor: pointer;
                font-size: 14px;
                line-height: 1.4em;
                display: inline-block;
                margin-top: 28px;
                padding: 8px 40px;
                color: #fff;
                transition: var(--trans1, border-color 0.4s ease 0s, background-color 0.4s ease 0s); }
                .wrap .footer .advert.advert1 .advertInner .advertContent .advertContentInner .advertbtn:hover {
                  background-color: #d7d7cb;
                  border: 1px solid #000;
                  color: #000; }
      .wrap .footer .imagetext {
        width: 100%;
        position: relative;
        padding: 110px 0; }
        .wrap .footer .imagetext.imagetext2 .imagetextInner {
          flex-direction: row-reverse; }
        .wrap .footer .imagetext.imagetext5 .moduletitle {
          display: none; }
        .wrap .footer .imagetext.imagetext3 .moduletitle {
          margin: auto auto 40px auto; }
        .wrap .footer .imagetext.imagetext3 .imagetextInner {
          flex-direction: column-reverse;
          text-align: center; }
          .wrap .footer .imagetext.imagetext3 .imagetextInner .imagetexttitle {
            display: none; }
          .wrap .footer .imagetext.imagetext3 .imagetextInner .imagetextimage {
            margin-top: 50px; }
        .wrap .footer .imagetext .moduletitle {
          position: relative;
          grid-area: 1 / 1 / 2 / 2;
          justify-self: start;
          align-self: start;
          padding: 0px 20px;
          width: 100%;
          max-width: 1440px;
          margin: auto auto 110px auto;
          font-size: 40px;
          text-align: center;
          z-index: 1; }
        .wrap .footer .imagetext .imagetextInner {
          width: 100%;
          max-width: 1440px;
          margin: auto;
          padding: 0 20px;
          box-sizing: border-box;
          position: relative;
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          z-index: 1; }
          .wrap .footer .imagetext .imagetextInner .imagetextimage {
            width: 50%;
            text-align: center;
            position: relative; }
            .wrap .footer .imagetext .imagetextInner .imagetextimage img {
              width: 100%; }
          .wrap .footer .imagetext .imagetextInner .imagetextContent {
            flex: 1;
            padding: 0 8%; }
            .wrap .footer .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetexttitle {
              line-height: 1.4em;
              font-size: 30px;
              margin-bottom: 20px; }
            .wrap .footer .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextdescr {
              line-height: 1.7em;
              font-size: 17px; }
            .wrap .footer .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextbtn {
              background-color: #fff;
              border: 1px solid #000;
              cursor: pointer;
              font-size: 14px;
              transition: var(--trans1, border-color 0.4s ease 0s, background-color 0.4s ease 0s);
              line-height: 1.4em;
              display: inline-block;
              margin-top: 40px;
              padding: 8px 40px;
              color: #000;
              position: relative; }
              .wrap .footer .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextbtn:hover {
                background-color: #5e5e4a;
                border: 1px solid #5e5e4a;
                color: #fff; }
      .wrap .footer .gallery {
        width: 100%;
        padding: 110px 0;
        box-sizing: border-box;
        background: #d7d7cb4d;
        position: relative; }
        .wrap .footer .gallery .galleryInner {
          max-width: 1440px;
          width: 100%;
          padding: 0 20px;
          box-sizing: border-box;
          margin: auto;
          position: relative;
          z-index: 1; }
          .wrap .footer .gallery .galleryInner .galleryTitle {
            position: relative;
            grid-area: 1 / 1 / 2 / 2;
            justify-self: start;
            align-self: start;
            padding: 0px 20px;
            width: 100%;
            max-width: 1440px;
            margin: auto auto 40px auto;
            font-size: 40px;
            text-align: center; }
          .wrap .footer .gallery .galleryInner .galleryDescr {
            line-height: 1.7em;
            font-size: 17px;
            text-align: center; }
          .wrap .footer .gallery .galleryInner .galleryList {
            width: 100%;
            margin-top: 110px;
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap; }
            .wrap .footer .gallery .galleryInner .galleryList .item {
              width: 29%;
              margin: 0 2% 4%; }
              .wrap .footer .gallery .galleryInner .galleryList .item .img {
                width: 100%;
                aspect-ratio: 1 / 1; }
                .wrap .footer .gallery .galleryInner .galleryList .item .img img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover; }
              .wrap .footer .gallery .galleryInner .galleryList .item .itemTitle {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                -webkit-line-clamp: 4;
                font-size: 22px;
                line-height: 1.4;
                font-weight: bold;
                margin: 30px 0 10px 0; }
              .wrap .footer .gallery .galleryInner .galleryList .item .itemDescr {
                font-size: 16px;
                line-height: 20px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                -webkit-line-clamp: 4; }
    .wrap .advert {
      width: 100%;
      position: relative;
      box-sizing: border-box; }
      .wrap .advert.advert1 {
        height: 700px; }
        .wrap .advert.advert1 .advertInner {
          width: 100%;
          height: 100%;
          position: relative;
          max-width: 1440px;
          padding: 0 20px;
          box-sizing: border-box;
          margin: auto;
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          -ms-justify-content: flex-end;
          -o-justify-content: flex-end;
          justify-content: flex-end;
          z-index: 1; }
          .wrap .advert.advert1 .advertInner .advertimage {
            width: 65%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box; }
            .wrap .advert.advert1 .advertInner .advertimage img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .wrap .advert.advert1 .advertInner .advertContent {
            width: 50%;
            position: relative; }
            .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .adverttitle {
              font-size: 45px;
              color: #000;
              line-height: 1.4;
              margin-bottom: 10px; }
            .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .advertdescr {
              line-height: 1.4;
              font-size: 17px; }
            .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .advertbtn {
              position: relative;
              background-color: #5e5e4a;
              border: 1px solid #5e5e4a;
              cursor: pointer;
              font-size: 14px;
              line-height: 1.4em;
              display: inline-block;
              margin-top: 28px;
              padding: 8px 40px;
              color: #fff;
              transition: var(--trans1, border-color 0.4s ease 0s, background-color 0.4s ease 0s); }
              .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .advertbtn:hover {
                background-color: #d7d7cb;
                border: 1px solid #000;
                color: #000; }
    .wrap .imagetext {
      width: 100%;
      position: relative;
      padding: 110px 0; }
      .wrap .imagetext.imagetext2 .imagetextInner {
        flex-direction: row-reverse; }
      .wrap .imagetext.imagetext5 .moduletitle {
        display: none; }
      .wrap .imagetext.imagetext3 .moduletitle {
        margin: auto auto 40px auto; }
      .wrap .imagetext.imagetext3 .imagetextInner {
        flex-direction: column-reverse;
        text-align: center; }
        .wrap .imagetext.imagetext3 .imagetextInner .imagetexttitle {
          display: none; }
        .wrap .imagetext.imagetext3 .imagetextInner .imagetextimage {
          margin-top: 50px; }
      .wrap .imagetext .moduletitle {
        position: relative;
        grid-area: 1 / 1 / 2 / 2;
        justify-self: start;
        align-self: start;
        padding: 0px 20px;
        width: 100%;
        max-width: 1440px;
        margin: auto auto 110px auto;
        font-size: 40px;
        text-align: center;
        z-index: 1;
        box-sizing: border-box; }
      .wrap .imagetext .imagetextInner {
        width: 100%;
        max-width: 1440px;
        margin: auto;
        padding: 0 20px;
        box-sizing: border-box;
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        z-index: 1; }
        .wrap .imagetext .imagetextInner .imagetextimage {
          width: 50%;
          text-align: center;
          position: relative; }
          .wrap .imagetext .imagetextInner .imagetextimage img {
            width: 100%; }
        .wrap .imagetext .imagetextInner .imagetextContent {
          flex: 1;
          padding: 0 8%; }
          .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetexttitle {
            line-height: 1.4em;
            font-size: 30px;
            margin-bottom: 20px; }
          .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextdescr {
            line-height: 1.7em;
            font-size: 17px; }
          .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextbtn {
            background-color: #fff;
            border: 1px solid #000;
            cursor: pointer;
            font-size: 14px;
            transition: var(--trans1, border-color 0.4s ease 0s, background-color 0.4s ease 0s);
            line-height: 1.4em;
            display: inline-block;
            margin-top: 40px;
            padding: 8px 40px;
            color: #000;
            position: relative; }
            .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextbtn:hover {
              background-color: #5e5e4a;
              border: 1px solid #5e5e4a;
              color: #fff; }
    .wrap .gallery {
      width: 100%;
      padding: 110px 0;
      box-sizing: border-box;
      background: #d7d7cb4d;
      position: relative; }
      .wrap .gallery .galleryInner {
        max-width: 1440px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        margin: auto;
        position: relative;
        z-index: 1; }
        .wrap .gallery .galleryInner .galleryTitle {
          position: relative;
          grid-area: 1 / 1 / 2 / 2;
          justify-self: start;
          align-self: start;
          padding: 0px 20px;
          width: 100%;
          max-width: 1440px;
          margin: auto auto 40px auto;
          font-size: 40px;
          text-align: center; }
        .wrap .gallery .galleryInner .galleryDescr {
          line-height: 1.7em;
          font-size: 17px;
          text-align: center; }
        .wrap .gallery .galleryInner .galleryList {
          width: 100%;
          margin-top: 110px;
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
          .wrap .gallery .galleryInner .galleryList .item {
            width: 29%;
            margin: 0 2% 4%; }
            .wrap .gallery .galleryInner .galleryList .item .img {
              width: 100%;
              aspect-ratio: 1 / 1; }
              .wrap .gallery .galleryInner .galleryList .item .img img {
                width: 100%;
                height: 100%;
                object-fit: contain; }
            .wrap .gallery .galleryInner .galleryList .item .itemTitle {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              -webkit-line-clamp: 4;
              font-size: 22px;
              line-height: 1.4;
              font-weight: bold;
              margin: 30px 0 10px 0; }
            .wrap .gallery .galleryInner .galleryList .item .itemDescr {
              font-size: 16px;
              line-height: 20px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              -webkit-line-clamp: 4; } }
@media only screen and (max-width: 750px) {
  :root {
    --vh: 100vh;
    --rem: .445rem; }

  .desktop {
    display: none; }

  .edit .wrap .album {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .edit .wrap .album .albumlist {
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      .edit .wrap .album .albumlist .item {
        width: 25%; }

  .wrap {
    width: 100%;
    position: relative; }
    .wrap .header {
      left: 0;
      width: 100%;
      top: 0px;
      height: .445rem;
      position: absolute;
      z-index: 2000;
      transition-duration: 0.5s; }
      .wrap .header.show {
        background: #fff; }
        .wrap .header.show .headerInner .menu ul {
          transition: height 0.5s ease-in-out; }
        .wrap .header.show .actionsContainerBg {
          display: none; }
        .wrap .header.show .actionsContainer {
          display: none; }
        .wrap .header.show .headerInner .logo img {
          display: none !important; }
        .wrap .header.show .headerInner .logo img.scr {
          display: block !important; }
        .wrap .header.show .headerInner .menu ul li span, .wrap .header.show .headerInner .menu ul li a {
          color: #333; }
        .wrap .header.show .headerInner .menu .menu-icon .line:first-child, .wrap .header.show .headerInner .menu .menu-icon .line:first-child:before, .wrap .header.show .headerInner .menu .menu-icon .line:first-child:after, .wrap .header.show .headerInner .menu .menu-icon .line:last-child, .wrap .header.show .headerInner .menu .menu-icon .line:last-child:before, .wrap .header.show .headerInner .menu .menu-icon .line:last-child:after {
          background-color: #000; }
      .wrap .header.fixed {
        position: fixed; }
        .wrap .header.fixed .headerInner .logo img.scr {
          display: block !important; }
      .wrap .header.fixed.scroll {
        background: #fff;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13); }
        .wrap .header.fixed.scroll .headerInner .logo img {
          display: none !important; }
        .wrap .header.fixed.scroll .headerInner .logo img.scr {
          display: block !important; }
        .wrap .header.fixed.scroll .headerInner .menu ul li span, .wrap .header.fixed.scroll .headerInner .menu ul li a {
          color: #333; }
      .wrap .header .headerInner {
        padding: 0 0.15rem;
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        z-index: 1;
        position: relative;
        height: 100%; }
        .wrap .header .headerInner .menu.black .menu-icon .line:first-child, .wrap .header .headerInner .menu.black .menu-icon .line:first-child:before, .wrap .header .headerInner .menu.black .menu-icon .line:first-child:after, .wrap .header .headerInner .menu.black .menu-icon .line:last-child, .wrap .header .headerInner .menu.black .menu-icon .line:last-child:before, .wrap .header .headerInner .menu.black .menu-icon .line:last-child:after {
          background-color: #000; }
        .wrap .header .headerInner .menu {
          position: absolute;
          left: 0.15rem;
          top: 0.1125rem; }
          .wrap .header .headerInner .menu .menu-icon {
            width: 0.2rem;
            height: 0.2rem;
            transition-duration: 0.5s;
            position: relative;
            cursor: pointer; }
            .wrap .header .headerInner .menu .menu-icon .line:first-child {
              transition-duration: 0.5s;
              position: absolute;
              height: 0.01rem;
              width: 0.1rem;
              top: 0.1rem;
              left: 0px;
              background-color: #fff; }
              .wrap .header .headerInner .menu .menu-icon .line:first-child:before {
                transition-duration: 0.5s;
                position: absolute;
                height: 0.01rem;
                width: 0.1rem;
                content: "";
                top: -0.06rem;
                left: 0;
                background-color: #fff; }
              .wrap .header .headerInner .menu .menu-icon .line:first-child:after {
                transition-duration: 0.5s;
                position: absolute;
                height: 0.01rem;
                width: 0.1rem;
                content: "";
                top: 0.06rem;
                left: 0;
                background-color: #fff; }
            .wrap .header .headerInner .menu .menu-icon .line:last-child {
              transition-duration: 0.5s;
              position: absolute;
              height: 0.01rem;
              width: 0.1rem;
              top: 0.1rem;
              left: 0.1rem;
              background-color: #fff; }
              .wrap .header .headerInner .menu .menu-icon .line:last-child:before {
                transition-duration: 0.5s;
                position: absolute;
                height: 0.01rem;
                width: 0.1rem;
                content: "";
                top: -0.06rem;
                left: 0;
                background-color: #fff; }
              .wrap .header .headerInner .menu .menu-icon .line:last-child:after {
                transition-duration: 0.5s;
                position: absolute;
                height: 0.01rem;
                width: 0.1rem;
                content: "";
                top: 0.06rem;
                left: 0;
                background-color: #fff; }
          .wrap .header .headerInner .menu .menu-icon.show .line:first-child:before {
            transform: rotateZ(45deg) scaleX(1.4) translate(0.01rem, 0.01rem); }
          .wrap .header .headerInner .menu .menu-icon.show .line:first-child:after {
            transform: rotateZ(-45deg) scaleX(1.4) translate(0.01rem, -0.01rem); }
          .wrap .header .headerInner .menu .menu-icon.show .line:last-child:before {
            transform: rotateZ(-45deg) scaleX(1.4) translate(-0.01rem, 0); }
          .wrap .header .headerInner .menu .menu-icon.show .line:last-child:after {
            transform: rotateZ(45deg) scaleX(1.4) translate(-0.01rem, 0rem); }
          .wrap .header .headerInner .menu .menu-icon.show .line:first-child, .wrap .header .headerInner .menu .menu-icon.show .line:last-child {
            transition-duration: 0.5s;
            background: transparent !important; }
          .wrap .header .headerInner .menu ul {
            overflow: hidden;
            position: fixed;
            left: 0;
            top: 0.445rem;
            background: #fff;
            width: 100%;
            height: 0; }
          .wrap .header .headerInner .menu ul.show {
            height: calc(var(--vh) - var(--rem)); }
          .wrap .header .headerInner .menu ul li {
            width: 100%;
            line-height: .3rem;
            text-align: center; }
            .wrap .header .headerInner .menu ul li.hide {
              display: none; }
          .wrap .header .headerInner .menu ul li span, .wrap .header .headerInner .menu ul li a {
            font-size: 0.2rem; }
          .wrap .header .headerInner .menu:hover .editPop {
            display: block; }
          .wrap .header .headerInner .menu .editPop {
            height: calc(var(--vh) - var(--rem));
            left: 0;
            top: 0.445rem;
            width: 100%;
            position: fixed;
            opacity: 0; }
            .wrap .header .headerInner .menu .editPop:hover {
              opacity: 1; }
            .wrap .header .headerInner .menu .editPop .menu-edit-icon {
              display: block;
              padding: 0.05rem;
              background: #000;
              border-radius: 0.16rem;
              width: 0.16rem;
              height: 0.16rem;
              text-align: center;
              line-height: 0.16rem;
              position: absolute;
              right: 0; }
      .wrap .header .logo {
        width: 1rem;
        height: 0.3rem;
        position: relative;
        margin: auto; }
        .wrap .header .logo .logoinner {
          width: 100%;
          height: 100%;
          text-align: center; }
          .wrap .header .logo .logoinner img {
            height: 100%;
            margin: auto;
            display: none; }
        .wrap .header .logo .file-upload-process {
          height: 100%;
          line-height: 0.6rem;
          font-size: 0.15rem; }
        .wrap .header .logo img {
          max-width: 1rem;
          max-height: 0.6rem;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto; }
    .wrap .banner, .wrap .swiper {
      width: 100%;
      height: 3rem;
      position: relative;
      overflow: hidden;
      height: 100vh; }
      .wrap .banner .back-bottom, .wrap .swiper .back-bottom {
        width: 0.48rem;
        height: 0.26rem;
        position: absolute;
        bottom: 0.44rem;
        cursor: pointer;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        z-index: 1;
        overflow: hidden;
        background-image: url(../img/system/www/banner_icon.png);
        background-size: 100% 100%; }
      .wrap .banner .bannerList, .wrap .swiper .bannerList {
        width: 100%;
        height: 100%; }
        .wrap .banner .bannerList .owl-stage-outer, .wrap .swiper .bannerList .owl-stage-outer {
          height: 100%;
          overflow: visible !important; }
          .wrap .banner .bannerList .owl-stage-outer .owl-stage, .wrap .swiper .bannerList .owl-stage-outer .owl-stage {
            height: 100%; }
            .wrap .banner .bannerList .owl-stage-outer .owl-stage .owl-item, .wrap .swiper .bannerList .owl-stage-outer .owl-stage .owl-item {
              height: 100%; }
        .wrap .banner .bannerList .item, .wrap .swiper .bannerList .item {
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%; }
      .wrap .banner .contents, .wrap .swiper .contents {
        position: absolute;
        z-index: 1;
        width: 100%;
        padding: 0 0.15rem;
        box-sizing: border-box;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center; }
        .wrap .banner .contents .company, .wrap .swiper .contents .company {
          font-size: 0.27rem;
          text-align: center;
          width: 100%; }
    .wrap .introduction {
      width: 100%;
      padding: 0.6rem 0;
      position: relative; }
      .wrap .introduction .introductionInner {
        width: 3.45rem;
        box-sizing: border-box;
        margin: auto; }
        .wrap .introduction .introductionInner .introductiontitle {
          font-size: 0.28rem;
          line-height: 0.28rem;
          background: none;
          width: 100%;
          text-align: center;
          box-sizing: border-box;
          padding: 0.05rem 0.05rem; }
        .wrap .introduction .introductionInner .introductiondescr {
          width: 100% !important;
          margin-top: 0.1rem;
          font-size: 0.14rem;
          line-height: 0.24rem;
          padding: 0.05rem 0.05rem;
          box-sizing: border-box;
          resize: auto; }
    .wrap .album {
      width: 100%;
      position: relative; }
      .wrap .album .albumtitle {
        font-size: 0.28rem;
        line-height: 0.28rem;
        background: none;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 0.05rem 0.05rem;
        margin: 0.15rem auto;
        color: #000;
        width: 100%;
        position: relative;
        z-index: 1; }
      .wrap .album .albumlist {
        display: inline-block;
        width: 100%;
        position: relative;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        height: 1.25rem; }
        .wrap .album .albumlist .item {
          width: 1.25rem;
          height: 1.25rem;
          display: inline-block;
          margin: 0;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          position: relative;
          box-sizing: border-box; }
    .wrap .contactus {
      width: 100%;
      box-sizing: border-box;
      position: relative; }
      .wrap .contactus .contactusInner {
        width: 100%;
        max-width: 2.41rem;
        margin: auto;
        box-sizing: border-box; }
        .wrap .contactus .contactusInner .item {
          width: 100%;
          padding: 0.6rem 0;
          border-bottom: 1px solid #EEEEEE; }
          .wrap .contactus .contactusInner .item:nth-child(3) .icon {
            width: 0.545rem;
            height: 0.495rem; }
            .wrap .contactus .contactusInner .item:nth-child(3) .icon img {
              max-width: 0.545rem;
              max-height: 0.495rem; }
          .wrap .contactus .contactusInner .item .icon {
            width: 0.715rem;
            height: 0.635rem;
            display: block;
            position: relative;
            text-align: center;
            margin: auto; }
            .wrap .contactus .contactusInner .item .icon img {
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              max-width: 0.715rem;
              max-height: 0.635rem; }
            .wrap .contactus .contactusInner .item .icon .img {
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              max-width: 0.715rem;
              max-height: 0.635rem; }
              .wrap .contactus .contactusInner .item .icon .img:before {
                content: "\f041";
                font-family: 'FontAwesome';
                font-size: 0.635rem; }
              .wrap .contactus .contactusInner .item .icon .img.email:before {
                content: "\f2b6";
                font-family: 'FontAwesome'; }
              .wrap .contactus .contactusInner .item .icon .img.tel:before {
                content: "\f095";
                font-family: 'FontAwesome';
                font-size: 0.59rem; }
              .wrap .contactus .contactusInner .item .icon .img.phone:before {
                content: "\f10b";
                font-family: 'FontAwesome';
                font-size: 79px;
                line-height: 71px; }
              .wrap .contactus .contactusInner .item .icon .img.fax:before {
                content: "\f1ac";
                font-family: 'FontAwesome';
                font-size: 60px;
                line-height: 71px; }
              .wrap .contactus .contactusInner .item .icon .img.wx:before {
                content: "\f1d7";
                font-family: 'FontAwesome';
                font-size: 63px;
                line-height: 71px; }
          .wrap .contactus .contactusInner .item .descr {
            font-size: 0.16rem;
            line-height: 0.24rem;
            width: 100%;
            box-sizing: border-box;
            padding: 0 0.1rem;
            text-align: center;
            margin-top: 0.15rem; }
            .wrap .contactus .contactusInner .item .descr span {
              font-size: 0.16rem;
              line-height: 0.24rem;
              font-weight: bold; }
            .wrap .contactus .contactusInner .item .descr a {
              text-decoration: underline; }
    .wrap .followlink {
      width: 100%;
      box-sizing: border-box;
      position: relative; }
      .wrap .followlink .followlinkInner {
        width: 100%;
        margin: auto;
        padding: 0.4rem 0 0.325rem;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center; }
        .wrap .followlink .followlinkInner .item {
          width: 0.43rem;
          height: 0.43rem;
          margin: 0 0.1rem;
          border-radius: 0.43rem;
          position: relative; }
          .wrap .followlink .followlinkInner .item .img {
            position: relative;
            width: 100%;
            height: 100%; }
            .wrap .followlink .followlinkInner .item .img:before {
              content: "\f082";
              font-family: 'FontAwesome';
              font-size: 0.21rem;
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              display: block;
              width: 0.21rem;
              height: 0.21rem;
              text-align: center; }
            .wrap .followlink .followlinkInner .item .img.tw:before {
              content: "\f099";
              font-family: 'FontAwesome'; }
            .wrap .followlink .followlinkInner .item .img.ytb:before {
              content: "\f16a";
              font-family: 'FontAwesome'; }
            .wrap .followlink .followlinkInner .item .img.ins:before {
              content: "\f16d";
              font-family: 'FontAwesome'; }
            .wrap .followlink .followlinkInner .item .img.ws:before {
              content: "\f232";
              font-family: 'FontAwesome'; }
    .wrap .footer {
      width: 100%; }
      .wrap .footer .footerInner {
        padding: 0.15rem;
        width: 100%;
        box-sizing: border-box;
        margin: auto; }
        .wrap .footer .footerInner p {
          font-size: 0.125rem;
          line-height: 0.18rem;
          text-align: center; }
    .wrap .advert {
      width: 100%;
      position: relative;
      box-sizing: border-box; }
      .wrap .advert.advert1 .advertInner {
        width: 100%;
        height: 100%;
        position: relative;
        max-width: 1440px;
        padding: 0 20px;
        box-sizing: border-box;
        margin: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
        z-index: 1; }
        .wrap .advert.advert1 .advertInner .advertimage {
          width: 65%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          box-sizing: border-box; }
          .wrap .advert.advert1 .advertInner .advertimage img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .wrap .advert.advert1 .advertInner .advertContent {
          width: 100%;
          position: relative;
          padding: 1rem 0; }
          .wrap .advert.advert1 .advertInner .advertContent .advertContentInner {
            text-align: center; }
            .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .adverttitle {
              font-size: .28rem;
              color: #000;
              line-height: 1.4;
              margin-bottom: .1rem;
              text-align: center; }
            .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .advertdescr {
              line-height: 1.4;
              font-size: .16rem;
              text-align: center; }
            .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .advertbtn {
              position: relative;
              background-color: #5e5e4a;
              border: 1px solid #5e5e4a;
              cursor: pointer;
              font-size: .14rem;
              line-height: 1.4em;
              display: inline-block;
              margin-top: .2rem;
              padding: .1rem .25rem;
              color: #fff;
              transition: var(--trans1, border-color 0.4s ease 0s, background-color 0.4s ease 0s); }
              .wrap .advert.advert1 .advertInner .advertContent .advertContentInner .advertbtn:hover {
                background-color: #d7d7cb;
                border: 1px solid #000;
                color: #000; }
    .wrap .imagetext {
      width: 100%;
      position: relative;
      padding: .6rem 0; }
      .wrap .imagetext.imagetext2 .imagetextInner {
        flex-direction: column; }
      .wrap .imagetext.imagetext5 .imagetextInner {
        flex-wrap: wrap; }
      .wrap .imagetext.imagetext5 .moduletitle {
        display: none; }
      .wrap .imagetext.imagetext3 .moduletitle {
        margin: auto auto .2rem auto; }
      .wrap .imagetext.imagetext3 .imagetextInner {
        flex-direction: column;
        text-align: center; }
        .wrap .imagetext.imagetext3 .imagetextInner .imagetexttitle {
          display: none; }
      .wrap .imagetext .moduletitle {
        position: relative;
        grid-area: 1 / 1 / 2 / 2;
        justify-self: start;
        align-self: start;
        padding: 0px 20px;
        width: 100%;
        margin: auto auto .3rem auto;
        font-size: .28rem;
        line-height: 1.4;
        text-align: center;
        z-index: 1;
        box-sizing: border-box; }
      .wrap .imagetext .imagetextInner {
        width: 100%;
        margin: auto;
        padding: 0 20px;
        box-sizing: border-box;
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        z-index: 1;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap; }
        .wrap .imagetext .imagetextInner .imagetextimage {
          width: 100%;
          text-align: center;
          position: relative; }
          .wrap .imagetext .imagetextInner .imagetextimage img {
            width: 100%; }
        .wrap .imagetext .imagetextInner .imagetextContent {
          flex: 1;
          padding: .3rem 0 0; }
          .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner {
            text-align: center; }
            .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetexttitle {
              line-height: 1.4em;
              font-size: .22rem;
              margin-bottom: .15rem; }
            .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextdescr {
              line-height: 1.4;
              font-size: .14rem; }
            .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextbtn {
              background-color: #fff;
              border: 1px solid #000;
              cursor: pointer;
              font-size: .14rem;
              transition: var(--trans1, border-color 0.4s ease 0s, background-color 0.4s ease 0s);
              line-height: 1.4em;
              display: inline-block;
              margin-top: .3rem;
              padding: .05rem .2rem;
              color: #000;
              position: relative; }
              .wrap .imagetext .imagetextInner .imagetextContent .imagetextContentInner .imagetextbtn:hover {
                background-color: #5e5e4a;
                border: 1px solid #5e5e4a;
                color: #fff; }
    .wrap .gallery {
      width: 100%;
      padding: .6rem 0;
      box-sizing: border-box;
      background: #d7d7cb4d;
      position: relative; }
      .wrap .gallery .galleryInner {
        max-width: 1440px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        margin: auto;
        position: relative;
        z-index: 1; }
        .wrap .gallery .galleryInner .galleryTitle {
          position: relative;
          grid-area: 1 / 1 / 2 / 2;
          justify-self: start;
          align-self: start;
          padding: 0px 20px;
          width: 100%;
          margin: auto auto .2rem auto;
          font-size: .28rem;
          text-align: center;
          box-sizing: border-box; }
        .wrap .gallery .galleryInner .galleryDescr {
          line-height: 1.4;
          font-size: .14rem;
          text-align: center; }
        .wrap .gallery .galleryInner .galleryList {
          width: 100%;
          margin-top: .3rem;
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
          .wrap .gallery .galleryInner .galleryList .item {
            width: 100%; }
            .wrap .gallery .galleryInner .galleryList .item .img {
              width: 100%; }
              .wrap .gallery .galleryInner .galleryList .item .img img {
                width: 100%; }
            .wrap .gallery .galleryInner .galleryList .item .itemTitle {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              -webkit-line-clamp: 4;
              font-weight: bold;
              margin: .15rem 0 .1rem 0;
              line-height: 1.4em;
              font-size: .22rem;
              margin-bottom: .15rem; }
            .wrap .gallery .galleryInner .galleryList .item .itemDescr {
              font-size: .14rem;
              line-height: 1.4;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              -webkit-line-clamp: 4; } }