@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media (max-width: 1520px) {
  body,
  html {
    font-size: 55.5%;
  }
}
@media (max-width: 1300px) {
  body,
  html {
    font-size: 48.5%;
  }
}
@media (max-width: 968px) {
  body,
  html {
    font-size: 42.5%;
  }
}

/* 导航 Strat */
@media (max-width: 1520px) {
  header .nav ul li > a {
    font-size: 2rem;
  }
  header .other .tel span {
    font-size: 2rem;
  }
  header .navBox .logo img {
    height: 42px;
  }
  header .nav dd a {
    font-size: 1.8rem;
  }
}
/*@media (max-width: 1398px) {*/
/*  header .nav ul {*/
/*    padding-left: 160px;*/
/*    padding-right: 220px;*/
/*  }*/
/*}*/
@media (max-width: 1300px) {
  header .nav ul li > a {
    font-size: 2.2rem;
  }
  header .other .tel span {
    font-size: 2.2rem;
  }
  header{
      padding: 0 5%;
  }
}
@media (max-width: 1200px) {
  header .nav ul li > a {
    padding: 20px 10px;
  }
}
@media (max-width: 1080px) {
  header .nav {
    display: none;
  }
  header .other {
    z-index: 999;
  }
  header .other .tel i {
    height: 22px;
    width: 22px;
  }
  header .navBox .logo img {
    height: 36px;
  }
  header .nav_btn {
    display: block;
    margin-left: 32px;
    cursor: pointer;
  }
  header .nav_btn span {
    display: block;
    width: 28px;
    height: 2px;
    background: #000;
    margin: 7.5px 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  header .nav_btn_active span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header .nav_btn_active span:nth-of-type(2) {
    opacity: 0;
  }
  header .nav_btn_active span:nth-of-type(3) {
    margin-top: -19px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  header .mobileNav.open {
    display: block;
  }
  header .mobileNav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99;
  }
  header .mobileNav ul {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 100px 5% 20px;
  }
  header .mobileNav ul li {
    border-bottom: 1px solid #eee;
  }
  header .mobileNav ul li > a {
    display: block;
    font-size: 2.4rem;
    margin: 10px 0;
    color: #000;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    padding: 10px 0;
    padding-right: 32px;
    position: relative;
  }
  header .mobileNav ul li > a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-image: url("../images/down.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  header .mobileNav ul .s_menu {
    display: none;
  }
  header .mobileNav ul dl {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
    padding-bottom: 20px;
  }
  header .mobileNav ul dd a {
    font-size: 2.2rem;
    color: #333;
  }
  header .mobileNav ul a:hover {
    color: #073043;
  }
}
@media (max-width: 648px) {
  header .other .tel {
    display: none;
  }
}
@media (max-width: 498px) {
  body,
  html {
    --height: 64px;
  }
}
/* 导航 End*/

/* 底部栏 Strat */
@media (max-width: 1300px) {
  .w_all {
    padding: 0 5%;
  }
}
@media (max-width: 968px) {
  footer span {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  footer .copyright {
    flex-wrap: wrap;
  }
  footer .companyName a {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 648px) {
  footer .companyName {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .companyName .icon {
    margin-top: 10px;
  }
  footer span {
    text-align: center;
  }
  footer .contactWay span {
    line-height: 1.55;
  }
  footer .topBack {
    top: 32px;
    transform: translateY(0);
    right: 5%;
  }
  footer .contactWay {
    margin-top: 15px;
  }
}
@media (max-width: 450px) {
  footer .box {
    padding-top: 12px !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 420px) {
  footer .companyName a {
    width: 20px;
    height: 20px;
  }
  footer span {
    font-size: 1.6rem;
  }
}
/* 底部栏 End*/

/* 新闻分类 Strat */
@media (max-width: 1620px) {
  .newsPage {
    padding: 3% 10%;
  }
}
@media (max-width: 1520px) {
  .newsPage .tit p {
    font-size: 1.8rem;
  }
  .pages a,
  .pages span {
    font-size: 1.6rem;
  }
}
@media (max-width: 1300px) {
  .newsPage {
    padding: 3% 5%;
  }
  .newsPage .time {
    width: 150px;
  }
  .newsPage .tit {
    width: calc(80% - 200px);
    margin-right: 50px;
  }
}

@media (max-width: 798px) {
  .newsPage .item a {
    flex-direction: column-reverse;
    padding: 24px 0;
  }
  .newsPage .time {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .newsPage .tit {
    width: 100%;
  }
  .newsPage .img {
    width: 100%;
    margin-bottom: 24px;
  }
  .newsPage .tit h2 {
    margin-bottom: 10px;
  }
  .newsPage .tit p {
    font-size: 2rem;
  }
  .newsPage .time .more2 {
    margin-top: 0;
  }
}
@media (max-width: 498px) {
  .newsPage .tit p {
    margin-bottom: 10px;
  }
  .newsPage .time span {
    font-size: 2rem;
  }
}
/* 新闻分类 End*/

/* 新闻详情 Strat */
@media (max-width: 1458px) {
  .newsdPage {
    position: relative;
    width: 100%;
    padding: 150px 10% 5%;
  }
  .newsdPage .paragraph {
    margin-top: 5%;
  }
  .newsdPage .tit h2 {
    font-size: 3.8rem;
  }
}
@media (max-width: 1300px) {
  .newsdPage {
    padding: 150px 5% 5%;
  }
  .newsdPage .paragraph p {
    font-size: 2rem;
  }
  .newsdPage .tit span {
    font-size: 2rem;
  }
  .newsdPage .newGo span {
    font-size: 2rem;
  }
  .newsdPage .newGo .goBack a {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .newsdPage .tit h2 {
    font-size: 3.6rem;
  }
  .newsdPage .newGo {
    flex-direction: column;
    padding: 24px 0;
  }
  .newsdPage .newGo .list {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 648px) {
  .newsdPage .tit h2 {
    font-size: 3.2rem;
  }
  .newsdPage .tit span {
    margin-top: 10px;
  }
  .newsdPage .paragraph {
    margin-top: 24px;
  }
  .newsdPage {
    padding: 100px 5% 5%;
  }
  .newsdPage .email {
    margin-bottom: 10px;
  }
}
@media (max-width: 528px) {
  .newsdPage .tit h2 {
    font-size: 2.8rem;
  }
  .newsdPage .tit div{
      flex-wrap: wrap;
  }
}
@media (max-width: 438px) {
    .newsdPage .tit span{
        margin-right: 15px;
    }
     .newsdPage .tit span:last-of-type{
         margin-right: 0;
     }
}
/* 新闻详情 End*/

/* 内页banner Strat */
@media (max-width: 1458px) {
  .nyBanner {
    padding: 20% 0;
  }
}
@media (max-width: 1290px) {
  .nyBanner {
    padding: 23% 0;
  }
}
@media (max-width: 1026px) {
  .nyBanner {
    padding: 25% 0;
  }
}
@media (max-width: 848px) {
  .nyBanner {
    padding: 27% 0;
  }
}
@media (max-width: 748px) {
  .nyBanner {
    padding: 35% 0;
  }
}
@media (max-width: 598px) {
  .nyBanner {
    padding: 38% 0;
  }
}
@media (max-width: 498px) {
  .nyBanner {
    padding: 42% 0;
  }
}
@media (max-width: 468px) {
  .nyBanner {
    padding: 45% 0;
  }
}
/* 内页banner End*/

/* 联系我们 Strat */
@media (max-width: 1300px) {
  .w100p10 {
    padding: 3% 5% 5%;
  }
  .contactPage .way span {
    font-size: 2rem;
  }
}
@media (max-width: 1080px) {
  .contactPage .way {
    width: 47%;
  }
}
@media (max-width: 948px) {
  .contactPage .box {
    flex-wrap: wrap;
  }
  .contactPage .way {
    width: 100%;
    margin-bottom: 24px;
  }
  .contactPage .leaveMsg {
    width: 100%;
  }
  .contactPage .way h2 {
    margin-bottom: 24px;
  }
  .contactPage .way ul {
    gap: 15px 0;
  }
  .contactPage .way span {
    margin: 5px 0;
  }
  .contactPage .way i {
    width: 24px;
    height: 24px;
  }
  .contactPage {
    margin-top: 100px;
  }
}
@media (max-width: 648px) {
  .contactPage .way h2 {
    font-size: 3.2rem;
  }
}

/* 联系我们 End*/

/* 首页 Strat */
@media (max-width: 1420px) {
  .home .i_part6 .swiperBox {
    width: 100%;
  }
  .home .i_part1 h2 {
    width: 70%;
  }
}
@media (max-width: 1080px) {
  .home .i_part6 .swiperBox {
    width: 100%;
  }
  .home .i_part1 h2 {
    width: 100%;
  }
  .home .i_part1 .itro {
    width: 100%;
  }
  .w_all2 {
    width: 100%;
  }
}
@media (max-width: 968px) {
  .home .i_part1 .itro p {
    font-size: 2.2rem;
  }
  .home .i_part1 h2 {
    font-size: 3rem;
  }
  .title h2 {
    font-size: 3rem;
  }
  .home .i_part2 .swiper-slide h2 {
    font-size: 2.4rem;
  }
  .more span {
    font-size: 1.6rem;
  }
  .home .i_part6 .txtBox h2 {
    font-size: 2.4rem;
  }
  .home .i_part6 .swiper-button-next:after,
  .home .i_part6 .swiper-button-prev:after {
    font-size: 18px;
  }
  .home .i_part6 .txtBox h3 {
    font-size: 2.2rem;
  }
  .home .i_part7 .item h2 {
    font-size: 2.4rem;
  }
  .home .i_part7 .item p {
    font-size: 2rem;
  }
  .home .i_part7 .date span {
    font-size: 2.4rem;
  }
  .home .i_part7 .date span.year {
    font-size: 2rem;
  }
  .banner .swiper-slide .txtBox {
    width: 90%;
  }
}
@media (max-width: 898px) {
  .home .i_part5 .box .imgBox {
    display: none;
  }
  .home .i_part5 .txtBox {
    display: block;
  }
  .home .i_part5 .txtBox p {
    font-size: 2.2rem;
    margin: 10px 0;
    background-color: #eee;
    padding: 20px;
  }
  .home .i_part5 .txtBox p:last-of-type {
    margin-bottom: 0;
  }
  .home .i_part5 .txtBox p strong {
    font-size: 2.4rem;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .home .i_part7 .item {
    width: 100%;
  }
  .banner .swiper-slide .txtBox h1 {
    font-size: 4.8rem;
  }
  .home .i_part7 .item {
    margin-bottom: 15px;
  }
  .home .i_part7 .item a {
    justify-content: flex-start;
  }
}
@media (max-width: 568px) {
  .home .i_part6 .txtBox h2 {
    margin-bottom: 10px;
  }
  .home .i_part6 .txtBox h3 {
    font-size: 2rem;
    line-height: 20px;
    height: 40px;
  }
  .home .i_part6 .txtBox {
    padding: 10px;
  }
  .home .i_part6 .txtBox h2 {
    font-size: 2rem;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 468px) {
  .home .i_part6 .txtBox .more {
    margin-top: 15px;
  }
  .home .i_part5 .txtBox p {
    font-size: 2rem;
    padding: 10px;
  }
  .home .i_part5 .txtBox p strong {
    font-size: 2.2rem;
  }
}
/* 首页 End*/

/* 产品 Strat */
@media (max-width: 1620px) {
  .proPage .proEdge {
    padding: 5% 10%;
  }
  .proPage .proPartner {
    padding: 5% 12%;
  }
  .proPage .proCpg .item {
    padding: 5% 10%;
  }
  .proPage .proCase {
    padding: 5% 10%;
  }
  .more1 {
    width: 180px;
  }
  .nyBanner .box .more1 span i {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1520px) {
  .proPage .proCase a p {
    height: 40px;
    line-height: 20px;
  }
}
@media (max-width: 1300px) {
  .proPage .proEdge {
    padding: 5% 5%;
  }
  .proPage .proPartner {
    padding: 5% 7%;
  }
  .proPage .proCpg .item {
    padding: 5% 5%;
  }
  .proPage .proCase {
    padding: 5% 5%;
  }
  .proPage .proItro {
    padding: 5% 12%;
  }
  .proPage .swiper-button-next,
  .proPage .swiper-button-prev {
    width: 42px;
    height: 48px;
  }
  .proPage .swiper-button-next:after,
  .proPage .swiper-button-prev:after {
    font-size: 20px;
  }
  .proPage .proCase a .imgBox {
    padding: 35% 0;
  }
  .more1 {
    width: 150px;
  }
  .more1 span {
    padding: 10px 15px;
  }
  .subNav .subNavSwiper {
    width: 90%;
  }
}
@media (max-width: 968px) {
  .proPage .proItro p {
    font-size: 2rem;
  }
  .proPage .proEdge .items .item {
    width: 24%;
  }
  .proPage .proCpg p {
    font-size: 2rem;
  }
  .proPage .proCase .more3 span {
    font-size: 1.6rem;
  }
  .proPage .proCase a p {
    font-size: 1.8rem;
  }
  .proPage .proCpg .item {
    flex-wrap: wrap;
  }
  .proPage .proCpg .aa {
    width: 100%;
    margin-bottom: 32px;
  }
  .proPage .proCpg .bb {
    width: 100%;
  }
  .proPage .proCpg .more {
    margin-top: 24px;
  }
  .proPage .proCpg h2 {
    margin-bottom: 10px;
  }
  .proPage .proEdge .items .item i {
    width: 42px;
    height: 42px;
  }
  .proPage .proItro {
    padding: 5% 5%;
  }
  .subNav .swiper-wrapper {
    width: 100%;
  }
  .nyBanner .box .more1 span i {
    width: 20px;
    height: 20px;
  }
  .proPage .proCpg h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 798px) {
  .proPage .proEdge .items {
    flex-wrap: wrap;
  }
  .proPage .proEdge .items .item {
    width: 49%;
    margin: 10px 0;
  }
  .subNav .subNavSwiper {
    margin-top: -42px;
  }
  .proPage .proPartner {
    gap: 0 24px;
  }
}
@media (max-width: 648px) {
  .subNav .subNavSwiper {
    width: 100%;
  }
  .subNav .swiper-slide {
    padding: 10px 15px;
  }
  .proPage .proPartner {
    padding: 5% 5%;
  }
  .proPage .proCase .more3 {
    padding: 10px 10px;
  }
  .proPage .proCase a .txtBox {
    padding: 10px;
  }
  .proPage .proCase .more3 span{
    padding: 10px 15px;
  }
}
@media (max-width: 498px) {
  .more1 {
    width: 120px;
  }
  .subNav .swiper-slide {
    font-size: 2rem;
  }
  .proPage .proPartner {
    gap: 0 10px;
  }
  .nyBanner .box h2 {
    font-size: 3.8rem;
  }
  .proPage .swiper-button-next,
  .proPage .swiper-button-prev {
    width: 36px;
    height: 36px;
  }
  .proPage .swiper-button-next:after,
  .proPage .swiper-button-prev:after {
    font-size: 16px;
  }
  .proPage .proItro h3{
      margin-bottom: 15px;
      margin-top: 10px;
  }
}
@media (max-width: 420px) {
  .proPage .proEdge .items .item {
    padding: 24px 10px 24px;
  }
  .proPage .proEdge .items .item i {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
  }
  .proPage .swiper-button-next,
  .proPage .swiper-button-prev {
    width: 24px;
    height: 32px;
  }
  .proPage .swiper-button-next:after,
  .proPage .swiper-button-prev:after {
    font-size: 15px;
  }
}
/* 产品 End*/

/* 案例 Strat */
@media (max-width: 1520px){
  .casePage .txtBox p {
    height: 36px;
    line-height: 18px;
  }
}
@media (max-width: 1200px) {
  .casePage .caseNav ul li {
    margin-bottom: 10px;
  }
}
@media (max-width: 968px) {
  .casePage .txtBox h3 {
    font-size: 1.6rem;
  }
  .casePage .txtBox h2 {
    font-size: 2rem;
  }
  .casePage .txtBox p {
    font-size: 1.8rem;
  }
  .casePage .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 15px;
    width: 100%;
  }
  .casePage .caseNav {
    width: 100%;
  }
  .casePage .box {
    flex-wrap: wrap;
  }
  .casePage .caseNav ul {
    display: flex;
    flex-direction: row;
    gap: 10px 0;
    /* flex-wrap: wrap; */
    overflow: scroll;
    margin-bottom: 24px;
  }
  .casePage .caseNav ul li:first-of-type {
    display: none;
  }
  .casePage .caseNav ul li {
    margin-bottom: 0;
  }
  .casePage .caseNav ul li a {
    font-size: 2.2rem;
    padding: 10px 15px;
    /* border: none; */
    position: relative;
    white-space: nowrap;
  }
  /* .casePage .caseNav ul li a::before{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background-color: #eee;
  }
  .casePage .caseNav ul li:last-of-type a::before{
    display: none;
  } */
  .casePage .caseNav ul li.active a {
    background-color: #6f93b0;
    color: #fff;
  }
  .casePage .caseNav ul li:hover a {
    background-color: #6f93b0;
    color: #fff;
  }
  .pages ul {
    margin-top: 42px;
  }
}
@media (max-width: 678px) {
  .casePage .caseNav ul li a {
    font-size: 2rem;
  }
}
@media (max-width: 598px) {
  .pages ul {
    margin-top: 32px;
  }
  .casePage .items .imgBox {
    padding: 35% 0;
  }
  .casePage{
    margin-top: 10px;
  }
}
@media (max-width: 450px) {
  .casePage .items {
    grid-template-columns: repeat(1, 1fr);
    gap: 32px 0;
  }
}
/* 案例 End*/

/* 关于 Strat */
@media (max-width: 1280px){
  .abtPage .part .txtBox h2{
    font-size: 3.2rem;
    margin-bottom: 24px;
  }
}
@media (max-width: 968px){
  .abtPage .part .txtBox h2{
    margin-bottom: 15px;
  }
  .abtPage .part .txtBox p {
    font-size: 2rem;
  }
  .abtPage .part{
    flex-wrap: wrap;
  }
  .abtPage .part:last-of-type{
    margin-bottom: 0;
  }
  .abtPage .part .txtBox{
    width: 100%;
    margin-bottom: 24px;
  }
  .abtPage .part .imgBox{
    width: 100%;
  }
  .w100p10{
    padding-top: 5%;
  }
}
/* 关于 End*/