﻿
@media (min-width: 1440px) { header .container { width: 90%; } }
@media (min-width: 1600px) { .ipc-banner .nav-title { left: -190px; }
  .ipc-nav { margin-left: -190px; }
  .content { width: 960px; }
  }
@media (max-width: 1439px) { header { height: 72px; }
  header .logo { margin-top: 20px; }
  header nav { margin-top: 20px; }
  header .nav-item { margin-left: 20px; margin-right: 20px; font-size: 14px; }
  header .sub-nav-list { left: -20px; right: -20px; }
  header .sub-nav-item { line-height: 30px; }
  header .contact { margin-top: 28px; }
  header .contact-item { margin-left: 20px; }
  /* ***** 首页 ***** */
  .home-banner .carousel-item .en { font-size: 50px; }
  .home-banner .carousel-item .zh { font-size: 24px; }
  .hm-common .hm-title { font-size: 26px; }
  .home-events .info-news .hm-title { margin-bottom: 60px; }
  .home-events .info-news .info-item { height: 36px; line-height: 36px; }
  .home-events .events-carousel .desc { padding: 30px; }
  .home-events .events-carousel .slick-dots { bottom: 30px; }
  .home-events .events-carousel .slick-dots li { margin-left: 8px; margin-right: 8px; }
  .home-investment .hm-title { margin-bottom: 60px; }
  .home-investment .info-desc .info-title { font-size: 20px; }
  .home-investment .info-list { margin-top: 100px; }
  .home-investment .info-item a { line-height: 32px; padding-left: 1em; }
  .home-investment .info-item a:after { right: 1.5em; }
  }
@media (max-width: 1200px) { .container { width: 960px; }
  header .container { width: 90%; }
  header nav { position: fixed; top: 72px; left: auto; right: -200px; bottom: 0; width: 200px; margin-top: 0; padding-top: 32px; padding-bottom: 32px; background: rgba(0, 0, 0, 0.8); visibility: hidden; transition: all .8s, top .3s; }
  header nav.show { right: 0; visibility: visible; }
  header .nav-item { display: block; width: 100%; margin-left: 0; margin-right: 0; }
  header .nav-item:hover .sub-nav-list { margin-top: -10px; margin-right: 0; }
  header .nav-item:hover > a { color: #fff; }
  header .nav-item:hover > a:before { transform: none; }
  header .nav-item > a { position: relative; line-height: 40px; z-index: 1; }
  header .nav-item > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f5bc00; transform: scale(1, 0); transition: transform .5s; z-index: -1; }
  header .nav-item > a:hover { color: #fff; }
  header .nav-item > a:hover:before { transform: none; }
  header .nav-item > a.up:before { transform-origin: 0 100%; }
  header .nav-item > a.up:hover:before { transform-origin: 0 0; }
  header .nav-item > a.down:before { transform-origin: 0 0; }
  header .nav-item > a.down:hover:before { transform-origin: 0 100%; }
  header .sub-nav-list { top: 0; left: auto; right: 100%; margin-top: 0; margin-right: 15px; padding: 10px 0; white-space: nowrap; box-shadow: -3px 3px 3px #ccc; }
  header .sub-nav-list:before { content: none; }
  header .sub-nav-item { padding: 0 20px; line-height: 40px; }
  header .contact { margin-right: 20px; }
  header .nav-menu-btn { position: relative; display: block; float: right; width: 32px; height: 32px; margin-top: 20px; cursor: pointer; transition: all .3s; }
  header .nav-menu-btn.enter .menu-btn { transition-duration: .1s; transition-delay: .4s; }
  header .nav-menu-btn.enter .menu-btn:before, header .nav-menu-btn.enter .menu-btn:after { opacity: 0; }
  header .nav-menu-btn.enter .menu-btn:before { left: -50%; right: 100%; transform: translate(-100%, 0); }
  header .nav-menu-btn.enter .menu-btn:after { left: 100%; right: -50%; transform: translate(100%, 0); }
  header .nav-menu-btn.enter .up { top: 14px; transform: rotate(45deg); }
  header .nav-menu-btn.enter .down { bottom: 14px; transform: rotate(-45deg); }
  header .nav-menu-btn.leave .menu-btn:before, header .nav-menu-btn.leave .menu-btn:after { opacity: 1; transform: translate(0, 0); }
  header .nav-menu-btn.leave .menu-btn:before { left: 0; right: 50%; }
  header .nav-menu-btn.leave .menu-btn:after { left: 50%; right: 0; }
  header .menu-btn { position: absolute; display: block; width: 100%; height: 4px; }
  header .menu-btn:before, header .menu-btn:after { content: ''; position: absolute; top: 0; height: 100%; background: #f5bc00; transition: all .3s; }
  header .menu-btn:before { left: 0; right: 50%; }
  header .menu-btn:after { left: 50%; right: 0; }
  header .menu-btn.up { top: 8px; }
  header .menu-btn.down { bottom: 8px; }
  header.scroll-down nav { top: 50px; margin-top: 0; }
  header.scroll-down .nav-item:hover .sub-nav-list { margin-top: -10px; }
  /* ***** 首页 ***** */
  .home-banner .carousel-item .en { font-size: 40px; }
  .home-banner .carousel-item .zh { font-size: 22px; }
  .hm-common .hm-title { font-size: 24px; }
  .hm-common .hm-desc { line-height: 1.8; }
  .hm-common .hm-details { width: 90px; }
  .home-product .homeP-item { padding-left: 50px; padding-right: 50px; }
  .home-product .homeP-item img { width: 100%; }
  .hm-common-ornament { display: none; }
  .home-events .events-carousel { width: 60%; }
  .home-events .events-carousel .desc { padding: 20px 30px; }
  .home-events .events-carousel .desc p { font-size: 18px; }
  .home-events .events-carousel .slick-dots { bottom: 20px; height: 18px; padding-top: 4px; padding-bottom: 0; }
  .home-events .events-carousel .slick-dots li { width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; }
 }
@media (max-width: 1024px) { .container { width: 720px; }
  header { height: 60px; }
  header .logo { margin-top: 18px; }
  header .logo img { width: 200px; height: auto; }
  header .contact {display:none; margin-top: 22px; }
  header .nav-menu-btn { margin-top: 14px; }
  header nav { top: 60px; right: -40%; width: 40%; padding-top: 10px; padding-bottom: 50px; overflow-x: hidden; overflow-y: auto; }
  header .nav-item:hover .sub-nav-list { margin: 0; }
  header .nav-item.active > a:before { transform: none; }
  header .sub-nav-list { position: relative; top: auto; left: auto; right: auto; display: none; margin: 0; padding: 0; opacity: 1; visibility: visible; box-shadow: none; transition: none; }
  header .contact-2wm { display: none; }
  header.scroll-down .nav-item:hover .sub-nav-list { margin: 0; }
  .navbar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2000; }
  .header-placeholder { display: block; height: 60px; }
 
  /* ***** 首页 ***** */
  .home-banner .carousel-item { position: relative; }
  .home-banner .carousel-item .carousel-bg { display: block; width: 100%; visibility: hidden; }
  .home-banner .carousel-item .desc-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .home-banner .carousel-item .desc { width: 100%; height: 100%; }
  .home-banner .carousel-item .en { font-size: 30px; }
  .home-banner .carousel-item .zh { margin-top: 10px; font-size: 18px; }
  .home-banner .carousel-item .small { margin-top: 40px; }
  .home-banner .slick-dots { bottom: 14px; }
  .home-banner .slick-dots:before { content: none; }
  .home-banner .scroll-down { display: none; }
   }
@media (max-width: 768px) { body { font-size: 12px; }
  .container { width: 540px; }
  header nav { right: -90%; width: 90%; }
  .footer-logo { margin-top: 25px; margin-bottom: 0; }
  .footer-logo img { width: 120px; }
 
  /* ***** 首页 ***** */
  .home-banner .carousel-item .en { font-size: 22px; }
  .home-banner .carousel-item .zh { font-size: 16px; }
  .home-banner .carousel-item .small { display: none; }
  .hm-common .hm-title { margin-top: 5%; margin-bottom: .6em; font-size: 20px; }
  .hm-common .hm-desc { width: 100%; }
  .home-product .homeP-list { margin-top: 30px; margin-bottom: 5%; }
  .home-product .homeP-item { padding-left: 30px; padding-right: 30px; }
  .home-events .events-carousel .desc { padding: 13px 5%; }
  .home-events .events-carousel .desc p { font-size: 14px; }
  .home-events .events-carousel .slick-dots { bottom: 13px; height: 14px; padding-top: 2px; }
  }
@media (max-width: 640px) { .container { margin-left: 10px;margin-right: 10px;width:auto;}
  .home-banner .carousel-item .en { font-size: 16px !important; }
  .home-banner .carousel-item .zh { font-size: 14px !important; }
  .home-banner .slick-dots { bottom: 5px; line-height: 6px; }
  .home-banner .slick-dots li { width: 6px; height: 6px; margin-left: 3px; margin-right: 3px; vertical-align: top; }
  .hm-common .hm-title { font-size: 15px; }
  .home-product .homeP-list { margin-top: 20px; }
  .home-product .homeP-item { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; }
  .home-product .homeP-item:hover { box-shadow: none; }
  .home-product .homeP-item img { width: 54px; }
  .home-events .events-carousel .desc { padding-top: 10px; padding-bottom: 10px; }
  .home-events .events-carousel .desc p { font-size: 12px; }
  .home-events .events-carousel .slick-dots { bottom: 10px; height: 12px; padding-top: 3px; }
  .home-events .events-carousel .slick-dots li { width: 6px; height: 6px; margin-left: 3px; margin-right: 3px; }
  header .logo{margin-top: 8px;}
  header .logo img{height: 45px;width: auto;}
  header.scroll-down .logo{margin-top: 4px;}
  header.scroll-down  .logo img{height: 40px;width: auto;}
  }
