html {
background: rgb(221, 221, 221);
}
body {
color: rgb(68, 68, 68); font-family: "Microsoft YaHei", SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 64.5%; background-color: rgb(255, 255, 255);
}
html {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
body {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
address {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
blockquote {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
div {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
dl {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
form {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
h1 {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
h2 {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
h3 {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
h4 {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
h5 {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
h6 {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
ol {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
p {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
pre {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
table {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
ul {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
dd {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
dl {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
dt {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
li {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
tbody {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
td {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
tfoot {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
th {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
thead {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
tr {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
button {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
del {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
ins {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
map {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
object {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
a {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
abbr {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
acronym {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
b {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
bdo {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
big {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
br {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
cite {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
code {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
dfn {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
em {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
i {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
img {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
kbd {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
q {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
samp {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
small {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
span {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
strong {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
sub {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
sup {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
tt {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
var {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
legend {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
fieldset {
margin: 0px; padding: 0px; color: rgb(50, 50, 50); -webkit-font-smoothing: subpixel-antialiased;
}
table {
width: 100%; border-collapse: collapse; border-spacing: 0;
}
fieldset {
border: 0px currentColor; border-image: none;
}
img {
border: 0px currentColor; border-image: none;
}
img {
-ms-interpolation-mode: bicubic; max-width: 100%;
}
object {
-ms-interpolation-mode: bicubic; max-width: 100%;
}
a {
color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
color: rgb(0, 78, 162); text-decoration: none;
}
input[type='button'] {
border: 0px currentColor; border-image: none; cursor: pointer; background-color: transparent;
}
address {
font-style: normal; font-weight: 400;
}
caption {
font-style: normal; font-weight: 400;
}
cite {
font-style: normal; font-weight: 400;
}
code {
font-style: normal; font-weight: 400;
}
dfn {
font-style: normal; font-weight: 400;
}
em {
font-style: normal; font-weight: 400;
}
strong {
/* font-style: normal; */
/* font-weight: 400; */
}
th {
font-style: normal; font-weight: 400;
}
var {
font-style: normal; font-weight: 400;
}
ul {
list-style: none;
}
ol {
list-style: none;
}
li {
list-style: none;
}
.tc {
text-align: center !important;
}
.tl {
text-align: left !important;
}
.tr {
text-align: right !important;
}
.fwn {
font-weight: normal;
}
.fwb {
font-weight: bold;
}
h1 {
font-size: 100%;
}
h2 {
font-size: 100%;
}
h3 {
font-size: 100%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 100%;
}
q::before {
content: none;
}
q::after {
content: none;
}
input {
font-weight: inherit;
}
textarea {
font-weight: inherit;
}
select {
font-weight: inherit;
}
input {
vertical-align: middle;
}
select {
vertical-align: middle;
}
textarea {
vertical-align: middle;
}
button {
vertical-align: middle;
}
.pa {
position: absolute;
}
.pr {
position: relative;
}
.topicInfo li {
transtion: all 1s ease 0s;
}
.wraq_header {
left: 0px; top: 0px; width: 100%; height: 190px; position: relative; z-index: 999; background-color: rgb(140, 0, 0);
}
.header {
margin: 0px auto; width: 100%; height: 190px; position: relative;
}
.header_logo {
margin: 0px auto; width: 100%; height: 150px; position: relative; min-width: 320px; max-width: 1200px;
}
.logo {
padding: 10px 0px 0px; width: 100%; height: 85px; text-align: center; position: relative;
}
.logo .logo_01 {
}
.topWrap {
width: 100%; height: 40px; background-color: rgb(112, 0, 5);
}
.top {
margin: 0px auto; height: 40px; position: relative; max-width: 1200px;
}
.top .cur {
width: 163px; overflow: hidden;
}
.top .links01 {
margin-top: 5px; float: right;
}
.top .links01 {
overflow: hidden; float: right;
}
.homeTop_l {
overflow: hidden; margin-top: 5px; float: left;
}
.homeTop_l a {
padding: 0px 10px; color: rgb(255, 255, 255); font-size: 1.4em;
}
.homeTop {
margin-top: 2px; margin-right: 10px; float: right;
}
.homeTop a {
color: rgb(255, 255, 255); font-size: 1.4em;
}
.top .homeTop ul li {
line-height: 36px; margin-right: 10px; float: left;
}
.top .homeTop .weibo {
position: relative;
}
.top .homeTop .weixin {
position: relative;
}
.top .homeTop .weibo a {
background: url("../images/sina.png") no-repeat center; width: 35px; height: 36px; display: block;
}
.top .homeTop .weixin a {
background: url("../images/weixin.png") no-repeat center; width: 35px; height: 36px; display: block;
}
.top .homeTop .app a {
background: url("../images/app.png") no-repeat center; width: 35px; height: 36px; display: block;
}
.top ul li .subTop_b {
top: 45px; width: 100px; height: 100px; display: none; position: absolute;
}
.top ul li .subTop_x {
top: 45px; width: 100px; height: 100px; display: none; position: absolute;
}
.top ul li.on .subTop_b {
display: block;
}
.top ul li.on .subTop_x {
display: block;
}
.btn_ser {
width: 34px; height: 31px; display: inline-block; cursor: pointer;
}
.btn_ser img {
vertical-align: middle;
}
.ser {
width: 153px; height: 23px; line-height: 23px; z-index: 9999994;
}
.search {
width: 153px; height: 23px; position: relative;
}
.search input {
background: rgb(255, 255, 255); border: currentColor; border-image: none; height: 23px; color: rgb(255, 255, 255); line-height: 23px; padding-left: 0px; font-family: "΢ÈÃÑźÚ"; position: absolute;
}
.search input.notxt {
width: 153px; color: rgb(143, 0, 11); padding-left: 10px;
}
.search input.notxt1 {
background: url("../images/search.png") no-repeat right; top: 4px; width: 18px; height: 19px; right: -8px; overflow: hidden; position: absolute; cursor: pointer;
}
.search input.notxt1:hover {
background: url("../images/search_hover.png") no-repeat right;
}
.top .home {
margin-bottom: 10px;
}
.nser {
width: 100%; display: block; background-color: rgb(233, 243, 255);
}
.nser .search {
width: 100%;
}
.nser .search input.notxt {
border-radius: 0px; left: 0px; width: 100%; padding-left: 13px;
}
.nser .search input.notxt1 {
background: url("../images/search.png") no-repeat center; right: 5px;
}
.wraq_nav {
width: 100%; height: 42px; bottom: 2px; border-top-color: rgb(172, 0, 0); border-top-width: 1px; border-top-style: solid; position: absolute;
}
.nav {
margin: 0px auto; text-align: center; line-height: 42px; min-height: 42px; max-width: 1200px;
}
.nav ul {
height: 42px; max-width: 1200px;
}
.nav ul li {
float: left; position: relative;
}
.nav ul li a {
color: rgb(255, 255, 255); font-size: 1.6em; padding: 0 19px;
}
.nav ul li:hover {
border-bottom-color: rgb(159, 213, 0); border-bottom-width: 4px; border-bottom-style: solid; cursor: pointer;
}
.nav ul li .subNav {
background: rgb(140, 0, 0); left: 0px; top: 43px; overflow: hidden; display: none; position: absolute; z-index: 999; width:100%;
}
.nav ul li.on {
background: none;
}
.nav ul li.on a {
}
.nav ul li.on .subNav {
animation:rotate 400ms; display: block; -webkit-animation: rotate 400ms; -moz-animation: rotate 400ms;
}
.nav ul li.on .subNav dl {
overflow: hidden; padding-top: 1px;
}
.nav ul li.on .subNav dl dd {
height: auto; text-align: center; line-height: 18px;
}
.nav ul li.on .subNav dl dd a {
padding: 8px 5px; color: rgb(255, 255, 255); line-height: 18px; font-weight: normal; display: block;
}
.nav ul li.on .subNav.smallWidth dl dd a {
}
.nav ul li.on .subNav dl dd a:hover {
color: rgb(255, 255, 255); background-color: rgb(116, 26, 26);
}
.wraq_header.current .header_logo {
height: 56px;
}
.wraq_header.current .logo {
padding: 12px 0px 0px; transition:width 0.3s; width: 230px; height: 49px; -webkit-transition: width 0.3s ease 0s; -moz-transition: width 0.3s ease 0s;
}
.wraq_header.current .logo a {
display: block;
}
.wraq_header.current .logo .logo_02 {
margin-top: 7px;
}
.wraq_header.current {
top: 0px; width: 100%; height: 56px; position: fixed; z-index: 9999; box-shadow: 0px 3px 0px 0px rgba(140,0,0,0.6);
}
.wraq_header.current .wraq_nav {
height: 56px; margin-left: 20%; z-index: 2147483647;
}
.wraq_header.current .nav {
margin: 0px; width: auto; height: 56px; line-height: 56px;
}
.wraq_header.current .nav li {
background: none; transition:0.3s; height: 56px; line-height: 60px; font-size: 0.9em; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
}
.wraq_header.current .nav ul {
background: none; height: 56px;
}
.wraq_header.current .header {
height: 56px;
}
.wraq_header.current .nav li a {
color: rgb(255, 255, 255); padding: 0 13px;
}
.wraq_header.current .nav li:hover {
transition:0.3s; font-weight: normal; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; cursor: pointer; background-color: rgb(116, 26, 26); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;
}
.wraq_header.current .nav li .subNav {
top: 56px; display: none;
}
.wraq_header.current .topWrap {
display: none;
}
.fooer_wrap {
width: 100%; overflow: hidden; background-color: rgb(140, 0, 0);
}
.footer {
margin: 2% auto; overflow: hidden; position: relative; max-width: 1200px;
}
.friendLink {
width: 16%; overflow: hidden; border-right-color: rgb(188, 226, 253); border-right-width: 1px; border-right-style: solid; float: left;
}
.friendLink h2 {
color: rgb(255, 255, 255); font-size: 1.6em;
}
.friendLink ul li {
padding: 3px 0px; width: 100%;
}
.friendLink ul li a {
color: rgb(255, 255, 255); font-size: 1.4em;
}
.address {
width: 80%; float: right;
}
.address p {
width: 50%; color: rgb(255, 255, 255); line-height: 28px; font-size: 1.4em; float: left;
}
.footer_bottom {
background: rgb(112, 0, 5); padding: 10px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 1.4em;
}
.goTop {
transition:none; text-align: center; right: 30px; bottom: 0px; color: rgb(175, 3, 3); font-size: 16px; position: absolute; z-index: 99;
}
.goTop i {
transition:0.3s; color: rgb(175, 3, 3); margin-bottom: 8px; display: block;
}
.goTop:hover {
color: rgb(14, 89, 174);
}
.goTop:hover i {
transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px);
}
.snav {
background: rgb(112, 0, 5); top: 83px; width: 100%; height: 30px; right: 0px; display: none; z-index: 1002;
}
.mbtn {
top: -2px; width: 30px; height: 30px; right: 9px; display: block; z-index: 1002; cursor: pointer;
}
#Index_mbtn {
margin: 10px auto 0px; width: 16px; height: 18px; color: rgb(255, 255, 255); display: block;
}
.mbtn .m {
width: 100%; height: 20px; text-align: center; color: rgb(255, 255, 255); font-family: Arial; font-size: 12px; font-weight: 400; display: block;
}
.navm {
left: 0px; top: 30px; width: 100%; text-align: left; line-height: 30px; overflow: hidden; display: none; z-index: 99999; background-color: rgb(112, 0, 5);
}
.navm ul {
}
.navm li {
width: 100%; overflow: hidden; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.navm li a {
padding: 10px 0px 10px 13px; width: 120px; color: rgb(255, 255, 255); line-height: 18px; font-size: 14px; float: left; display: block;
}
.navm li a:hover {
color: rgb(255, 255, 255);
}
.navm li span {
padding: 10px 10px 0px 0px; color: rgb(255, 255, 255); margin-right: 7px; float: right; cursor: pointer;
}
.navm dl {
color: rgb(0, 68, 137); padding-left: 20px; background-color: rgb(255, 255, 255);
}
.navm dl dd {
width: 100%; height: 30px; line-height: 30px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.navm li.on dl dd a {
height: 30px; color: rgb(40, 40, 40); line-height: 30px; font-size: 14px; display: block;
}
.navm li dl dd a {
padding: 0px; border: currentColor; border-image: none; color: rgb(40, 40, 40); font-size: 14px; font-weight: normal; display: block;
}
.navm li dl dd a:hover {
color: rgb(238, 147, 29);
}
.subNavs {
width: 100%; overflow: hidden; display: none;
}
.nlinks {
width: 100%; overflow: hidden;
}
.nlinks span {
padding: 0px 10px; height: 30px; line-height: 30px; float: left;
}
.nlinks span a {
color: rgb(255, 255, 255); font-size: 14px;
}
@media screen and (max-width:1200px)
{
.goTop {
right: 10px;
}
.top {
margin: 0px auto; width: 98%;
}
.header_logo {
margin: 0px auto; width: 98%;
}
.nav a {
font-size: 0.9em;
}
}
@media screen and (max-width:800px)
{
.homeTop_l a {
padding: 0px 10px; color: rgb(255, 255, 255); font-size: 1.3em;
}
.topWrap {
display: none;
}
.snav {
display: block;
}
.mbtn {
display: block;
}
.header_logo {
height: 90px;
}
.logo {
padding: 8px 0px 0px; width: 100%; height: auto; text-align: center;
}
.logo a {
text-align: center; display: inline-block;
}
.wraq_header {
width: 100%; height: 120px;
}
.header {
width: 100%; height: 120px;
}
.nav {
display: none;
}
.wraq_nav {
display: none;
}
.logo .logo_01 {
width: 65%;
}
.logo .logo_02 {
width: 57%;
}
.footer {
padding: 0px 3%;
}
.friendLink {
width: 100%; border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none;
}
.friendLink ul li {
width: 49%;
}
.address {
width: 100%; margin-top: 2%; float: none;
}
.footer {
margin: 4% auto;
}
}
@media screen and (max-width:640px)
{
.copy_wrap p {
margin: 0px auto; width: 95%; height: 21px; text-align: center; line-height: 22px;
}
.wraq_header {
height: 100px;
}
.header {
height: 100px;
}
.header_logo {
height: 70px;
}
.snav {
top: 67px;
}
.footerLogo {
margin: 0px auto; width: 100%;
}
.footerLogo a {
text-align: center;
}
.copy_wrap {
margin: 10px auto; width: 100%; text-align: center; min-height: 52px;
}
.copy_wrap p {
font-size: 10px;
}
.logo .logo_02 {
margin-top: 6px;
}
}
@media screen and (max-width:480px)
{
.wraq_header {
height: 79px;
}
.header {
height: 79px;
}
.logo {
padding-top: 4px;
}
}
@media screen and (max-width:360px)
{
.copy_wrap p {
line-height: 16px;
}
}