@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media (max-width: 1400px) {
  .w_all {
    width: 90%;
  }
}
@media (max-width: 1200px) {
  body,
  html {
    font-size: 56%;
  }
  .index_pro a {
    padding: 2rem 2rem 4rem;
  }
  .all_nav {
    width: 30rem;
  }
}
@media (max-width: 850px) {
  body,
  html {
    font-size: 50%;
  }
  .w_all {
    width: 94%;
  }
  .logo {
    width: 150px;
    padding: 3rem 0;
    position: relative;
    z-index: 9999;
  }
  nav {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
  }
  .nav_box ul {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .nav_box ul li {
    padding: 1rem 0;
  }
  .nav_box ul li h3 strong {
    display: none;
  }
  .nav_box ul li h3 {
    font-size: 1.9rem;
    line-height: 3;
    text-align: center;
    justify-content: center;
  }
  .navBtn {
    display: block;
  }
  .s_menu.active {
    transform: scaleY(0);
    opacity: 0;
  }
  .banner,
  .o_ban {
    margin-top: 71px;
  }
  .banner .txt {
    top: 12%;
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, 0);
  }
  .banner .txt .title {
    width: 70%;
  }
  .banner img {
    width: 308%;
    margin-left: -104%;
  }
  .banner .txt h3 {
    font-size: 4.6rem;
    width: 100%;
  }
  .more {
    margin-top: 3rem;
    padding: 1.5rem 3rem;
    font-size: 1.5rem;
  }
  .banner .txt p {
    font-size: 1.8rem;
  }
  .index_about .ll {
    width: 100%;
    height: 36rem;
    position: static;
  }
  .index_about .rr {
    width: 100%;
    padding: 6rem 0 0;
  }
  .title h3 {
    font-size: 2.6rem;
  }
  .index_about .more {
    margin: 3rem auto 0;
  }
  .index_about {
    padding-bottom: 0;
  }
  .index_pro ul li {
    width: 100%;
    margin: 3% 0;
  }
  .index_pro ul li a {
    padding: 3rem;
  }
  .index_partner ul a {
    width: 33.3%;
  }
  .index_job {
    justify-content: flex-start;
    padding: 0% 5%;
  }
  .index_contact {
    border-radius: 100px 0px 0px 0px;
  }
  .index_contact .ll {
    padding: 0;
    width: 100%;
  }
  .index_contact .rr {
    width: 100%;
    margin-top: 5%;
    border-radius: 0px 100px 0px 0px;
  }
  .index_contact ul li {
    width: 100%;
    align-items: center;
  }
  .index_pro .tt h5 {
    font-size: 2.6rem;
  }
  .index_pro .tt p {
    font-size: 1.7rem;
  }
  .footer ul li {
    width: 100%;
    margin: 3% 0;
  }
  .index_contact .title h3 strong {
    font-size: 2.6rem;
  }
  .o_ban {
    padding: 100px 10px;
  }
  .o_ban .txt span {
    font-size: 7.8rem;
  }
  .title2 h3 {
    font-size: 3rem;
  }
  .title2 p {
    width: 100%;
  }
  .about0 .rr .title h3 strong {
    font-size: 2.6rem;
  }
  .about0 .rr .title {
    width: 100%;
  }
  .index_about .rr .title p {
    padding: 0;
  }
  .about0 .rr .title p {
    font-size: 1.7rem;
    line-height: 2;
  }
  .about1 ul li {
    width: 100%;
    padding: 10%;
  }
  .about2 .contain .ll {
    width: 100%;
    height: 60vh;
  }
  .about2 .contain .rr {
    width: 100%;
    margin: 0;
    border-radius: 0 0 100px 0;
  }
  .serviced1 .ll {
    width: 100%;
    height: 35rem;
  }
  .serviced1 ul {
    width: 100%;
    margin: 5% 0 0;
  }
  .serviced1 ul li {
    padding: 2rem 2.5rem;
  }
  .service2 ul {
    margin-top: -2rem;
  }
  .service2 ul li {
    width: 48%;
  }
  .service3 .contain .ll {
    display: none;
  }
  .service3 .contain .rr {
    width: 100%;
    border-radius: 0;
    padding: 10% 4%;
  }
  .serviced2 .title h3 {
    font-size: 3rem;
  }
  .serviced2 .tt p strong {
    font-size: 2.6rem;
  }
  .serviced2 .tt h6 {
    width: 100%;
  }
  .serviced2 ul {
    display: block;
  }
  .serviced2 ul li {
    display: none;
  }
  .serviced2 ul li:not(:first-of-type) {
    width: 90%;
    margin: auto;
    display: block;
  }
  .title3 h3 {
    font-size: 3rem;
  }
  .job1 ul li {
    width: 100%;
    padding: 10%;
  }
  .job2 {
    border-radius: 100px 0px 0px 0px;
    padding: 15% 5%;
  }
  .job2 ul li {
    width: 100%;
    margin: 5% 0;
    padding: 6% 6% 20%;
  }
  .job2 ul li {
    margin-top: 5rem;
  }
  .jobd .contain {
    display: block;
  }
  .jobd .ll {
    width: 100%;
  }
  .jobd .rr {
    width: 90%;
    margin: 8rem auto 0;
  }
  .news .ll {
    width: 100%;
  }
  .all_nav {
    width: 100%;
    position: static !important;
    transform: none !important;
  }
  .contact .contain .ll {
    width: 100%;
  }
  .contact .contain .rr {
    border-radius: 0 100px 0 0;
  }
}