@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
body {
background: #e4e4e4 url(images/bg.png);
color: rgba(0,0,0,0.82);
font: normal 100% "微软雅黑";
-moz-text-shadow: 0 1px rgba(255,255,255,0.8);
-webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-webkit-text-size-adjust: none;
}
a {
color: #890101;
text-decoration: none;
-moz-transition: none;
-webkit-transition: 0.2s color linear;
transition: 0.2s color linear;
}
a:hover {
color: #df3030;
}
p {
text-indent: 2em;
}
.inner {
margin: 0 auto;
width: 93.75%;
}
#page {
background: url(images/rag.png) repeat-x;
padding: 2em 0;
}
img {
max-width: 100%;
}
.mast {
float: left;
width: 32%;
}
#logo {
background: url(images/logo-bg.png) no-repeat 50% 0;
}
#logo a {
padding-top: 117px;
height: 162px;
display: block;
text-align: center;
}
ul.nav {
margin: 2em auto 0;
width: 65%;
}
ul.nav a {
font: bold 16px/1.2 "微软雅黑";
display: block;
text-align: center;
padding: 1em 0.5em 1em;
border-bottom: 1px #333333 dashed;
}
ul.nav a:hover {
color: #f00;
}
.section:after, ul.nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.intro, .main, .footer {
float: right;
width: 66%;
}
.intro {
margin-top: 117px;
}
.intro div {
line-height: 1.4;
}
.intro h2 {
font: normal 2em "微软雅黑";
text-align: center;
margin-bottom: 0.25em;
}
.mian h2 {
font-size: 1.4em;
text-align: center;
margin: 0.75em 0 1em;
}
.figure {
float: left;
font-size: 14px;
line-height: 1.1;
margin: 0 3.1% 1.5em 0;
text-align: center;
width: 30%;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.figure img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
box-shadow: 0 2px 4px rbga(0, 0, 0, 0.5);
display: block;
margin: 0 auto 1em;
}
.footer {
background: url(images/ornament.png) 50% 0 repeat-x;
font-size: 12px;
text-align: center;
padding: 40px 0 20px;
}
.footer p {
margin-bottom: 0.5em;
}
@media screen and (min-width:1300px) {
.mast {
float: none;
width: auto;
}
#logo {
float: left;
width: 32%;
}
.nav {
float: right;
margin: 40px 0 1em;
text-align: center;
width: 66%;
}
.nav li {
float: left;
margin-right: 3.3%;
width: 16%;
}
.intro {
margin-top: 1em;
}
.figure {
margin-right: 2.5%;
width: 14%;
}
}
@media screen and (max-width:600px) {
.mast, .intro, .main, .footer {
float: none;
width: auto;
}
#logo {
background: none;
}
#logo a {
padding-top: 20px;
height: 80px;
display: block;
}
ul.nav {
margin: 0 auto;
width: 100%;
}
ul.nav li {
float: left;
margin-right: 3%;
width: 17%;
}
ul.nav a {
font: 14px "微软雅黑";
font-weight: bold;
}
.intro {
margin-top: 10px;
}
.intro h2 {
font-size: 1.4em;
}
}
/* CSS Document */
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
body {
background: #e4e4e4 url(images/bg.png);
color: rgba(0,0,0,0.82);
font: normal 100% "微软雅黑";
-moz-text-shadow: 0 1px rgba(255,255,255,0.8);
-webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-webkit-text-size-adjust: none;
}
a {
color: #890101;
text-decoration: none;
-moz-transition: none;
-webkit-transition: 0.2s color linear;
transition: 0.2s color linear;
}
a:hover {
color: #df3030;
}
p {
text-indent: 2em;
}
.inner {
margin: 0 auto;
width: 93.75%;
}
#page {
background: url(images/rag.png) repeat-x;
padding: 2em 0;
}
img {
max-width: 100%;
}
.mast {
float: left;
width: 32%;
}
#logo {
background: url(images/logo-bg.png) no-repeat 50% 0;
}
#logo a {
padding-top: 117px;
height: 162px;
display: block;
text-align: center;
}
ul.nav {
margin: 2em auto 0;
width: 65%;
}
ul.nav a {
font: bold 16px/1.2 "微软雅黑";
display: block;
text-align: center;
padding: 1em 0.5em 1em;
border-bottom: 1px #333333 dashed;
}
ul.nav a:hover {
color: #f00;
}
.section:after, ul.nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.intro, .main, .footer {
float: right;
width: 66%;
}
.intro {
margin-top: 117px;
}
.intro div {
line-height: 1.4;
}
.intro h2 {
font: normal 2em "微软雅黑";
text-align: center;
margin-bottom: 0.25em;
}
.mian h2 {
font-size: 1.4em;
text-align: center;
margin: 0.75em 0 1em;
}
.figure {
float: left;
font-size: 14px;
line-height: 1.1;
margin: 0 3.1% 1.5em 0;
text-align: center;
width: 30%;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.figure img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
box-shadow: 0 2px 4px rbga(0, 0, 0, 0.5);
display: block;
margin: 0 auto 1em;
}
.footer {
background: url(images/ornament.png) 50% 0 repeat-x;
font-size: 12px;
text-align: center;
padding: 40px 0 20px;
}
.footer p {
margin-bottom: 0.5em;
}
@media screen and (min-width:1300px) {
.mast {
float: none;
width: auto;
}
#logo {
float: left;
width: 32%;
}
.nav {
float: right;
margin: 40px 0 1em;
text-align: center;
width: 66%;
}
.nav li {
float: left;
margin-right: 3.3%;
width: 16%;
}
.intro {
margin-top: 1em;
}
.figure {
margin-right: 2.5%;
width: 14%;
}
}
@media screen and (max-width:600px) {
.mast, .intro, .main, .footer {
float: none;
width: auto;
}
#logo {
background: none;
}
#logo a {
padding-top: 20px;
height: 80px;
display: block;
}
ul.nav {
margin: 0 auto;
width: 100%;
}
ul.nav li {
float: left;
margin-right: 3%;
width: 17%;
}
ul.nav a {
font: 14px "微软雅黑";
font-weight: bold;
}
.intro {
margin-top: 10px;
}
.intro h2 {
font-size: 1.4em;
}
}
