@keyframes led-style1{
	0%   {opacity: 1}
    100% {opacity: 1}
}

@-webkit-keyframes led-style1{
	0%   {opacity: 1}
    100% {opacity: 1}
}

@-ms-keyframes led-style1{
	0%   {opacity: 1}
    100% {opacity: 1}
}

@keyframes led-style2{
	0%   {opacity: 1}
	10%  {opacity: 0.8}
	20%  {opacity: 0.7}
    50%  {opacity: 0.5}
   	70%  {opacity: 0.2}
   	85%  {opacity: 0.6}
    95%  {opacity: 0.8}
    100% {opacity: 1}
}

@-webkit-keyframes led-style2{
	0%   {opacity: 1}
	10%  {opacity: 0.8}
	20%  {opacity: 0.7}
    50%  {opacity: 0.5}
   	70%  {opacity: 0.2}
   	85%  {opacity: 0.6}
    95%  {opacity: 0.8}
    100% {opacity: 1}
}

@-ms-keyframes led-style2{
	0%   {opacity: 1}
	10%  {opacity: 0.8}
	20%  {opacity: 0.7}
    50%  {opacity: 0.5}
   	70%  {opacity: 0.2}
   	85%  {opacity: 0.6}
    95%  {opacity: 0.8}
    100% {opacity: 1}
}

@keyframes led-style3 {
	0%   {opacity: 1}
	10%  {opacity: 0.1}
	20%  {opacity: 0.7}
    50%  {opacity: 0.3}
   	70%  {opacity: 0.8}
   	85%  {opacity: 0.2}
    95%  {opacity: 0.9}
    100% {opacity: 1}
}

@-webkit-keyframes led-style3 {
	0%   {opacity: 1}
	10%  {opacity: 0.1}
	20%  {opacity: 0.7}
    50%  {opacity: 0.3}
   	70%  {opacity: 0.8}
   	85%  {opacity: 0.2}
    95%  {opacity: 0.9}
    100% {opacity: 1}
}

@-ms-keyframes led-style3 {
	0%   {opacity: 1}
	10%  {opacity: 0.1}
	20%  {opacity: 0.7}
    50%  {opacity: 0.3}
   	70%  {opacity: 0.8}
   	85%  {opacity: 0.2}
    95%  {opacity: 0.9}
    100% {opacity: 1}
}


@keyframes led-style4 {
	0% {background: rgba(77, 241, 23, 1);}
    7%{opacity: 0.9;}
    14%{background: rgba(109, 205, 221, 1);}
    21%{opacity: 0.9;}
    28% {background: rgba(9, 61, 216, 1);}
    35%{opacity: 0.8;}
    42% {background: rgba(252, 12, 185, 1);}
    49%{opacity: 0.9;}
    56% {background: rgba(240, 31, 37, 1);}
    63%{opacity: 0.8;}
    70% {background: rgba(243, 236, 23, 1);}
    77%{opacity: 0.9;}
    85% {background: rgba(255, 255, 255, 1);}
    92%{opacity: 0.8;}
    100% {background: rgba(77, 241, 23, 1);}
}

@-webkit-keyframes led-style4 {
	0% {background: rgba(77, 241, 23, 1);}
    7%{opacity: 0.9;}
    14%{background: rgba(109, 205, 221, 1);}
    21%{opacity: 0.9;}
    28% {background: rgba(9, 61, 216, 1);}
    35%{opacity: 0.8;}
    42% {background: rgba(252, 12, 185, 1);}
    49%{opacity: 0.9;}
    56% {background: rgba(240, 31, 37, 1);}
    63%{opacity: 0.8;}
    70% {background: rgba(243, 236, 23, 1);}
    77%{opacity: 0.9;}
    85% {background: rgba(255, 255, 255, 1);}
    92%{opacity: 0.8;}
    100% {background: rgba(77, 241, 23, 1);}
}


.con-led{
	margin-left:10%;
	margin-right:10%;
}

.con-text{
	width:70%;
	position:absolute;
	z-index:20;
	top: 99px;
	left: 26px;

}

.led-title{
	color:#00AEEF;
	font-size:260%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:120%;
}


.led-text{
	margin-top:2%;
	color:#fff;
	line-height:26px;
	font-size:16px;
	text-align:justify;

}

.nav-2 ul {
	clear:both;
	margin-top:10px;
	margin-left:40px;
}

.nav-2 ul li{
	float:left;
	margin-right:20px;
	cursor:pointer;
}

.nav-3{
	display:none;
}

.nav-3 ul{
	clear:both;
	margin-top:100px;
	margin-left:80px;
}

.nav-3 ul li{
	float:left;
	margin-right:20px;
}

.img1{
	margin-top:100px;
	/*
	width:500px;
	height:145px;
	animation:led-style4-panel 1.4s linear infinite;
	*/
}


.box1{
	margin-top:40px;
	max-width:780px;
	min-width:780px;
	position:relative;
	height:1200px;
	margin-left:auto;
	margin-right:auto;
}

#a1{
	width:40%;
	height:482px;
	right:8%;
	position:absolute;
	z-index:10;
	background-color:#FF0000;
	animation:led-style4 1.4s linear infinite;
	-webkit-animation:led-style4 1.4s linear infinite;
}

.b1{
	min-width: 780px;
	height: 2500;
	margin-top: 0px;
	position: absolute;
	z-index: 11;	
}
@media screen and (max-width: 1300px) {
	#a1{height:482px;}
}
@media screen and (max-width: 1024px) {
	#a1{height:500px;
	right:2%;}

}