@media screen and (max-width:1200px){
.box{ width:100%; padding:0 5px; box-sizing:border-box;}
.top_left{ display:none;}
.head_inner .nav{ display:none;}
.head{ height:auto;}
.head_inner h1{ margin:10px 0;}
.head_inner h1 img{ height:40px; width:auto;}
.foot{ padding:5px 0; height:auto; line-height:20px;}
.catalog{ width:100%; float:none; margin:30px 0; overflow:hidden;}
.catalog li{ width:50%; float:left; padding:0 5px; box-sizing:border-box;}
.catalog li a{ text-align:center; text-indent:0;}

.details{ width:100%; float:none;}
.baco_ul{ margin:0;}
.baco_ul li{ margin:20px 0 0 0; padding:0 5px; width:33.3%; box-sizing:border-box;}
.baco_ul li .baco_pic{ width:100%; height:auto;}
.baco_ul li .baco_pic img{ width:100%; height:auto;}
.pro_info{ padding:30px 0;}
.pro_left{ float:none; width:100%; text-align:center;}
.pro_left img{ width:auto; height:auto; max-width:100%;}
.pro_right{ width:100%; float:none; text-align:center;}

.pro_ul{ margin:30px 0 0 0;}
.pro_ul li{ margin:5px 0 0 0; width:33.3%; text-align:center; padding:0 5px;}
.pro_ul li .pro_img{ width:100%; height:auto; box-sizing:border-box;}
.pro_ul li .pro_img img{ width:auto; height:auto; max-width:100%;}
.pro_ul li .pro_see{ height:30px; line-height:30px;}

.about_img{ float:none!important; margin:0 0 10px 0!important; text-align:center!important;}
.atricle img{ width:auto!important; height:auto!important; max-width:100%!important;}

.news dl{ padding:15px 0;}
.news dt{ float:none; margin:0 auto 10px;}
.news dd{ float:none; width:100%;}
.news dd p{ height:auto;}
.news_tit span{ display:none;}
.news_tit a{ width:100%; text-align:center;}

.news_info img{width:auto!important; height:auto!important; max-width:100%!important;}

.service_ul{ padding-top:20px;}
.service_ul li{ background:none; padding-left:10px;}
.service_ul li:nth-child(even){ background:#e6e6e6;}
.service_ul li a{ width:100%; box-sizing:border-box;background:url(../images/ser1.png) right center no-repeat; padding-right:30px;}
.video_ul li{ width:33.3%; padding:0 5px; box-sizing:border-box; margin:0;}
.video_img,.video_img img{ width:100%; height:auto;}
.video_ul{ margin:20px 0 0 0;}
.pc{ display:none;}
.phone{ display:block;}

.index_box{ padding:10px 0 30px 0;}
.index_tit{ padding:20px 0 10px 0;}
.baco_div{ width:100%;}
.baco_scroll ul{ width:100%!important;height:256px; overflow:hidden;}

.chanpin_div{width:100%;box-sizing:border-box; }

.index_about{ width:100%; box-sizing:border-box; padding:0 5px;}
.about_right{ display:none;}
.about_left{ padding:0; width:100%; float:none;}
.about_word{ height:auto; padding-bottom:15px;}
.news_div{ width:100%;box-sizing:border-box; padding:0 5px; height:260px;}
.chanpin_scroll,.baco_scroll{ width:257px; left:0; margin:0 auto; position:static;}

.chanpin_scroll ul{ width:100%;}

.baco_scroll ul li{ margin:0px 0 0 0;}
.baco_scroll .baco_ul .baco_tit{ width:100%;}
.baco_scroll .baco_ul .baco_pic{ width:100%;}
.baco_scroll ul li{ padding:0;}
.chanpin_scroll .pro_ul li{ margin:0; padding:0;}

.news_scroll{ width:300px;left:0; margin:0 auto; position:static;height:260px;}
.news_scroll li{ width:278px; margin:0; height:238px; padding:10px; }
.news_box{ padding:5px;}

.news_scroll li .news_left{ margin:0 auto; float:none; display:block;}
.news_right{ width:100%; float:none;}
.news_span span{ display:none;}
.news_span a{ width:100%; text-align:center; margin:0;}

.ueditor_baidumap{ width:100%!important; height:auto!important; overflow:hidden!important; margin-top:20px!important;}

.sign_top{ display:none;}
.sign_header{ display:block!important;}

.sign_box{ width:100%; padding:0 5px; box-sizing:border-box; height:auto; background-size:cover; padding-bottom:30px;}
.top_right{ width:auto;}
.mess_form{ padding:0 0 30px 0;}

.mess_txt{ margin:0 0 10px 0; float:none; width:100%; box-sizing:border-box;}
.mess_area{margin:0 0 10px 0; float:none; width:100%; box-sizing:border-box;}
.mess_form .mess_div{ margin:0;}
.code_txt{ width:70%; margin-right:10px;}
.code_img{ margin-top:-12px;}

.message_top{ padding:20px 0;}
.message_top em{ margin-bottom:5px;}
.message_top p{ height:auto; line-height:26px;}


}






@media screen and (max-width:768px){
.a_banner{ background-size:cover!important;}
}
@media screen and (max-width:414px){
.pro_ul li{ width:50%;}
.baco_ul li{ width:50%;}
.video_ul li{ width:50%;}

.mess_sub{ float:none; width:100%; margin:10px 0 0 0;}
}

@media screen and (max-width:375px){
.member{ width:350px; padding:0 10px;  margin-top:30px;}
}

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

}

@media screen and (max-width:320px){
.member{ width:300px;}
.sign_div .sign_txt{ width:270px;}
}

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