.wr {
    color: #f00
}

.wg {
    color: #080
}

.wb {
    color: #00f
}

.wp {
    color: #f0f
}

.wy {
    color: #ff0
}

.wo {
    color: #f60;
}

.wpu {
    color: #80d
}

.wsr {
    color: #f06
}

.wsb {
    color: #06f
}

.ww {
    color: #fff
}

.wbl {
    color: #000
}

.banner-web {
    font-size: 18px
}

.banner-web font {
    color: #08f
}

.banner-web strong {
    color: #f00;
    font-size: 20px
}

.banner-web span {
    color: #2b2
}

.center {
    text-align: center
}

#am-bar {
    margin: 0;
    background: #1d22d3;
    background-image: linear-gradient(to bottom, #1d22d3, #e174d3);
    color: #fff
}

#hk-bar {
    background: #1c1f85;
    background-image: linear-gradient(to bottom, #1c1f85, #22b398);
    color: #fff
}

/*
.wz-tit {
text-align: center;
padding: 5px 0;
color: #ffff00;
font-size: 1.15rem;
font-weight: bold;
background: #921818;
background-image: linear-gradient(to top, #61975e, #d4e4d3);
}
.wz-tit2 {
color:#fff;
background:#ed4040;
font-weight:bold;
padding:5px 0;
border:1px solid #900;
border-radius:3px;
font-size:1.25rem
}
.wz-tit font{
color:#fff
}
.wz-tit span{
color:#0ff
}
.wz-tc {
border-bottom: 1px dotted #888;
color: #06f;
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}
}

.lb-tz{text-align:center}
.lb-tz li{background-color:#fff}
.lb-tz li:nth-child(2n){*/

/*background-color:#f3f3f3*/

/*}
.lb-tz a{font-size:1.3rem}
.lb-tz a b{font-size:1.5rem}*/

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

.wz-yj {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 16px;
}

.wz-yj .p1 {}

.wz-yj .p2 {}

.wz-yj .p3 {}

.wz-yj .p1 font {
    color: #f00;
    font-weight: bold
}

.wz-yj .p2 font {
    color: #f0f
}

.wz-yj .p3 font {
    color: #00f
}

@media (min-width: 320px) and (max-width:359px) {
    .wz-yj p {
        font-size: 15px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .wz-yj p {
        font-size: 18px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .wz-yj p {
        font-size: 18px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .wz-yj p {
        font-size: 19px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .wz-yj p {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .wz-yj p {
        font-size: 21px
    }
}

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

.wl {
    overflow: hidden
}

.wl ul,
.wl li {
    margin: 0;
    padding: 0;
    border: 0
}

.wl ul {
    display: block
}

.wl li {
    display: block;
    width: 33.3%;
    float: left
}

.wl li a {
    display: block;
    padding: 5px 0;
    width: 100%;
    font-size: 1rem;
    color: #fff;
    background: #08f
}

.wl .wl01 a {
    background: #08f
}

.wl .wl02 a {
    background: #f80
}

.wl .wl03 a {
    background: #f00
}

.wl .wl04 a {
    background: #f0f
}

.wl .wl05 a {
    background: #80f
}

.wl .wl06 a {
    background: #080
}

@media (min-width:768px) {
    .wl-left {
        margin: 0;
        padding: 0;
        border: 0;
        width: 50%;
        float: left
    }
    .wl-right {
        margin: 0;
        padding: 0;
        border: 0;
        width: 50%;
        float: left
    }
}

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

.wz-ycc {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 18px;
}

.wz-yc {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 18px;
}

.wz-yc .p1 {}

.wz-yc .p2 {}

.wz-yc .p3 {}

.wz-yc font {
    color: #090;
    font-weight: bold
}

.wz-yc span {
    color: #00f
}

.wz-ycc font {
    color: #090;
    font-weight: bold
}

.wz-ycc span {
    color: #FF0000
}

@media (min-width: 320px) and (max-width:359px) {
    .wz-yc {
        font-size: 20px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .wz-yc {
        font-size: 22px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .wz-yc {
        font-size: 23px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .wz-yc {
        font-size: 25px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .wz-yc {
        font-size: 26px
    }
}

@media (min-width:768px) {
    .wz-yc {
        font-size: 28px
    }
}

/*********/

.wz-my {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 16px;
    padding: 8px 0;
}

.wz-my .p1 {}

.wz-my .p2 {}

.wz-my .p3 {
    font-weight: bold
}

.wz-my .p1 font {
    color: #f00;
    font-weight: bold
}

.wz-my .p2 font {
    color: #00f
}

.wz-my .p3 font {
    color: #f0f
}

@media (min-width: 320px) and (max-width:359px) {
    .wz-my p {
        font-size: 15px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .wz-my p {
        font-size: 18px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .wz-my p {
        font-size: 18px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .wz-my p {
        font-size: 20px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .wz-my p {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .wz-my p {
        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%;
    }
}

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

.wz-24 {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 16px;
    padding: 5px 0;
}

.wz-24:nth-child(2n) {
    background-color: #f3f3f3
}

.wz-24 .p1 {
    color: #00f
}

.wz-24 .p2 {
    color: #111;
    font-weight: bold
}

.wz-24 .p1 span {
    color: #f00
}

.wz-24 .p2 span {}

@media (min-width: 320px) and (max-width:359px) {
    .wz-24 .p1 {
        font-size: 18px
    }
    .wz-24 .p2 {
        font-size: 16px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .wz-24 .p1 {
        font-size: 18px
    }
    .wz-24 .p2 {
        font-size: 18px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .wz-24 .p1 {
        font-size: 18px
    }
    .wz-24 .p2 {
        font-size: 19px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .wz-24 .p1 {
        font-size: 20px
    }
    .wz-24 .p2 {
        font-size: 20px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .wz-24 .p1 {
        font-size: 20px
    }
    .wz-24 .p2 {
        font-size: 21px
    }
}

@media (min-width:768px) {
    .wz-24 .p1 {
        font-size: 20px
    }
    .wz-24 .p2 {
        font-size: 20px
    }
}

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

.wz-ym {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 16px;
}

.wz-ym .p1 {}

.wz-ym .p2 {
    color: #00f
}

.wz-ym .p1 font {
    color: #f00;
    font-weight: bold
}

.wz-ym .p2 font {
    color: #f0f
}

@media (min-width: 320px) and (max-width:359px) {
    .wz-ym p {
        font-size: 15px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .wz-ym p {
        font-size: 18px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .wz-ym p {
        font-size: 18px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .wz-ym p {
        font-size: 20px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .wz-ym p {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .wz-ym p {
        font-size: 22px
    }
}

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

.wz-yq {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 16px;
}

.wz-yq .p1 {}

.wz-yq .p2 {
    color: #080
}

.wz-yq .p3 {
    color: #00f
}

.wz-yq .p2 span {
    color: #f00;
    font-weight: bold
}

.wz-yq .p3 span {
    color: #00f
}

@media (min-width: 320px) and (max-width:359px) {
    .wz-yq p {
        font-size: 15px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .wz-yq p {
        font-size: 17px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .wz-yq p {
        font-size: 18px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .wz-yq p {
        font-size: 19px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .wz-yq p {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .wz-yq p {
        font-size: 22px
    }
}

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

.wz-tt {
    border-bottom: 1px dotted #888;
    color: #000;
    font-size: 16px;
}

.wz-tt .p1 {}

.wz-tt .p2 {
    color: #00f
}

.wz-tt .p1 span {
    color: #f00
}

.wz-tt .p2 span {
    color: #080;
    font-weight: bold
}

@media (min-width: 320px) and (max-width:359px) {
    .wz-tt p {
        font-size: 16px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .wz-tt p {
        font-size: 18px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .wz-tt p {
        font-size: 20px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .wz-tt p {
        font-size: 21px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .wz-tt p {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .wz-tt p {
        font-size: 24px
    }
}

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

.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%
    }
}

.box-ziliao {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 760px;
    text-align: center;
    border-color: rgb(248, 244, 186);
}

.box-ziliao tr {
    height: 40px;
    background: #fff;
    color: #000;
    width: 100%;
    max-width: 760px;
    font-size: 18px;
    font-weight: bold;
}

.box-ziliao a {
    text-decoration: none;
}

/* Apply to the table */

table {
    border-collapse: collapse;
    /* Ensures no extra space between cells */
    width: 100%;
    /* Ensures the table takes the full width */
}

/* Apply to each cell */

td,
th {
    border: 1px solid black;
    /* Sets the border thickness and color */
    padding: 0px;
    /* Adds padding inside the cells */
    text-align: center;
    /* Centers the text */
}

/* Optional styling for alternating row colors */

tr:nth-child(even) {
    background-color: #f2f2f2;
    /* Lighter background for even rows */
}