@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.mobile{ display: block;  width: 100%; top: 15px; z-index: 99999; right: 0; position: fixed; }
.mobile-inner{ width: 100%; }
.phone_banner{ display: block; }
.pc_banner{ display: none; }
.begin .head{ padding: 0 5px;  }
.a_banner{ margin: 70px 0 0 0!important }
.begin h1 img{ height: 45px; }
.search{ display: none; }
.begin .lan{ margin-top: 5px; }
.mobile-inner-nav{ top: 55px; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.foot_left{ float: none; width: 100% }
.foot_img{ display: none; }
.foot_ul{ padding: 10px 0; }
.foot_call{ height: auto; line-height: 30px; }
.foot_right{ float: none; padding: 10px 0; }
.what_tit{ display: none; }
.foot_bottom{ height: auto; line-height: 30px; padding: 10px 0; }
.foot_top{ background-size: cover; }
.position{ display: none; }
.det_tit{ height: 100px; }
.zhaobo{ height: 100px; line-height: 100px; display: none; }
.begin .wrap_box{ top: 50%!important}

.int_det{ top: 60px; }
.det_h3{ top: 22px; font-size: 22px; }
.cont_tit{ padding:0 0 20px 0; font-size: 14px; }
.cont_left{ width: 100%; float: none; }
.cont_text{ margin: 0 0 20px 0; width: 100%; }
.cont_area{ margin: 0 0 20px 0; width: 100%; }
.cont_yz{ width: 138px;  margin-right: 20px; }
.cont_sub{ margin: 0 auto 30px; }
.cont_right{ float: none; width: 100% }
.map{ width: auto; height: auto;  }
.map img{ width: auto; max-width: 100%; height: auto; }
.site li{ height: 50px; line-height: 50px; }
.glory_ul{ margin: 0; }
.glory_ul li{ margin: 0 0 20px 0; width: 100%; height: auto; float: none; }
.glory_ul li img{ width: auto; height: auto; max-width: 100% }

.news_ul{ margin: 0; }
.news_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.news_img img{ width: auto; height: auto; max-width: 100% }
.news_img{ width: 100%; height: auto; text-align: center; }
.news_tit{ height: auto; line-height: 34px; padding: 10px 0; }
.news_zi{ height: auto; }

.news_word img{ width: auto; height: auto; max-width: 100% }
.release{ padding: 0 0 20px 0; }
.rel_h3{ font-size: 16px; height: auto; line-height: 30px; }
.piece{ height: auto; line-height: 30px; padding: 20px 0 }
.piece_left{ float: none; width: 100%; height: auto; padding: 0; }
.piece_right{ float: none; width: 100%; height: auto; padding: 0; text-align: left; }
.add_img{ float: none!important; width: 100%!important; text-align: center!important; margin: 0 0 20px 0!important; }
.about img,.address img{ width: auto; height: auto; max-width: 100% }
.col_ul li a{ width: 100px; font-size: 14px; }


.map_right{ display: none; }
.map_tel{ display: none; }
.begin .map_left{ float: none; width: 100%; height: auto; width: 100% }
.begin .wrap_box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.begin .map_div, .begin .map_area{ margin: 0; }
.map_txt{ float: none; width: 100%; margin: 0 0 5px 0; }
.begin .map_area{ margin:0 0 5px 0;float: none; width: 100%; height: 100px; }
.begin .map_left{ padding: 0 5px; }
.yz_txt{ width: 100px; }
.map_sub{ width: 80px; }
.begin .index_add{ display: none; }
.begin .map_h3{ text-align: center; }
.index_body  .begin .head{ position: fixed; }

.show_right{ display: none; }
.begin .show_left{ float: none; height: 300px; margin: 0 auto }
.begin .show_word{ padding-top: 30px; }
.give_ul li{ display: none; }
.give_ul li:nth-child(1){ display: block; float: none; width: 100% }
.begin .give_num{ display: none; }
.begin .give_img img, .begin .give_img{ text-align: center; }
.give_img{ margin: 10px auto }
.give_see{ margin-top: 15px; }
.begin .ind_right{ display: none; }
.begin .ind_left{ float: none; width: 100%; height: auto;  }
.ind_hover{ left: 20px; }
.hover_zi{ font-size: 16px; }
.begin .who_left{ display: none; }
.who_right{ width: 100%; float: none; height: auto; }
.who_pic{ display: none; }
.who_tit{ padding-top: 10px; }
.begin .wel_i{ font-size: 16px; margin: 0; }
.who_zi{ height: 150px; font-size: 14px; }
.flex-next{ right: 10px; }
.flex-prev{ left: 10px; }









}



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


}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:200px!important;}

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

@media screen and (max-width:360px){
.dyn_left{ padding: 0 5px; box-sizing: border-box; }
.a_banner{background-size:cover!important; height:170px!important;}
}
@media screen and (max-width:320px){


}


@media screen and (min-width:1201px){
}