@charset "UTF-8";
@media (max-width: 1700px) {
    .footer .footer-left .tel span{
      font-size: 24px;
    }
}
@media (max-width: 1600px) {
    .footer .footer-left .tel span{
      font-size: 22px;
    }
}
@media (max-width: 1500px) {
    .footer .footer-left .tel span{
      font-size: 20px;
    }
}
@media (max-width: 1300px) {
    .footer .footer-left .tel span{
      font-size: 18px;
    }
}
@media (max-width: 1200px) {
    /*公共*/
    .w1200{
  	    width: 94%;
    }
    .header .search_box{
        display: none;
    }
    .header .nav_trigger{
        display: block;
    }
    .header .navBox{
        width: 100%;
        display: none;
        position: fixed;
        top:80px;
        background: #fff;
        float: none;
        left: 0;
        height: 100%;
    }
    .header .navBox > ul{
        width: 100%;
        margin:0 auto;
        display: block;
    }
    .header .navBox > ul > li{
        width: 100%;
        text-align: left;
    }
    .header .navBox > ul > li{
        height: auto;
    }
    .header .navBox > ul > li > a{
        background: none;
        line-height: 46px;
        border-bottom: 1px #eee solid;
    }
    .header .navBox > ul > li > a > i.arrow{
        display: none;
    }
    .header .navBox > ul > li > a > i.mb_arrow{
      display: block;
    }
    .header .navBox > ul > li.current, .header .navBox > ul > li:hover{
      background: none;
    }
    .header .navBox > ul > li.current > a, .header .navBox > ul > li:hover > a{
      color: #555;
    }
    .header .navBox > ul > li:hover > a{
      color: #ce000d;
    }
    .header .navBox > ul > li > ul{
        width: 100%;
        position: static;
        margin:0  auto;
    }
    .header .navBox > ul > li > ul > li{
        line-height: 42px;
    }
    .header .navBox > ul > li > ul > li:last-child{
      border-bottom: 1px #eee solid;
    }
    .header .navBox > ul > li > ul > li > a{
        padding:0 10px;
    }
    .header .navBox > ul > li > ul > li > a:hover{
      background: none;
      color: #ce000d;
    }
    .footer .footer-left{
      display: none;
    }
    .footer .footer-right{
      width: 100%;
    }
    .footer .footer-nav{
      margin-right: 0;
      overflow: hidden;
    }
    /*首页*/
    .i_abt{
        display: block;
    }
    .i_abt .abt_left, .i_abt .abt_right{
        display: block;
        width: 100%;
    }
    .i_abt .abt_right{
        padding: 6% 3%;
    }
    .i_abt .abt_right .tit{
        text-align: center;
    }
    .i_abt .abt_right .con{
        padding: 4% 0;
    }
    .i_abt .abt_right a.more{
        margin: 0 auto;
    }
    .i_nav ul{
        display: block;
    }
    .i_nav li{
        width: 50%;
        float: left;
    }
    /*内页*/
    .n_y{
        padding:6% 0;
    }
    .bl-product-detail{padding:6% 0 0 0;}
    .bl-prodetail-content-left{ width:50%;}
    .bl-prodetail-content-right{ width:47%;}
    .nav-wrap ul{width:100%;}
    .nav-wrap li{ width:auto; }
    .nav-wrap li a{ padding:0 24px;font-size: 16px;}
    .nav-wrap ul{ margin-left:0}
    .nav-wrap.navFix{ width:94%; left:3%}
    #bottom_enquiry {
        margin-top: 6%;
    }
    .enquiry h3{
        margin-top: 3%;
    }
    .enquiry .form_box {
        margin-bottom: 6%;
    }
    .hr_box .hr_left, .hr_box .hr_right{
      width: 100%;
    }
    .hr_box .hr_right{
        margin-top: 3%;
    }
    .contact-about .contact-title {
      padding-bottom: 6%;
    }
    .contact-about .contact-addrss {
        padding:6% 0;
    }
    .contact-about .contact-map{
        padding-top: 6%;
    }
}
@media (max-width: 1024px) {
    .m40, .m50, .m60{
   	    margin-top: 6%;
    }
    /* 首页 */
    .i_ban{
        display: none;
    }
    .mobile_ban{
        display: block;
    }
    /*内页*/
    .about_nr .rt{
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .bl-prodetail-content-left{ width:100%; margin-bottom:20px;}
    .bl-prodetail-content-right{ width:100%}
    .bl-description-main-title {
        font-size: 20px;
    }
    .enquiry h3 {
        font-size: 20px;
    }
}
@media(max-width:991px){
  .news-list{margin:0 auto;}
  .news-list li{padding:20px 0;}
  .news-list li a .news-img{width:40%;}
  .news-list li a .news-img .news-date{width:60px;height:60px;padding:8px 0;}
  .news-list li a .news-img .news-date span{font-size:28px;line-height:28px;}
  .news-list li a .news-more{display:none;}

  .news-list li a .news-txt{width:58%;margin-left:2%;padding:0;}
  .news-list li a .news-txt h5{font-size:16px;line-height:28px;height:28px;margin-bottom:20px;}
  .news-list li a .news-txt p{font-size:12px;line-height:20px;height:40px;}
}
@media (max-width: 768px) {
    /*公共*/
    .topbar_box{
        display: block;
    }
    .footer .footer-nav{
        width: 100%;
        margin:0;
        padding: 0;
    }
    .footer .footer-nav > ul{
      display:block;
    }
    .footer .footer-nav li{
        width: 100%;
        padding:0;
        float: left;
    }
    .footer .footer-nav > ul > li{
        width: 100%;
        padding:0;
    }
    .footer .footer-nav a{
        border-bottom: 1px #424141 solid;
    }
    .footer .footer-nav > ul > li > a{
        width: 100%;
        line-height: 48px;
        margin-bottom: 0;
        font-size: 14px;
    }
    .footer .footer-nav > ul > li > a > i{
      display: block;
    }
    .footer .footer-nav > ul > li > ul{
        display: none;
    }
    .footer .footer-nav > ul > li > ul > li > a{
        width: 100%;
        line-height: 42px;
        padding:0 10px;
        text-align: center;
    }
    .footer .footer-copyright{
        display: none;
    }
    .footer .mb-copyright{
        display: block;
    }
    /*内容*/
    .products_list > ul > li{
        width: 48.5%;
    }
    .products_list > ul > li:nth-child(3n){
        margin-right: 3%;
    }
    .products_list > ul > li:nth-child(2n){
        margin-right: 0;
    }
    .bl-prodetail-content-right h1{ margin-bottom:15px; font-size:20px;}
    .nav-wrap li a{ padding:0 12px;font-size: 14px;}
    .bl-road{ height:auto; padding:15px 0}
    .bl-road-main{ line-height:24px;}
    .bl-prodetail-small li{ width:70px; margin-right:5px;}
    .bl-description-main table{ width:100%;}
    .nav-height,.nav-wrap{ height:auto; border:none}
    .nav-wrap li{ padding:0; width:100%; border-radius:0; border-bottom:1px solid #ccc;}
    .nav-wrap ul{ width:100%;}
    .enquiry .form ul li{ width:99%; margin:0}
    .enquiry .form textarea{ width:97.4%}
    .enquiry .form_box .button1 button{
        width: 127px;
    }
    .news_list .item{width: 100%;margin-bottom: 3%;}
    .pic_list > ul > li{
        width: 48.5%;
    }
    .pic_list > ul > li:nth-child(3n){
        margin-right: 3%;
    }
    .pic_list > ul > li:nth-child(2n){
        margin-right: 0;
    }
}
@media (max-width: 640px) {
    /*公共*/
    .page-first{
        display: none !important;
    }
    .header {
        height: 50px;
    }
    .header .logo {
        height: 50px;
        background: url(../img/logo1.png) no-repeat center left;
    }
    .header .nav_trigger{
        margin:13px 0;
    }
    .header .navBox{
        top:50px;
    }
    .header .nav_trigger{
        width: 28px;
        height: 16px;
    }
    .header .nav_trigger .icon-bar{
        width:28px;
    }
	/*首页*/
    .i_ban .hd, .mobile_ban .hd{bottom:10px;}
    .i_ban .hd ul li, .mobile_ban .hd ul li{
        width: 10px;
        height: 10px;
    }
    .i_ban .hd ul li:after, .mobile_ban .hd ul li:after{
        width: 4px;
        height: 4px;
        margin-left: -2px;
        margin-top: -2px;
    }
    .i_abt .abt_right .tit{
        font-size: 18px;
    }
    .i_abt .abt_right a.more{
        width: 120px;
        height: 36px;
        line-height: 32px;
        font-size: 14px;
    }
	.i_nav li{
        width: 100%;
    }
    .i_nav .wzBox{
        padding: 3%;
    }
    .news-list{margin:0 auto;}
    .news-list li{padding:20px 0;}
    .news-list li a .news-img{width:40%;}
    .news-list li a .news-img .news-date{display:none;width:48px;height:40px;padding:8px 0;}
    .news-list li a .news-img .news-date span{font-size:18px;line-height:18px;}
    .news-list li a .news-img .news-date p{font-size:10px;line-height:14px;}
    .news-list li a .news-txt{margin-top:0;}
    .news-list li a .news-txt h5{font-size:16px;line-height:24px;height:24px;margin-bottom:6px;}
}