@charset "utf-8";
/* CSS Document */


@media screen and (max-width:1355px) {
	.solution{width:100%;}
	
	
	

}
@media screen and (max-width:1280px){
	.top{width:100%;}
	.main_top_con{width:100%;}
	.pro_list{width:100%;}
    .case,.main_mid,.main_btm,.link_con,.foot{width:100%;}
	
	


}
@media screen and (max-width:1100px){
	


}

@media screen and (max-width:1000px){
	.ban_btm_con,.xxy_top,.xxy_mid_con,.xxy_btm,.cp_list{width:100%;}
	
	
	

}
@media screen and (max-width: 980px) {
	.about p{line-height:26px;}
	.about ul{margin-top:2%;}
	

}
@media screen and (max-width: 950px) {
	.logo{width:24%;}
	
	
	

}
@media screen and (max-width: 900px) {
	
	
}
@media screen and (max-width: 880px) {
	.bt p{font-size:16px; margin:1% 0;}
	.bt span{font-size:20px;}
	.about p{line-height:22px;}
	
	}
	

@media screen and (max-width: 840px) {
	
	}
	
@media screen and (max-width:830px) {
	
	
}	
@media screen and (max-width:820px) {
	.title span{font-size:22px;}
	.title p,.title p span{font-size:18px;}
	.about_tl{width:90%;margin:0 auto ;}
	.vedio,.about{float:none; width:90%; margin:0 auto 2%;}
	
	
}
	
@media screen and (max-width: 780px) {
	.pro_nav{width:70%;}
	.pro_nav li a{line-height:2.7em;}
	

	
}
@media screen and (max-width:740px) {
	
	}
		
	
@media screen and (max-width: 700px) {
	.main_mid{border:none;}
	.news,.news2{float:none; width:95%; margin:0 auto; margin-bottom:2%; border:1px solid #e9e9e9}
	.cp_list li{width:30.5%;margin:0 4% 5% 0;}
	

	
}
@media screen and (max-width: 660px) {
	.bt p{font-size:14px; margin:1% 0;}
	.bt span{font-size:18px;}
	

}
@media screen and (max-width: 640px) {
	.title span{font-size:18px;}
	.title p,.title p span{font-size:14px;}
	.pro_list li{float:none; width:65%; margin:0 auto 2%;}
	.pro_list .last{margin:0 auto 2%;}
	.solution_list li .more{left:45%; bottom:-4%;}
	.ckgd{width:25%;}
	.ckgd a{line-height:3em}
	.link_img{width:16%; margin-left:3%;}
	.ft_left{background:none;}
	.ft_left dl{float:none; width:98%; text-align:left; padding-left:2%; margin-bottom:2%; border-bottom:1px solid #fff;}
	.ft_left dl dt{font-size:18px; padding-bottom:3%}
	.ft_left dl dd{font-size:16px;}
	.ft_left,.ft_right{float:none; width:98%; margin:0 auto;}
	.ft_right{padding:0 0 2%;}
}
	
@media screen and (max-width: 620px) {
	
	
	

}
@media screen and (max-width: 580px) {
	.pro_nav{width:80%;}
	.pro_nav li a{line-height:2.5em;}
	
	
	
}
@media screen and (max-width: 560px) {	
	.nav_narrow{display:inline-block;}
	.nav{display:none;}
	.nav_narrow img{width:100%;}
	.nav_narrow li{padding:3px 0;}
	.top_right{width:58%;}
	.logo{width:130px;}
	
	
	

}
@media screen and (max-width: 520px) {
	
	
	
	
}
@media screen and (max-width: 500px) {
	.pro_nav{width:95%;}
	.pro_nav li a{line-height:2em;}
	.solution_list{width:93%;}
	.solution_list li{margin-right:4.3%;}
	.solution_list li p{font-size:12px;}
	.bt p{font-size:12px;}
	.bt span{font-size:16px;}
	.cp_list li span a{font-size:12px;}
}


@media screen and (max-width: 480px) {
	
	
}
@media screen and (max-width: 460px) {
	.solution_list{width:92%;}
	.solution_list li{margin-right:1.5%; width:23.2%}
	
	

}
@media screen and (max-width: 420px) {
	.pro_nav{width:85%;}
	.pro_nav li{margin-bottom:2%;}
	.pro_nav li{width:82px;}
	/*.solution_list{width:92%;}
	.solution_list li{margin-right:4%;}*/
	.title img{width:58.5%;}
	.solution_list li .more{left:42%; bottom:-5%; width:15.5%;}
	.ckgd a{line-height:2em}
	.bt span{font-size:14px;}
	.cp_list li{width:32%;margin:0 2% 5% 0;}
	
}

