/*页面总宽度*/
html,
body {
background: none !important;
}
#wrap {
width: 100%;
min-width: 1280px;
margin: 0 auto;
overflow: hidden;
}
/*主体内容宽度*/
.w {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
/*头部区域*/
.header {
position: relative;
}
.top {
position: absolute;
z-index: 9;
top: 0;
width: 1000px;
left: 50%;
transform: translateX(-50%);
}
.top {
height: 72px;
display: flex;
align-items: center;
justify-content: space-between;
}
.top .logo {
cursor: pointer;
}
.top .nav1 {
display: flex;
}
.top .nav1 li a {
display: block;
padding: 0 16px;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #fff;
text-align: center;
background: #999;
transition: all 0.3s;
}
.top .nav1 li a.on,
.top .nav1 li a:hover {
background: #888;
}
/*banner*/
.banner img {
display: block;
width: 100%;
vertical-align: bottom;
}
/*nav2*/
.nav2_bg {
background: #777;
height: 50px;
width: 100%;
}
.nav2 {
display: flex;
justify-content: space-between;
}
.nav2 li a {
display: block;
width: 150px;
height: 50px;
line-height: 50px;
font-size: 22px;
color: #fff;
text-align: center;
background: #999;
box-shadow: 0px 0px 0px 0px #000;
}
.nav2 li a.on,
.nav2 li a:hover {
background: #888;
}
/*main*/
.main {
min-height: 300px;
}
/*title*/
.title {
text-align: center;
}
.block {
display: block;
}
/*版权*/
.copyright {
margin: 0px auto 0;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 12px;
/* background: #555; */
}
/*回到顶部*/
#goToTop {
position: fixed;
right: 20px;
z-index: 9000;
bottom: 30px;
}
#goToTop a {
background: none repeat scroll 0 0 #ddd;
border: 1px solid #cccccc;
border-radius: 3px;
-webkit-border-radius: 50px;
color: #ff9966;
font-size: 14px;
text-decoration: none;
text-shadow: 0 1px 0 #999;
-webkit-text-shadow: 0 1px 0 #999;
}
#goToTop a {
padding: 10px;
display: inline-block;
letter-spacing: 10px;
text-align: center;
}
#goToTop a:hover {
background: none repeat scroll 0 0 #999;
}