html { font-size: 100px; }

@media screen and (max-width: 1920px) { .wrapper { width: 100%; } }
@media screen and (max-width: 1800px) { .contact-addr { right: 14%; } }
@media screen and (max-width: 1700px) { .contact-addr { right: 12%; } }
@media screen and (max-width: 1600px) { .contact-addr { right: 9%; } }
@media screen and (max-width: 1500px) { .contact-addr { right: 7%; } }
@media screen and (max-width: 1400px) { .contact-addr { right: 4%; } }
@media screen and (max-width: 1300px) { .contact-addr { right: 1%; } }
@media screen and (max-width: 1200px) { .contact-addr { right: 13%; top: 20px; } }
@media screen and (max-width: 1100px) { .contact-addr { display: none; } }
@media screen and (max-width: 1600px) { .header .wrapper { height: 60px; }
  .header img { height: 32px; }
  .header-contact { height: 32px; font-size: 16px; padding: 0 15px; }
  .nav { margin-top: -5px; }
  .nav a { margin-left: 30px; font-size: 16px; }
  .nav a::after { bottom: -10px; }
  .wrap-item { padding-top: 80px; }
  .wrap-tit { font-size: 48px; }
  .wrap-tit::after { bottom: -30px; }
  .about-le { width: 100%; }
  .about-con { margin-top: 80px; }
  .about-data { margin-top: 70px; }
  .about-intro { margin-left: -30px; }
  .about-intro-tit { font-size: 30px; }
  .about-intro-tit::after { margin-top: 20px; }
  .about-intro-list { flex: calc(33.3% - 30px) 0 1; margin-left: 30px; padding: 30px 30px 50px; }
  .about-intro-sub { font-size: 16px; margin-top: 40px; }
  .product-cont { margin-left: -20px; }
  .product-list { padding: 20px 20px 40px; flex: calc(50% - 20px) 0 1; margin: 20px 0 0 20px; }
  .product-list-top img { height: 36px; }
  .product-list-btn { height: 36px; font-size: 16px; padding: 0 24px; }
  .product-list-sub { margin-top: 50px; font-size: 16px; }
  .picture { margin: 70px 0 0; }
  .picture .wrap-tit { font-size: 36px; }
  .picture-item.l { flex: 40% 0 1; }
  .picture-item.r { flex: 60% 0 1; }
  .picture-sub { margin-top: 50px; width: 100%; font-size: 14px; margin-right: 20px; }
  .picture-img.w1 { margin-top: 50px; } }
@media screen and (max-width: 1200px) { .wrapper { padding-left: 20px; padding-right: 20px; }
  .header-contact { margin-left: 20px; }
  .header-contact i { width: 16px; height: 16px; background-size: cover; }
  .nav a { margin-left: 15px; }
  .contact { padding: 30px 0; }
  .contact-list { padding-top: 20px; }
  .footer { padding: 20px 0; }
  .footer-logo img { height: 48px; }
  .footer-nav a { margin: 0 10px; }
  .footer-link { display: none; }
  .about-data-le li { margin-right: 50px; } }
@media screen and (max-width: 768px) { .banner1, .nav, .header-contact, .header.fixed .logo2, .footer-logo img, .footer-nav, .picture-item.r, .picture-img.w1 { display: none; }
  .banner2, .header.fixed .logo1, .menu { display: block; }
  .contact-txt { display: flex; }
  .header { position: absolute; }
  .header.fixed { background: none; box-shadow: none; backdrop-filter: none; }
  .wrap-item { padding-top: 39px; }
  .wrap-tit { text-align: center; font-size: 24px !important; }
  .wrap-tit::after { width: 56px; height: 3px; bottom: -12px; left: 50%; margin-left: -28px; }
  .about { background: url("../images/aboutbg2.png") no-repeat top center; }
  .about-con { font-size: 14px; margin-top: 30px; }
  .about-con-p { margin-top: 25px; }
  .about-con-pt { display: block; font-weight: bold; }
  .about-data { display: none; }
  .about-btm { margin-top: 24px; padding-bottom: 4px; }
  .about-btm::after { display: none; }
  .about-intro { display: block; }
  .about-intro .about-data-m { display: none; }
  .about-intro-list { margin-bottom: 10px; padding: 20px 20px 30px; }
  .about-intro-list:hover { transform: translateY(0); }
  .about-intro-tit { font-size: 20px; }
  .about-intro-tit::after { display: none; }
  .about-intro-sub { min-height: auto; font-size: 12px; margin-top: 18px; }
  .product-cont { background: none; margin: 30px 0 0; display: block; }
  .product-list { margin-left: 0; margin-top: 7px; display: block; padding: 20px; }
  .product-list:first-child { display: none; }
  .product-list-top img { height: 28px; }
  .product-list-btn { height: 28px; padding: 0 20px; font-size: 12px; }
  .product-list-sub { margin-top: 35px; }
  .footer { padding: 12px 0; }
  .contact { background: url("../images/lxbg2.png") no-repeat top center; background-size: cover; padding-top: 60px; padding-bottom: 20px; }
  .contact-cont { padding: 20px; width: auto; background: #FFF; }
  .contact-list { font-size: 14px; padding-top: 28px; }
  .contact-list::after { margin-top: 13px; }
  .contact-list:first-child { padding-top: 0; }
  .contact-list img { height: 12px; margin-right: 8px; }
  .picture { display: block; }
  .picture .wrap-tit { text-align: left; }
  .picture .wrap-tit::after { display: none; }
  .picture-sub { margin-top: 18px; margin-right: 0; }
  .picture-item.l { padding: 40px 20px 0 !important; }
  .picture-mobi { display: block; margin-top: 16px; }
  .contact-addr { display: block; position: static; }
  .contact-txtt { margin-top: 5%; margin-bottom: 15px; font-size: 14px; line-height: 36px; }
  .contact-icon { display: none; } }