@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;}
	
	.logo{width: 50%}
	.language{margin-right: 30px;}
	.nav{ position: fixed;top:70px;right:0;z-index:99;float:inherit;width:100%;height:calc(100vh - 70px);opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#000000; margin-top: 0px;}
	.nav ul{display: block!important;  width: 90%; margin: 0 auto; margin-top: 20px;}
	.navdown{display: none; position: relative; background: none; width: 100%; top: auto; left: auto; transform: none; }
	.nav li{border-bottom: 1px solid rgba(255,255,255,0.2);position: relative;font-size: 16px; }
	.nav li a{padding: 15px 0px; display: inline-block; height: auto}
	
	.nav li:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; right: 6px;top:25px;display: flex;border-width: 0 1.5px 1.5px 0;border-style: solid;
border-color:#777777;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(45deg);}

	.nav li:nth-child(1):before{display:none}
	.nav li:nth-child(1) a{display:block}
	.nav li.cur p:before{transform: rotateZ(225deg);}
	.navdown{ width: 100%!important}
	.navdown span a{display: block;text-align: left;padding: 8px 25px;}
	
	
	.top.cur .nav-btnbox .icon-bar{background-color:#ffffff;}
	
	.menu-open{height: 100vh; overflow: hidden}
	
	.nav-btnbox {transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:flex; cursor: pointer; height:50px;}
	.nav-btnbox  a{width: 100%}
	
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#ffffff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}
	.nav-btnbox a{ width: 20px}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:4.5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#ffffff;}
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);}	
	.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
	.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);}

	.menu-open .nav{visibility:visible;opacity:1;}
	.menu-open .icon-bar{ background:#FFF}
	.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

	.menu-open .nav li:nth-child(1){animation-delay:0s;}
	.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
	.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
	.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
	.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
	.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
	.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
	.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
	.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
	.menu-open .nav li:nth-child(10){animation-delay:0.9s;}



	@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

	100% {opacity:1;-webkit-transform:translateY(0)}

	}

	@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

	100% {opacity:1;-moz-transform:translateY(0)}

	}

	@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

	100% {opacity:1;-o-transform:translateY(0)}

	}

	@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

	100% {opacity:1;transform:translateY(0)}

	}
	
	
	

}




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


}



@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) 
	
{


	
	
}