@charset "utf-8"; * { font-family: "微软雅黑"; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { } li, ul, ol, dl, dt, dd { list-style: outside none; margin: 0px; padding: 0px; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0px; padding: 0px; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } .clear { clear: both; } a, a:link, a:visited { text-decoration: none; color: #434343; } a:hover { color: #ad0000; } .fl { float: left; } .fr { float: right; } body { margin: 0px; padding: 0px; } .w12 { width: 1200px; margin: 0px auto; } .wrap{width: 100%; position: relative; background: url(../images/topbg.png) no-repeat 600px top; background-color: #f7f2ed; min-width: 1200px; height: 161px;} .topright{position:absolute; z-index:1px; height:30px; right:0px; top:0px;} .topright ul li{ color:#fff;float:left; background:rgba(177,53,53,0.8);text-align:Center; width:100px;line-height:30px; height:30px;} .topright ul li a{color:#Fff; height:30px;width:100px;font-size:14px; display:block;} /*header*/ .header { width: 1200px; margin: 0px auto; } .header ul { width: 1200px; margin: 0px auto; } .header ul li { width: 1200px; height: 100px; float: left; display: block; margin-top: 30px; /*text-align:center;*/ /* margin-left: 60px;*/ } .header ul li+li .search { margin-top: 0px; float: right; height: 33px; line-height: 33px; width: 200px; } .header ul li+li { float: right; width: 250px; background: no-repeat; margin: 0px; } .header ul li+li .topLink ul li.topLinkLine { width: 10px; text-align: center; margin: 0px; } .header ul li+li .topLink { width: 340px; height: 33px; margin-top: 40px; } .header ul li+li .topLink ul { width: 250px; background: none; height: 33px; } .header ul li+li .topLink ul li { float: left; height: 33px; font-size: 14px; color: #FFFFFF; width: 90px; margin: 0px; background: none; } .header ul li+li .topLink ul li a { color: #FFFFFF; width: 90px; display: block; margin: 0px; height: 33px; text-align: center; } /*header*/ /*nav*/ .nav { width: 100%; z-index: 20; min-width: 1200px; background: #b13535; height: 59px; line-height: 59px; } .nav ul { margin: 0px auto; width: 1200px; color: #FFFFFF; height: 59px; line-height: 59px; } .nav ul li { float: left; width: 108px; text-align: center; display: block; color: #FFFFFF; font-size: 16px; } .nav ul li a:hover { color: #FFFFFF; text-decoration: none; line-height: 59px; text-align: center; height: 59px; background:#a43232; display: block; } .nav ul li.active { color: #FFFFFF; text-decoration: none; line-height: 59px; text-align: center; height: 59px; background:#a43232; display: block; } .nav ul li a { color: #FFFFFF; display: block; text-decoration: none; line-height: 59px; height: 59px; text-align: center; transition: color 0.1s, background 0.3s; -webkit-transition: color 0.1s, background 0.3s; -moz-transition: color 0.1s, background 0.3s; } @media \0screen\, screen\9 { /* 只支持IE6、7、8 */ .nav ul li a:hover { background-color: #FFFFFF; filter: Alpha(opacity=90); position: static; /* IE6、7、8只能设置position:static(默认属性) ,否则会导致子元素继承Alpha值 */ *zoom: 1; /* 激活IE6、7的haslayout属性,让它读懂Alpha */ } } .nav ul li ul { width: 129px; position: absolute; display: none; padding: 0px; z-index: 20; } .nav ul li:hover ul { display: block; width: 129px; } .nav ul li ul li { display: block; width: 129px; padding: 0px; margin-top: 0px; line-height: 40px; height: 40px; clear: both; color: #ffffff; background:#a43232; transition: color 0.1s, background 0.3s; -webkit-transition: color 0.1s, background 0.3s; -moz-transition: color 0.1s, background 0.3s; font-size: 14px; } .nav ul li ul li:hover { margin-top: 0px; } .nav ul li ul li a { display: block; color: #ffffff; line-height: 40px; text-decoration: none; z-index: 1000; background:#a43232; margin-top: 0px; height: 40px; } .nav ul li ul li a:hover { display: block; color: #ffffff; line-height: 40px; text-decoration: none; margin-top: 0px; height: 40px; background: #b13535; transition: color 0.1s, background 0.3s; -webkit-transition: color 0.1s, background 0.3s; -moz-transition: color 0.1s, background 0.3s; } /*nav*/ /*footer*/ .footer { width: 100%; background: #444444; height: 105px; min-width: 1200px; } .footer ul { font-size: 14px; color: #ffffff; width: 1200px; margin: 0px auto; } .footer ul .copyright { padding-top: 20px; font-size: 14px; text-align: center; line-height: 35px; }