@media screen and (max-width:1200px){
.head_inner{ width:100%;}
.head_inner h1{ margin:10px 0 10px 10px;}
.head{ height:auto;}
.head_inner h1 img{ height:40px; width:auto;}
.head_inner .search{ margin:10px 60px 0 0; display:none;}
.nav{ display:none;}
.foot_inner{ width:100%;box-sizing:border-box; overflow:hidden; background:#626262; padding-bottom:20px;}
.foot_left{ width:100%; float:none; padding:0 10px; box-sizing:border-box;}
.foot_tit .foot_nav{ text-align:center; padding:0 10px; box-sizing:border-box;}
.foot_tit .foot_nav .big{ margin:0; margin-bottom:10px;}
.foot_what .what{ float:none; margin:0 auto;}
.foot_what .address{ text-align:center; padding-top:10px;}
.foot_right{ width:300px; margin:0 auto;float:none;box-sizing:border-box; }
.foot_right h3{ padding-left:10px;}
.foot_form .mess_tare{ width:230px;}
.foot_form{ width:300px; margin:0 auto;}
.foot_what .address p{ height:auto;}
.foot{ padding:0 10px 0px;box-sizing:border-box; background:none;}

.index_box{ width:100%; margin:20px auto; padding:0 10px;box-sizing:border-box;}
.index_center{ margin:20px 0; width:100%;}
.index_news{ float:none; width:100%;}
.xinw_ul li a{ width:70%; overflow:hidden;}
.xinw_ul li span{ width:30%; text-align:right; margin-right:0; padding-right:3px;box-sizing:border-box;}
.index_about{ float:none; width:100%; margin-top:20px; height:auto;}
.index_about .about_word{ text-align:center;}
.index_about .about_pic{ width:100%; height:auto;box-sizing:border-box;}
.about_pic img{ width:100%; height:auto;box-sizing:border-box;}
.show_inner dl{ width:50%;box-sizing:border-box; margin-left:0; padding:0 5px;}

.wrap{ width:100%; padding:0 10px;box-sizing:border-box;}
.catalog{ width:100%; float:none; overflow:hidden;}
.catalog li{ width:50%; padding:0 10px 0 0;box-sizing:border-box; float:left;}
.catalog h3{ background-size:100% 100%; text-align:center;}
.cata_ul li a:hover, .cata_ul li a.for{ background-size:100% 100%;}

.details{ width:100%; float:none; margin-top:20px;}
.deta_title{ line-height:43px;}
.atricle{ width:100%; padding:0;}
.atricle img{ width:100%; height:auto;}
.pro_ul{ margin:0;}
.pro_ul li{ margin-left:0; width:25%; padding:0 10px; text-align:center;box-sizing:border-box; }
.pro_ul li img{ width:100%; height:100%;box-sizing:border-box;}
.pro_info{ padding:0;}
.zoompic{ margin:0 auto; float:none;}
.phopo{ width:100%; }
.sliderbox{ width:520px; margin:0 auto; padding-top:30px;}
.sliderbox .slider ul{ width:100%;}
.sliderbox .slider{ width:100%;}
.sliderbox .slider li{ margin:0 10px;}
.pro_info .qigu{ padding:20px 0;}
.summ_ul li a{ width:100%;}
.summ_ul li { width:25%;}
.summ_ul li a.on{ background-size:100% 100%;}
.news{ padding-left:0;}
.news dt{ margin:0 auto 10px; float:none;}
.news dd{ width:100%; float:none; text-align:center;}
.news dd a{ margin:0 auto;}
.news_info{ padding-left:0;}
.news_word img{ width:100%; height:auto;}
.join{ padding-left:0;}
.join_ul{ width:100%;box-sizing:border-box;}
.join_ul span{ overflow:hidden;}
.summary img{ width: auto; height: auto; max-width: 100% }
.summ_inner img{ width:100%; height:auto;}
}


@media screen and (max-width:768px){
.index_pro .scroll{ width:660px; margin-left:-330px; left:50%; overflow:hidden;}
.show_inner dd{ width:165px;}
.pro_ul li{ width:33.3%;}
	
}

@media screen and (max-width:414px){
.index_pro .scroll{ width:212px; margin-left:-106px; left:50%; overflow:hidden;}	
.xinw li a{ font-size:12px; width:50px;}
.show_inner dl{ width:100%; float:none;}
.pro_ul li{ width:50%;padding:0 10px;}
.sliderbox .slider li{ width:110px; height:auto;}
.sliderbox .slider li img{ width:100%; height:auto;}
}
@media screen and (max-width:375px){
.show_inner dd{ width:154px;}
.sliderbox .slider li{ width:97px; height:auto;}

}
@media screen and (max-width:360px){
.sliderbox .slider li{ width:92px; height:auto;}
.show_inner dt{ float:none; margin:0 auto 10px; width:168px;}
.show_inner dd{ float:none; width:100%; text-align:center;}
.show_inner dd p{ height:auto;}

}
@media screen and (max-width:320px){
.index_h3 h3{ font-size:14px;}
.show_inner dt{ float:none; margin:0 auto 10px; width:168px;}
.show_inner dd{ float:none; width:100%; text-align:center;}
.show_inner dd p{ height:auto;}
.pro_ul li{ width:100%; float:none;}
.sliderbox .slider li{ width:82px; height:auto;}
}


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