@charset "utf-8";

/* CSS Document */

@media screen and (min-width:2200px)
	
{

}

@media screen and (max-width:1880px)
	
{

}

@media screen and (max-width:1700px)
	
{

	
	
}




@media screen and (max-width:1680px)
	
{
  
	body{font-size: 14px;}
 
	
}

@media screen and (max-width:1520px)
	
{

}


@media screen and (max-width:1366px)
	
	
{
	

}

@media screen and (max-width:1280px)
	
{
	

		
}




@media screen and (max-width:1200px)
	
{

 	body{overflow-x: hidden;}

}




@media screen and (max-width:1024px)
	
{

	.nav ul{display: block; height: calc(90vh - 70px); overflow-y: scroll; width: 90%}
	.navdown{display: none}
	.menu-open .nav li p{border-bottom: 1px solid rgba(255,255,255,0.4);position: relative}
	.menu-open .nav li p a{padding: 15px 0px; display: inline-block}
	
	.nav li p:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; right: 20px;top:25px;display: flex;border-width: 0 1.5px 1.5px 0;border-style: solid;
border-color:#ffffff;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(45deg);}

	.nav li.cur p:before{transform: rotateZ(225deg);}
	.navdown{padding: 0px 20px;}
	.navdown span a{font-size: 16px;}
}



@media screen and (max-width:999px)
	
{

	.banvideo{display: none!important}
	.wapimgbox{display: block}
	.bantxt{padding: 0px 5%; width: 90%}
	.bantxt h2{font-size: 1.8rem}
	.bantxt h1{font-size: 2rem}
	.bantop h3{font-size: 2.2rem}
	.bantxt{top: 20%}
	
	.partfour_left{display: none}
	.partfour_right{display: none}
	.partfour_center{width: 100%}
	.partfour{display: none}
	.banleft,.lineone,.bancenter,.linetwo,.banright{display: none!important}
	.footer{display: block; text-align: center}
	.footer a{display: block}
	.bantxt.wapshow{display: block}
}

@media screen and (max-width:768px)

{
	
}

@media screen and (max-width:680px)

{
 
		
}


@media screen and (max-width:580px)

{

	
}

@media screen and (max-width:480px)
	
{

	
}

@media screen and (max-height:450px)
	
{
	


	

}

@media screen and (max-height:700px)
	
{
	
}

@media screen and (max-height:1366px) and (max-width:1024px)
{
	

	
}

@media screen and (max-height:450px) and (min-width:800px) 
	
{


	
	
}