@charset "utf-8";
@font-face{ font-family: "BarlowCondensed-Medium"; src: url(../fonts/BarlowCondensed-Medium.ttf);}
@font-face{ font-family: "BarlowCondensed-Bold"; src: url(../fonts/BarlowCondensed-Bold.ttf);}
@font-face{ font-family: "BarlowCondensed-Regular"; src: url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{ font-family: "BarlowCondensed-Thin"; src: url(../fonts/BarlowCondensed-Thin.ttf);}
@font-face{ font-family: "BarlowCondensed-Light"; src: url(../fonts/BarlowCondensed-Light.ttf);}
@font-face{ font-family: "BarlowCondensed-SemiBold"; src: url(../fonts/BarlowCondensed-SemiBold.ttf); }
@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:481px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:12px;}}
@media (max-width: 1440px)
{
  #header .fr{ max-width: 960px;}
  #banner .pic img { max-width: 65%; max-height: 410px;}
  .foot_nav{ max-width: 730px;}
  .foot_ewm{ margin-bottom: 2rem;}
  .copyright{ margin-top: 4rem;}
  .sub.sub_pro ul li .pic{ width: 140px;}
  .m{ padding: 0 100px;}
  #n_banner{ height: 38rem; }
  #n_banner .tt{ margin-bottom: 0; margin-top: 2rem;}
  #n_banner .tt h3{ margin-bottom: 1rem;}
}
@media (max-width: 1200px)
{
  #nav{ margin-right:1.5rem;}
  #header{ display:none;}
  #m_header{ display:block; }
  #nav_btn_box{ display: block;}
  .online_q{ display:none;}
  #banner{ margin-top: 4.5rem;}
  #banner li .img{ height: calc(100vh - 4.5rem);}
  .m {padding: 0 20px; }
   #m_logo img{ height: 4.5rem;max-height: 100%;}
   #n_banner{ margin-top: 4.5rem;}
}
@media (max-width: 1100px)
{

}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
  .s_about .tt{ margin-bottom: 2.5rem;}
  .s_about .left{ padding-right: 2.5rem;}
  .s_shuzi{ margin-top: 2.5rem;}
  .s_shuzi li p{ font-size: .875rem;}
  .s_shuzi li div{ font-size: 2.875rem;}
}
@media (min-width:481px) and (max-width:992px)
{ 
}
@media (max-width: 860px)
{
  .s_about .m{ flex-direction: column;}
  .s_about .left{ padding-right: 0;}
  .s_about .right{ width: 100%; margin-top: 3rem;}
  .s_about .pic img{ width: 100%;}
}
@media (max-width: 768px)
{
  .pad_top{ padding-top:5rem !important;}
  .m{ padding: 0 15px;}
  #foot{ padding-bottom: 2rem;}
  #foot .m{ flex-direction: column-reverse;}
  #foot .tt,#foot .foot_nav{ display: none;}
  #foot .right>div{ display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
  .copyright{ flex-direction: column; align-items: center; margin-top: 1rem;}
  .foot_link .dt{ width: 100%;}
  .foot_link .dt:before{ display: none;}
  .foot_ewm{ margin-top: 0; flex-shrink: .2;margin-bottom: 0;}
  #m_logo img{ height: 4.5rem;max-height: 100%;}
  .business .hd ul li {height: auto; }
  .business .m {flex-direction: column; }
  .business .left,.business .right {width: 100%; }
  .business .right .pic {height: auto; }
  .business .hd ul li .box {padding-bottom: 5rem; }
  .b_title{margin-bottom: 50px;}
  .products .p_main{height:auto;}
  .products .p_main .p_main_box{max-width: 100%; padding:0 10px; }
  #n_banner{ height: 29rem;}
}
@media (max-width: 480px)
{
  .pad_top{ padding-top:3rem !important;}
  .m{ padding: 0 15px;}
  #banner .slick-arrow{ display: none !important;}
  #banner li .img{ height: 16rem;}
  #banner .slick-dots{ bottom: 5px;}
  #banner .slick-dots li button:before{ height: 2px;}
  #banner .pic img{ max-height: 170px;}
  #banner .pic{ margin-bottom: 60px;}
  #banner .txt p{ transform: scale(.7); transform-origin: left; display: none;}
  #banner .txt h3{ font-size: 1.5rem; margin-top: .5rem; margin-bottom: .5rem;}
  #banner .txt h4{ font-size: 1.125rem;}
  #banner .m{ padding-bottom: 4rem;}
  .s_tt h3{ font-size: 1.625rem;}
  .s_tt h4{ font-size: 1rem;}
  .s_tt{ margin-bottom: 2rem;}
  .s_about .tt h3{ font-size: 1.5rem; margin-bottom: 1rem;}
  .s_about .btn_xq{ margin-top: 2rem;}
  .s_shuzi{ margin-top: 3rem;}
  #s_news{ padding-top: 3rem; padding-bottom: 3rem;}
  #s_news .s_tt{ margin-bottom: 1.5rem;}
  #s_news .hd{ flex-direction: column; align-items: flex-start; padding-right: 2.5rem;}
  #s_news .hd ul{ width: 22rem;}
  #s_news .hd ul li{ padding-left: 0; padding-right: 1rem;}
  #s_news .hd{ margin-bottom: 2rem;}
  #s_news .bd ul{ margin: 0 -5px;}
  #s_news .bd ul li{ padding: 0 5px;}
  #s_news .bd ul li .txt{  padding: 10px;}

  #s_news .bd ul li .txt h4{ margin-top: 5px; margin-bottom: 0; font-size: 13px; line-height: 1.5;}
  #s_news .bd .btn_r{ top: -4.5rem;}
  #foot{ padding-top: 3rem;}
  .copyright{ margin-top: 0;}

  .s_about{ padding: 3.25rem 0;}
  .s_about .con{text-align: justify;}
  .s_about .tt span{ font-size: 1.25rem;}
  .s_about .tt h3{ font-size: 1.625rem;}
  .s_shuzi li div{ font-size: 2.625rem;}
  .dataNums .dataOne{ width: 1.125rem;}
  .s_about .btn_xq{ margin-top: 2.5rem;}
  #s_news .hd .slick-track {margin-left: 0; }
  .mc h3{font-size: 1.6rem;}
  .mc span{font-size: 0.5rem;}

  #n_banner{ height: 13rem;}
  #n_banner .tt{ margin: 0 0 2rem 0;}
  #n_banner .tt h3 { font-size: 1.8rem; margin-bottom: 0.5rem;}
  .txt_en{ bottom: -2rem; font-size: 4.8125rem;}
}