/*header*/
.topbar{width:100%;position:absolute;top:20px;left:0;z-index:1;}
.header{position:relative;}
.header img{width:100%;height:auto;}
.head-btn{position:absolute;top:50px;right:100px;}
.head-btn a{color:#c30404 !important;}
.navbar-toggle{border-color: #ae001e;margin-top:15px;position:absolute;top:0;right:0;}
.navbar-toggle .icon-bar {background-color: #ae001e;}
.main-nav{width:100%;border-radius: 0;box-shadow: none;border: none;margin-bottom:0;background-color:transparent;}
.navbar-main{background-color:#c30404;}
.navlist{width:100%;}
.navlist li{width:12.5%;text-align:center;}
.navbar-default .navbar-nav>li>a {color: #fff !important;font-size:18px;padding-top:18px;padding-bottom:18px;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #c30404 !important;background-color:#fff;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color: #c30404 !important;}
.navlist li a.on1{background: url(/skin/sites/zt02_red/core/header/images/home.png) 10px center no-repeat;}
.navlist li a.on1:hover{background: url(/skin/sites/zt02_red/core/header/images/home2.png) 10px center no-repeat;}
.navlist .dropdown-menu{padding:0;background-color:transparent;}
.navlist .dropdown-menu li{width:100%;margin-bottom:1px;}
.navlist .dropdown-menu li:last-child {border-bottom: none;}
.navlist .dropdown-menu li a{font-size:14px;padding:10px 20px;color:#fff;text-align:left;background: url(/skin/sites/zt02_red/core/header/images/navbg.png) repeat;}
.navlist .dropdown-menu li a:hover{background-color:#1083ec;}
.navbar-right .dropdown-menu {left: 0;right: auto;}
.dropdown-menu, .dropdown-menu > li > a {-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;font-weight: normal;}
.dropdown-menu {border:none;-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);box-shadow: 0 3px 12px rgba(0,0,0,.05);-webkit-transition: .25s;-o-transition: .25s;transition: .25s;}
.menu1{display: block; -webkit-animation: menu 0.8s;animation: menu 0.8s;}
.menu2{display: block; -webkit-animation: menu 1.0s;animation: menu 1.0s;}
.menu3{display: block; -webkit-animation: menu 1.2s;animation: menu 1.2s;}
.menu4{display: block; -webkit-animation: menu 1.4s;animation: menu 1.4s;}
.menu5{display: block; -webkit-animation: menu 1.6s;animation: menu 1.6s;}
.menu6{display: block; -webkit-animation: menu 1.8s;animation: menu 1.8s;}
.menu7{display: block; -webkit-animation: menu 2.0s;animation: menu 2.0s;}
.menu8{display: block; -webkit-animation: menu 2.2s;animation: menu 2.2s;}
.menu9{display: block; -webkit-animation: menu 2.4s;animation: menu 2.4s;}
@-webkit-keyframes menu {  
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes menu { 
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
/*footer*/
.footer{width:100%;background-color:#ae001e;padding:20px 0;}
.footnav{padding:0 10px;text-align: center;}
.footnav-list>li{color:#fff;margin-bottom:20px;line-height:15px;display:inline-block;}
.footnav-list>li>span{padding-left:20px;background: url(/skin/sites/zt02_red/core/header/images/ico03.png) left center no-repeat;}
.footnav-list>li>a{color:#fff;display:block;line-height:15px;padding:0 20px;}
.footnav-list>li:last-child>a{border-right:none;}
.copyright{text-align:center;}
.copyright p{font-size:12px;color:#fff;line-height:28px;}
.copyright a{color:#fff;}
@media (min-width: 1240px){
 	.container {
     	width: 1220px;
 	}
}
@media (max-width: 1000px) and (min-width: 768px){
	.navlist li{width:auto;text-align:left;}
}
@media (max-width: 1000px){
	
}
@media (max-width: 767px){
	.main-nav{min-height:auto !important;}
	.navbar-brand img{height:30px;}
	.navlist{background:none;}
	.navlist li{width:auto;text-align:left;}
	.navlist li a.on1{background:none;padding:10px 15px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#fff;}
	.footnav li{width:50%;border:0;float:left;}
	.footnav li:first-child{width:100%;}
	.footnav-list>li>a{border-right:0;}
}
