@media (max-width: 500px) {
  html,
  body {
    font-size: 70%;
  }
  .service-system .item .imgs{
  display:none;
  
  }
  .contact-us-container .max{
  padding:1rem;
  
  }
  .pro-banner-img .location{
  right:1rem;
  
  
  }
  .pro-center .tab-header .tab-header-list,.service-support.tab-header .tab-header-list{
  width:100%;
  overflow: auto;
   display:flex;
   margin-left:0;
  }
  .pro-center .tab-header .floor-img{
   display:none;
  
  }
  .contact-us-container .max .contact-us-item h2{
  font-size:'1.25rem'
  
  }
  .contact-us-container .max .contact-us-item ul{
  
  width:100%;
  }
  .contact-us-container .max .contact-us-item ul li .contact-icon img{
  
  width:3rem;
  height:3rem;
  
  }
  .contact-us-container .max .contact-us-item ul li .contact-info .contact-value p{
  
  word-wrap: break-word;
  }
  .pro-center .tab-header .active span::before,.pro-center .tab-header .active::after{
   display:none;
  
  }
   .service-support .tab-header .active span::before,.service-support .tab-header .active::after{
   display:none;
  
  }
  .pro-center .tab-header .active span::after{
  
    display:none;
  }
  
  .service-support .tab-header .active span::after{
  
    display:none;
  }
  
 .service-support .tab-header .tab-header-list {
  padding: 1rem;
  margin-left: 0;
  padding-top: 1rem;
  width: 100%;
  box-sizing: border-box; 
  
  display:flex;
}
 .service-support  .tab-header a span{
  text-align:center;
  white-space: nowrap;
  border-box:box-sizing;
  margin: 0 1rem;
  
  
  }
  .service-support  .tab-header a span{
  text-align:center;
  white-space: nowrap;
  border-box:box-sizing;
  margin: 0 1rem;
  
  
  }
  
  .service-support .tab-header a{
  width:10rem;
  display:block;
  
  }
  .service-support .tab-header .floor-img{
  
   display:none;
  
  }
.pro-center .tab-header .tab-header-list {
  padding: 1rem;
  margin-left: 0;
  padding-top: 1rem;
  width: 100%;
  box-sizing: border-box; 
}
  .pro-center .tab-header a span{
  text-align:center;
  white-space: nowrap;
  border-box:box-sizing;
  margin: 0 1rem;
  
  
  }
  .pro-center .tab-header a{
  width:10rem;
  display:block;
  
  }
  /*  页头 */
.headers .header-bot .header-right .text{
  
  display:none;
  }
  .headers {
    padding: 0 1.5rem;
    height: 8rem;
    box-sizing: border-box;
  }
  .headers .header-bot .logo {
    padding-right: 0;
  }
  .headers .header-bot ul {
    display: none;
  }
  .headers .header-bot .header-right {
    font-size: 1rem;
    margin-right: 0.3rem;
  }
  .headers .header-bot .header-right .menu {
    display: block;
  }
  .headers .header-bot .header-right .menu .menu-button .bar {
    width: 2.5rem;
    height: 0.375rem;
  }
  .headers .header-bot .header-right .phone {
    width: 12rem;
  }
  .headers .header-bot .header-right .phone .hot-line {
    font-size: 1rem;
  }
  .headers .header-bot .header-right .phone .num {
    font-size: 0.7rem;
  }
  .banner {
    height: 18.75rem;
    margin-top: 8em;
  }
  .banner .banner-section {
    width: 90%;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 2rem;
    bottom: 0;
  }
  .banner .banner-section .title {
    font-size: 1.4rem;
  }
  .banner .banner-section .title-c {
    margin-top: 0.4rem;
    margin-bottom: 1rem;
    width: 50%;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 100%;
  }
  .banner .banner-section .title-c span:nth-child(1) {
    font-size: 0.875rem;
  }
  .banner .banner-section .title-c span:nth-child(2) {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .banner .banner-section .nav-bar {
    height: 2rem;
  }
  .banner .banner-section .nav-bar a {
    padding: 0.4rem 0.4rem;
    font-size: 0.875rem;
  }
  .swiper-five .swiper-five-box {
    margin-left: 0.4rem;
  }
  .serve-swiper .swiper-button-next-s,
  .serve-swiper .swiper-button-prev-s {
    width: 2.63rem;
    height: 2.63rem;
  }
  .swiper-container .swiper-slide {
    width: 23rem !important;
  }
  .banners {
    margin-top: 8rem;
    height: 12rem;
  }
  .banners .banner-title {
    bottom: 2rem;
    left: 2rem;
  }
  .banners .banner-title .chinese {
    font-size: 1.125rem;
  }
  .banners .banner-section {
    width: 98%;
    height: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    bottom: 0;
  }
  .banners .banner-section .nav-bar .nav-item {
    font-size: 1rem;
    padding-right: 0.8rem;
  }
  .banner-service {
    height: 10%;
  }
  .banner-service .qu-img-te .content {
    height: 13.375rem;
  }
  .banner-service .qu-img-te .content ul {
    padding-left: 1rem;
    padding-right: 1rem;
    height: 13.6875rem;
  }
  .banner-service-line{
  height: 4.6875rem;
   width:100%;
   top:5rem;
  
  }
  .banner-service .qu-img-te .content ul li:nth-child(3){
  
  padding-bottom:0rem;
  
  
  }
  .banner-service .qu-img-te .content ul li a {
  text-align:center;
    width: 5rem;
  }
  .banner-service h2{
  font-size:1.125rem;
  padding-top:1rem;
  
  }
  .banner-service .qu-img-te .content ul li a .imgs {
  width:3rem;
    height: 3rem;
  }
  .banner-service .qu-img-te .content ul li a .text {
    font-size: 1rem;
  }
  .service-system {
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
  }
  .service-system .item {
    width: 100%;
  }
  .swiper-classics {
    width: 100%;
    height: 40.06rem;
    margin: 0 0rem;
    box-sizing: border-box;
  }
  .swiper-classics .swiper-classics-box {
    height: 100%;
    width: 100%;
    overflow: hidden;
    /* 导航按钮样式 */
    /* 分页器样式 */
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper {
    height: 100%;
    width: 100%;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide {
    position: relative;
    width: 4rem;
    height: 35.06rem;
    margin-right: 0.625rem !important;
    /*    margin: 0 0.97rem; */
    /*     overflow: hidden; */
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide .title {
    display: none !important;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide .swiper-lazy {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide .title {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 5rem;
    background: #6578FD;
    border-radius: 0 5.5rem 5.5rem 0rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 1.38rem;
    color: #FFFFFF;
    text-align: center;
    padding-left: 2rem;
    line-height: 5rem;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide .title img {
    width: 1.06rem;
    height: 1.06rem;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide-prev {
    overflow: hidden;
    width: 4rem !important;
    height: 35.06rem;
    border-radius: 0rem 0 5.5rem 0;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide-prev .title {
    display: none !important;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide-active {
    overflow: hidden;
    width: 10rem !important;
    height: 40.0625rem;
    background: #000000;
    border-radius: 5.5rem 0rem 5.5rem 0rem !important;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide-active .title {
    display: block !important;
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide-next {
    overflow: hidden;
    width: 11.94rem !important;
    height: 35.06rem;
    border-radius: 5.5rem 0rem 0 0;
    transform: translateY(10px);
  }
  .swiper-classics .swiper-classics-box .swiper-wrapper .swiper-slide-next .title {
    display: none !important;
  }
  .swiper-classics .swiper-classics-box .swiper-container .swiper-wrapper {
    overflow: hidden;
    width: 100%;
  }
  .swiper-classics .swiper-classics-box .swiper-container .swiper-slide {
    width: 100% !important;
  }
  .swiper-classics .swiper-classics-box .swiper-button-prev,
  .swiper-classics .swiper-classics-box .swiper-button-next {
    color: #118FE3;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .swiper-classics .swiper-classics-box .swiper-button-prev:after,
  .swiper-classics .swiper-classics-box .swiper-button-next:after {
    font-size: 18px;
    font-weight: bold;
  }
  .swiper-classics .swiper-classics-box .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #ddd;
    opacity: 1;
  }
  .swiper-classics .swiper-classics-box .swiper-pagination-bullet-active {
    background-color: #118FE3;
    width: 30px;
    border-radius: 5px;
  }
  .news-information {
    height: 100%;
  }
  .news-information .container {
    padding: 0 1rem 1rem 1rem;
     height: 100%;
  }
  .news-information .container .left-card {
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
  }
  .news-information .container .left-card .card-content {
    height: 100%;
  }
  .news-information .container .left-card .card-content .card-time {
    line-height: 2rem;
  }
  .news-information .container .left-card img {
    width: 100%;
  }
  .pro-banner-img {
    height: 20rem;
  }
  .max-img{
  position:static;
  
  
  }
  .pro-banner-img .img-name {
  
  width:9rem;
    left: 1rem;
    font-size: 1.2rem;
  }
  .aboout-container {
    margin: 1rem;
    height: 100%;
    padding: 2rem;
    flex-direction: column;
  }
  .aboout-container .aboout-container-l h1 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .aboout-container .aboout-container-r {
    width: 100%;
    margin-top: 2rem;
  }
  .aboout-container1 {
    padding: 1rem;
    flex-direction: column;
    height: 100%;
  }
  .aboout-container1 .aboout-container-l .tabs {
    position: static;
  }
  .aboout-container1 .aboout-container-r {
    width: 100%;
    margin-bottom:7rem;
  }
  .aboout-container1 .about2-img {
    height: 10rem;
  }
  .swiper-container-about {
    padding-left: 1rem;
  }
  .swiper-container-about .swiper-wrapper-box .swiper-wrapper .swiper-slide {
    padding: 1rem;
  }
  .swiper-container-about .swiper-wrapper-box .swiper-button-prev {
    left: 71%;
  }
  .product-details-container .tab-content {
    padding: 1rem;
  }
  .product-details-container .product-details {
    padding: 1rem;
    flex-direction: column;
  }
  .product-details-container .product-details img {
    width: 100%;
    height: 100%;
  }
  .product-details-container .product-details .infos {
    width: 100%;
  }
  .pro-center {
    padding: 1rem;
    flex-direction: column  ;
  }
  .pro-center .tab-content {
    width: 100%;
  }
  .pro-center .tab-content .tab-content-item .product-list {
    display: flex;
  }
  .pro-center .tab-content .tab-content-item .product-list .product-item {
    width: 100%;
  }
  .pro-center .tab-content .tab-content-item .service-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .service-support {
    padding: 1rem;
    flex-direction: column  ;
  }
  .service-support .tab-content {
    width: 100%;
  }
  .service-support .tab-content .tab-content-item .product-list {
    display: flex;
  }
  .service-support .tab-content .tab-content-item .product-list .product-item {
    width: 100%;
  }
  .service-support .tab-content .tab-content-item .service-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .new-container {
    margin: 1rem;
    flex-direction: column;
  }
  .new-container .left-panel,
  .new-container .right-panel {
    width: 100%;
  }
  .new-card-grid {
    padding: 1rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .info {
    flex-direction: column;
  }
  .info .info-box {
    width: 100%;
  }
  .info .info-box .num p:nth-child(1),
  .info .info-box .num p:nth-child(2),
  .info .info-box .num p:nth-child(3) {
    padding-right: 1rem;
    white-space:nowrap;
  }
.info .info-box .num{
display:flex;
  flex-direction: column;
  text-align:left;
  margin-top:2rem;


}
.info .info-box .num p{
width:100%;
margin-left:2rem;

  text-align:left;
}
.info .info-box .num .size{
margin-left:1rem;
width:100%;



}
  .info .info-box .num .size .font-sizes {
    padding-right: 0;
  }
  .info .info-box .num .size .font-sizes span{
  margin-right:1rem;
  
  
  }
  .info .info-box .num .size .font-sizes span:nth-child(1) {
    padding-right: 0;
  }
  .contact-us-container {
    margin: 1rem;
  }
  .contact-us-container .contact-us-item {
    width: 100%;
    padding: 1rem;
    flex-direction: column;
  }
  .contact-us-container .contact-us-item ul {
    width: 100%;
  }
  .contact-us-container .contact-us-item h2 {
    font-size: 1.3rem;
  }
  .footer {
    padding: 0;
    height: 100%;
  }
  .footer .footer-left {
    width: 100%;
  }
  .footer .footer-middle {
    width: 100%;
    gap: 0.3125rem;
  }
  .footer .footer-middle .footer-section {
    width: 45%;
    float: left;
  }
  .footer .footer-middle .footer-section h3 {
    width: 100%;
    text-align: left;
    font-size:1.125rem;
  }
  .footer .footer-middle .footer-section ul li a {
    width: 100%;
    text-align: center;
  }
  .footer .footer-container {
    height: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
  }
  .footer .footer-bottom {
    padding: 1rem;
    flex-direction: column;
    align-items: normal;
  }
  .resource-ownload {
    padding: 2rem;
  }
  .pages ul a {
    padding: 1rem 0.7rem;
  }
  .professional-building {
    padding: 3rem 2rem 2rem 2rem;
    box-sizing: border-box;
  }
  .professional-building .tabs {
    overflow-x: auto;
    height: 2.5rem;
    /* 仅Chrome、Safari和新Edge */
  }
  .professional-building .tabs ul::-webkit-scrollbar {
    display: none;
  }
  .professional-building .tabs ul {
    /* 隐藏滚动条 */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    overflow-x: auto;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .professional-building .tabs ul li {
    line-height: 2.5rem;
  }
  .professional-building .tabs ul li a {
    width: 10rem;
    height: 2.5rem;
    margin-right: 0.7rem;
    flex-wrap: nowrap;
    text-align: center;
    padding: 0 0.2rem;
  }
  .professional-building .list li .detail a {
    flex-direction: column;
    height: 100%;
    padding-bottom: 4rem;
  }
  .professional-building .list li .detail a .right {
    width: 100%;
    height: 100%;
  }
  .professional-building .list li .detail a .left {
    width: 100%;
  }
  .professional-building .list li .detail a .left .bot {
    bottom: -2.5rem;
  }
  .specia-list {
    padding: 1rem 2rem;
  }
  .maxs {
    padding: 3rem 2rem  0 2rem;
  }
  .new-center {
    padding: 4em 2rem 0rem 2rem;
  }
  .new-center ul li {
    height: 100%;
  }
  .new-center ul li a {
    flex-direction: column;
    height: 100%;
    padding-bottom: 3rem;
  }
  .new-center ul li a .right {
    width: 100%;
  }
  .new-center ul li a .left {
    width: 100%;
  }
  .new-center ul li a .left .bot {
    bottom: -2rem;
  }
  .info {
    padding: 4em 2rem 0rem 2rem;
  }
  .info .info-bot {
    flex-direction: column;
    padding: 1rem 0;
  }
  .info .info-bot .syt {
    max-width: 100%;
    padding:1rem 1rem;
  }
  .info .related-news{
 max-width: 100%;
  
  }
  .info .info-box .content_mod{
  margin-bottom:2rem;
  
  
  }
  .info .info-box .info-bot{
  margin-bottom:4rem;
  
  }
  .swiper-container .swiper-slide .swiper-img{
  height:20rem;
  
  }
  .footer .footer-middle .footer-section ul li{
  
  }
  .footer .footer-middle .footer-section ul li a{
  text-align:left;
  
  
}
@media (max-width: 500px) and only screen and (max-width: 1200px) {
  .swiper-classics .swiper-classics-box .swiper-container .swiper-slide {
    /* 	width: 770px; */
  }
}
@media (max-width: 500px) and only screen and (max-width: 980px) {
  .swiper-classics .swiper-classics-box .swiper-container .swiper-slide {
    width: 471px;
  }
}
@media (max-width: 500px) and only screen and (max-height: 480px) {
  .swiper-classics .swiper-classics-box .swiper-container .swiper-slide {
    width: 471px;
  }
}