@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media (max-width: 1460px) {
  .w_all,
  .w_all2 {
    width: 90%;
  }
}
@media (max-width: 1200px) {
  body,
  html {
    font-size: 56%;
  }
  .logo {
    height: 42px;
  }
  .banner .txt h2 {
    font-size: 5.4rem;
  }
  .title2 h3 {
    font-size: 3rem;
  }
  .title2 h4 {
    font-size: 4.6rem;
  }
  .prod .pbar4 .online {
    width: 90%;
  }
  .about2 ul {
    margin-top: 0;
  }
  .about2 ul li {
    width: 100%;
    margin: 0 0 2rem;
  }
  .about2 ul li .tt {
    width: 80%;
  }
  .about3 .box .txt {
    height: 40vh !important;
  }
  .about3 .rr {
    width: 35%;
  }
  .about3 h3 {
    font-size: 2.6rem;
  }
  .about3 .swiper-slide-active h3 {
    font-size: 3.6rem;
  }
  .about5 .btn {
    width: 100%;
  }
  .about5 .swiper-slide .txt h3 {
    font-size: 2.4rem;
  }
  .more {
    padding: 1.2rem 3rem;
  }
  .news_d .top h3 {
    font-size: 3rem;
  }
  .tk .message {
    width: 80%;
    top: 6%;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 850px) {
  body,
  html {
    font-size: 52%;
    overflow-x: hidden;
  }
  .w_all {
    width: 92%;
  }
  .logo {
    height: 35px;
    padding: 1.2rem 0;
    position: relative;
    z-index: 9999;
  }
  .nav_box ul {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    display: none;
    padding-top: 10vh;
    box-sizing: border-box;
  }
  .nav_box ul li {
    text-align: center;

    margin: 4vh 0;
  }
  .nav_box ul li h3 {
    font-size: 2rem;
    line-height: 2;
  }
  .s_menu {
    display: none !important;
  }
  .n_right {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9999;
  }
  .n_right i {
    font-size: 2.8rem;
  }
  .s_menu {
    display: none !important;
  }
  .navBtn {
    display: block;
    margin-left: 2.5rem;
  }
  .banner .swiper-slide {
    height: 50vh;
  }
  .banner .txt h2 {
    font-size: 2.4rem;
    margin: 0;
  }
  .banner .txt p {
    font-size: 1.6rem;
    margin: 1rem 0;
  }
  .banner .swiper-pagination {
    transform: scale(0.8);
    bottom: 0 !important;
  }
  .banner .swiper-slide .txt .more {
    margin-top: 4rem;
    padding: 1rem 2.5rem;
  }
  .banner .btn{
      display: none !important;
  }
  .index_bars {
    padding: 12% 0;
  }
  .title h3 {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
  .title h4 {
    font-size: 1.8rem;
  }
  .index_about .tt p {
    margin: 1rem 0;
    line-height: 1.6;
  }
  .index_about .more {
    margin: 3rem auto 0rem;
  }
  .index_about .swiper-slide strong {
    font-size: 1.6rem;
  }
  .index_about .swiper-slide strong {
    font-size: 4.6rem;
  }
  .index_pro ul {
    flex-wrap: wrap;
  }
  .index_pro ul li {
    width: 100%;
    margin: 3% 0 !important;
  }
  .title {
    margin-bottom: 2rem;
  }
  .index_area .txt h3 {
    font-size: 2rem;
  }
  .index_area .swiper-pagination span {
    width: 6px !important;
    height: 6px !important;
    margin: 2rem 5px 0 !important;
  }
  .index_news ul li:last-of-type {
    display: none;
  }
  .index_news ul li {
    width: 100%;
    margin: 3% 0 !important;
  }
  .index_others ul {
    flex-wrap: wrap;
  }
  .index_others ul li {
    width: 50%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .index_others ul li:nth-of-type(odd) {
    border-left: none;
  }
  .index_others ul li img {
    width: 4.5rem;
    margin-top: 1rem;
  }
  .index_others ul li h4 i {
    font-size: 1.4rem;
  }
  .footer .contain {
    flex-wrap: wrap;
    padding: 10% 0 4%;
  }
  .footer .ll {
    width: 100%;
  }
  .footer .rr {
    width: 100%;
    display: none;
  }
  .footer .ll {
    width: 100%;
    text-align: center;
  }
  .footer .ll .logo2 img {
    height: 4.5rem;
    margin: 0 auto 2rem;
  }
  .footer dl {
    justify-content: center;
  }
  .footer .copyright .box {
    display: block;
    text-align: center;
  }
  .footer .copyright .box p {
    margin: 0;
  }
  .footer .copyright a {
    margin: 0 1rem;
  }
  .o_ban .txt h2 {
    font-size: 3rem;
  }

  .p_ban .searchs {
    width: 90%;
    margin-top: 3rem;
  }
  .p_ban .pps {
    flex-wrap: wrap;
  }
  .p_ban .pps a {
    margin: 0 0 1rem 1rem;
  }
  .ptops {
    margin-top: -10rem;
  }
  .ptops .txt {
    padding: 2rem;
  }
  .pross .contain {
    flex-wrap: wrap;
  }
  .pross .ll {
    width: 100%;
  }
  .pross .rr {
    width: 100%;
  }
  .title2 h4 {
    font-size: 3rem;
  }
  .title2 h3 {
    font-size: 2.4rem;
  }
  .pross .ll .dds {
    display: flex;
    flex-wrap: wrap;
  }
  .pross .ll .dds a:first-of-type{
      width: 100%;
  }
  .pross .ll .dds a {
    width: 50%;
  }
  .pross dl dd{
      margin: 0.5rem 0;
  }
  .pross .ll dl {
    margin-bottom: 0rem;
  }
  .pross .ll dl:last-of-type .dds a {
    width: 100%;
  }
  .pro .rr h6 {
    font-size: 2.4rem;
    margin: 4rem 0 0rem;
  }
  .pro .rr h4 {
    margin: 2rem 0;
  }
  .pro .rr ul li {
    width: 47%;
    margin: 2% 1.5% !important;
  }
  .o_ban .txt h3 {
    font-size: 5rem;
  }
  .prod .pbar1 .txt p {
    width: 100%;
    padding: 3rem;
    margin: 0 0 3%;
  }
 .prod .pbar1 .txt strong {
    font-size: 2rem;
  }
  .prod .pbar2 .bbs {
    width: max-content;
  }
  .prod .pbar2 .bbs .bb {
    width: 11rem;
    padding: 0 0 0 1rem;
  }
  .prod .pbar2 table tr td {
    padding: 0 1rem;
    font-size: 1.5rem !important;
  }
  .prod .pbar3 .swiper-slide p {
    padding: 1rem;
    text-align: center;
  }
  .message .online .inps .pp1 {
    width: 100% !important;
  }
  .message .submit button {
    padding: 5px 0;
  }
  .tk .message {
    width: 90%;
  }
  .o_ban {
    max-height: 30vh;
  }
  .p_ban {
    max-height: initial;
    height: calc(100vh - 5rem);
  }
  .o_ban b img {
    width: auto;
    height: 100%;
  }
  .allNav .rr p {
    padding: 2rem 1.2rem;
    font-size: 1.4rem;
  }
  .allNav ul li {
    font-size: 1.4rem;
  }
  .about1 .box {
    flex-wrap: wrap;
  }
  .about1 .box .ll {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .about1 .box .rr {
    width: 100%;
    margin-top: 5%;
  }
  .title3 h1 {
    font-size: 2.6rem;
  }
  .title3 h6 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .about1 .box .ll .bg {
    width: 30%;
  }
  .about1 .box .ll .bg img {
    width: 100%;
  }
  .about1 .v_btn img {
    width: 5rem;
  }
  .about2 .box {
    flex-wrap: wrap;
  }
  .about2 .box .ll {
    width: 100%;
  }
  .about2 .box .rr {
    width: 100%;
    margin-top: 5%;
  }
  .about2 ul li {
    padding: 3rem;
  }
  .about2 ul li .tt {
    width: 66%;
  }
  .about3 .box .ll {
    width: 100%;
    padding: 0;
  }
  .about3 .rr {
    display: none;
  }
  .about3 .swiper-slide-active h3 {
    font-size: 3rem;
  }
  .about3 h3 {
    font-size: 2.4rem;
  }
  .about3 p::before {
    transform: scale(0.8);
  }
  .about3 .box .txt {
    height: 50vh !important;
  }
  .about4 .box2 {
    overflow-x: scroll;
    width: 100%;
  }
  .about4 .bg {
    width: 150%;
  }
  .about4 dl {
    width: 150%;
  }
  .about4 dl dd img {
    width: 2.4rem;
    margin: 0;
  }
  .about4 dl dd span {
    transform: scale(0.5);
  }
  .about4 ul {
    justify-content: space-between;
  }
  .about4 ul li {
    margin: 0;
    display: block;
    text-align: center;
    font-size: 1.4rem;
  }
  .about4 ul li img {
    margin: 0 auto 0.5rem;
    width: 4rem;
  }
  .about5 {
    overflow: hidden;
  }
  .about5 .swiper-slide img {
    width: 200%;
  }
  .about5 .swiper-slide .txt {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
  }
  .about5 .btn {
    width: 110%;
  }
  .btn .ll {
    width: 3.6rem;
    height: 3.6rem;
  }
  .about5 .swiper-slide .txt h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .about6 .swiper-container {
    width: 75%;
  }
  .about6 .btn {
    width: 106%;
  }
  .social ul li {
    display: block;
  }
  .social ul li .ll {
    width: 100%;
  }
  .social ul li .rr {
    width: 100%;
    margin-top: 5%;
    padding: 5%;
    box-sizing: border-box;
  }
  .social ul li h6 {
    font-size: 2rem;
  }
  .social ul li .more {
    margin-top: 3rem;
  }
  .o_ban3 {
    margin-top: 6rem;
  }
  .allNavs ul li.on {
    max-width:  50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .news_d .top h3 {
    font-size: 2.2rem;
  }
  .news_d .top {
    width: 100%;
  }
  .news_d .bottom p {
    font-size: 1.6rem;
  }
  .news_d .bottom {
    padding: 1.5rem 0;
  }
  .news_d .tt p strong {
    font-size: 1.6rem;
  }
  .news_d .tt p a:last-of-type {
    display: block;
  }
  .news0 {
    padding-bottom: 0;
  }
  .news0 .swiper-slide a {
    flex-wrap: wrap;
    align-items: inherit;
  }
  .news0 .swiper-slide .ll {
    width: 100%;
    height: 30vh;
  }
  .news0 .swiper-slide .rr {
    width: 100%;
    margin-top: 5%;
    height: 100%;
  }
  .news0 .swiper-slide h3 {
    font-size: 1.8rem;
  }
  .news0 .swiper-slide p {
    display: none;
  }
  .news0 .bottom {
    display: none;
  }
  .news0 .swiper-pagination {
    right: inherit;
    left: 5% !important;
  }
  .allNav3 ul .ll {
    display: none;
  }
  .allNav3 .rr {
    width: 100%;
    justify-content: space-between;
  }
  .res .contain {
    flex-wrap: wrap;
  }
  .res .contain .ll {
    width: 100%;
  }
  .res .contain .rr {
    width: 100%;
    margin-top: 8%;
    padding: 0;
  }
  .contact ul li {
    width: 100%;
    margin: 3% 0 !important;
  }
  .contact2 ul li {
    width: 100%;
    margin: 3% 0 !important;
    padding: 10% 5%;
  }
  .contact2 ul li img {
    width: 5rem;
  }
  .message .online ul li{
      margin: 5px 5px 5px 0;
      padding: 5px 10px;
  }
  .message .online .inps p{
      margin: 2% 0;
  }
  .message .online .inps .pp3{
      margin: 2% 0 0;
  }
  .message .online .inps .pp2{
      width: 100%;
  }
}