@charset "utf-8";
/* CSS Document */
body{width:100%;max-width:800px;margin:0 auto;background: #fff;}
.white-box {
    margin-top: 0px;!important; }
.con-qi span {
    background-color: #ff0;
    color: #f00;
}	


.header-top1{ max-width: 800px; height:auto; position: fixed; top: 0; left: 0; right: 0; margin: auto; border-radius: 0 0 5px 5px; z-index: 99999;}
.header-top1-blank { height: 151px;}
.header-top2{ max-width: 800px; position: fixed; top: 0; left: 0; right: 0; margin: auto; border-radius: 0 0 5px 5px; z-index: 9;}
.header-top2-blank { height: 60px;}
.header { border-radius: 0 0 5px 5px;}
.header {text-align: left;}
.head-title-img img { display: block; position: absolute; left: 50%; margin-left: -30px; width: 60px; height: 60px; box-shadow: 0px 0px 20px #000; border-radius: 50%;}
.header .logo-box { display: flex; align-items: center; height: 60px; background-image: linear-gradient(to top, #43C6DB, #43C6DB);}
.header .logo-box.line { border-bottom: solid 1px #000;}
.header .logo-box .logo {flex: 1;}
.header .logo-box .logo img {width: auto;height: 60px;}
.header .logo-box .bank { line-height: 1.5; font-size: 12px; color: #fff;}
.header .logo-box .bank img { width: 50px; height: 50px; margin: 0 auto; display: block;}
.header .nav { color: #fff;}
.header .nav ul { display: flex;}
.header .nav ul li { flex: 1; text-align: center;}
.header .nav ul li a { height: 30px; line-height: 30px; display: block;}
.header .nav ul li a:hover { background: #696969;}
@media screen and (max-width:720px){ 
.header .head-title-img img { left: 73%;}
.header .logo-box { padding: 0 5px;}
.header .nav { font-size: 12px;}
}
.speak {
    font-size: 12pt;
    text-align: center;
      font-weight: bold;
    color: #fff;
    background: linear-gradient(to right, #bccdcc75, #ff0202, #d2e6da);
    text-shadow: 0 1px 1px #241f87;
    font-family: "fangsong";
    line-height: 30px;}


.center{text-align:center}
.wblack{color:#000}
.wred{color:#f00}
.wblue{color:#00f}
.wgreen{color:#080}
.wpink{color:#f0f}
.worange{color:#f60}
.wpurple{color:#80f}
.fw{font-weight:bold}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:24px}
.f24{font-size:24px}
.f28{font-size:28px}
.source{font-size:16px !important;color:#666 !important;border-bottom:1px solid #e2e2e2}
.source span{color:#f00}
.con-art{padding:0 10px}
.con-art .p2{color:#00f}
.con-art .p3{color:#f0f}
.con-art .p1 span{color:#f00}
.con-qi{padding:5px 0;border-bottom:1px dashed #666;text-align: center;font-size: 13pt;font-weight: bold;font-family: 仿宋 light;color: #0018ff;}
@media (max-width: 319px){
 .con-art{font-size:16px}
 .nav-top h1 {font-size:20px !important}
 .source{font-size:15px !important}
}
@media (min-width: 320px) and (max-width:359px){
 .con-art{font-size:16px}
 .nav-top h1 {font-size:20px !important}
 .source{font-size:15px !important}
}
@media (min-width: 360px) and (max-width: 374px){
 .con-art{font-size:16px}
}
@media (min-width: 375px) and (max-width: 392px){
 .con-art{font-size:17px}
}
@media (min-width: 393px) and (max-width: 413px){
 .con-art{font-size:18px}
}
@media (min-width: 414px) and (max-width: 767px){
 .con-art{font-size:19px}
}
@media (min-width:768px){
 .con-art{font-size:24px}
}

/*********/

.wz-tit {
text-align: center;
padding: 5px 0;
color: #fff;
font-size: 20px;
font-weight: bold;
background: #7a1892;
background-image: linear-gradient(to top, #43C6DB, #43C6DB);
}
.wz-tit font{
color:#f60
}
.wz-tc {
border-bottom: 1px dotted #888;
color: #f60;
text-align: center;
font-size: 26px;
font-weight: bold;
padding: 8px 0;
}
.wz-tc p font{color:#f00}
.wz-tc p span{color:#080}

/*************/

.lb-tz{text-align:center}
.lb-tz li{background-color:#fff}
.lb-tz li:nth-child(2n){background-color:#f3f3f3}
@media (min-width: 320px) and (max-width:359px){
.lb-tz a{font-size:16px}
}
@media (min-width: 360px) and (max-width: 374px){
.lb-tz a{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.lb-tz a{font-size:19px}
}
@media (min-width: 393px) and (max-width: 413px){
.lb-tz a{font-size:20px}
}
@media (min-width: 414px) and (max-width: 767px){
.lb-tz a{font-size:21px}
}
@media (min-width:768px){
.lb-tz a{font-size:22px}
}

/*************/

.pic{overflow:hidden;
margin-top: 6px;
padding:8px 0 0 0;
border: solid 1px #cfcfcf;
border-radius: 3px;
background: #fff;
}
.pic li {
float: left;
padding-bottom: 10px;
}
.m1{margin-left:1.1%;margin-right:0.5%;width:15%;}
.m1 img{width:100%;height:160px;}
.pic li p.name {
text-align: center;
font-size: 14px;
font-weight:bold
}
.pic .lzbz {
position: absolute;
left: 0;
width: 100%;
height: auto;
overflow: hidden;
color: #fff;
cursor: pointer;
bottom:-72px;
}
.pic .video-bg {
display: block;
position: absolute;
left: 0;
bottom: -72px;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
cursor: pointer;
}
.pic .link-hover {
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.m1{margin-left: 2%;margin-right:1%;width:30%;}
}

/**********/

.sx table {
border-collapse: collapse;
border-spacing: 0;
}
.sx table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.sx table td {
border: 1px solid #e5e5e5;
padding: 3px 2px;
word-break: break-all;
}
.sx ul, .sx li, .sx dl, .sx dt, .sx dd{margin:0;padding:0}
.sx ul {
display: block;
list-style-type: disc;
}
.sx ul li img {
vertical-align: middle;
border: 0;
width:40px;
height:40px;
}
.sx1 li{
float: left;
width: 33.333333%;
padding: 5px 0;
text-align: center;
}
.sx span{
height: 18px;
line-height: 18px;
margin: 0 2px;
padding: 0 3px;
font-size: 12px;
color: #fff;
display: inline-block;
background-color: #f00;
}
.sx span.blue{
background-color: #3366ff;
}
.sx span.green{
background-color: #009933;
}
@media (min-width: 320px) and (max-width:359px){
.sx1 li{width: 50%}
}
@media (min-width: 360px) and (max-width: 374px){
.sx1 li{width: 50%}
}
@media (min-width: 375px) and (max-width: 392px){
.sx ul li .tm01 span{margin:0 1px;padding:0 2px}
}
@media (min-width: 393px) and (max-width: 413px){
.sx ul li .tm01 span{margin:0 1px;padding:0 2px}
}
@media (min-width: 414px) and (max-width: 767px){

}
@media (min-width:768px){
.sx1 li{width: 25%}
}