body, html, h1, h2, h3, h4, h5, dl, dd, dt, ul, li, ol, span, p { margin: 0; padding: 0; } body { background-color: #fff; font-family: "Microsoft YaHei"; } img { border: 0 none; margin: 0; padding: 0; } a { text-decoration: none; color: #000; } select { border: 0 none; } input, textarea, select { outline: none; border: 0 none; padding: 0; margin: 0; } ol, ul, li { list-style: none; } .box { width: 1280px; margin: 0 auto; overflow: hidden; } .left { float: left; } .right { float: right; } .header{ width: 100%; height: 106px; background: url(/web_images/headerbg.jpg) repeat-x; } .header .box{ overflow: visible; } .header .left{ width: 404px; } .header .left img{ width: 404px; height: 106px; vertical-align: top; } .header .right{ margin-top: 45px; } .header .right .search{ width: 299px; height: 29px; line-height: 29px; float: right; } .header .right .search input{ padding-left: 12px; width: 179px; height: 27px; line-height: 27px; border: 1px solid #cf0b0b; border-right: 0 none; float: left; } input::-webkit-input-placeholder{ color:#b4b4b4; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#b4b4b4; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#b4b4b4; } input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#b4b4b4; } .header .right .search .select{ width: 50px; float: left; height: 27px; line-height: 27px; border-top: 1px solid #cf0b0b; border-bottom: 1px solid #cf0b0b; background: #fff url(/web_images/select.jpg) no-repeat left; cursor: pointer; font-size: 12px; color: #b4b4b4; } .header .right .search .select .show{ width: 42px; height: 27px; line-height: 27px; text-align: center; background-color: #fff; margin-left: 8px; position: relative; z-index: 10; } .header .right .search .select .xuan{ display: none; width: 42px; margin-left: 8px; background-color: #fff; text-align: center; position: relative; z-index: 10; } .header .right .search .select .hide{ margin-left: 0; } .header .right .search .btn{ text-align: center; width: 57px; height: 29px; float: right; background: url(/web_images/searchbg.jpg) repeat-x; color: #fff; font-size: 12px; } .header .right ul{ float: right; text-align: center; margin-left: 32px; } .header .right li{ float: left; margin-left: 16px; font-size: 0; } .header .right li .txt{ color: #d7150c; font-size: 12px; line-height: 22px; font-weight: bold; } .header .right li img{ width: 20px; height: 14px; vertical-align: top; } .menu{ width: 100%; height: 56px; line-height: 56px; background: url(/web_images/menubg.jpg) repeat-x center; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav{ top: 0; position:relative; z-index:1; left: 0;} .nav a{font-weight: normal; color:#fff; font-size: 19px;} .nav .nLi{text-align: center; float:left; position:relative; width: 142px;} .nav .nLi h3 a{ display:block;} .nav .on{ background: url(/web_images/navonbg.jpg) repeat-x; } .nav .have a{ background: url(/web_images/arrow.png) no-repeat 122px; } .nav .sub{ padding-bottom: 5px; width: 232px; display: none; background-color: #313131; margin-left: -45px; border-radius: 0 0 12px 12px; overflow: hidden; } .nav .sub li{ height: 41px; line-height: 41px; } .nav .sub li:hover{ background-color: #1e1e1e; } .nav .sub li a{ display: block; color: #fff; font-size: 15px; background: 0 none; } .footer{ width: 100%; height: 244px; background-color: #3c3c3c; } .footer .top{ width: 100%; height: 128px; overflow: hidden; } .footer .top ul{margin-top: 38px;} .footer .top li{ float: left; margin-left: 58px; } .footer .top li.first{ margin-left: 0; } .footer .top li h3{ color: #fff; font-size: 18px; line-height: 18px; font-weight: normal; border-left: 3px solid #fff; padding-left: 12px; margin-bottom: 12px; } .footer .top li .txt{ color: #fff; font-size: 14px; margin-left: 15px; line-height: 20px; } .footer .bottom{ width: 100%; height: 115px; border-top: 1px solid #9e9e9e; } .footer .bottom .center{ margin-left: 73px; float: left; margin-top: 22px; } .footer .bottom .center .txt{ color: #fff; font-size: 14px; line-height: 24px; } .footer .bottom .left{ width: 300px; } .footer .bottom .left img{ width: 300px; height: 115px; vertical-align: top; } .footer .bottom ul{ float: right; margin-top: 15px; } .footer .bottom li{ float: left; margin-left: 19px; } .footer .bottom li img{ width: 69px; height: 69px; vertical-align: top; } .banquan{ background-color: #fff; width: 100%; height: 36px; line-height: 36px; text-align: center; color: #606060; font-size: 12px; }