html,body{
width: 100%;
height: 100%;
}
input {
outline-style: none;}
a:hover{
text-decoration: none;
}
body {
max-width: 1260px;
margin: 0 auto;
background-color: #dcdcdc;
}
/* 站长邮箱 */
.topHeader {
position: relative;}
.topHeader .search {
position: absolute;
height: 40px;
top:130px;
right:25px;
display: block !important;
text-align: right;}
.topHeader .search span {
margin-left: 5px;
cursor: pointer;
color: #878f96;
font-size: 16px;}
/* 顶部样式 */
.topHeader {
min-width: 1200px;
height: 160px;
background-image: url('../images/top_bg.jpg');
background-repeat: no-repeat;
/* background-size: cover; */
background-position: top center;
}
.topHeader>div {
width: 1200px;
height: 160px;
margin: 0 auto;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: center;
}
.topHeader>div>a {
display: inline-block;
width: 765px;
height: 94px;
background-image: url('../images/top_logo.png');
background-repeat: no-repeat;
background-position: top center;
}
/* 菜单样式 */
.zzl-nav {
background-color: #0B62AC;
max-width: 1920px;
min-width: 1200px;
margin: 0 auto;
}
.zzl-nav>.navbar {
width: 1200px;
margin: 0 auto;
border-width: 0px;
}
.zzl-nav>.navbar>.container-fluid>.navbar-header>a {
height: 55px;
line-height: 35px;
}
.zzl-nav>.navbar>.container-fluid>.collapse>.nav>li>a {
height: 55px;
line-height: 35px;
color: #fff;
font-size: 17px;
padding-left: 10px;
padding-right: 10px;
letter-spacing: 1px;
}
.zzl-nav .navbar-nav > li > a{
/* color: #fff; */
font-size: 18px;
}
.zzl-nav .nav .open > a,
.zzl-nav .nav .open > a:hover,
.zzl-nav .nav .open > a:focus {
background-color: rgba(255, 255, 255, .2);
}
.zzl-nav>.navbar>.container-fluid>.collapse>.nav>li>a:hover,
.zzl-nav>.navbar>.container-fluid>.collapse>.nav>li>a:focus,
.zzl-nav>.navbar>.container-fluid>.collapse>.nav>.active{
background-color: rgba(255, 255, 255, .1);
}
.zzl-nav .navbar-toggle .icon-bar {
background-color: #fff;
}
.zzl-nav .dropdown-menu a{
font-size: 16px;
}
/* 底部样式 */
.bottom {
min-width: 1200px;
height: 150px;
background-color: #0B62AC;
}
.bottom>.bottomCont {
/* background-color: rgba(255, 255, 255, .1); */
width: 1200px;
height: 150px;
margin: 0 auto;
color: #fff;
font-size: 16px;
line-height: 1.8em;
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px;
}
.bottom>.bottomCont>.bottomLeft {
/* background-color: rgba(255, 255, 255, .2); */
display: inline-block;
width: 80px;
height: 80px;
background-image: url('../images/blue.png');
background-position: center center;
}
.bottom>.bottomCont>.bottomMiddle {
/* background-color: rgba(255, 255, 255, .2); */
width: 750px;
line-height: 1.5em;
padding: 10px;
}
.bottom>.bottomCont>.bottomRight {
/* background-color: rgba(255, 255, 255, .2); */
width: 250px;
display: flex;
justify-content: space-around;
}