@media screen and (max-width:1200px){
.nav{ display:none;}
.search{ display:none;}
.head{ height:auto;}
.box,.foot_box{ width:100%; padding:0 5px; box-sizing:border-box;}
h1{ padding:17px 0;}
.phnav{ display: block; }
.foot_inner{ display:none;}
.foot_recu{ display:block!important;}
.foot{ padding-top:0;}
.add{ padding:10px 0; height:auto; line-height:20px;}
.phone_banner{ display:block;}
.pc_banner{ display:none;}
.cata_ul li a{ height: 40px; line-height: 40px; }
.a_banner{ background-size:cover!important; height:233px!important;}
.cata_curr{ display:none;}
.cata_ul{ width:100%; float:none; overflow:hidden;}
.catalog{ height:auto; padding:10px 0;}
.cata_ul li{ width:50%; float:left; margin:0 0 10px 0; padding:0 5px; box-sizing:border-box;}
.about_word{ padding:30px 0;}
.about_word img{ width:auto; height:auto; max-width:100%;}
.about_img{ float:none; width:100%; text-align:center; margin-bottom:10px;}
.case_ul li:hover .case_div p{ display: none; }
.culture{ margin:0 0 30px 0;}
.culture li{ margin:30px 0 0 0; float:none; width:100%; height:auto; text-align:center;}
.culture li img{ width:auto; height:auto; max-width:100%;}
.case_div .case_see1{ margin-top: 0; height: 24px; line-height: 24px; font-size: 12px; }
.honor_ul{ margin:30px 0 30px 0;}
.honor_ul li{ margin:0; width:33.3%; padding:0 5px; box-sizing:border-box; height:auto;}
.honor_ul li span{ width:100%; height:auto;box-sizing:border-box; text-align:center;}
.honor_ul li span img{ width:auto; height:auto; max-width:100%;}
.ueditor_baidumap,.ueditor_baidumap div{ width: 100%!important; }
.cont_tit{ padding:30px 0;}
.cont_inner{ margin-bottom:80px;}
.cont_left{ float:none; width:100%; text-align:center; height:auto;}
.cont_left img{ width:auto; height:auto; max-width:100%;}
.pos dd li{ font-size: 14px; }
.cont_right{ float:none; width:100%; padding-top: 30px;}
.cont_right h3{  font-size:20px; font-weight:bold;}
.cont_right li span{ width:40px;}
.cont_right li em{ width:auto;}

.form_left{ float:none; width:100%; margin-bottom:20px;}
.mess_div{ margin:0;}
.mess_div em{ float:none; width:100%; text-align:left;}
.mess_div .mess_txt{ width:90%; box-sizing:border-box; float:none;}

.form_right{ padding:0; float:none; width:100%; border:none;}
.form_check span{ width:100%; float:none;}
.form_area{ width:90%;}
.form_check .other .mess_text{ width:80%;}

.mess_form{ padding:20px 0; margin:20px 0;}

.pos li .jia{ font-size:0;}
.pos dd li em{ display:none;}
.pos dd li i{ display:none;}
.Requirement{ padding:20px 10px;}
.join_tit a{ width:137px;}

.news{ padding-bottom:30px;}
.news dt{ float:none; margin:0 auto 10px; width: 100%; height: auto;}
.news dt img{ width: auto; height: auto; max-width: 100%; }
.news dd{ float:none; width:100%;}
.news dd span{ display:none;}
.news dd .news_tit{ text-align:left; font-size:14px; height:auto; line-height:24px;}
.news dd .news_div{ height:auto;}
.news_div .news_left{ width:100%; float:none; height:auto; padding-bottom:10px;}
.news_div a{ float:none; margin:0 auto; display: none;}

.news_info{ padding:30px 0;}

.sol{ padding:30px 0;}

.sol_left{ float:none; width:100%;}
.sol_right{ float:none; width:100%; text-align:center; padding:10px 0 0 0; height:auto;}
.sol_right img,.man_div img{ width:auto; height:auto; max-width:100%;}

.sec_tit{ padding:30px 0;}
.sec_div{ margin-bottom:30px; }
.sec_div img,.analysis .anl_left img{width:auto; height:auto; max-width:100%;}
.analysis .anl_left{ float:none; width:100%; text-align:center; height:auto}
.analysis .anl_right{float:none; width:100%; padding-top:20px; height:auto}
.cycle{ padding-bottom:80px;}
.cycle_div{ text-align:left;}

.check{ padding:30px 0;}
.check_left{ float:none; width:100%; text-align:center;height:auto; margin-bottom:20px;}
.check_left img,.situ_img img{ width:auto; height:auto; max-width:100%;}
.chech_right{ float:none; width:100%; height:auto;}

.life_word{ padding-bottom:50px;}
.life_img{ padding-bottom:30px;}
.life_img li{ width:20%; display:block; float:left; box-sizing:border-box;}
.situation{ padding:30px 0;}

.develop{ padding:30px 0;}
.deve_inner{ margin:150px 0 0 0;}
.deve_inner dt{ float:none; margin:0 auto 10px;}
.deve_inner dd{ width:100%; float:none; text-align:center;}

.deve_scroll{ width:260px; left:50%; margin-left:-130px;}
#zou,#you{ display:none;}
.spe_ul li{ text-align:center; font-size:16px; height:80px; line-height:80px;}
.spe_ul li img{ margin:0 10px 0 0;}

.index_tit{ padding-top:30px;}
.index_tit em{ height:auto; margin:10px 0;}
.i-technology-list{ margin:30px 0; overflow: hidden; height: 300px;}

.i-technology-list li{ float:none; width:100%; border:none; height:auto;}
.tec-box{ float:none; margin:0 auto;}
.tec-med{ width:100%; height:auto;}
.i-tec-tips{ width:50%; margin:10px 0 0 0; padding:0 5px; box-sizing:border-box; display:block; float:left; background:none;}
.i-tec-tips a{ display:block; background:#eff0f0;}
.case_inner{ height:auto; margin-top:30px; padding-top:10px; background: none;}
.case_ul li{ width:50%; text-align:center; margin-bottom:0px;}

.dynamic_ul{ margin:30px 0 0 0; padding-bottom:30px;}
.dynamic_ul li{ margin:20px auto 0 30px; float:none;}

.link_top{ padding:30px 0;}
.news dl{ margin-bottom: 15px; }
.map_left{ float:none; width:100%; margin-bottom:20px; text-align:center; height:auto;}
.map_left img{ width:auto; height:auto; max-width:100%;}
.map_right{ padding:0; width:100%; }
.link_scroll{ width:214px; margin-left:-107px; left:50%;}

.telist_ul{ width: 350px; left: 50%; margin-left: -175px; height: 300px; }

.i-technology-list .tec-li{ width: 350px; box-shadow: 0 0 0 #fff; }
.tec-med{ display: none!important; }
.i-technology-list li:nth-child(1){ border: none; }
.tec-li .t-sp{ margin-top:54px;  }
.i-technology-list li{}

.teon_phone{ display: block; }
.teon_pc{ display: none; }
.i-technology-list li{ background:#fff; height: 305px; overflow: hidden;   }
.i-tec-h,.i-tec-p{ color: #333; }
.i-tec-p{ height: 78px; overflow: hidden; margin: 0; }
.sec_inner img,.sol img,.news_word img { width: auto!important; height: auto!important; max-width: 100%!important; }
.sec_inner{ overflow: hidden; }
.honor_tab{ bottom: -38px; }

.join_phone{ display: block; }
.join_pc{ display: none; }



.cont_right li{ height: auto; line-height: 30px; }
.cont_right li span{ display: none; }
.cont_right li em{ font-size: 12px; height: auto; line-height: 30px; }

#phone li .mob_div a{ font-size: 14px; }
#phone li .mob_div .mob_phone a{ font-size: 12px; height: 22px; line-height: 22px; }
.phone_nav{ background: url(../images/phone.png) 275px center no-repeat }
.mob_phone{ display: none; }

.proul{ margin: 0; }
.proul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.proimg{ width: 100%; height: auto; text-align: center; }
.proimg img{ width: auto; height: auto; max-width: 100% }
}









@media screen and (max-width:768px){
.spe_ul li{ width:50%;}

}
@media screen and (max-width:414px){
.form_sub .sub{ width:130px; margin:0 8px;}
.release h3{ font-size:16px;}
.life_img li{width:33.3%;}
.case_ul li{ width:50%; height: 160px; overflow: hidden; }
.dynamic_ul li{ width:100%; text-align:center; margin: 20px 0 30px 0;}
.dynamic_ul li span{ width:100%; height:auto;}
.dynamic_ul li span img{ width:auto; max-width: 100%; height:auto;}
.dynamic_ul li p{ height:auto;}
.case_ul li img{ height: auto; }
.case_div em{ height: 50px; line-height: 50px; font-size: 16px; }
.case_div span img{ height: 30px; }
.case_ul li:hover .case_div span{ padding-top: 40px; }
.phone_nav{ background: url(../images/phone.png) 300px center no-repeat }
}
@media screen and (max-width:375px){
.honor_ul li{ width:50%;}
.dynamic_ul li em{ font-size:14px; height:30px; line-height:30px;}