body {
    margin: 0px;
    padding:0px; 
    font-size:1em; 
    color:#333; 
    min-width:1100px; 
    font-family: 'Microsoft YaHei';
    background-color: #ffffff;
}

form, div, ul, li, dl, dt, dd, p{ 
    border:0px; 
    margin:0px; 
    padding: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; 
}

.nav {
    border-bottom: 1px solid #cccccc;
    line-height: 3;
    padding-top: 10px;
}

.w1200 {
    width: 1200px;
    overflow: hidden;
    margin: auto auto;
}

.header {
    height: 120px;
    background: url("../../images/computer/logo.png") no-repeat left center;
}

.header > .menu > ul {
    width: 800px;
    height: 120px;
    float: right;
}

.header > .menu > ul > li {
    float: left;
    text-align: center;
    width: 100px;
}

.header > .menu > ul > li > a {
    color: #333333;
    font-size: 16px;
    line-height: 120px;
}

.header > .menu > ul > li > .twomenu { 
    position: absolute; 
    display: none; 
    width: 100px;
    height: 0px;
    text-align: center;
    transition: all .6s ease;
    z-index: 999;
}
.header > .menu > ul > li > .twomenu::after {
    position: fixed;
    content: "";
    width: 100vw;
    height: 0px;
    background: rgba(0, 102, 109, 0.8);
    left: 0px;
    top: 120px;
    transition: all .6s ease;
    z-index: -1;
}

.header > .menu > ul > li.men:hover > .twomenu {
    height: 175px;
}
.header > .menu > ul > li.men > .twomenu > ul > li:hover > a {
    color: red;
}
.header > .menu > ul > li.men:hover > .twomenu::after {
    height: 175px;
}

.header > .menu > ul > li > .twomenu > ul > li > a {
    color: #ffffff; 
    line-height: 2.5; 
    font-size: 16px;
    padding: 0px 10px;
}
.header > .menu > ul > li > .twomenu > ul > li > a:hover { 
    color: #ffffff;
 }

.footer {
    height: 430px;
    overflow: hidden;
    background-color: #015f64;
    margin-top: 50px;
}

.footer > .w1200 {
    margin-top: 70px;
    background: url("../../images/computer/map.jpg") no-repeat right top;
}

.footer-info {
    width: 640px;
    overflow: hidden;
    color: #ffffff;
}

.footer-info a {
    color: #ffffff;
}

.footer-info > ul > li:nth-child(2) {
    line-height: 1.7;
    margin-top: 20px;
}

.footer-info > ul > li:nth-child(3) {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

.footer-info > ul > li:nth-child(3) > p {
    width: 150px;
    text-align: center;
}

.footer-info > ul > li:nth-child(3) > p > span {
    display: block;
    line-height: 2;
}

.footer-info > ul > li:nth-child(3) > p > img {
    width: 105px;
    height: 105px;
}