@media screen and (max-width:1200px){
#float{ display:none!important; }
.head_center{ display:none;}
.head{ margin:0; padding:0px 0 0px 0;}
.box{ width:100%; padding:0 5px; box-sizing:border-box;}
h1{ padding:55px 0 20px 0;}
.head_right{ position:absolute; right:5px; top:10px; padding:0}
h1 img{ width:247px; height:auto;}
.nav{ display:none;}
.m-float{ display:none;}
.foot_recu{display:block!important; clear:both;}
.foot{ display:none;}
.add{ height:auto; padding:15px 0; line-height:24px;}

.a_banner{ background-size:cover!important;}
.cont_dl{ padding-bottom:20px;}
.cont_dl dt{ float:none; width:100%; height:auto; text-align:center; margin-bottom:10px;}
.cont_dl dt img{ width:auto; height:auto; max-width:100%;}
.pos dt{ background:url(../images/join.jpg) left center no-repeat; padding-left:54px;}
.cont_dl dd{ width:100%; float:none; height:auto; padding:0;}
.cont_dl dd em{ display:none;}
.cont_dl dd h3{ height:50px; line-height:50px;}
.recu{ padding:30px 0;}
.pos dd{ padding:0 0px;}
.Requirement .req_left{ float:none; width:100%;}
.Requirement .mailbox{ float:none; margin:30px auto;}
.pos dd li em{ display:none;}
.mess_form{ padding:0;}
.mess_left{ float:none; width:100%;}
.mess_left .mess_txt{ display:block; float:none; width:100%; box-sizing:border-box; margin-right:0;}
.mess_right{ float:none; width:100%;}
.mess_sub{ right:0;}
.service{ padding:0;}
.hotline{ padding:20px 0;}
.hot_left{ float:none; width:100%;}
.hot_right{ width:100%; float:none; text-align:left; padding:20px 10px; box-sizing:border-box;}
.hot_right img{ width:auto; height:auto; max-width:100%;}
.down .hot_tit{ height:60px; line-height:60px; margin-top:20px;}
.down_scroll{ width:382px; left:50%; margin-left:-191px;}
.down_right{ right:0;}
.down_left{ left:0;}

.catalog{ }
.catalog li{ float:left; width:33.3%; text-align:center; display:block; margin:0; padding:0 5px; box-sizing:border-box; margin-bottom:15px;}

.news dl{ padding:0; border:none;}
.news dt{ float:none; margin:0 auto 10px;}
.news dd{ float:none; width:100%;}
.news dd .news_rigth{ display:none;}
.news_div{ float:none; width:100%; height:auto;}
.news dd .news_left{ float:none; width:100%;}
.news_left .news_tit{ text-align:center;}
.news_left .news_see{ text-align:center;}
.position{ display:none;}
.release h3{ height:auto;}
.news_info{ padding:0;}
.piece_left{ float:none;}
.piece_right{ float:none;}

.exp_ul{ margin:0; padding:0;}
.exp_ul li{ margin:0 0 20px 0; width:33.3%; text-align:center; padding:0 5px; box-sizing:border-box; border:none;}
.exp_ul li em{ display:block; width:100%; height:auto; text-align:center; border:1px solid #f0f0f0;}
.exp_ul li span{ width:100%; height:40px; line-height:40px;}
.exp_ul li img{ width:auto; height:auto; max-width:100%;}

.exp_info{ padding:30px 0;}
.exp_info dt{ float:none; margin:0 auto 20px; text-align:center; border:none;}
.exp_info dd{ float:none; width:100%;}

.case_ul{ margin:0; padding:15px 0;}
.case_ul li{ margin:0 0 20px 0; width:33.3%; text-align:center; padding:0 5px; box-sizing:border-box;}
.case_ul li span{ width:100%; height:auto; text-align:center;}
.case_ul li img{ width:auto; height:auto; max-width:100%;}
.case_box em{ padding:0;}
.case_box .case_div{ height:auto; padding:0 10px 20px;}
.case_info{ padding:30px 0 50px;}
.case_info img{ width:auto; height:auto; max-width:100%;}

.pro_ul{ margin:0 0 50px 0;}
.pro_ul li{ width:33.3%; padding:0 5px; box-sizing:border-box;}
.pro_ul li{ margin:28px 0 0 0; border:none;}
.pro_ul li a{    border: 4px solid #f0f0f0; display:block; }
.pro_ul li span{ width:100%; height:auto; text-align:center;}
.pro_ul li span img{ width:auto; height:auto; max-width:100%;}
.cata_boxs{ z-index:999;}
.cata_boxs .cata_div a{ display:block!important; }
.phone_banner{ display:block;}
.pc_banner{ display:none;}

.index_tit{ padding-top:30px;}
.us_div{ padding-top:30px;}
.us_left{ float:none; width:100%; text-align:center; height:auto;}
.us_left img{ width:auto; height:auto; max-width:100%;}
.us_right{ float:none; width:100%; height:auto; padding-bottom:30px; padding:0 10px;}
.us{ height:auto;padding-bottom:30px; background-size:cover;}
.us_right h3{ text-align:center;}
.us_word{ height:auto; padding-bottom:20px;}

.groom_left{ float:none; width:100%; padding-bottom:30px; margin-bottom:30px;}
.groom_ul{ overflow:hidden;}
.groom_ul li{ width:100%; float:none; padding:0 5px; box-sizing:border-box; text-align:center;}
.groom_see{ text-align:center;}
.groom_right{ float:none; width:100%;}
.gromm_ul{ margin:0; padding-bottom:30px;}
.gromm_ul li{ margin:0 0 0px 0; padding:0 5px; box-sizing:border-box; width:33.3%;}
.gromm_ul li span{ height:auto; width:100%; text-align:center;}
.gromm_ul span img{ width:auto; height:auto; max-width:100%;}
.gromm_ul em{ height:40px; line-height:40px;}
.solve{ height:auto; padding-bottom:30px;}
.solve_ul{ margin:30px 0; height:auto; line-height:inherit; background:none;}
.solve_ul li{ width:100%; text-align:center; line-height:40px; margin-bottom:10px; padding:0 5px; box-sizing:border-box;}
.solve_ul li a{ background:#54575d;}
.solve_div img{ width:auto; height:auto; max-width:100%;}
.ham_ul{ padding:0;}
.ham_ul li{ width:50%; text-align:center; text-align:center; margin-bottom:10px;}
.ham_ul li a{ width:auto; height:auto;}
.ham_ul li a img{ width:auto; height:auto; max-width:100%;}
.ham_scroll{ width:285px; left:50%; margin-left:-142.5px;}
.ham{ margin-bottom:10px;}

.press{ padding-bottom:30px;}
.press_div{ padding-top:20px;}
.press_left{ float:none; width:100%;}
.press_tit li{ margin:0; width:25%; padding:0 5px; box-sizing:border-box;}
.press_tit li a{ width:100%; text-align:center;}
.press_tit li a.on{ background:#076ce0;}

.press_dl dt{ float:none; width:100%; margin-bottom:20px; height:auto; text-align:center;}
.press_dl dt img{ width:auto; height:auto; max-width:100%;}
.press_dl dd{ width:100%; float:none;}
.press_top .press_title{ text-align:center; height:auto; font-size:16px;}
.press_word{ height:auto;}
.press_dl dd .press_see{ text-align:center; padding:15px 0;}
.press_ul li span{ width:24%;}
.press_ul li a{ width:75%;}
.press_right{ float:none; width:100%; text-align:center; padding-top:20px;}
.press_right img{ width:auto; height:auto; max-width:100%;}
.supply_ul li{ width:25%; text-align:center; height:auto; padding:0 5px; box-sizing:border-box;}
.supply_ul li a{ background:none;}
.supply_ul li img{ width:auto; height:auto; max-width:100%;}
.ham_div{ width:285px; margin:0 auto;}
.ham_right{ right:0;}
.ham_left{ left:0;}
.press_dl dt a{ background:none;}
.phopo{ float:none;width:100%;}
.pro_right{ width:100%; float:none; padding:30px 0 0 0;}
.introduce li{ margin:0; width:33.3%;}
.int_div{ height:auto;}
.int_pace a{ height:auto; font-size:12px;}

.zoompic{ width:100%; box-sizing:border-box; min-height:inherit; height:auto;}
.zoompic img{ width:auto; height:auto; max-width:100%;}
.sliderbox .slider ul{ width:200px;}
.sliderbox .slider{ width:140px; margin:0 auto; float:none; display:block;}
.sliderbox{ width:100%;}

.groom_ul a{ text-align:left;}
.cpzx li .xiala{ width:200px; left:150px;}
.cpzx li .xiala_ul{ width:200px;}
.cpzx li .xiala li{ width:200px;}

.groom_pc{ display:none;}
.groom_phone{ display:block!important;}
}





@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.a_banner{ height:180px!important;}
.down_div{ height:250px;}
.down_scroll{ width:300px; margin-left:-150px; height:250px; }
.down_scroll li { width:300px; margin:0;}
.down_scroll li span{ width:300px; background-size:contain; height:200px;}
.down_scroll li img{ width:278px; height:auto;}
.down_right{ right:25px;}
.down_left{ left:25px;}
.release h3{ font-size:16px;}
.release span{ font-size:12px; height:auto;}
.exp_ul li{ width:50%;}
.case_ul li{ width:100%; float:none;}
.pro_ul li{ float:none; width:100%;}
.gromm_ul li{ width:50%;}
.supply_ul li{ width:33.3%;}
}

@media screen and (max-width:375px){


}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}

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