@media screen and (max-width:1200px){
.nav{ display:none;}
.head{ border:none; height:auto;}
.box{ width:100%; padding:0 5px; box-sizing:border-box;}
h1 { margin:10px 0;}
h1 .logo1,h1 .logo2{ padding:0;}
h1 .logo1{ margin-right:25px;}
h1 .logo2 img,h1 .logo1 img{ width:auto; height:50px;}
h1 span{ top:6px; left:54px;}

.a_banner{ background-size:cover!important; }

.catalog{ height:auto; overflow:hidden; padding:10px 0 20px 0;}
.catalog_inner li{ width:50%; padding:0 10px; box-sizing:border-box; float:left; margin:0; display:block;}
.catalog_inner li a{ width:100%; padding:0; height:40px; line-height:40px;}

.contact{ margin:30px 0; padding:0;}
.contact_ul li{ float:none; width:100%; padding:0 10px 20px; height:auto;}
.contact_ul li span{ margin:0 auto; display:block; text-align:center;}
.contact_ul li p{ text-align:center;}

.foot{ height:auto; padding:10px 0; line-height:20px;}
.Requirement{ padding:0 10px;}
.pos dd li{ height:60px; line-height:60px; padding-left:30px;}

.con_inner{ padding:0 10px 30px;}
.con_inner img{ width:auto; height:auto; max-width:100%;}
.com_img{ float:none!important; text-align:center!important; margin:0 0 10px 0!important;}

.case{ margin:0;}
.case dl{ float:none; width:100%; margin:0 0 10px 0; padding:0;}
.case dl dt{ float:none; margin:0 auto 10px;}
.case dl dd{ background:none; float:none; margin:0; width:100%; text-align:center; height:auto; padding:0;}
.case dd p{ height:auto; margin-bottom:0;}
.case dd .case_see{ display:none;}
.news_info{ padding:0 10px 30px;}
.aptitude{ padding:20px 10px; margin:30px 0;}
.aptitude_ul{ margin:0;}
.aptitude li{ margin:20px 0 0 0; width:33.3%; padding:0 5px; box-sizing:border-box; height:auto; text-align:center;}
.aptitude li img{ width:auto; height:auto; max-width:100%;}

.news{ margin:0;}
.news li{ margin:20px 0 0 0; float:none; width:100%;}
.news li .news_pic{ width:100%; height:auto; text-align:center; margin-bottom:10px;}
.news li .news_pic img{ width:auto; height:auto; max-width:100%;}
.news_time em{ display:none;}
.news_time .news_tit{ text-align:center; width:100%; float:none;}
.news_color p{ height:auto; padding-bottom:20px;}
.news_color{ height:auto;}

.release{ padding:15px 0; margin-bottom:10px;}
.release h3{ font-size:16px; height:30px; line-height:30px;}

.pro_left{ width:100%; float:none;}
.pro_tit{ padding:30px 0 20px 0;}
.pro_tit span{ display:none;}
.pro_tit .pro_pic{ float:none; text-align:center;}
.pro_zi{ background:none; height:auto; padding:0;}
.pro_right{ width:100%; float:none; text-align:center; margin:30px 0; height:auto;}
.pro_right em{ display:none;}

.org{ padding:30px 0;}
.org_tit{ width:100%; float:none;}
.org_tit .pro_pic{ float:none; width:100%; text-align:center;}
.org_tit span{ display:none;}

.org_div img{ width:auto; height:auto; max-width:100%;}
.pro_right img{ width:auto; height:auto; max-width:100%;}

.culture{ height:auto; background:none;}
.culture_tit span{ padding-top:30px;}
.culture_div{ margin:0; padding:20px 0;}

.culture_div li{ margin:20px 0 0 0; width:33.3%; text-align:center;}
.culture_top{ margin:0 auto 20px;}

.tech_right{ display:none;}
.tech_left{ float:none; width:100%; background:none; padding:0 10px; box-sizing:border-box;}
.tech_tit{ text-align:center; padding:0 0 10px 0;}
.tech_scroll{ width:100%;}

.style{ padding:30px 0;}
.style_tit{ margin-bottom:10px;}
.swiper-container{ margin-top:20px;}
.swiper-slide img{ width:auto; height:auto; max-width:100%;}
.anniu{ display:none;}

.pc{ display:none;}
.phone{ display:block;}

.index_tit{ padding-top:30px;}
.us_inner{ padding:30px 0 0 0;}

.us_left{ float:none; width:100%; background:none; height:auto; text-align:center; margin-bottom:20px;}
.us_left img{ width:auto; max-width:100%; height:auto;}
.us_right{ float:none; width:100%; height:auto;}
.us_div{ background-size:cover; height:auto; padding-bottom:30px;}
.us_word{ height:auto; margin-bottom:10px;}
.index_see{ margin:20px auto 0;}
.dynamic{ height:auto; background-size:cover; padding-bottom:30px;}

.dynamic_ul{ margin:0; padding-top:30px;}
.dynamic_ul li{ float:none; width:100%; text-align:center; margin:0 0 20px 0;}
.dynamic_ul li span{ height:auto; width:auto; text-align:center;}
.dynamic_ul li img{ width:auto; height:auto; max-width:100%;}
.dy_box{ padding:10px; height:auto;}
.dy_time em{ display:none;}
.dy_time i{ float:none; width:100%; text-align:center;}
.dynamic .index_see{ margin:20px auto 0;}

.touch{ height:auto; padding:0 0 30px 0; background-size:cover;}
.touch_ul{ padding-top:30px;}
.touch_ul li{ width:50%;}

.rongyu_ul{ width:214px; margin:0 auto;}
.honor{ padding-bottom:30px;}
.bout_ul li{ width:33.3%;}
.jp_img{ width:100%;}
.jp_img img{ width:100%; height:auto;}

.xisshu{ display:block; padding:40px 0;}
.subsid_div{ display:none;}
.xisshu span{ display:block; height:30px; font-size:14px; text-align:center; width:100%;} 
}





@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.a_banner{ height:204px!important; }
.culture_div li{ float:none; width:100%;}
.bout_ul li{ float:none; width:100%;}

}
@media screen and (max-width:375px){
.a_banner{ height:170px!important; }
.aptitude li{ width:50%;}
}
@media screen and (max-width:360px){
}
@media screen and (max-width:320px){
}


@media screen and (min-width:1201px){
.phnav{ display:none;}	
}

