@media screen and (min-width:50px) and (max-width:1200px){
  .pc_menu{display:none;}
  .language{display:none;}
  #ph_btn{display:block; height:50px; top:-6px;}
  .w_1200{width:100%;} 
  .top{height:46px;}
  .top .logo{width:116px; height:38px; margin:4px 0;}

  .l_com_img{width:35%;}
  .r_com_txt{width:60%;}
  .r_com_txt h2{margin-top:10px; font-size:24px; line-height:40px;}
  .r_com_txt span{font-size:20px; line-height:35px;}
  .r_com_txt .com_txtp{font-size:15px; line-height:26px;   max-height:130px;}
  .m_listpro ul li{width:24%; margin:1% .5%;}

  .m_listnews ul li{width:32%; margin:1%; margin-right:0;}

  .l_method,
  .r_method{margin:0 2%;}

  .pro_nav{width:100%; margin:30px auto;}
  .pro_nav .l_navtxt{float:none; width:98%; margin:0 1%;}
  .pro_nav .l_navtxt .catname{display:block; width:100%; height:auto; margin-bottom:10px; text-align:center; line-height:60px;}
  .r_navlist{width:80%; height:auto; margin:10px 10% 30px; text-align:center;}
  .r_navlist ul li{float:none; display:inline-block; width:18%; margin:0 1%;}
  .r_navlist ul li span{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

  .pro_wrap1, .pro_wrap2, .pro_wrap3{padding:20px 0;}
  .l_protxt,
  .r_proimg{width:43%; margin:0 1%;}
  .pro_bigimg{padding:50px 0;}

  /*关于我们*/
  .l_about{float:none; width:96%; margin:0 auto;}
  .l_about .top_about{height:160px;}
  .l_about .top_about h2{text-align:center;}
  .l_about .top_about span{width:50%; margin:0 25%;}
  .l_about .top_about p{text-align:center;}
  .l_about .about_img{display:none;}

  .r_about{float:none; width:96%; margin:5px auto;}
  .r_about .about_tit1{margin:20px auto 10px;}
  .r_about .about_txt,.r_about .about_txt2{width:100%; padding-right:0;}

  .culture ul li{width:32%; margin:10px 0 0 1%;}
  .culture ul li .culture_txt{padding-bottom:26px;}

  .l_lianxi{float:none; width:96%; margin:0 auto;}
  /*.l_lianxi p,
  .l_lianxi h3{text-align:center;}*/
  .l_lianxi span{width:43%; text-align:center;}

  .r_map{float:none; width:96%; margin:20px auto 0;}
}


@media screen and (min-width:50px) and (max-width:1080px){
  .m_company{margin:20px auto;}
  .l_com_img{float:none; width:98%; height:auto; margin:2% auto; display:none;}
  .r_com_txt{float:none; width:98%; height:auto; margin:10px auto;}
  .r_com_txt h2{margin-top:0; text-align:center;}
  .r_com_txt span{text-align:center;}
  .r_com_txt .com_txtp{width:98%;}
  .r_com_txt a{text-align:center;}

  .m_method .m_tit1{font-size:26px; line-height:30px; top:10%;}
  .m_pro,
  .m_news,
  .m_contact{margin:50px auto;}

  .m_tit h2{font-size:26px; line-height:30px;}
  .m_listpro,
  .m_listnews,
  .m_contact .contact_us{margin:30px auto;}

  .news_list{width:100%;}

  #about3 .a_tit1{display:none;}
  .l_lianxi{margin-top:30px;}
  .l_lianxi p{line-height:30px; text-align: center;}
  .l_lianxi h3{margin-bottom:5px; font-size:16px; line-height:40px; text-align: center;}
  .a_contact{margin-bottom:50px;}
}


@media screen and (min-width:50px) and (max-width:1024px){

  .m_listpro ul li dl dd h3,
  .m_listnews ul li dl dd h3{font-size:18px;}
  .m_listnews ul li dl dd h3{line-height:28px; margin-top:10px;}
  .m_listnews ul li dl dd{height:auto;}
}

@media screen and (min-width:50px) and (max-width:1000px){
  .m_pro,
  .m_news,
  .m_contact{margin:40px auto;}

  .m_listpro,
  .m_listnews,
  .m_contact .contact_us{margin:20px auto;}
  .contact_us .l_contact{margin-bottom:20px;}

  .m_contact .contact_us{width:100%;}
  .contact_us .l_contact{position:relative; z-index:1; width:100%;}
  .l_contact ul li,
  .l_contact ul li:first-child{width:48%; margin:1%;/* margin-right:0;*/}
   .l_contact ul li span.m_adres{line-height:60px;}
  .r_contact{float:none; margin:3% auto;}

  .r_newsbox h3{padding:40px 0 5px;}
  .r_newsbox p{margin:20px auto 10px;}

  .culture{margin-bottom:80px;}
  .a_tit1{margin:50px auto 10px;}
  .a_tit1 h2{font-size:22px; line-height:30px;}
  .a_tit1 span{margin:5px auto;}
  .a_tit1 p{line-height:25px; margin-top:0;}
}

@media screen and (min-width:50px) and (max-width:980px){
  .method_1, .method_2, .method_3{padding:20px 0;}
  .l_method,
  .r_method{float:none; width:90%; height:auto; margin:5%;}
  .meth_txtbox,
  .method_img1{display:block;}
  
  .method_img1 img{max-width:60%;}

  .pc_cult{display:none;}
  .ph_cult{display:block;}
  .culture{height:auto; overflow:hidden;}
  .culture ul li{width:98%; margin:1%; padding-bottom:10px;}
  .culture ul li:hover{margin-top:0;}
  .culture ul li h3{margin:10px 8% 0px; padding-bottom:0;}
  .culture ul li .culture_txt{margin:0 10% 8px; padding-bottom:5px;}

}


@media screen and (min-width:50px) and (max-width:900px){
  .l_contact ul li{font-size:16px;}
  .r_navlist ul li{float:none; display:inline-block; width:21%; margin:0 1%;}

  .l_protxt, .r_proimg{width:98%; height:auto; margin:10px 1%; overflow:hidden;}
  .l_protxt .pro_txt{display:block;}
  .product_img{display:block; width:90%; margin:0 auto; overflow:hidden;}
  .r_proimg img{display:block; width:90%; height:auto; margin:10px auto;}

  .pro_imglist{width:96%; min-height:300px;}
  .swiper-button-next, .swiper-button-prev{width:20px; height:32px; margin-top:-16px;}
}

@media screen and (min-width:50px) and (max-width:888px){
  .m_listpro ul li{width:48%; margin:1%;}
  
  .r_newsbox p{height:69px; margin:20px auto; line-height:23px; font-size:14px;}
}

@media screen and (min-width:50px) and (max-width:820px){
  .l_contact ul li span.m_adres{line-height:30px;}
} 
@media screen and (min-width:50px) and (max-width:820px){
  .l_contact ul li,
  .l_contact ul li:first-child{width:46%; margin:1% 2%;}
  
  .footer{margin:40px auto;}
  .footer_nav a,
  .footer_nav span,
  .copyright{font-size:14px;}
  .footer_nav a{margin:0 8px;}

  .l_lianxi span{width:80%; text-align:left; margin-top:0;}
  .r_map{height:300px;}
  .fp{margin:40px auto;}
  .fp a{width:76px; height:30px; margin:0 2px; border:1px solid #ddd; border-radius:3px; line-height:30px; color:#666; font-size:14px; text-align:center;}
}

@media screen and (min-width:50px) and (max-width:780px){ 
  .r_newsbox h3{padding-top:6%;}

  .l_about .top_about{height:120px;}
  .l_about .top_about h2{font-size:20px; line-height:30px; margin:20px 10% 10px;}
  .l_about .top_about p{margin:5px 10% 15px; font-size:12px; line-height:25px;}
  .l_about .top_about:after{border-top:15px solid #fff; border-right:15px solid transparent; border-left:15px solid transparent}

  .r_about .about_tit1{font-size:16px;}
  .r_about .about_txt,
  .r_about .about_txt2{font-size:14px;}
}

@media screen and (min-width:50px) and (max-width:760px){ 
  .news_list ul{width:100%; margin:0 auto;}
  .news_list ul li{padding-bottom:3%; border-bottom:1px solid #eee;}
  .news_list ul li{float:left; width:48%; margin:0 1% 2%;}

  .r_newsbox h3{padding-top:3%; height:40px; line-height:40px;}
  .r_newsbox span{width:8%; height:2px;}
  .r_newsbox .more_news{width:60px; font-size:14px; height:22px; line-height:22px;}
  .r_newsbox p{margin:10px auto;}
  
  .news_list ul li:nth-child(2n+2) .l_img,
  .news_list ul li:nth-child(2n+2) .r_newsbox{float:none;}
  .news_list ul li .l_img{float:none; width:100%; margin:0 auto;}
  .r_newsbox{float:none; width:90%; margin:0 auto;}
  .r_newsbox p{height:46px;}
  .r_newsbox .more_news{margin-bottom:6%;}
  .copyright span{display:block;}
  .fy{margin:20px auto;}
}

@media screen and (min-width:50px) and (max-width:716px){ 
  .r_navlist{width:90%; margin:10px 5% 30px;}

  .news_list ul li .l_img{}
}


@media screen and (min-width:50px) and (max-width:700px){
  .m_listnews ul{width:100%; height:}
  .m_listnews ul li{width:48%; margin:1%;}
  .pc_news{display:none;}
  .ph_news{display:block;}
  .m_listpro ul li dl dd h3,
  .m_listnews ul li dl dd h3{font-size:16px;}
  .m_listnews ul li dl dd p{font-size:13px; line-height:23px; height:46px;}
  .m_listnews ul li dl dd span{font-size:14px;}
  .pro_nav .l_navtxt .catname{font-size:30px;}

  .m_listpro ul li dl dd p{font-size:13px;}

  .s_news_tit{width:100%; height:auto; padding-bottom:20px; border-radius:3px; background:#48bbd8; overflow:hidden; color:#fff;}
  .s_news_tit p{margin:20px auto 10px; font-size:18px; line-height:28px; text-align:center; overflow:hidden;}
  .s_news_tit span{display:block; width:100%; font-size:14px; text-align:center;}

  .copyright{width:96%; margin:20px auto 0;}
}




@media screen and (min-width:50px) and (max-width:660px){
  .m_method .m_tit1,
  .m_tit h2{font-size:22px; line-height:30px;}
  .m_method .m_tit1{top:.5%;}
  .r_com_txt h2{font-size:20px;}
  .r_com_txt span{font-size:18px;}
  .r_com_txt .com_txtp,
  .r_com_txt a{font-size:14px;}

  .r_navlist{width:98%; margin:10px 1% 30px;}
}

@media screen and (min-width:50px) and (max-width:590px){
  .m_contact {margin: 40px auto 0;}
  .l_contact ul li,
  .l_contact ul li:first-child{width:96%; margin:1% 2%;}
  .l_contact ul li span{line-height:40px; background:url(../images/m_contactbgsmall.png) no-repeat 5px -3px;}
  .l_contact ul li span.m_kf{line-height:40px; background-position:5px -287px;}
  .l_contact ul li span.m_email{line-height:40px; background-position:5px -187px;}
  .l_contact ul li span.m_adres{height:40px; line-height:40px; background-position:5px -88px;}
  .l_contact ul li span.m_tel{line-height:40px;}
  .r_contact .ewm_txt{font-size:15px;}
  
  .meth_txtbox h3{font-size:18px;}
  .l_method .method_txt{font-size:15px;}
}

@media screen and (min-width:50px) and (max-width:580px){
  .m_listnews{margin:20px auto;}
  /*.m_listnews ul li{width:88%; margin:3% 6%;}*/
   .l_lianxi span{margin:3px 0;}
  .l_lianxi span.a_tel,
  .l_lianxi span.a_email,
  .l_lianxi span.a_website,
  .l_lianxi span.a_adres{line-height:30px;}
  .l_lianxi span.a_tel{background:url(../images/tel_ico.png) no-repeat 10px center;}
  .l_lianxi span.a_email{background:url(../images/email_ico.png) no-repeat 10px center;}
  .l_lianxi span.a_website{background:url(../images/website_ico.png) no-repeat 10px center;}
  .l_lianxi span.a_adres{background:url(../images/adr_ico.png) no-repeat 10px center;}

}

@media screen and (min-width:50px) and (max-width:490px){


}

@media screen and (min-width:50px) and (max-width:412px){
  
  .l_lianxi span.a_website,
  .l_lianxi span.a_adres{line-height:22px;}

  
}


@media screen and (min-width:50px) and (max-width:405px){
  .l_contact ul li span.m_adres{line-height:30px;}
}


@media screen and (min-width:50px) and (max-width:397px){
  .l_lianxi span.a_adres{line-height:30px;}
}




@media screen and (min-width:50px) and (max-width:390px){
  .pro_imglist{max-height:300px;}

}