

@media screen and (max-width:1200px){
.nav{ display:none;}
.head{ height:auto; position:static;}
.head_inner{ padding:0 10px; box-sizing:border-box; width:100%;}
.head_inner h1{ margin:15px 0;}
.head_inner h1 img{  height:50px; width:auto;}
.apex .apex_img{ display:none;}
.apex .language{ display:none;}
.apex select{ margin:0;}
.apex{ padding-top:10px;}
.a_banner{ background-size:100% auto!important; height:146px!important;}
.foot{ height:auto; background:#3f3e3c;}
.foot_inner{padding:0 10px; box-sizing:border-box; width:100%;}
.foot_left{ width:100%; float:none;}
.foot_nav{ margin:10px 0; width:100%; float:none;}
.foot_nav span{ padding:10px 0; display:block; clear:both; max-width:70px; width:auto;}
.foot_nav a{ float:left; padding:0 10px 0 0;}
.foot_right{ float:none; clear:both; margin:40px 0 20px 0;}
.add_inner{ width:100%; padding:0 5px;box-sizing:border-box;}
.wrap{ padding:0 10px; box-sizing:border-box; width:100%; margin:0;}
.catalog{ float:none; width:100%;}
.catalog h3{ background-size:100% 100%; text-align:center;}
.catalog ul li{box-sizing:border-box;}
.catalog ul a{ background-size:100% 100%; width:100%;}
.catalog ul a:hover, .catalog ul a.for{background-size:100% 100%;}
.catalog ul{ overflow:hidden;}
.details{ margin-top:30px; width:100%; float:none;}
.position{ display:none;}
.atricle{ padding:25px 0 50px; overflow:hidden;}
.atricle img{ max-width:100%; height:auto; width:auto;}
.about_pic{ float:none!important; text-align:center!important; margin-left:0!important;}
.tec{ padding-left:0;}
.tec li{ width:50%; margin-left:0; text-align:center;}
.tec_info{ padding:25px 0 50px; clear:both; overflow:hidden;}
.deta_inner{ padding:0 5px;}
.news{ padding:0;}
.news .news_dl{ margin:20px 0; padding:10px;}
.news .news_dl dt{ float:none; margin:0 auto 20px;}
.news .news_dl dd{ float:none; width:100%;}
.news_inner dt{ float:none; margin:0 auto 10px;}
.news_inner dd{ float:none; width:100%;}
.news_inner dd a{ text-align:center;}
.news_info{ padding:30px 0; overflow:hidden;}
.release span{ overflow:hidden; font-size:12px;}
.message h3{ margin:30px 0;}
.message table{ width:100%!important;}
.mess_left{width:100%!important; display:block!important; float:none!important; text-align:left!important;}
.mess_right{ width:100%!important; display:block!important; float:none!important;}
.mess_for{ margin-left:0;}
.mess_txt{ width:80%;}
.mess_for textarea{ width:80%;}
#show{ display:block; margin-top:0px;}
#pc{ display:none;}
.index_box{ width:100%;padding:0 10px; box-sizing:border-box; }
.us_left{ width:100%; float:none; margin:0;}
.us_right{ display:none;}
.us_left p{ height:auto; padding:10px 0;}
.index_news, .index_tec{ margin-top:0;}
.skill_ul li{ width:50%; margin-bottom:20px; padding:0 10px; box-sizing:border-box;}
.skill_ul li p{ padding:0 5px; height:auto; width:auto;}
.ear_left{ width:100%; float:none; min-height:160px; background-size:100% 100%; height:auto;}
.ear_inner{ float:none; width:100%; padding:0;}
.ear_inner p{ height:auto;}
.ear_right{ display:none;}
.press_left{ display:none;}
.press_right{ float:left; padding:0; margin:0; width:100%;padding:5px;}
.press_dl dt{ float:none; margin:0 auto 20px;}
.press_dl dd{ width:100%; float:none; text-align:center;}
.press p{ height:auto; text-align:center; }
.phnav{ display:block; z-index:999999;}
.h-wrap{ height:auto;}

.foot{ display:none;}
.foot_recu{ display:block; padding:0;}


.catalog ul .second_inner a{ text-indent:50px; clear: both; display: block; }
.ewm{ text-align:center; background:#FACF0F; display:block; padding:20px 0;}
.ewm span{ display:block; font-size:16px; height:30px; line-height:30px; overflow:hidden; color:#fff;}
.add_inner p a{ margin-left:3px;}
.news_info h1{ text-align:center!important;}
.news_info img{ width:auto!important; max-width:100%!important; height:auto!important;}
.atricle img{width:auto!important; max-width:100%!important; height:auto!important;}
.tec_info img{width:auto!important; max-width:100%!important; height:auto!important;}
table{ width:100%!important;}
.news_word img{width:auto!important; max-width:100%!important; height:auto!important;}
.mainBody{width:100%!important; padding:0!important; margin:0!important;}
.rightRowSecond{width:100%!important; padding:0!important; margin:0!important;}
.bodyWithTitle{width:100%!important; padding:0!important; margin:0!important;}
}



@media screen and (max-width:768px){
.a_banner{ height:103px!important;}
.juanzhu{ font-size:14px!important;}
.release h3{ font-size:12px; overflow:hidden;}
}
@media screen and (max-width:414px){
.a_banner{ height:55px!important;}
.tec li{ width:100%; float:none;}
.news_inner dd a{ font-size:12px; overflow:hidden;}
}

@media screen and (max-width:375px){
.a_banner{ height:50px!important;}
}

@media screen and (max-width:360px){
.head_inner h1 img{ height:35px;}
}

@media screen and (max-width:320px){
.a_banner{ height:43px!important; margin-top:0px;}
.head_inner h1 img{ height:35px;}
.tec li img{ width:100%; height:auto;}
.phnav{ top:30px;}
#phone{ top:65px;}
.skill_ul li{ float:none; width:100%;}
}

@media screen and (min-width:1201px){
	
.phnav{ display:none;}

}