@charset "utf-8";

/*header*/
.header{ }
.header-banner{ height:189px;}
.header .banner-container{position: relative; width: 1200px; margin: 0 auto; }
.header .logo{position:absolute; top:0px; left: 0; width: 70%; height: 170px; background-image: url(../images/logo.png); background-position: left center; background-repeat: no-repeat;}


/*header nav*/
.header-nav{ height: 60px; background-color: #cc0000; }
.header-nav-son{ width: 1200px; margin:0 auto; height: 60px;}
.header-nav-son ul li{ width:14.2%; height: 60px; line-height:60px;  font-size:18px; font-weight: bold; text-align: center;  float:left; }
.header-nav-son ul li a{ height: 60px; display:block; color: #fff; background: url(../images/navLine.jpg) no-repeat left center;}
.header-nav-son ul li a i{ width: 40%; height: 60px; display: block; float: left; background-image: url(../images/navIcon.png); background-repeat: no-repeat; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}

.header-nav-son ul li a i.navIcon1{ background-position: 10px  top; }
.header-nav-son ul li a i.navIcon2{ background-position: -58px top; }
.header-nav-son ul li a i.navIcon3{ background-position: -130px top; }
.header-nav-son ul li a i.navIcon4{ background-position: -198px top; }
.header-nav-son ul li a i.navIcon5{ background-position: -266px top; }
.header-nav-son ul li a i.navIcon6{ background-position: -334px top; }
.header-nav-son ul li a i.navIcon7{ background-position: -402px top; }


.header-nav-son ul li a:hover i.navIcon1,.header-nav-son ul li a.active i.navIcon1{ background-position: 10px -60px; }
.header-nav-son ul li a:hover i.navIcon2,.header-nav-son ul li a.active i.navIcon2{ background-position: -58px -60px; }
.header-nav-son ul li a:hover i.navIcon3,.header-nav-son ul li a.active i.navIcon3{ background-position: -130px -60px; }
.header-nav-son ul li a:hover i.navIcon4,.header-nav-son ul li a.active i.navIcon4{ background-position: -198px -60px; }
.header-nav-son ul li a:hover i.navIcon5,.header-nav-son ul li a.active i.navIcon5{ background-position: -266px -60px; }
.header-nav-son ul li a:hover i.navIcon6,.header-nav-son ul li a.active i.navIcon6{ background-position: -334px -60px; }
.header-nav-son ul li a:hover i.navIcon7,.header-nav-son ul li a.active i.navIcon7{ background-position: -402px -60px; }


.header-nav-son ul li a span{ width: 55%; height: 60px; display: block; float: right; text-align: left; color: #fff;}
.header-nav-son ul li:first-child a{  border-left: none; }
.header-nav-son ul li:last-child a{  border-right: none; }
.header-nav-son ul li a:hover,.header-nav-son ul li a.active{ color:#f8feff; background-color: #b70000; font-weight: bold; }
.header-nav-son ul li a:hover span,.header-nav-son ul li a.active span{ color:#feffd8;  font-weight: bold; }