@charset "utf-8";
/**
 * 自定义补充样式 - xidi主题
 * 仅用于新CMS框架所需的额外样式补充
 */

/* ====== 主内容区域 ====== */
.main-content {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* ====== 首页样式补充 ====== */
/* 关于我们区块 */
.home-intro {
    background: #f5f5f5;
    padding: 40px 0;
}
.home-intro .main_cont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.home-intro .main_ab_left {
    float: left;
    width: 45%;
}
.home-intro .main_ab_left img {
    width: 100%;
    height: auto;
}
.home-intro .main_ab_right {
    float: right;
    width: 50%;
}
.home-intro .ab_cont {
    line-height: 2;
    color: #666;
    font-size: 14px;
    margin-top: 15px;
}
#960001 {
    display: inline-block;
    margin-top: 15px;
    background: #0068b7;
    color: #fff;
}
#960001:hover {
    background: #005599;
    color: #fff;
}

/* ====== 新闻列表样式补充 ====== */
.art_img {
    float: left;
    width: 200px;
    margin-right: 15px;
}
.art_img img {
    width: 100%;
    height: auto;
}
.art_text {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px dashed #e5e5e5;
}
.art_text h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 8px;
}
.art_text p {
    color: #999;
    font-size: 13px;
    line-height: 1.8;
}
.art_text .InfoTime {
    color: #aaa;
    font-size: 12px;
}
.art_text .more {
    color: #0068b7;
    font-size: 13px;
}
.art_have_img {
    margin-left: 0;
}
.textlist li {
    overflow: hidden;
    margin-bottom: 15px;
}

/* ====== 新闻首页区块 ====== */
.tem_index_news {
    padding: 40px 0;
}
.tem_index_news_slides {
    overflow: hidden;
    margin-top: 20px;
}
.news_left {
    float: left;
    width: 48%;
}
.news_left .news_le_img {
    overflow: hidden;
}
.news_left .news_le_img img {
    width: 100%;
    height: auto;
}
.news_left .news_tit {
    font-size: 16px;
    margin: 10px 0;
}
.news_left .news_tit a {
    color: #333;
}
.news_left .news_le_date {
    color: #aaa;
    font-size: 12px;
}
.news_left .news_le_txt {
    color: #666;
    font-size: 13px;
    line-height: 1.8;
    margin: 8px 0;
}
.news_right {
    float: right;
    width: 48%;
}
.news_right li {
    overflow: hidden;
    padding: 12px 0;
    border-bottom: 1px dashed #e5e5e5;
}
.news_right .time {
    float: left;
    width: 60px;
    text-align: center;
    margin-right: 15px;
}
.news_right .wp-new-ar-pro-time {
    display: block;
    font-size: 28px;
    color: #0068b7;
    font-weight: bold;
}
.news_right .date {
    display: block;
    font-size: 12px;
    color: #999;
}
.news_right .conts {
    overflow: hidden;
}
.news_right .conts .title {
    font-size: 15px;
    margin-bottom: 5px;
}
.news_right .conts .title a {
    color: #333;
}
.news_right .conts .abstract {
    color: #999;
    font-size: 13px;
    line-height: 1.6;
}
.news_more {
    text-align: center;
    margin-top: 20px;
}
.news_more a {
    display: inline-block;
}
.news_more a:hover {
    background: #000;
    color: #fff;
}

/* ====== 分页样式修复 ====== */
.pager {
    margin-top: 20px;
}

/* ====== 单页样式 ====== */
.single {
    width: 1200px;
    margin: 20px auto;
}
.single #right {
    padding: 0 20px;
}
.ChannelContent {
    line-height: 2;
    color: #666;
}
.ChannelContent img {
    max-width: 100%;
    height: auto;
}

/* ====== 文章详情样式 ====== */
.info_from_wrap {
    padding: 10px 0;
    color: #999;
    font-size: 12px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 15px;
}
.article-content {
    line-height: 2;
    color: #333;
}
.article-content img {
    max-width: 100%;
    height: auto;
}
.article-content table {
    width: 100% !important;
    border-collapse: collapse;
}
.article-content td,
.article-content th {
    border: 1px solid #ddd;
    padding: 8px;
}

/* ====== 产品详情补充 ====== */
.Pro_Content {
    line-height: 2;
    color: #333;
    margin: 15px 0;
}
.Pro_Content img {
    max-width: 100%;
    height: auto;
}
.Pro_Content table {
    width: 100% !important;
    border-collapse: collapse;
}
.Pro_Content td,
.Pro_Content th {
    border: 1px solid #ddd;
    padding: 6px 10px;
}
.pro_mian_img {
    overflow: hidden;
    margin-top: 20px;
}

/* ====== 下载列表补充 ====== */
.downlist .btn-tiny {
    padding: 3px 10px;
    font-size: 12px;
    background: #960001;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    display: block;
}
.downlist .btn-tiny:hover {
    background: #000;
}

/* ====== 单页侧边栏导航 ====== */
.page-with-sidebar .page-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}
.page-sidebar {
    float: left;
    width: 220px;
    margin-right: 30px;
}
.page-sidebar .sidebar-title {
    background: #b90000;
    color: #fff;
    padding: 12px 15px;
}
.page-sidebar .sidebar-title h3 {
    margin: 0;
    font-size: 16px;
    color: #fff;
}
.page-sidebar .sidebar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-top: none;
}
.page-sidebar .sidebar-nav li {
    border-bottom: 1px solid #e5e5e5;
}
.page-sidebar .sidebar-nav li:last-child {
    border-bottom: none;
}
.page-sidebar .sidebar-nav li a {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
}
.page-sidebar .sidebar-nav li a:hover,
.page-sidebar .sidebar-nav li.active a {
    background: #f5f5f5;
    color: #b90000;
    padding-left: 20px;
}
.page-sidebar .sidebar-nav li.active a {
    font-weight: bold;
    border-left: 3px solid #b90000;
}
.page-main {
    overflow: hidden;
}
.page-main.page-full {
    float: none;
    width: 100%;
}
.page-main #right {
    padding: 0;
}

/* 材料牌号频道页内容样式 */
.material-content table {
    width: 100% !important;
}
.material-content img {
    max-width: 100%;
    height: auto;
}

/* ====== 响应式适配 ====== */
@media (max-width: 1200px) {
    .home-intro .main_cont,
    .single {
        width: 96%;
        padding: 0 2%;
    }
}

@media (max-width: 768px) {
    .home-intro .main_ab_left,
    .home-intro .main_ab_right {
        float: none;
        width: 100%;
    }
    .news_left, .news_right {
        float: none;
        width: 100%;
    }
    .art_img {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .page-sidebar {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .page-sidebar .sidebar-nav li {
        display: inline-block;
        border-bottom: none;
        border-right: 1px solid #e5e5e5;
    }
    .page-sidebar .sidebar-nav li a {
        padding: 8px 12px;
    }
}