@media (max-width: 1200px) { .container { width: 1024px; }
  .header .navbar .nav > li { margin-left: 50px; }
  .index-main .item-box2 .box-wrapper { background-size: auto 250px; }
  .news-list-main .item .pic { width: 30%; }
  .news-list-main .item .info { width: 67%; } }
@media (max-width: 1024px) { .container { width: 100%; padding-left: 10px; padding-right: 10px; }
  .header .logo { width: 15%; }
  .header .navbar { width: 85%; }
  .header .navbar .nav > li { margin-left: 5%; }
  .header .navbar .nav > li.language { right: 10px; }
  .index-main .item-box2 .box-left { width: 50%; }
  .index-main .item-box2 .box-left .content { line-height: 2; }
  .index-main .item-box2 .box-left .more { margin-top: 15px; }
  .index-main .item-box2 .box-pic { width: 50%; }
  .pro-wrapper .button-prev { left: 0; }
  .pro-wrapper .button-next { right: 0; }
  .index-product-slide { width: 95%; margin-left: auto; margin-right: auto; }
  .index-product-slide .swiper-slide .pic a { height: 260px; line-height: 260px; }
  .index-product-slide .swiper-slide .pic a img { padding: 20px; }
  .index-product-slide .swiper-slide .tit { height: 50px; line-height: 50px; padding-left: 15px; padding-right: 40px; background-size: auto 25px; }
  .inside-banner { height: 300px; } }
@media (max-width: 768px) { .navbtn { display: block; top: 25px; right: 10px; padding: 0 5px; border-radius: 4px; }
  .navbtn span { width: 25px; height: 2px; margin: 6px 0; }
  .navbtn.navclose span:nth-child(1) { -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  .navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  .web-top { line-height: 30px; font-size: 12px; }
  .header { position: relative; z-index: 9999; height: auto; background-color: #fff; }
  .header .logo { float: none; }
  .header .logo a { height: 80px; line-height: 80px; }
  .header .logo a img { padding: 10px 0; }
  .header .navbar { float: none; width: 100%; }
  .header .navbar .nav { display: none; width: 100%; text-align: left; border-top: 1px #8dc420 solid; }
  .header .navbar .nav > li { display: block; height: auto; line-height: 30px; margin-left: 0; }
  .header .navbar .nav > li > a { font-size: 14px; }
  .header .navbar .nav > li ul { position: static; width: 100%; }
  .header .navbar .nav > li ul li a { padding: 5px; font-size: 12px; }
  .header .navbar .nav > li.language { position: static; text-align: left; }
  .header .navbar .nav > li.language:hover, .header .navbar .nav > li.language:hover a { color: #525252; }
  .header .navbar .nav > li.language a { height: 30px; line-height: 30px; margin-left: 0; margin-right: 10px; color: #525252; }
  .header .navbar .nav > li.language a img { height: 15px; margin-right: 3px; margin-top: 7.5px; }
  .index-main .item-box2 .box-wrapper { background-color: #8dc420; }
  .index-main .item-box2 .box-left, .index-main .item-box2 .box-pic { float: none; width: 100%; }
  .index-main .item-box2 .box-left { padding-top: 20px; padding-left: 0; }
  .index-main .item-box2 .box-left h2 { color: #fff; }
  .index-main .item-box2 .box-left h2:after { background-color: #fff; }
  .index-main .item-box2 .box-pic { text-align: center; margin-top: 30px; }
  .index-main .item-box2 .box-pic img { width: 100%; }
  .index-main .item-box3 .item .title { width: 80%; }
  .index-main .item-box3 .item .title em { font-size: 28px; }
  .index-main .item-box3 .item .title strong { font-size: 20px; }
  .index-product-slide { width: 90%; }
  .inside-banner { height: 250px; }
  .inside-banner:before { height: 30px; }
  .pro-list-main .fenduan .yinger { width: 52.5%; }
  .pro-list-main .fenduan .tips h4 { padding-top: 80px; font-size: 16px; }
  .pro-list-main .fenduan .tips h5 { line-height: 1.6; font-size: 20px; }
  .pro-list-main .fenduan .list { margin-top: 30px; }
  .pro-list-main .fenduan .list .item .en { font-size: 20px; }
  .pro-list-main .fenduan .list .item .zh { font-size: 24px; }
  .news-list-main .item { padding: 10px; margin-top: 30px; }
  .news-list-main .item .pic { width: 35%; }
  .news-list-main .item .info { width: 62%; }
  .news-list-main .item .info .date { font-size: 14px; }
  .news-list-main .item .info h2 { padding-top: 10px; }
  .contact-main ul li { float: none; width: 100%; line-height: 25px; padding: 30px 10px; } }
@media (max-width: 576px) { .web-top { line-height: 1.3; padding: 7px 0; }
  .navbtn { top: 20px; }
  .header .logo a { height: 70px; line-height: 70px; }
  .index-main { overflow: hidden; }
  .index-main .item-box2 .box-wrapper { margin-top: 30px; }
  .index-main .item-box2 .box-left h2 { padding-top: 0; font-size: 18px; }
  .index-main .item-box2 .box-left h2:after { margin-top: 10px; }
  .index-main .item-box2 .box-left .content { margin-top: 20px; font-size: 12px; }
  .index-main .item-box2 .box-left .more { width: 120px; line-height: 30px; padding-left: 15px; font-size: 12px; }
  .index-main .item-box3 { padding-bottom: 50px; }
  .index-main .item-box3 .item { float: none; width: 100%; }
  .index-main .item-box3 .milk-pic { display: none; }
  .box-tit h4 { line-height: 30px; }
  .box-tit h4:before { top: 15px; }
  .box-tit h4 em { padding: 0 5%; font-size: 18px; }
  .box-tit h4 em:before, .box-tit h4 em:after { display: none; }
  .box-tit h3 { font-size: 18px; }
  .index-product-slide { width: 75%; margin-top: 30px; }
  .index-product-slide .swiper-slide { padding-left: 5px; padding-right: 5px; }
  .index-product-slide .swiper-slide .tit a { font-size: 14px; }
  .inside-banner { height: 120px; margin-bottom: 30px; }
  .inside-banner:before { height: 15px; }
  .pro-list-main .slide-tab-menu a { width: auto; height: 30px; line-height: 30px; padding: 0 15px; margin: 0 1.5%; margin-bottom: 10px; font-size: 14px; }
  .pro-list-main .fenduan { background-size: cover; }
  .pro-list-main .fenduan .yinger { display: none; }
  .pro-list-main .fenduan .tips h4 { padding-top: 40px; font-size: 14px; }
  .pro-list-main .fenduan .tips h5 { margin-top: 20px; font-size: 16px; }
  .pro-list-main .fenduan .list .item { float: none; width: 100%; border-right: 0; border-bottom: 5px #f4f4f4 solid; }
  .news-list-main .item { padding: 0; }
  .news-list-main .item .pic, .news-list-main .item .info { float: none; width: 100%; }
  .news-list-main .item .info { margin-top: 20px; }
  .news-list-main .item .info h2 { padding-top: 5px; padding-bottom: 10px; font-size: 16px; }
  .news-list-main .item .info .content { line-height: 1.6; margin-top: 10px; font-size: 13px; }
  .news-list-main .item .info .more { display: none; }
  .news-list-main .item:hover { background: none; }
  .contact-main .pic { margin-top: 30px; }
  .contact-main ul li { padding: 10px 5px; font-size: 13px; }
  .contact-main ul li img { width: 20px; margin-right: 10px; }
  .contact-main ul li.address img { width: auto; height: 25px; }
  .contact-main .map { height: 300px; }
  .about-main { padding-bottom: 40px; }
  .about-main .content { margin-top: 30px; }
  .about-main .content, .about-main .content p, .about-main .content span, .about-main .content strong { line-height: 1.8; font-size: 13px; }
  .paging { margin-bottom: 40px; }
  .paging a { line-height: 25px; padding: 0 10px; margin: 0 3px; font-size: 12px; }
  .footer { padding-top: 10px; padding-bottom: 15px; }
  .footer .f-logo, .footer .f-nav { float: none; width: 100%; text-align: center; }
  .footer .f-logo { height: 60px; }
  .footer .f-nav { font-size: 12px; }
  .xuanfu { width: 30px; }
  .xuanfu a { width: 30px; height: 30px; line-height: 30px; }
  .xuanfu a > img { padding: 5px; }
  .xuanfu a:hover { width: 50px; }
  .single-wrapper-left{width:100%;margin-top:50px;}
.single-wrapper-right{width:100%;float:left;padding-left:0px;margin-top:20px;}
.about-main .content{padding-left:0px;padding-right:0px;}

}
@media (max-width: 320px) { .inside-banner { height: 100px; }
  .inside-banner:before { height: 10px; } }

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