@media screen and (min-width:1200px) {
          .index-prodlf h1 {
              font-size: 3.2rem;
          }
      }
      
      @media screen and (max-width:1200px) {
          .pinz {
              background: url(../images/pinz-sbg.png) no-repeat center 0;
              background-size: 100% 100%;
              height: auto;
              overflow: hidden;
          }
          .pin-rt {
              width: auto;
          }
          .pinz-tel {
              right: 200px;
          }
          .index-prodlf h1 {
              margin: 20px;
          }
      }
      @media screen and (min-width:992px) {
          .culture-img img {
              height: 304px;
          }
          .culture-txt {
              height: 304px;
          }
      }
      
      @media screen and (max-width:992px) {
          .ab-desc a {
              width: 100%;
          }
      }
      
      @media screen and (min-width:768px) and (max-width:992px) {
          .index-banner {
              margin: 50px auto 0px;
          }
          .index-comtit {
              margin: 30px 0;
          }
          .index-prod {
              padding: 36px 0px;
          }
          .index-prodlf h1 {
              text-align: center;
              margin: 0 0 20px 0;
          }
          .index-prodrt {
              margin-top: 20px;
          }
          .index-prodrt img {
              margin: auto;
          }
          .index-about .ab-desc {
              padding: 14px;
              font-size: 1.6rem;
          }
          .culture-cont-toptxt {
              font-size: 1.8rem;
          }
          .culture-list li {
              margin-bottom: 20px;
          }
          .culture-txt h3 {
              margin-top: 0px;
              margin-bottom: 10px;
          }
          .culture-cont-toptxt {
              position: relative;
              right: auto;
              top: auto;
              font-size: 1.8rem;
              background-color: #eee;
              padding: 10px;
              transform: translateY(0);
          }
          .culture-cont-toptxt p {
              margin-bottom: 10px !important;
          }
      }
      
      @media screen and (max-width:768px) {
          .index-banner {
              margin: 50px auto 0px;
          }
          .index-comtit {
              margin: 24px 0;
          }
          .index-comtit h2 {
              font-size: 2.2rem;
              white-space: nowrap;
              margin-bottom: 0px;
          }
          /*.index-comtit h2 i{
      		width: 90px;
      	}*/
          .index-comtit p {
              font-size: 1.6rem;
          }
          .index-prod {
              padding: 0px 0px 34px;
              background: #F5F7FA;
              position: relative;
              margin-top: 20px;
          }
          .index-prod::before {
              content: "";
              background-image: url(../images/tilted-blue-gray.png);
              background-repeat: no-repeat;
              background-size: 100% 100%;
              height: 29px;
              width: 100%;
              position: absolute;
              left: 0;
              top: -29px;
              z-index: 2;
          }
          .index-prodlf {
              margin-bottom: 34px;
          }
          .index-prodlf h1 {
              font-size: 2.6rem;
              text-align: center;
              margin-bottom: 14px;
          }
          .index-prodrt img {
              margin: auto;
          }
          .index-news {
              background: #FEFEFE;
          }
          .index-news .news-lf dt {
              margin-bottom: 12px;
          }
          .index-news .news-lf dt .news-pic {
              height: auto;
          }
          .index-news .news-lf dl {
              margin-bottom: 0px;
              border-bottom: 1px solid #dadada;
              padding-bottom: 12px;
          }
          .index-news .news-rt dd {
              padding-left: 0px;
              padding-right: 0px;
          }
          .index-news .news-rt dd h4 {
              margin-top: 0px;
          }
          .index-aboutcont {
              margin: 0 15px;
          }
          .index-about .ab-desc {
              padding: 15px;
              font-size: 1.6rem;
              margin: auto;
              width: 100%;
          }
          .footer {
              margin-top: 42px;
              color: #fff;
              padding: 0px;
          }
          .about-cont,
          .link-cont {
              margin-top: 20px;
              margin-bottom: 14px;
          }
          .link-contrt {
              margin-top: 20px;
          }
          .join-item {
              padding: 0px;
          }
          .join-item .name {
              padding-left: 0px;
          }
          .join-item .tel {
              padding-right: 0px;
          }
          .culture-cont-top {
              margin: 20px auto 15px;
          }
          .culture-cont-toptxt {
              position: relative;
              right: auto;
              top: auto;
              font-size: 16px;
              background-color: #eee;
              padding: 10px;
              transform: translateY(0);
          }
          .culture-cont-toptxt p {
              margin-bottom: 10px !important;
          }
          .prod-nav ul li a {
              padding: 18px 4px;
          }
          .prod-detai-top {
              margin-top: 20px;
          }
          .index-news .news-lf dt .news-pic img {
              height: auto;
          }
          .index-news .news-rt dl {
              padding: 15px 0;
          }
          .prod-detail-tab li {
              font-size: 1.8rem;
          }
          .prod-detail-item {
              font-size: 1.6rem;
          }
          .tect-top {
              margin: 20px 0px 30px;
          }
          .tect-toprt select {
              margin-top: 20px;
          }
          .tect-toplf h2 {
              font-size: 2.8rem;
              text-align: center;
          }
          .tect-toplf p {
              font-size: 2.0rem;
          }
          .tect-item h3 {
              font-size: 2.0rem;
          }
          .tect-item p {
              font-size: 1.6rem;
          }
          .culture-txt h3 {
              margin-top: 0px;
              font-size: 2.0rem;
              margin-bottom: 10px;
          }
          .culture-txt p {
              font-size: 1.6rem;
          }
          .ab-desc-cont {
              font-size: 1.4rem;
              -webkit-line-clamp: 5;
          }
          .ab-desc .ab-desc-btn {
              font-size: 1.6rem;
          }
          .aptitude-item .txt {
              font-size: 1.6rem;
          }
          .aptitude-item .img {
              height: 120px;
          }
          .prod-search input {
              font-size: 1.6rem;
              padding: 6px;
          }
          .prod-search span {
              font-size: 2.4rem;
          }
          .culture-txt {
              padding: 15px;
              margin-bottom: 18px;
          }
          .join-item input,
          .join-item textarea {
              font-size: 1.4rem;
          }
          .prod-imgbig .swiper-slide {
              height: 200px;
          }
          .prod-imgsm .swiper-slide {
              height: 72px;
          }
          .prod-detai-toprt h3 {
              font-size: 2.0rem;
          }
          .shiyongchangjing {
              font-size: 1.8rem;
              margin-top: 12px;
          }
          .prod-detai-toprt-desc,
          .news-detaillf-page p {
              font-size: 1.6rem
          }
          .prod--detail-cont {
              margin-top: 15px;
          }
          .news-toptxt {
              margin-top: 10px;
          }
          .news-txt .btn {
              display: block;
              width: 100%;
              margin-top: 10px;
          }
          .aptitude-item a {
              padding: 8px;
          }
          .news-detaillf-top h2 {
              font-size: 2.0rem
          }
      }
      
      @media screen and (max-width:320px) {
          .index-comtit h3 {
              font-size: 2.0rem;
          }
          .index-comtit h1 i {
              width: 82px;
          }
      }