﻿@media screen and (max-width:2600px){
.phone{display: none;}
}
@media screen and (max-width:1450px){
.phone{display: none;}
}
@media screen and (max-width:1024px){
.phone{display: none;}
}
@media screen and (max-width:861px){
	.chanye{
		display: none;
	}
	.pro_box{
		width: 100%;
	}
	.pro_box .pro_list{
		width: 100%;
		
	}
	.pro_list li{
		width: 100%;
		float: left;
	}
	.pro_nav .pro_nav_2 .first_nav{
		width: 90%;
		margin: 20px 5%;
	}
	.newslist_content{
		width: 96%;
		margin: 0 2%;
	}
	dl.dl_list dt{
		width: 80px;
		height: 80px;
		margin-top: 20px;
	}
	dl.dl_list dt b{
		font-size: 30px;
	}
	dl.dl_list dd{
		width: 70%;
		margin-bottom: 20px;
	}
	body{
		width: 100%;
		height: 100%;
	}
	
	.header{
		display: none;
	}
.phone{display: block;}
	.pc{display: none;}
	.about{
		width: 100%;
		margin-top: 190%;
	}
	.about dt{ 
		width: 90%; 
		margin: 0 5%; 
		height: auto;
		border: 0;
	}
	.about dd{
		width: 90%; 
		margin: 0 5%; 
		margin-top: 30px;
		
	}
	.about dd p{
		font-size: 18px;
		line-height: 36px;
        height: auto;
	}
	.chanye .imgbox{
		width: 90%; 
		margin: 0 5%; 
	}
	.wangluo{
		width: 100%;
	}
	.wangluo dl{
		height: auto;
	}
	.wangluo dt{
		display: none;
	}
	.wangluo dd{
		display: none;
	}
	.pro .pro_box{
		width: 100%;
	}
	.pro .pro_box .pro_list{
		width: 100%; 
	}
	.pro .pro_list li{
		width: 45%;
		margin: 2.5%;
height: 280px;
	}
	.pro .pro_list li .tu{
		width: 100%; 
	}
	.news{
		width: 100%; 
	}
	.news .menu{
		width: 100%; 
	}
	.news .newsBox{
		width: 90%; 
		margin: 0 5%; 
	}
	.news .newsList li{
		font-size: 18px;
        line-height: 50px;
	}
}  
@media screen and (max-width:751px){
	
}
@media screen and (max-width:641px){
	
	
}
@media screen and (max-width:520px){

}
@media screen and (max-width:481px){

}
@media screen and (max-width: 380px){
	
}
@media screen and (max-width: 340px){
  
}
	