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;
}