/* Global Banner Responsive for all devices including PC and iPad */
.slideBox .bd li { height: 38.07vw !important; background-size: 100% 100% !important; background-position: center top !important; }
.slideBox .bd li a { height: 100% !important; width: 100% !important; }
.slideBox { height: auto !important; }
.slideBox .tempWrap { height: auto !important; }
.slideBox .hd { bottom: 10px !important; }

@media screen and (max-width: 1024px) {
  body, html { overflow-x: hidden; }
  .container { width: 100% !important; box-sizing: border-box; padding: 0 15px; }
  
  /* Header */
  .header { height: 60px !important; width: 100% !important; }
  .daheader { height: 60px !important; width: 100% !important; }
  .toplogo { width: 60%; }
  .toplogo img { max-height: 40px; margin-top: 10px; width: auto; max-width: 100%; }
  
  .mobile-menu-btn {
    display: block;
    position: absolute;
    right: 15px;
    top: 17px;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 1000;
  }
  .mobile-menu-btn span {
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    margin-bottom: 6px;
    transition: 0.3s;
  }
  .mobile-menu-btn.open span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  .mobile-menu-btn.open span:nth-child(2) {
    opacity: 0;
  }
  .mobile-menu-btn.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
  
  .head_nav {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    z-index: 999;
    padding-bottom: 20px;
  }
  .head_nav01 { float: none !important; width: 100% !important; padding: 0 !important; }
  .head_nav02 { float: none !important; width: 100% !important; padding: 0 !important; }
  .nav { display: block !important; width: 100% !important; padding: 0 15px !important; box-sizing: border-box !important; }
  .nav .nLi { float: none !important; width: 100% !important; border-bottom: 1px solid #eee !important; display: block !important; padding: 0 !important; }
  .nav .nLi h3 { height: auto !important; line-height: normal !important; padding: 15px 0 !important; width: 100% !important; }
  .nav .nLi h3 a { height: auto !important; display: block !important; padding: 0 !important; background: none !important; width: 100% !important; }
  .nav .nLi h3 a p { font-size: 16px !important; line-height: normal !important; margin: 0 !important; }
  .nav .nLi h3 a span { display: none !important; }
  .nav .sub { display: none !important; position: static !important; width: 100% !important; box-shadow: none !important; padding-left: 20px !important; box-sizing: border-box !important; background: #f9f9f9 !important; border: none !important; }
  .nav .sub li { width: 100% !important; display: block !important; border-bottom: 1px solid #eee !important; height: auto !important; line-height: normal !important; float: none !important; }
  .nav .sub li a { padding: 10px 0 !important; color: #666 !important; font-size: 14px !important; display: block !important; height: auto !important; line-height: normal !important; }
  .navjt { display: none !important; }
  .head_search { display: none !important; }
  .yuyan { display: none !important; }
  .nav .nLi.active .sub { display: block !important; }

  /* 加工中心 */
  .jiagong { padding: 30px 0 !important; }
  .jiagong_title { font-size: 24px !important; line-height: normal !important; margin-bottom: 20px !important; padding: 0 !important; height: auto !important; }
  .slideGroup01 .parHd ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .slideGroup01 .parHd ul li { width: 33.33% !important; margin: 0 !important; margin-bottom: 10px !important; height: auto !important; padding: 0 5px; box-sizing: border-box; float: none !important; }
  .slideGroup01 .parHd ul li a { padding: 10px 0 !important; height: auto !important; display: block; border-radius: 5px; }
  .slideGroup01 .parHd ul li .protitle { font-size: 14px !important; line-height: normal !important; }
  .slideGroup01 .parHd ul li .sanjiao { display: none !important; }
  
  .slideGroup01 .parBd { width: 100% !important; padding: 0 !important; margin-top: 15px !important; }
  .slideGroup01 .slideBox01 { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
  .slideGroup01 .slideBox01 .tempWrap { width: 100% !important; height: auto !important; overflow: visible !important; }
  .slideGroup01 .slideBox01 ul { width: 100% !important; position: static !important; display: flex !important; flex-wrap: wrap !important; }
  .slideGroup01 .slideBox01 ul li { width: 50% !important; position: static !important; float: none !important; padding: 5px !important; box-sizing: border-box !important; height: auto !important; }
  .slideGroup01 .slideBox01 ul li .Bbox { width: 100% !important; height: auto !important; }
  .slideGroup01 .slideBox01 ul li .pic { width: 100% !important; height: auto !important; }
  .slideGroup01 .slideBox01 ul li .pic_img { width: 100% !important; height: auto !important; }
  .slideGroup01 .slideBox01 ul li .pic_img img { width: 100% !important; height: auto !important; display: block; }
  .slideGroup01 .slideBox01 ul li .Bbox_title { font-size: 14px !important; line-height: 30px !important; margin-top: 5px !important; }
  .slideGroup01 .sPrev, .slideGroup01 .sNext { display: none !important; }

  /* 流程 */
  .liucheng { padding: 30px 0 !important; }
  .slideTxtBox03 { width: 100% !important; }
  .slideTxtBox03 .hd { width: 100% !important; height: auto !important; }
  .slideTxtBox03 .hd ul { width: 100% !important; height: auto !important; position: static !important; }
  .slideTxtBox03 .hd ul li { width: 100% !important; height: auto !important; line-height: normal !important; padding: 15px 0 !important; }
  .slideTxtBox03 .hd ul li.on { height: auto !important; }
  .slideTxtBox03 .bd { margin: 20px 0 0 !important; }
  .slideTxtBox03 .bd ul li { width: 100% !important; height: auto !important; margin-bottom: 20px !important; float: none !important; background: none !important; padding: 0 !important; }
  .slideTxtBox03 .bd ul li .liu_wen { width: 100% !important; height: auto !important; padding: 10px !important; box-sizing: border-box; }
  .slideTxtBox03 .bd ul li .liu_tu { width: 100% !important; height: auto !important; }
  .slideTxtBox03 .bd ul li .liu_tu img { width: 100% !important; height: auto !important; display: block; }
  
  /* 品质保障 */
  .pinzhi { padding: 30px 0 !important; height: auto !important; }
  .pinzhi_title { padding: 0 !important; margin-bottom: 20px !important; height: auto !important; }
  .slideTxtBox04 { width: 100% !important; margin: 0 !important; }
  .slideTxtBox04 .hd { width: 100% !important; height: auto !important; }
  .slideTxtBox04 .hd ul { width: 100% !important; position: static !important; display: flex; flex-wrap: wrap; }
  .slideTxtBox04 .hd ul li { width: 50% !important; height: auto !important; padding: 10px 0 !important; background: none !important; }
  .slideTxtBox04 .hd ul li.on { background: #004592 !important; }
  .pinzhi01 { width: 100% !important; margin: 0 auto !important; text-align: center !important; }
  .pinzhi01_img { float: none !important; display: inline-block !important; margin-right: 0 !important; margin-bottom: 5px !important; }
  .pinzhi01_wen { float: none !important; width: 100% !important; }
  .pinzhi01_wen p { font-size: 14px !important; line-height: normal !important; text-align: center !important; }
  
  .slideTxtBox04 .bd { width: 100% !important; padding: 15px !important; box-sizing: border-box !important; }
  .slideTxtBox04 .bd ul li { width: 100% !important; height: auto !important; float: none !important; }
  
  .pinzhitu { width: 100% !important; float: none !important; margin-bottom: 15px !important; }
  .pinzhitu .datu { width: 100% !important; height: auto !important; }
  .pinzhitu .datu img { width: 100% !important; height: auto !important; display: block; }
  .pinzhitu .chatu { display: none !important; }
  
  .pinzhinr { width: 100% !important; float: none !important; height: auto !important; padding: 15px !important; box-sizing: border-box !important; }
  .pinzhinr .nr_title { height: auto !important; }
  .pinzhinr .title_wen p { font-size: 18px !important; line-height: normal !important; }
  .pinzhinr .nr_wen { height: auto !important; line-height: normal !important; padding: 10px 0 !important; }
  .pinzhinr .nr_zixu { position: static !important; width: 100% !important; margin-top: 15px !important; }
  
  /* 关于 */
  .guanyu { padding: 30px 0 !important; height: auto !important; }
  .guanyu_title { height: auto !important; padding: 0 !important; margin-bottom: 15px !important; }
  .guanyu_title p { font-size: 24px !important; line-height: normal !important; }
  .guanyu_nr { width: 100% !important; padding: 0 15px !important; box-sizing: border-box !important; height: auto !important; margin-bottom: 20px !important; }
  .guanyu_nr pre { font-size: 14px !important; line-height: 24px !important; white-space: pre-wrap !important; }
  
  .slideGroup05 { width: 100% !important; }
  .slideGroup05 .parHd { width: 100% !important; }
  .slideGroup05 .parHd ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .slideGroup05 .parHd ul li { width: 50% !important; margin: 0 !important; margin-bottom: 10px !important; height: auto !important; padding: 0 5px; box-sizing: border-box; float: none !important; }
  .slideGroup05 .parHd ul li a { padding: 10px 0 !important; height: auto !important; display: block; border-radius: 5px; }
  .slideGroup05 .parHd ul li .guantit { width: 100% !important; padding: 0 !important; display: flex; justify-content: center; align-items: center; }
  .slideGroup05 .parHd ul li .sanjiao { display: none !important; }
  
  .slideGroup05 .parBd { width: 100% !important; padding: 0 !important; margin-top: 15px !important; }
  .slideGroup05 .slideBox05 { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
  .slideGroup05 .slideBox05 .tempWrap { width: 100% !important; height: auto !important; overflow: visible !important; }
  .slideGroup05 .slideBox05 ul { width: 100% !important; position: static !important; display: flex !important; flex-wrap: wrap !important; }
  .slideGroup05 .slideBox05 ul li { width: 50% !important; position: static !important; float: none !important; padding: 5px !important; box-sizing: border-box !important; height: auto !important; }
  .slideGroup05 .slideBox05 ul li .Bbox { width: 100% !important; height: auto !important; }
  .slideGroup05 .slideBox05 ul li .pic { width: 100% !important; height: auto !important; }
  .slideGroup05 .slideBox05 ul li .pic_img, .slideGroup05 .slideBox05 ul li .pic_img01 { width: 100% !important; height: auto !important; }
  .slideGroup05 .slideBox05 ul li .pic_img img, .slideGroup05 .slideBox05 ul li .pic_img01 img { width: 100% !important; height: auto !important; display: block; }
  .slideGroup05 .slideBox05 ul li .Bbox_title { font-size: 14px !important; line-height: 30px !important; margin-top: 5px !important; }
  .slideGroup05 .sPrev, .slideGroup05 .sNext { display: none !important; }

  /* 新闻资讯 */
  .index_news { padding: 30px 0 !important; height: auto !important; }
  .news_title { padding: 0 !important; margin-bottom: 20px !important; height: auto !important; font-size: 24px !important; }
  .index_news .news { width: 100% !important; }
  .index_news .news ul li { width: 100% !important; float: none !important; margin-bottom: 15px !important; height: auto !important; box-sizing: border-box !important; }
  .index_news .news ul li.totiao { padding: 15px !important; }
  .index_news .news ul li.totiao .news_img { width: 100% !important; float: none !important; height: auto !important; }
  .index_news .news ul li.totiao .news_img img { width: 100% !important; height: auto !important; display: block; margin-bottom: 15px !important; }
  .index_news .news ul li.totiao .news_nr { width: 100% !important; float: none !important; padding: 0 !important; height: auto !important; }
  .index_news .news ul li.totiao .news_wen { height: auto !important; line-height: normal !important; margin-bottom: 15px !important; }
  .index_news .news ul li.totiao .news_more { position: static !important; margin-top: 15px !important; }
  
  /* 友情链接 */
  .youqing { padding: 20px 0 !important; height: auto !important; }
  .youqing .name { width: 100% !important; padding: 0 15px !important; box-sizing: border-box !important; }
  .youqing .name p { float: none !important; margin-bottom: 10px !important; }
  .youqing .name a { float: none !important; display: inline-block !important; margin: 5px 10px 5px 0 !important; }

  /* Footer */
  .foot { height: auto !important; padding: 30px 0 !important; }
  .foot01 { width: 100% !important; float: none !important; margin-bottom: 20px !important; }
  .foot01 .foot_logo { margin-bottom: 20px !important; }
  .foot01 .foot_logo img { max-width: 100% !important; height: auto !important; }
  .foot_lian { width: 100% !important; }
  .foot_lian li { padding-left: 30px !important; margin-bottom: 10px !important; height: auto !important; line-height: normal !important; font-size: 14px !important; }
  .foot_lian li span { line-height: normal !important; font-size: 14px !important; display: inline !important; }
  .foot02 { width: 100% !important; float: none !important; margin-bottom: 20px !important; }
  .foot_nav { width: 100% !important; display: flex !important; flex-wrap: wrap !important; }
  .foot_nav li { width: 33.33% !important; float: none !important; margin-bottom: 15px !important; }
  .foot_nav li p { margin-bottom: 10px !important; }
  .foot_nav li a { font-size: 12px !important; }
  .foot03 { width: 100% !important; float: none !important; }
  .foot_er { width: 100% !important; display: flex !important; justify-content: center !important; }
  .foot_er li { float: none !important; margin: 0 10px !important; width: auto !important; }
  .foot_er li img { width: 100px !important; height: 100px !important; }
  .banquan { height: auto !important; padding: 15px 0 !important; line-height: normal !important; text-align: center !important; }
  .banquan .left, .banquan .right { float: none !important; text-align: center !important; width: 100% !important; margin-bottom: 5px !important; }
}

@media screen and (max-width: 480px) {
  .slideGroup01 .slideBox01 ul li { width: 100% !important; }
  .slideGroup05 .slideBox05 ul li { width: 100% !important; }
  .slideTxtBox04 .hd ul li { width: 100% !important; }
  .foot_nav li { width: 50% !important; }
}