.animated-ajx-header-show .navbar-default .navbar-nav>li>a{
	color:#000;
}
.animated-ajx-header-show .navbar-default .navbar-nav>li>a:hover{
	color:#E30013;
}
.animated-ajx-header-show .search{
    background-image: url('../images/black-search.png');
    background-repeat: no-repeat;
    background-position: 113px 51px;
    background-size: 41px;
}
.animated-ajx-header-show .search .search-right-div{
    background-image: url('../images/black-search.png');
    background-position: 16px 51px;
}
.animated-ajx-header-show .search:hover{
    border-color:#000;
}
.animated-ajx-header-show .arrow-down{
    border-top: 7px solid #000;
}
.animated-ajx-header-show{
	background:#FFF;
	height:183px;
	animation:nav_animated_show 1s;
	-moz-animation:nav_animated_show 1s; /* Firefox */
	-webkit-animation:nav_animated_show 1s; /* Safari and Chrome */
	-o-animation:nav_animated_show 1s; /* Opera */
	border-bottom:1px solid #d5d5d5;
}

@keyframes nav_animated_show
{
from {background:none;height:88px;}
to {background:#FFF;height:183px;}
}

@-moz-keyframes nav_animated_show /* Firefox */
{
from {background:none;height:88px;}
to {background:#FFF;height:183px;}
}

@-webkit-keyframes nav_animated_show /* Safari and Chrome */
{
from {background:none;height:88px;}
to {background:#FFF;height:183px;}
}

@-o-keyframes nav_animated_show /* Opera */
{
from {background:none;height:88px;}
to {background:#FFF;height:183px;}
}

.animated-ajx-header-hide{
    overflow: inherit;
	background:none;
	height:88px;
	animation:nav_animated_hide 0.7s;
	-moz-animation:nav_animated_hide 0.7s; /* Firefox */
	-webkit-animation:nav_animated_hide 0.7s; /* Safari and Chrome */
	-o-animation:nav_animated_hide 0.7s; /* Opera */
}

@keyframes nav_animated_hide
{
from {background:#FFF;height:183px;}
to {background:none;height:88px;}
}

@-moz-keyframes nav_animated_hide /* Firefox */
{
from {background:#FFF;height:183px;}
to {background:none;height:88px;}
}

@-webkit-keyframes nav_animated_hide /* Safari and Chrome */
{
from {background:#FFF;height:183px;}
to {background:none;height:88px;}
}

@-o-keyframes nav_animated_hide /* Opera */
{
from {background:#FFF;height:183px;}
to {background:none;height:88px;}
}
.ajx-header .navbar{
    margin-right: -1%;
    margin-bottom: 0px;
    float: right;
}
.nav-eightsys ul li{
	list-style:none;
	float:left;
	border:0px solid red;
	width:67px;
	height:103px;
	margin-left:17px;
    margin-top: -25px;
}

.nav-eightsys a{
    padding-top: 83%;
    background-size: 41px;
    font-size: 14px;
}
.nav-eightsys a.nav-jqxt{
    background-image: url('../images/jqxt.png');
    background-repeat: no-repeat;
    background-size: 32px;
    text-align: center;
    background-position: 50% 9px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-jqxt:hover{
    background-image: url('../images/jqxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-ryxt{
    background-image: url('../images/ryxt.png');
    background-size: 35px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 8px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-ryxt:hover{
    background-image: url('../images/ryxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-rhxt{
    background-image: url('../images/rhxt.png');
    background-size: 52px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 15px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-rhxt:hover{
    background-image: url('../images/rhxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-scxt{
    background-image: url('../images/scxt.png');
    background-repeat: no-repeat;
    background-size: 43px;
    text-align: center;
    background-position: 50% 9px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-scxt:hover{
    background-image: url('../images/scxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-dlxt{
    background-image: url('../images/dlxt.png');
    background-repeat: no-repeat;
    background-size: 33px;
    text-align: center;
    background-position: 50% 9px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-dlxt:hover{
    background-image: url('../images/dlxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-ktxt{
    background-image: url('../images/ktxt.png');
    background-repeat: no-repeat;
    background-size: 34px;
    text-align: center;
    background-position: 50% 12px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-ktxt:hover{
    background-image: url('../images/ktxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-csrhxt{
    background-image: url('../images/csrhxt.png');
    background-repeat: no-repeat;
    background-size: 49px;
    text-align: center;
    background-position: 50% 17px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-csrhxt:hover{
    background-image: url('../images/csrhxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-zbxxt{
    background-image: url('../images/zbxxt.png');
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 8px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-zbxxt:hover{
    background-image: url('../images/zbxxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-lqxt{
    background-image: url('../images/lqxt.png');
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 8px;
    display: block;
    background-size: 33px;
    color:#000;
}
.nav-eightsys a.nav-lqxt:hover{
    background-image: url('../images/lqxt1.png');
    text-decoration:none;
    color:red;
}
.nav-eightsys a.nav-xlxt{
    background-image: url('../images/xlxt.png');
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 8px;
    background-size: 37px;
    display: block;
    color:#000;
}
.nav-eightsys a.nav-xlxt:hover{
    background-image: url('../images/xlxt1.png');
    text-decoration:none;
    color:red;
}

.animated-delay {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s; /* Safari บอ Chrome */
}

.nav-join-us{
	list-style: none;
    margin-left: -87px;
    height: auto;
}
.nav-join-us ul li a{
    background-repeat: no-repeat;
    background-size: 49px;
    text-align: center;
    background-position: 50% 8px;
    display: block;
    color: #000;
    padding-top: 60%;
    font-size: 14px;
}
.nav-join-us ul li a.oem1{
    background-image: url('../images/nav-oem.png');
    background-size: 68px;
    background-position-y: -3px;
}
.nav-join-us ul li a.join-us1{
    background-image: url('../images/nav-join.png');
}
.nav-join-us ul li a.oem1:hover{
    background-image: url('../images/nav-oem1.png');
}
.nav-join-us ul li a.join-us1:hover{
    background-image: url('../images/nav-join1.png');
}
.nav-join-us ul{
	list-style:none;
    float: right;
}
.nav-join-us ul li{
    list-style: none;
    float: left;
    width: 100px;
    height: 88px;
    margin-left: 17px;
    margin-top: -33px;
}
.nav-join-us ul li a:hover{
	text-decoration:none;
    font-weight: normal;
	color:red;
}