@media screen and (max-width:1200px){
.box{ padding:0 5px; width:100%; box-sizing:border-box;}
h1{ margin:15px 0;}
.nav{ display:none;}

.a_banner{ background-size:cover!important; }

.cata_right{ display:none;}
.catalog{ padding:10px 0; height:auto;}
.cata_left{ float:none; width:100%;}
.cata_left li{ width:100%; float:none; margin:0;}
.cata_left li a{ height:40px; line-height:40px; font-size:18px;}

.contact{ background:#f6f6f6; padding-bottom:30px;}

.contact_tit{ padding:20px 0;}
.contact_tit h3{ font-size:18px; height:40px; line-height:40px;}
.contact_tit em{ font-size:14px;}

.contact_left{ float:none; width:100%; text-align:center; height:auto;}
.contact_div{ padding:20px 0;}
.contact_right{float:none; width:100%; }
.contact_right h3{ height:30px; line-height:30px; font-size:16px; text-align:center;}
.contact_right li{ height:auto; margin:0;}
.contact_right li em{ display:none;}
.contact_right li span{ width:100%; text-align:center; margin:0;}

.foot_top{ display:none;}
.foot_recu{ display:block;}
.foot_bottom{ height:auto; padding:10px 0; line-height:20px;}

.join_ul{ width:100%;}
.join_ul li{ width:25%; box-sizing:border-box;}
.importance{ padding:10px;}
.join_ul li a{ font-size:14px;}
.Requirement{ padding:10px;}
.join_top span{ display:none;}
.join_top h3{ margin-bottom:30px;}

.sale_word li{ padding:0; text-align:center;}

.tech{ background:#f6f6f6; padding:30px 0;}
.tech_inner{ width:100%; padding:20px 5px; box-sizing:border-box; }
.platform{ float:none; width:100%;}
.tech_top h3{ text-align:center; font-size:20px; height:30px; line-height:30px; margin-bottom:20px;}
.plat_inner{ padding:0; height:auto;}
.tech_img{ float:none; width:auto; height:auto; padding:0;}
.tech_img img{ width:auto; height:auto; max-width:100%;}
.tech_bottom{ padding:0;}
.tech_pic{ margin:20px 0; float:none; width:100%; text-align:center; height:auto;}
.tech_pic img{ width:auto; height:auto; max-width:100%;}
.tech_center{ padding:0; width:100%; float:none; height:auto;}

.knlow{  padding-top:20px;}
.knlow h3{text-align:center; font-size:20px; height:30px; line-height:30px; margin-bottom:20px;}
.know_ul{ margin:0; padding:0;}
.know_ul li{ margin:0 0 10px 0; width:50%; padding:0 5px; box-sizing:border-box; text-align:center;}


.field_ul{ margin:0; padding-bottom:30px; }
.field_ul li{ margin:20px 0 0 0; width:33.3%; float:left; padding:0 5px; box-sizing:border-box; background:none; box-shadow:none; text-align:center; height:auto;}
.field_ul li .field_img{ width:100%; height:auto;}
.field_img img{ width:auto; height:auto; max-width:100%;}
.field_word{ height:auto; background:none!important;}
.field_word a{ position:static; height:auto;}
.field_word em{ padding:0 20px; color:#373d41; height:auto;}
.field_word span{ color:#373d41!important;}

.field_left{ float:none; width:100%; height:auto; text-align:center;}
.field_left img{ width:auto; height:auto; max-width:100%;}
.field_right{ float:none; width:100%;}
.field_right a{ display:none;}
.field_right h3{ height:40px; line-height:40px; text-align:center;}
.field_right p{ height:auto;}

.point_left{ width:20%; box-sizing:border-box;}
.point_center{width:50%; box-sizing:border-box;}
.point_right{width:30%; box-sizing:border-box;}
.point span{ overflow:hidden; font-size:12px;}
.parameter span{ height:auto;}

.pro_ul li:hover .pro_tit{position:absolute; left:0; height:34px; background:#fff; bottom:0px; width:100%;}
.pro_ul li:hover span{ display:block; height:34px; line-height:34px; text-align:center; font-size:16px; color:#373d41; overflow:hidden; margin-top:-22px; }
.pro_ul li:hover em{ display:none;}
.pro_ul{ margin:0; padding:20px 0;}
.pro_ul li{ padding:0 5px; width:33.3%; box-sizing:border-box; margin:0 0 10px 0; height:auto; transform:translateY(0px)!important;box-shadow:none; text-align:center;}

.pro_ul li .pro_tit{ background:none!important;}
.pro_ul li img{ width:auto; height:auto; max-width:100%;}
.pro_tit em{ display:none!important;}
.paster_left{ padding:0 0 20px 0; text-align:center; float:none; width:100%;}
.paster_right{ float:none; width:100%; padding-bottom:20px;}

.phone{ display:block;}
.pc{ display:none;}

.brief{ padding-bottom:30px;}
.index_tit{ padding-top:30px;}
.brief_word{ padding:20px 0 0 0; height:auto;}
.index_word{ margin:0!important; }
.about_see{ margin-top:30px;}
.index_tit h3{ font-size:20px;}
.index_tit span{ font-size:16px;}

.index_news{ background-size:cover; height:473px;}
.news_scroll{ width:255px; margin-left:-127.5px;}
.pro_scroll{ width:285px; margin-left:-142.5px; overflow:hidden;}

.app_ul{ margin:30px 0 0 0;}
.app_ul li{ margin:0 0 20px 0;width:33.3%; box-sizing:border-box; background:none; padding:0 5px; height:auto;}
.app_ul li .app_div{ position:static; background:url(../images/appbj.png) left top; height:auto; padding-bottom:15px;}
.app{ height:auto; padding-bottom:30px; width:100%; background-size:cover;}
.app_ul li p{ height:auto; padding-top:5px;}
.app_ul li span{ padding-top:15px; padding-bottom:10px;}

.stren_ul{ margin:20px 0 0 0;}
.stren_ul li{ float:none; margin:0 auto 20px;}
.strength{ padding-bottom:30px;}
.product_div{ margin-top:20px; padding-bottom:30px;}
.news_center{ margin-top:20px;}
.news_more{ margin-top:20px;}

.about_back{ background:#f6f6f6; height:auto; min-height:inherit;}
.about_inner{ padding-top:30px;}
.about_inner img{ width:auto; height:auto; max-width:100%;}
.about_pic,.about_img{ float:none!important; text-align:center!important; margin:0 0 20px 0!important;}

.gray{ padding:30px 0;}
.gray_top{ padding:0; background:none; }
.gray_inner img{ width:auto; height:auto; max-width:100%;}
.mech_word{ font-size:16px!important;}
.mech_word span{font-size:14px!important;}
.gray_bottom{padding:0; background:none; }


.ent_top{ height:auto;}
.ent_top li{ width:50%; margin:0 0 10px 0; padding-top:20px;}
.ent_left{ float:none; margin:0 auto 10px;}
.ent_right{ width:100%; float:none; text-align:center; padding:0;}

.ent{ background:#f6f6f6; padding-bottom:20px;}
.ent_bottom dt{ float:none; margin:20px auto 10px; width:100%; text-align:center; height:auto;}
.ent_bottom .idea span{ padding-top:20px;}
.ent_bottom .idea em{ height:30px; line-height:30px;}
.ent_bottom dt img{ width:auto; height:auto; max-width:100%;}
.ent_bottom .idea{ display:block; margin:0 auto; float:none;}
.ent_bottom .manage{ width:100%; float:none; height:auto; text-align:center; padding-top:10px;}
.ent_bottom dd{ float:none; width:100%;}
.ent_bottom .manage span{ height:auto;}

.honor{ background:none; padding-bottom:30px; margin:0;}

.honor h3{ font-size:20px; height:40px; line-height:40px; text-align:center;}

.honor_ul{ padding-top:30px;}
.honor_ul li{ margin:0 0 10px 0; width:50%; padding:0 5px; box-sizing:border-box; border:none; text-align:center; height:auto;}
.honor_ul li img{ width:auto; height:auto; max-width:100%;}

.things{ padding:20px 0;}

#timeline{ width:100%;}
#dates{ width:250px!important; border:1px solid #f00; height:120px;}

.news_dl dt{ margin:0 auto 10px; float:none;}

.news_dl dd{ padding:0; width:100%; float:none; height:auto;}
.news_tit{ text-align:center;}
.news_div span{ float:none; width:100%; height:auto; text-align:center;}
.news_see{ float:none; margin:20px auto 0;}
.news_span{ display:none;}
.release h3{ font-size:18px;}

.goose_div{ display:none;}
.things_phone{ display:block;}

.issues_dl{ width:100%;}
#things dl{ height:auto; padding:10px 0;}
#things dt{ float:none; margin:0 auto 10px;}
#things dd{ float:none; width:100%; text-align:left; padding:0; height:auto; line-height:30px;}

.parameter li{ line-height:30px; height:auto;}
}





@media screen and (max-width:768px){
.a_banner{ height:213px!important;}
}
@media screen and (max-width:414px){
.a_banner{ height:213px!important;}
.know_ul li span img{ width:auto; height:auto; max-width:100%;}
.know_ul li{ float:none; width:100%;}
.field_ul li { float:none; width:100%;}
.pro_ul li{ float:none; width:100%;}
.app_ul li{ width:100%; float:none;}


.stren_ul li{ width:100%; background-size:cover!important;}

.ent_top li{ float:none; width:100%;}
}
@media screen and (max-width:375px){


}
@media screen and (max-width:360px){
.a_banner{ height:187px!important;}
}
@media screen and (max-width:320px){
}


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