/* 
 * single-wz.css - 文章页面样式
 * 删除了与common-style.css重复的样式，保留此页面特有的样式
 */

/* 导航样式已移至common-style.css */

/* 面包屑样式 - 文章页特有样式，与common-style.css中的样式不同 */
/* 修复：与顶部菜单重叠问题。顶部导航为absolute且z-index:1041，故提高面包屑层级并下移 */
.breadcrumb-n118m-2 {
    width: 100%;
    position: relative; /* 说明：使z-index生效并相对定位 */
    z-index: 1050;      /* 说明：高于navigation-n12m-1的1041，避免遮挡 */
    margin-top: 150px;  /* 说明：下移，避开导航的高度（与archive.php保持一致） */
    background: #f2f2f2;
    overflow: hidden;
    margin-bottom: 40px
}

.breadcrumb-n118m-2 ul,
.breadcrumb-n118m-2 li {
    overflow: auto;
    list-style: none;
    padding: 0;
    margin: 0
}

.breadcrumb-n118m-2 li {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 40px;
    margin-right: 5px;
    color: #999
}

.breadcrumb-n118m-2 li a {
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    text-decoration: none;
    color: #505050
}

.breadcrumb-n118m-2 li a:hover {
    color: #002d57
}

.breadcrumb-n118m-2 li .f-home {
    color: #002d57;
    font-weight: bold
}

/* 统一分隔由CSS控制，需显示最后一个节点（文章标题） */
.breadcrumb-n118m-2 li:last-child {
    display: block; /* 取消隐藏最后一项，避免标题被隐藏 */
}

.breadcrumb-n118m-2 li:nth-last-child(2) a {
    color: #002d57
}

@media(max-width:768px) {
    .breadcrumb-n118m-2 {
        margin-bottom: 40px
    }

    .breadcrumb-n118m-2 li {
        font-size: 1.4rem;
        line-height: 30px
    }
}

/* 联系框样式已移至common-style.css，避免重复 */

/* 友情链接样式已移至common-style.css，避免重复 */

/* 版权样式已移至common-style.css，避免重复 */

/* 标题样式已移至common-style.css，避免重复 */

/* 产品分类样式已移至common-style.css，避免重复 */

/* 产品列表样式已移至common-style.css，避免重复 */

/* .contact-info-n114m-1样式已移至common-style.css，避免重复 */

/* .additional响应式布局样式已移至common-style.css，避免重复 */

/* 文章内容样式 */

.paragraph-n101m-1 {
    border: 1px solid #f2f2f2;
    padding: 30px;
    background: #fff;
    margin-bottom: 30px
}

.paragraph-n101m-1 h2 {
    margin: 0 0 25px 0;
    line-height: 1.4;
    color: #002d57;
    font-size: 2rem;
    font-weight: normal;
    text-align: center
}

.paragraph-n101m-1 .time {
    width: 100%;
    text-align: center;
    display: block;
    color: #888;
    line-height: 20px;
    font-size: 1.6rem
}

.paragraph-n101m-1 .line {
    width: 100%;
    height: 1px;
    display: block;
    background: #f2f2f2;
    margin: 25px 0
}

.paragraph-n101m-1 .content {
    line-height: 1.7;
    font-size: 1.6rem;
    color: #343434
}

.paragraph-n101m-1 .content p {
    margin: 0
}

.paragraph-n101m-1 .content table {
    display: table
}

.paragraph-n101m-1 .content table tr td {
    padding: 5px;
    border: 1px solid #ddd
}

.paragraph-n101m-1 .content table tr td p {
    margin: 0
}

.paragraph-n101m-1 table,
.paragraph-n101m-1 td,
.paragraph-n101m-1 p,
.paragraph-n101m-1 img,
.paragraph-n101m-1 video {
    max-width: 100%
}

@media(max-width:768px) {
    .paragraph-n101m-1 {
        margin-top: 15px;
        margin-bottom: 40px;
        padding: 20px
    }

    .paragraph-n101m-1 h2 {
        margin: 0 0 15px 0;
        font-size: 2rem
    }

    .paragraph-n101m-1 .line {
        margin: 15px 0
    }

    .paragraph-n101m-1 .content {
        font-size: 1.6rem
    }

    .paragraph-n101m-1 .content img {
        width: initial !important;
        height: initial !important
    }
}

.prev-next-link-n101m-1 {
    text-align: center;
    padding: 10px 0;
    overflow: auto
}

.prev-next-link-n101m-1 i {
    margin: 0 4px;
    font-size: 14px
}

.prev-next-link-n101m-1 .pbtn {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 32px;
    line-height: 32px;
    font-size: 1.4rem;
    display: inline-block;
    color: #6c6c6c;
    text-decoration: none
}

.prev-next-link-n101m-1 .pbtn:hover {
    color: #002d57
}

.prev-next-link-n101m-1 .left {
    float: left;
    margin-left: 15px
}

.prev-next-link-n101m-1 .right {
    float: right;
    margin-right: 15px
}

@media(min-width:768px) {
    .prev-next-link-n101m-1 {
        padding: 5px 0 20px 0
    }

    .prev-next-link-n101m-1 .left {
        float: left;
        margin-left: 25px
    }

    .prev-next-link-n101m-1 .right {
        float: right;
        margin-right: 25px
    }
}

/* .message-n118m-1样式已移至archive.css，避免重复 */