* { margin: 0; padding: 0; }

body {
    font-size:1em; 
    color:#333; 
    min-width:1800px; 
    font-family: 'Microsoft YaHei';
    background-color: #fff;
    padding-top: 90px;
    background-image: linear-gradient(180deg, #aed19d 0%, transparent 14%);
    background-repeat: no-repeat;
}

form, div, ul, li, dl, dt, dd, p { border:0px; }

li { list-style-type:none; }

img {
    border:0px;
    vertical-align:top;
}

input { outline:none; }

a {
    text-decoration: none; 
    outline:none;
}

a:link,a:visited { color:#444; }

a:hover { color:#F00; }

a.tag{ margin-right:10px; }

a.tag:link, a.tag:visited {
    padding:3px 5px; 
    background-color:#5cb85c; 
    color:#FFF;
    border-radius:3px;  
    outline:none;	
}

a.tag:hover{ color:#F00; }

.w1428 {
    width: 1428px;
    overflow: hidden;
    margin: auto auto;
}

.w1800 {
    width: 1800px;
    overflow: hidden;
    margin: auto auto;
}

/* header begin */
.headerBg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 999;
    background-color: #fff;
}
.headerBg::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 90px;
    background: url("../../images/computer/headerBg.jpg") no-repeat center;
    opacity: 0.7;
    z-index: -1;
}

.header > .logo {
    float: left;
    padding-left: 70px;
    margin: 6px auto auto 45px;
    height: 74px;
    color: #13100e;
    background: url("../../images/computer/logo.png") no-repeat left center;
    background-size: auto 86%;
}
.header > .logo > h1 {
    margin: 0;
    font-size: 30px;
    font-weight: bold;
    margin-top: 8px;
}
.header > .logo > p {
    font-size: 12px;
}

.menu {
    float: right;
    margin-right: 45px;
    height: 90px;
    overflow: hidden;
}
.menu > li {
    height: 90px;
    float: left;
    overflow: hidden;
}
.menu > li > a {
    display: block;
    font-size: 18px;
    line-height: 90px;
    padding: 0 20px;
    color: #13100e;
    text-shadow: 1px 1px 2px #0000007a;
    transition: all .2s;
}
/* 菜单hover效果 */
.menu > li:hover > a, .menu > li.on > a {
    color: #fff;
    background: #007825;
}
/* header end */

/* footer begin */
.footerBg {
    height: 240px;
    overflow: hidden;
    background: url("../../images/computer/footerBg.png") no-repeat center bottom;
}

.footer { margin-top: 138px; }
.footerMenu {
    float: left;
    padding-left: 26px;
}
.footerMenu > li {
    float: left;
    border-right: 1px solid #fff;
    line-height: 1;
}
.footerMenu > li:last-child { border: none; }
.footerMenu > li > a {
    display: block;
    padding: 0 10px;
    color: #fff;
}
.footerMenu > li > a:hover { color: red; }

.footerInfo {
    float: right;
    padding-right: 36px;
    color: #fff;
    line-height: 2;
}
.footerInfo > li > a { color: #fff; }
.footerInfo > li > a:hover { color: red; }
/* footer end */