ul, ol { list-style-type: none;}

body { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif; color: #515151;}
a { color: #515151; text-decoration: none;}
a:hover { color: #fff;}


.header {
}
.logo {
    float: left;
}
.logo a {
    color: #303030;
    font-size: 2.5em;
    font-weight: 200;
    text-transform: uppercase;
}
.logo a:hover {
    text-decoration: none;
}
.logo320 {
    display: none;
}
.top-nav ul li a {
    color: #000;
    font-family: "Microsoft YaHei";
    font-size: 0.5em;
    font-weight: 300;
    padding: 1em 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.top-nav ul li a, .top-nav ul li a:focus {
    font: 14px/23px "Microsoft YaHei",sans-serif;
    padding-bottom: 28px;
    padding-top: 28px;
    transition-duration: 0.5s;
}
.top-nav ul li a:hover {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #000;
    font: 14px/23px "Microsoft YaHei",sans-serif;
    transition-duration: 0.5s;
}
.logo a {
    display: block;
}
.top-nav::before, .top-nav::after {
    content: " ";
    display: table;
}
.top-nav::after {
    clear: both;
}
nav {
    float: right;
    position: relative;
}
nav ul {
    float: right;
    padding: 0;
}
nav li {
    display: inline;
    float: left;
    position: relative;
}
nav a {
    color: #000;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
nav a#pull {
    color: #333;
    display: none;
}
@media screen and (max-width: 768px) {
nav {
    float: none;
    height: auto;
}
nav ul {
    display: block;
    height: auto;
    width: 100%;
}
nav li {
    position: relative;
    width: 100%;
}
nav li a {
    border-bottom: 1px solid #eee;
}
nav a {
    text-align: left;
    width: 100%;
}
}
@media only screen and (max-width: 768px) {
nav {
    border-bottom: 0 none;
    float: none;
}
nav ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: auto;
    margin: 0;
}
nav a#pull {
    display: block;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 24px;
}
nav a#pull::after {
    background: rgba(0, 0, 0, 0) url("nav-icon.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 30px;
}
nav a#pull img {
    margin-right: 2%;
}
.top-nav ul li a {
    color: #2c3e50;
    padding: 0 0;
}
}
@media only screen and (max-width: 320px) {
nav {
    float: none;
}
nav li {
    display: block;
    float: none;
    width: 100%;
}
nav li a {
    border-bottom: 1px solid #eee;
}
}
@media (max-width: 640px) {
nav a#pull {
    top: 32px;
}
.logo {
    position: relative;
    z-index: 999;
}
.top-nav ul li a {
    margin: 0;
    padding: 0.8em 0;
}
.top-nav ul li.active a, .top-nav ul li a:hover {
    border-bottom: 1px solid #eee;
}
nav ul {
    left: 0;
    position: absolute;
    top: 85px;
    z-index: 999;
}
}
@media (max-width: 480px) {
nav a#pull {
    top: 32px;
}
.logo {
    position: relative;
    z-index: 999;
}
.top-nav ul li a {
    margin: 0;
    padding: 0.8em 0;
}
.top-nav ul li.active a, .top-nav ul li a:hover {
    border-bottom: 1px solid #eee;
}
nav ul {
    left: 0;
    position: absolute;
    top: 90px;
    z-index: 999;
}
}
@media (max-width: 320px) {
nav a#pull {
    top: 32px;
}
.logo {
    position: relative;
    z-index: 999;
}
.top-nav ul li a {
    margin: 0;
    padding: 0.8em 0;
}
.top-nav ul li.active a, .top-nav ul li a:hover {
    border-bottom: 1px solid #eee;
}
nav ul {
    left: 0;
    position: absolute;
    top: 90px;
    z-index: 999;
}
}


.header {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    height: 80px;
    width: 100%;
}
.header-bg04 {
    background: rgba(0, 0, 0, 0) url("../images/adBg1.jpg") no-repeat fixed center center / 100% 100%;
    min-height: 400px;
    padding-bottom: 50px;
    padding-top: 100px;
}
 @media only all and (max-width: 640px){
.header-bg04 {
    background: rgba(0, 0, 0, 0) url("../images/adBg1x.jpg") no-repeat  center center / 100% 100%;
    min-height: 200px;
    padding-bottom: 10px;
    padding-top: 30px;
}
   }
.blockquoteALL {
    border: 5px solid #eee;
    font-size: 1em;
    padding: 3em 2.5em;
}
.color-withe {
    color: #fff;
}
.font36 {
    font: 36px "微软雅黑","Trajan Pro";
}
.con-width {
    max-width: 980px;
    width: 90%;
}
.margin20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.bg-color-01 {
    background: #000 none repeat scroll 0 0;
}
.pad-20 {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #222;
}
.footer-h3 {
    color: #fff;
    display: inline-block;
    margin: 0.4em 0;
    width: 100%;
}
.container-960{
	width: 960px;
}

.bg-color-02 {
    background: #000 none repeat scroll 0 0;
}
.footer-copyright {
    color: #fff;
    padding: 10px;
}
@media screen and (max-width: 600px) {
.conceal {
    display: none;
}
.mediabd02 {
    border: medium none;
}
}