/*header*/
.main-nav{width:100%;border-radius: 0;box-shadow: none;border: none;margin-bottom:0;border-bottom:4px solid #c60001;background-color:#ffffff;}
.main-nav .container-fluid{max-width:1600px;}
.main-nav .navbar-header .navbar-logo{padding:20px 15px;height:auto;}
.header{position:relative;}
.navbar-top{position:absolute;top:0;right:0;min-height:40px;padding:5px 40px 5px 60px;background-color: #c60001;}
.navbar-top:before{position:absolute;top:0;left:0;content:"";border: 40px solid transparent;border-left-color: #ffffff;border-bottom:#ffffff;}
.navbar-top span{color:#fffc17;margin-right:15px;font-size:18px;font-weight:bold;}
.navbar-top a{color:#fff;margin:0 5px;}
.navbar-top a.homepage{padding-left:20px;background: url(/skin/sites/zs08_red/core/header/images/ico02.png) left center no-repeat;}
.navbar-top a.search{padding-left:20px;background: url(/skin/sites/zs08_red/core/header/images/ico01.png) left center no-repeat;}
.navbar-top a.letter{padding-left:25px;margin:0 8px;background: url(/skin/sites/zs08_red/core/header/images/ico03.png) left center no-repeat;}
.navbar-default .navbar-nav>li>a {color: #c60001 !important;font-size: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: #b31516 !important;background-color:transparent;}
.navbar-default .navbar-nav>li>a.on1{padding-left:35px;background: url(/skin/sites/zs08_red/core/header/images/home.png) 10px center no-repeat;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color: #b31516 !important;}
.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:#ffffff;text-align:left;background: rgba(153,22,22,.75);}
.navlist .dropdown-menu li a:hover{color:#ffffff !important;background-color:#991616;}
.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); }}
.navbar-default .navbar-toggle{border-color: #c60001;margin-top:10px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #c60001;}
.fixednav{height:56px;background-color: rgba(198,0,1,.78);position: fixed;top: 0;width: 100%;left: 0;display:none;z-index: 9999;}
.fixednav ul{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;}
.fixednav li{flex:1;}
.fixednav li a{display:block;font-size:16px;color:#ffffff;height:56px;line-height:56px;text-align:center;}
.fixednav li a.on1{background: url(/skin/sites/zs08_red/core/header/images/home2.png) 10px center no-repeat;}
.fixednav li a.on1:hover{background: #ffffff url(/skin/sites/zs08_red/core/header/images/home.png) 10px center no-repeat;}
.fixednav li a:hover{background-color:#ffffff;color:#991616;}
/*footer*/
.footer{padding:25px 0;border-top: 4px solid #c60001;background-color:#f8f8f8;}
.copyright{line-height:36px;}
.copyright,.copyright a{color:#c60001;}
.copyright p{margin-bottom:0;}
.copyright span{margin-top:15px;display: block;position: relative;}
.footer-logo>img{max-width:100%;height:auto;}
.footnav-list>li{color:#c60001;margin-bottom:20px;line-height:15px;display:inline-block;}
.footnav-list>li>span{padding-left:20px;background: url(/skin/sites/zs08_red/core/header/images/ico04.png) left center no-repeat;}
.footnav-list>li>a{color:#c60001;display:block;line-height:15px;padding:0 20px;border-right:1px solid #c60001;}
.footnav-list>li:last-child>a{border-right:none;}
.footer-icons{text-align:center;}
.footer-icons .pic img{max-width:110px;height:auto;margin:0 auto;}
.footer-icons h5{color:#c60001;font-size:14px;line-height:20px;}
.col-xs-offset-3{margin-left:0;}
@media (min-width: 768px){
	.footer-logo{margin-top:20px;}
	.footer-links{padding-left:35px;min-height:200px;border-left:1px solid #4191e6;}
	.footer-info{padding:0 35px;min-height:200px;border-left:1px solid #4191e6;border-right:1px solid #4191e6;}
}
@media (min-width: 992px){
	.navbar-main .navbar-right {margin-top:50px;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
}
@media (min-width: 1440px){
 	.container {
     	width: 1420px;
 	}
}
@media (max-width: 1500px){
	.navbar-brand>img{max-width:500px;}
        .navbar-nav>li>a{padding:10px 10px;}
}
@media (max-width: 1280px){
	.navbar-brand>img{max-width:420px;}
	.navbar-default .navbar-nav>li>a{font-size:16px;}
}
@media (max-width: 1180px) and (min-width: 992px){
	.navbar-brand>img{max-width:350px;}
	.navbar-default .navbar-nav>li>a{padding:10px 5px;}
}
@media (max-width: 991px){
	.main-nav .navbar-header .navbar-logo{padding:15px 15px;}
	.main-nav .navbar-header .navbar-logo img{width:200px;height:auto;}
	.navbar-default .navbar-nav>li>a{font-size:16px;}
	.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:#ffffff;}
}
@media (max-width: 767px){
	.footer-logo{text-align:center;}
	.col-xs-offset-3 {margin-left: 25%;}
}
@media (max-width: 580px){
	.footer-logo>img{max-width:240px;}
	.footer-icons .pic img{max-width:60px;}
}
