@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}

.wap-click {display: none; cursor: pointer;}
.wap-click span {width: 30px; height:2px; background: #333; display: block;  margin:8px auto; transition: all 277ms ease-in-out;  position: relative;}



.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto; height: 100%;}
.hadNav2 .f_navbox { height: calc(100% - 7rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.hadNav2 .f_navbox > li {padding: 0.5rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.hadNav2 .f_navbox > li > a {font-size: 1.1rem; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > a > img {transform: rotate(90deg); margin-right: 0.5rem; transition: .5s;}
.hadNav2 .f_navbox > li > ul {display: none;}
.hadNav2 .f_navbox > li > ul > li > a {font-size: 1.1rem; padding:0 0.5rem;padding-top: 1rem; display: block; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > ul > li > a > img {transform: rotate(90deg); transition: .5s;}
.hadNav2 .f_navbox > li > ul > li > ul {display: none; padding: 0 0.5rem;}
.hadNav2 .f_navbox > li > ul > li > ul > li > a {font-size: 1rem; padding: 0.5rem; color: #333; display: block;}
.hadNav2 .f_navbox > li.active > a img {transform: rotate(-90deg);}
.hadNav2 .f_navbox > li.active > ul > li.active img {transform: rotate(-90deg);}
.hadNav2 .f_navbox li a:hover {color: #015198;} 

@media screen and (min-width: 200px) and (max-width: 1800px) {
  .header .container {width: 92%;}
  .diskSlide .diskDown .diskBox {width: 80%;}

}

@media screen and (min-width: 200px) and (max-width: 1700px) {
  .container {width: 92%;}
 /* 首页 */
 .banner .swiper-slide .box {width: 92%;}
 .banner .swiper-slide .box .imgBox {width: 50%;}
 .indexOne ul li {padding-left: 3rem;}
 .indexOne ul li:nth-child(1) {padding-left: 3rem;padding-right: 5rem;}
 .indexOne ul li:nth-child(3) {padding-left: 3rem;}
 

}

@media screen and (min-width: 200px) and (max-width: 1200px) {

  .header .h-re {gap: 2.5rem;}
  .wap-click {display: block;     order: 1;}
  .header .h-nav {display: none;}

} 

@media screen and (min-width: 200px) and (max-width: 1100px) {
  /* 底部 */
  .footer .box {flex-wrap: wrap; gap: 2rem;}
  .footer .footer-nav {width: 100%;     justify-content: space-around;}
  .footer .box .le {width: 100%; display: flex; flex-direction: column;  align-items: center;}
  .footer .re {width: 100%;}

}


@media screen and (min-width: 200px) and (max-width: 1000px) {
  /* 首页 */
  .indexOne ul li {width: 100% !important;}
  .indexOne ul li:nth-child(3) img {width: 60%;}
  .indexOne ul li:nth-child(4) .pro4-title {    padding: 0rem 2rem 2rem 2.3rem;}
  .indexTwo ul {flex-wrap: wrap;}

      .prolist ul {
        grid-template-columns: repeat(3, 1fr);
    }
    .prolist li {
    padding: 2rem 1rem;
}
.prolist li h4 {
    font-size: 18px;
}
.prolist {
    padding: 4rem 0;

}

}

@media screen and (min-width: 200px) and (max-width: 768px) {
  .banner .swiper-slide .box {flex-wrap: wrap; justify-content: center;}
  .banner .swiper-slide .box .con {width: 100%;     text-align: center;}
  .indexThree .box {flex-wrap: wrap;}
  .indexThree .box .le {width: 100%; padding-top: 2rem; margin: 0 2%;}
  .indexThree .box .re {display: none;}
  .indexThree .box .wraoImg {display: block;}

      .prolist ul {
        grid-template-columns: repeat(2, 48.5%);
    }
    .prolist li {
        padding: 1.2rem 0.6rem;
    }

    .pronav .swiper-wrapper{display: block;}
    .pronav .swiper .swiper-slide a {

    padding: 1rem 0;

}
.ny-banner {
    margin-top: 4rem;
}
.ny-banner .box .cn{
  font-size: 16px;
}
.ny-banner .box {
    top: 50%;
}


}


@media screen and (min-width: 200px) and (max-width: 750px) {
  .banner .swiper-slide .box{top:20%}
  .banner .swiper-slide .box h3{    line-height: 3rem;    margin: 0rem 0;font-size:2.2rem}
  .banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
    .banner .swiper-slide .box span a{ background: #015198;color:#fff;text-align: center;padding:0.5rem 1rem;border-radius:30px;margin:0 1rem}
    .banner .swiper-slide .box span a img{display: none;}
    .banner .swiper-slide .box em{font-size: 1.5rem;}
    .indexOne{padding:0}
    .indexOne ul li strong{font-size: 2.5rem !important;line-height: 3rem;margin:0;}
    .indexOne ul li h3{font-size: 1.2rem;}
    .indexOne ul li a .le{text-align: center;}
    .indexOne ul li em{line-height: 2.5rem;}
    .indexOne ul li em{font-size:1.1rem}

        .indexTwo{ background: none;}
    .indexTwo{padding:2rem 0}
    .indexTwo ul li {    height: auto;    width: 48%; margin-top: 1rem; margin-bottom: 0;}
    .indexTwo ul li a {width: 100%;height: auto;margin: 2rem 0;}
    .indexTwo ul{margin-top:2rem; justify-content: space-between; gap: 0; }
    .indexTwo .tle p{margin-top: 1rem;}

    .indexThree .box h3{text-align: center;}
    .indexThree .box p{text-align: center;font-size: 1rem;margin:1rem 0;}
    .indexThree .box .le{    text-align: center;}
    .indexThree .box a{line-height: 2rem;}
    .indexThree .box{gap: 2.25rem;}

    .footer .re{display: none;}
    .footer .box .le .text{text-align: center;font-size: 0.9rem;    line-height: 23px;}
    .footer .box .le .text div{display: inline-block;}
}

@media screen and (min-width: 200px) and (max-width: 640px) {

  .header .box {height: 4.5rem;}
  .header .box h1 a img {width: 75%;}
  .header .h-re {gap: 1.5rem;}

    .indexOne {padding: 1rem;}
  .indexOne ul li {padding: 2rem !important}
  .indexOne ul li a {flex-wrap: wrap; }
  .indexOne ul li strong {font-size: 1.5rem !important;}
  .indexOne ul li:nth-child(3) a {flex-direction: initial;}
  .indexOne ul li:nth-child(3) strong {margin-top: 0;}
  .indexOne ul li:nth-child(3) img {width: 100%;}
  .indexOne ul li a .le {width: 100%;}
  .indexOne ul li em {margin-top: 0 !important;}
  .indexOne ul li .re {width: 100% !important}

  .app-list ul li {
        width: 100%;
        margin-bottom: 2rem;
    }
  .app-list ul li .info{width: auto; left: 1rem; bottom: 1rem;}
  .app-list ul li .info strong{font-size: 1.2rem; margin-bottom: 1rem;text-shadow: 0 1px 10px BLACK;}
  .app-list ul li .info span{width: 6rem; line-height: 2.5rem;}
 .footer .footer-nav {display: none;}

}