@charset "utf-8";

/* CSS Document */
@media screen and (max-width:3000px)
{

}

@media screen and (max-width:1600px)
{
    .proleft h2{font-size: 54px;}
    .proleft h3{font-size: 28px;}
}

@media screen and (max-width:1440px)
{
	
	.proleft h2{font-size: 48px;}
    .proleft h3{font-size: 24px;}
	
	

}

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

	.proleft h2{font-size: 40px;}
    .proleft h3{font-size: 20px;}
	.proleft li p br{display: none}
	.proleft li p{font-size: 14px;}
	.proico{width:80px; height: 80px;}
}




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

}




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

	.proleft h2{font-size: 40px;}
    .proleft h3{font-size: 20px;}
	
	.proico{width:80px; height: 80px;}
	

}




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


	
	
	
}

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


	
}

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

	.propic{width: 100%}
	.propic.wapshow{display: block}
	.propic img{width: 60%; margin: 0 auto}
    .propic.pcshow{display: none}
	.boxheizi .mainbox{display: block}
	.proleft{width: 100%; text-align: center;margin-top: 5%}
	.proleft li p br{display: block}
	.proleft ul{margin-top: 5%}
	.boxheizi{display: block}
}

@media screen and (max-width:820px)

{


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

{
	
}

@media screen and (max-width:680px)

{
	.top{padding: 5% 0px;}
	.logo{width: 20%}
	.propic img{width: 100%}
	.boxheizi{height: calc(100vh - 70px)}
	.proleft{margin-top: 10%}
	.proleft h2{font-size: 32px;}
	.proleft h3{font-size: 18px;}
	.proico{width: 60px; height: 60px;}
	.proleft ul{display: none}
	.proleft li p{font-size: 12px;}
	.proleft li p br{display: none}
	.proleft li{width: 20%;}
	.footer img{width: 100px; display: inline-block}
	.footer{display: block; text-align: center; font-size: 12px;}
	
}

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



}





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

}

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

}