@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);}
}

@keyframes led-style-s {
	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-style-s {
	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);}
}


@keyframes c1-a{
	0%   {transform: scale(1, 1);}
    100% {transform: scale(1.2, 1.2);}
}

@-webkit-keyframes c1-a{
	0%   {transform: scale(1, 1);}
    100% {transform: scale(1.2, 1.2);}
}

@-ms-keyframes c1-a{
	0%   {transform: scale(1, 1);}
    100% {transform: scale(1.2, 1.2);}
}

.con-text{
	width:50%;
	margin-top:-980px;
	position:relative;
	z-index:20;
	margin-bottom:200px;

}

.led-title{
	color:#ED1B2F;
	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-1 ul, nav-2 ul, nav-3 ul{
	list-style:none;
}



.nav-1 ul li{
	margin-top:4%;
	float:left;
	width:60px;
	height:65px;
	cursor:pointer;	
	margin-right:2px;
	
}
.nav-1 ul li#cc{
	background-image:url(../images/7color.png);
	}
.nav-1 ul li#c1{
	background-image:url(../images/c1.png);
	animation:c1-a 0.8s linear infinite;
	-webkit-animation:c1-a 0.8s linear infinite;
	}
.nav-1 ul li#c2{
	background-image:url(../images/c2.png);
	}
.nav-1 ul li#c3{
	background-image:url(../images/c3.png);
	}
.nav-1 ul li#c4{
	background-image:url(../images/c4.png);
	}
.nav-1 ul li#c5{
	background-image:url(../images/c5.png);
	}
.nav-1 ul li#c6{
	background-image:url(../images/c6.png);
	}
.nav-1 ul li#c7{
	background-image:url(../images/c7.png);
	}

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

.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:40px;
	margin-bottom:60px;
}

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

.img1-t{
	margin-top:180px;
}


.img1{
	margin-top:10px;
	width:500px;
	height:145px;
}

.box1{
	margin-top:40px;
	max-width:1500px;
	position:relative;
	height:1000px;
	margin-bottom:100px;
}

#a1{
	width:90%;
	max-width:1500px;
	height:500px;
	right:2%;	
	position:absolute;
	z-index:10;
	background-color:#FF0000;
	animation:led-style-s 1.4s linear infinite;
	-webkit-animation:led-style-s 1.4s linear infinite;
}

.b1{
	width:100%;
	height:1000px;
	margin-top:0px;
	position:absolute;
	z-index:11;
}

@media screen and (max-width: 1400px) {
	#a1{height:400px;}
	.nav-1 ul li{margin-right:0px;}
	.con-text{margin-bottom:0px;}
	.nav-1 ul li{margin-right:-2px;}
	.nav-2 ul, .nav-3 ul{margin-left:0px;}
}