.nav2 {
    width: 100%;
    max-width: 800px;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    /* 新增：让容器居中 */
}

.nav2 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* justify-content: center; */
}

.nav2 ul li {
    width: 33.3333%;
    box-sizing: border-box;
    padding: 4px;
}

.nav2 ul li a {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    border-radius: 32px;
    background-image: linear-gradient(to bottom, #e52727, #721212)
}

.nav2 ul li a:hover {
    background: #000;
}

#nav2[data-fixed="fixed"] {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.nav-img {
    text-align: center;
    background: #000;
}

.nav-img img {
    width: auto;
    height: 80px;
}

.cgi-subNav ul li {
    width: 16%;
}

.wz-tit {
    text-align: center;
    padding: 5px 0;
    color: #fff;
    font-size: 1.15rem;
    font-weight: bold;
    background: #e54f27;
    background-image: linear-gradient(to bottom, #e52727, #721212);
}

.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*/
}

.lb-tz a {
    font-size: 1.2rem
}

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

.lx {
    background-color: transparent;
    font-weight: bold;
    padding: 0
}

#lxlm {
    font-size: 1.15rem;
}

.lx-jl {
    color: #0f0;
    background-color: #000;
    padding: 5px 8px
        /*border-bottom:1px dotted #fff*/
}

.lx-jl span {
    background: #ff0;
    border-radius: 5px;
}

.lx-jl b {
    color: #f00
}

.lx-jl font {
    color: #f08
}

.lx-zl {
    overflow: hidden;
    color: #f00;
    background-color: #000;
    padding: 5px 8px
}

.lx-zl ul,
.lx-zl li {
    display: block
}

.lx-zl ul {
    width: 50%
}

.lx-zl .lx-left {
    float: left
}

.lx-zl .lx-right {
    float: right
}

.lx-zl font {
    color: #ffff00
}

.lx-zl span {
    background: #ff0;
    border-radius: 5px;
}

.lx-zl b {
    color: #ff0
}

.lx-ls {
    text-align: center;
    background-image: linear-gradient(to bottom, #e52727, #721212);
    padding: 5px 0;
    color: #fff
}

.lx-ls img {
    max-width: 240px;
    width: 100%
}

.lx-ls a {
    color: #ff0
}

.ls .tongzhi {
    background: transparent;
    color: #ff0;
    padding-bottom: 8px
}

.ls .lx-zl {
    /*border-top:1px dashed #fff;*/
    padding: 5px 0
}

.tongzhi {
    color: #00f;
    background: #ff0;
    border-radius: 3px;
    text-align: center
}

.tongzhi span {
    color: #f00
}

@media (max-width: 319px) {
    .lx-jl {
        font-size: 19px
    }

    .lx-zl {
        font-size: 18px
    }

    .tongzhi {
        font-size: 14px
    }
}

@media (min-width: 320px) and (max-width:359px) {
    .lx-zl ul {
        width: 100%
    }

    .lx-jl {
        font-size: 21px
    }

    .lx-zl {
        font-size: 20px
    }

    .tongzhi {
        font-size: 15px
    }
}

@media (min-width: 360px) and (max-width: 374px) {
    .lx-zl ul {
        width: 100%
    }

    .lx-jl {
        font-size: 24px
    }

    .lx-zl {
        font-size: 23px
    }

    .tongzhi {
        font-size: 17px
    }
}

@media (min-width: 375px) and (max-width: 392px) {
    .lx-zl ul {
        width: 100%
    }

    .lx-jl {
        font-size: 25px
    }

    .lx-zl {
        font-size: 24px
    }

    .tongzhi {
        font-size: 18px
    }
}

@media (min-width: 393px) and (max-width: 413px) {
    .lx-zl ul {
        width: 100%
    }

    .lx-jl {
        font-size: 26px
    }

    .lx-zl {
        font-size: 25px
    }

    .tongzhi {
        font-size: 19px
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    .lx-zl ul {
        width: 100%
    }

    .lx-jl {
        font-size: 28px
    }

    .lx-zl {
        font-size: 27px
    }

    .tongzhi {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .lx-jl {
        font-size: 30px
    }

    .lx-zl {
        font-size: 26px
    }

    .lx-ls img {
        max-width: 300px
    }

    .tongzhi {
        font-size: 24px
    }
}

.szjt {
    text-align: center
}

.szjt p {
    font-size: 1.3rem;
    border: 1px #ddd dashed;
}

.szjt p b {
    color: #00f;
    font-size: 1.8rem
}

.szjt p font {
    color: #f00;
    font-weight: bold;
}

.tuku ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.tuku ul li {
    width: 48%;
    margin: .22rem;
    text-align: center;
}

.tuku ul li img {
    width: 100%;
    border: 0;
    margin: 8px 0;
}

#tanoopp-black {
    display: table;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    overflow: hidden;
    _position: relative;
    position: fixed;
    z-index: 10000;
    left: 0px;
    top: 0px;
}

@media screen and (min-width: 320px) {
    #tanoopp-out {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (min-width: 360px) {
    #tanoopp-out {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (min-width: 400px) {
    #tanoopp-out {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (min-width: 440px) {
    #tanoopp-out {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (min-width: 480px) {
    #tanoopp-out {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (min-width: 640px) {
    #tanoopp-out {
        font-size: 16px;
        line-height: 24px;
    }
}

#tanoopp-out {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    _position: fixed;
    _top: 50%;
    _left: 50%;
}

#tanoopp-out p {
    margin: 0 auto;
}

#tanoopp-out img {
    border: 0;
}

#tanoopp-con {
    color: #444;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    display: inline-block;
    _position: relative;
    _top: -50%;
    _left: -50%;
}

.tanoopp-tit {
    line-height: 1.5em;
    padding: 0.5em 0.7em;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    background: #f5f5f5;
}

.tanoopp-tit img {
    width: 26px;
    height: 26px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.tanoopp-close {
    float: right;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    padding: 0 5px;
    background: #f00;
    color: #fff
}

.tanoopp-close:hover {
    background-position: 0 -34px;
}

.tanoopp-box {
    text-align: left;
    padding: 10px;
}

.tanoopp-box img {
    max-width: 100%;
    height: auto;
}

.tan02133-box {
    text-align: left;
    padding: 10px;
}

.tan02133-box img {
    max-width: 100%;
    max-height: 720px;
    height: auto;
}

#tanxpg-black {
    display: none;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    overflow: hidden;
    _position: relative;
    position: fixed;
    z-index: 10000;
    left: 0px;
    top: 0px;
}

.yjbt {}

.yjbt .fenge {
    border-bottom: 1px dashed #888;
    margin: 8px 0;
    padding: 0
}

.yjbt p {
    font-size: 1.3rem
}

.yjbt p font {
    color: #f00;
    font-weight: bold;
}

.yjbt .shiju {
    color: #00f;
    font-weight: bold;
    font-size: 1.3rem;
    background: #ffeefc
}

.yjbt .jiexi {
    color: #f08;
    font-weight: bold;
    font-size: 1.2rem
}

.cypt {
    text-align: center
}

.cypt p {
    font-size: 1.3rem
}

.cypt p b {
    color: #00f;
    font-size: 1.8rem
}

.cypt p font {
    color: #f00;
    font-weight: bold;
}

.yqcx {
    text-align: center
}

.yqcx .fenge {
    border-bottom: 1px dotted #888;
    margin: 8px 0;
    padding: 0
}

.yqcx p {
    font-size: 1.3rem;
    color: #00f;
    font-weight: bold;
}

.yqcx p font {
    color: #f00;
}

.jgjx {
    text-align: center
}

.jgjx p {
    font-size: 1.3rem
}

.jgjx p b {
    color: #00f;
    font-size: 1.8rem
}

.jgjx p font {
    color: #f00;
    font-weight: bold;
}

.xjym {
    border: 1px dashed #aaa;
    margin: 5px 0
}

.xjym p {
    font-size: 1.3rem
}

.xjym p b {
    color: #f00;
}

.xjym p font {
    color: #f00;
    font-weight: bold
}

.xjym .jie1 {
    color: #00f;
    font-weight: bold
}

.xjym .jie2 {
    color: #f60;
    font-weight: bold
}

.tml {}

.tml p {
    font-size: 1.2rem;
    font-weight: bold;
    color: #304352
}

.zhzl {}

.zhzl .fenge {
    border-bottom: 1px dotted #888;
    margin: 8px 0;
    padding: 0
}

.zhzl p {
    font-size: 1.3rem
}

.zhzl p font {
    color: #f00;
    font-weight: bold;
}

.zhzl .sj {
    color: #00f;
    font-weight: bold;
    font-size: 1.3rem;
}

.zhzl .jx {
    color: #090;
    font-weight: bold;
    font-size: 1.2rem
}

.jxem {
    display: block;
    text-align: center;
    border: 1px dotted #aaa;
    margin: 5px 0
}

.jxem p {
    font-size: 1.3rem
}

.jxem p b {
    color: #06f;
}

.jxem p font {
    color: #06f;
    font-weight: bold
}

.jxem .haoma {
    background: #f9f9f9;
    font-weight: bold;
    font-size: 1.5rem;
    color: #f00
}

.jxem .haoma b {
    background: #ff0;
    color: #f00
}

.myct {
    border: 1px solid #ededed;
    margin: 5px 0;
    background: #f1f1f9
}

.myct p {
    font-size: 1.2rem;
    font-weight: bold;
    color: #00f
}

.myct .daan {
    color: #080;
    border-bottom: 1px dashed #aaa;
}

.myct .midi {
    color: #f00
}

.myct .midi b {
    background-color: #ff0
}