@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); }
@font-face{ font-family: "Candara"; src: url(../fonts/Candara.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;}
  .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;}
  #banner li .img{ height: calc(100vh - 44.5rem);}
  #banner .m{ padding-bottom: 2rem;}
}
@media (min-width:481px) and (max-width:992px)
{ 
}
@media (max-width: 860px)
{
  .s_about .m{ flex-direction: column;}
  .s_about .left{ padding-right: 0;width: 100%;padding-top: 2.5rem;}
  .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 20px;}
  #m_header .m{padding: 0 15px 0 6px;}
  #m_logo img{ height: 4.5rem;max-height: 100%;}
  .b_title{margin-bottom: 50px;}
  #n_banner{ height: 29rem;}
}
@media (max-width: 480px)
{
  .pad_top{ padding-top:3rem !important;}
  .m{ padding: 0 20px;}
  #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;}
  .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_about{ padding: 1.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;}
  .s_about .btn_xq{ margin-top: 2.5rem;}
  .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;}
}