@media (max-width: 1024px) { .head { }
  .head h1, .head .navbar { float: none; width: 100%; }
  .head .navbar { margin-top: 15px; }
  .head .top-tel { position: absolute; top: 0; right: 10px; width: auto; height: 55px; line-height: 55px; font-size: 26px; }   .banner-video{margin-top:168px;} 
  .inside-main{ margin-top:35px;}
  }
@media (max-width: 768px) { .main-box2 { padding:50px 15px; }
  .main-box4 .box-left { margin-top: 0; padding-right: 50px; }
  .main-box5 .box-left, .main-box5 .box-right { float: none; width: 100%; }
  .main-box5 .box-right img { width: 100%; }
  .main-box6 .box-list { max-width: 50%; }
  .main-box8 .box-list ul li { width: 25%; }
  .inside-main .list-pic ul li { width: 33.33%; } 
  .main-box2 h4,.main-box2 small{ font-size:25px; line-height:30px;}
}
@media (max-width: 767px) 
{
  .head h1{ margin-top:5px; position:relative; z-index:100; width:80%;}
  .head .navbar{ margin-top:-65px; width:100%;}
  .head .navbar.home{ margin-top:-48px;}
  .head .top-tel{ font-size:14px; height:20px; line-height:20px; margin-top:5px; display:block;}
  .head .navbar .navbar-nav { margin: 10px 0 0 0; }
  .head .navbar .navbar-nav li { width: 100%; height: auto; line-height: 30px; }
  .head .navbar .navbar-nav li.active { border-radius: 2px; border-width: 1px; padding-left: 10px; }
  .head .navbar .navbar-nav li em, .head .navbar .navbar-nav li i { display: inline-block; padding-top: 0; }
  .head .navbar .navbar-nav li i { padding-left: 5px; }
  .main-box10 .box-list .item { position: static; width: 100% !important; margin-bottom: 20px; margin-left: 0; }
  .banner-video{margin-top:93px;}
  .inside-main .list-pic { padding: 0; overflow: hidden; }
  .inside-main .list-pic ul li { width: 50%; } }
@media (max-width: 576px) { .head .top-tel { font-size: 14px; }
  .box-title h3 { font-size: 22px; }
   .tmall-adv .item-box { width: 100%; height: 260px; margin: 0 auto; background-size: contain; }
  .tmall-adv .item-box img { width: 65%; margin-top: 115px; }
  .tmall-adv .item-box a { width: 65%; height: 40px; line-height: 40px; font-size: 18px; }
  .main-box1 ul { margin-left: 0; margin-right: 0; }
  .main-box1 ul li { width: 100%; float: none; padding-left: 0; padding-right: 0; margin-bottom: 20px; }
  .main-box1 ul li a { text-align: center; }
  .main-box1 ul li p { margin-top: 10px; }
  .main-box3 { padding: 100px 0; }
  .main-box3 ul li { width: 50%; margin-bottom: 30px; }
  .main-box3 ul li strong { padding-top: 15px; }
  .main-box4 .box-left, .main-box4 .box-right { width: 100%; float: none; }
  .main-box4 .box-left { margin-bottom: 30px; padding-right: 0; }
  .main-box6 .container { background: none !important; }
  .main-box6 .box-list { max-width: none; width: 100%; padding-bottom: 70px; }
  .main-box6 .box-list ul { margin-top: 30px; }
  .main-box6 .box-list > a { margin-top: 15px; }
  .main-box8 .box-list ul li { width: 50%; }
  .footer { padding-top: 50px; padding-bottom: 70px; }
  .footer .foot-left, .footer .foot-map { float: none; width: 100%; }
  .footer .foot-left { margin-bottom: 30px; }
  .footer .foot-left .f-nav { margin-top: 40px; }
  .inside-main { margin-top: 50px; }
  .inside-main .list-pic ul li a.pic { height: 120px; line-height: 120px; }
  .inside-main .paging { margin-top: 70px; margin-bottom: 80px; } }
@media (max-width: 320px) { .inside-main .list-pic ul li { width: 100%; float: none; }
  .inside-main .list-pic ul li a.pic { max-height: 190px; height: auto; line-height: normal; }
.tmall-adv .item-box { height: 200px; }
  .tmall-adv .item-box img { width: 60%; margin-top: 90px; }
  .tmall-adv .item-box a { height: 30px; line-height: 30px; font-size: 14px; margin: 20px auto 0; }
   }

/*# sourceMappingURL=media.css.map */