|
|
|
@ -32,7 +32,7 @@ html, body {
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
font-family: "Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;
|
|
|
|
font-family: Helvetica Neue,Helvetica,Arial,"Microsoft Yahei",sans-serif;
|
|
|
|
line-height: 1.5;
|
|
|
|
line-height: 1.5;
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
@ -96,8 +96,8 @@ header {
|
|
|
|
.logo {
|
|
|
|
.logo {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
height: 46px;
|
|
|
|
height: 46px;
|
|
|
|
line-height: 58px;
|
|
|
|
line-height: 46px;
|
|
|
|
margin: 15px 30px;
|
|
|
|
margin: 17px 30px;
|
|
|
|
transition: margin 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
|
|
|
|
transition: margin 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
|
|
|
|
text-transform: uppercase;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 18px;
|
|
|
|
@ -111,14 +111,14 @@ header {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
height: 22px;
|
|
|
|
height: 22px;
|
|
|
|
padding: 0px 30px;
|
|
|
|
padding: 0px 30px;
|
|
|
|
margin: 32px auto;
|
|
|
|
margin: 32px auto 0;
|
|
|
|
border-left: 1px solid #EBEDEE;
|
|
|
|
border-left: 1px solid #EBEDEE;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.search input[type="text"] {
|
|
|
|
.search input[type="text"] {
|
|
|
|
border: transparent;
|
|
|
|
border: transparent;
|
|
|
|
outline: none;
|
|
|
|
outline: none;
|
|
|
|
width: 100px;
|
|
|
|
width: 150px;
|
|
|
|
height: 22px;
|
|
|
|
height: 22px;
|
|
|
|
padding: 0 0 0 20px;
|
|
|
|
padding: 0 0 0 20px;
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
@ -175,8 +175,8 @@ header {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.nav {
|
|
|
|
.nav {
|
|
|
|
width: 30%;
|
|
|
|
width: 30%;
|
|
|
|
height: 87px;
|
|
|
|
height: 80px;
|
|
|
|
line-height: 87px;
|
|
|
|
line-height: 80px;
|
|
|
|
float: right;
|
|
|
|
float: right;
|
|
|
|
font-size: 0.875em;
|
|
|
|
font-size: 0.875em;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
@ -186,7 +186,7 @@ header {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
width: 16.66%;
|
|
|
|
width: 16.66%;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
border-top: 3px solid transparent;
|
|
|
|
/*border-top: 3px solid transparent;*/
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.nav ul li.current {
|
|
|
|
.nav ul li.current {
|
|
|
|
/*border-top: 3px solid #71B5DE;*/
|
|
|
|
/*border-top: 3px solid #71B5DE;*/
|
|
|
|
@ -239,8 +239,8 @@ header {
|
|
|
|
.main {
|
|
|
|
.main {
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
height: calc(100% - 210px);
|
|
|
|
height: calc(100% - 190px);
|
|
|
|
min-height: 600px;
|
|
|
|
min-height: 500px;
|
|
|
|
transform-style: preserve-3d;
|
|
|
|
transform-style: preserve-3d;
|
|
|
|
transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86), height .5s ease-out;
|
|
|
|
transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86), height .5s ease-out;
|
|
|
|
transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86), height .5s ease-out;
|
|
|
|
transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86), height .5s ease-out;
|
|
|
|
@ -248,7 +248,6 @@ header {
|
|
|
|
.banner-box {
|
|
|
|
.banner-box {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
min-height: 600px;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
overflow: inherit;
|
|
|
|
overflow: inherit;
|
|
|
|
-webkit-animation: alphaTo .3s ease-out;
|
|
|
|
-webkit-animation: alphaTo .3s ease-out;
|
|
|
|
@ -311,17 +310,17 @@ footer {
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
height: 120px;
|
|
|
|
/*height: 120px;*/
|
|
|
|
}
|
|
|
|
}
|
|
|
|
footer ul {
|
|
|
|
footer ul {
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
height: 120px;
|
|
|
|
/*height: 120px;*/
|
|
|
|
margin: 0 2%;
|
|
|
|
margin: 0 2%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
footer ul li {
|
|
|
|
footer ul li {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
width: 25%;
|
|
|
|
width: 25%;
|
|
|
|
padding: 5px 2% 0;
|
|
|
|
padding: 5px 2% 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
footer ul li>h2 {
|
|
|
|
footer ul li>h2 {
|
|
|
|
font-size: 1em;
|
|
|
|
font-size: 1em;
|
|
|
|
@ -1154,7 +1153,7 @@ footer ul li > a {
|
|
|
|
.banner-entry {
|
|
|
|
.banner-entry {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 19%;
|
|
|
|
top: 19%;
|
|
|
|
left: 10%;
|
|
|
|
left: 13%;
|
|
|
|
z-index: 100;
|
|
|
|
z-index: 100;
|
|
|
|
color: #707d8d;
|
|
|
|
color: #707d8d;
|
|
|
|
font-family: 'Raleway', sans-serif;
|
|
|
|
font-family: 'Raleway', sans-serif;
|
|
|
|
|
罗宪
10 years ago