/* *************************通用头部自定义样式************************* */
/* 顶部导航 覆盖hanweb.min.css顶部导航字号及颜色 */
.bt-top {
    display: block;
    color: #333333;
    font-size: 1.2rem;
}

/* 顶部导航 覆盖bootstrap.min.css检索按钮样式 */
.btn {
    border-radius: 0 .25rem .25rem 0;
}

/* *************************GS_0001_D6编号案例库组件自定义样式************************* */
/* 大中小字体切换功能的“大中小”字体样式 */
.bt-art-0001-D6 .bt-art-fontSize a {
    margin-left: 0.625rem;
    font-size: .875rem;
    cursor: pointer;
}

/* 大中小字体切换功能的选中样式 */
.bt-art-0001-D6 .bt-art-fontSize a.bt-art-fontSize-active {
    font-weight: bold;
    color: #333;
}

/* *************************GS_0001_D7编号案例库组件自定义样式************************* */
/* 文章标题字体居中样式 */
.bt-art-title {
    text-align: center;
}

/* 大中小字体切换功能的“大中小”字体样式 */
.bt-art-0001-D7 .bt-art-fontSize a {
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    margin-left: .5rem;
    border: .0625rem solid #cccccc;
    display: inline-block;
    border-radius: 50%;
    font-size: .875rem;
    cursor: pointer;
}

/* 大中小字体切换功能的选中样式 */
.bt-art-0001-D7 .bt-art-fontSize a.bt-art-fontSize-active {
    background: #1492ff;
    color: #fff;
}

.bt-place {
    background: #2363b5;
    font-size: 0.875rem;
    line-height: 2.5rem;
}

.bt-breadcrumb {
    color: #ffffff;
}

.bt-breadcrumb a {
    color: #ffffff;
    font-size: 0.875rem;
}

.bt-printer,.bt-close{
    cursor: pointer;
}

.bt-content table{
    width:100% !important;
}

.bt-content img{
    max-width:90% !important;
}


/* ***********************************通用响应式样式********************************** */
@media(max-width:1199px) and (min-width:960px) {

    /* 顶部导航 覆盖hanweb.min.css顶部导航字号及颜色，响应式样式*/
    .bt-top {
        display: block;
        font-size: 1.2rem;
        padding: 0.5rem 0;
    }

    /* banner 覆盖hanweb.min.css中banner响应式展示效果，调整行距，字号，背景等属性*/
    .bt-banner {
        height: 15.5rem;
        line-height: 15.5rem;
        font-weight: bold;
        text-align: center;
        background: #f5f5f5;
    }

    /* 检索 覆盖hanweb.min.css中检索响应式展示效果，调整行距，字号，背景等属性*/
    .bt-search {
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: auto;
        top: 0;
        padding: 1.5rem 1.5rem;
    }

    .bt-search .input {
        width: 75%;
        padding: 1rem;
        height: 3.5rem;
        border: 0.0625rem solid #5F9AEE;
        border-radius: 0.25rem 0 0 0.25rem;
    }

    .bt-search form .btn {
        width: 25%;
        height: 3.5rem;
    }

    .bt-search .input input {
        float: left;
        font-size: 1.4rem;
        font-weight: 500;
        padding: 0;
        border: none;
    }

    .bt-search form .btn input {
        font-size: 1.5rem;
    }

    /* 导航 覆盖hanweb.min.css中导航条响应式展示效果，调整行距，字号*/
    .bt-nav .nav>li {
        width: 16.5%;
    }

    .bt-nav .nav>li>a {
        font-size: 1.5rem;
    }

    /* 当前位置 覆盖hanweb.min.css中当前位置响应式展示效果，调整内边距*/
    .bt-place {
        padding: 0 3.2%;
    }

    /* 底部 覆盖hanweb.min.css中底部样式，调整字号与间距*/
    .bt-footer-top {
        font-size: 1.5rem;
        line-height: 3rem;
    }

    .bt-footer-bottom {
        font-size: 1.5rem;
        height: 5.5rem;
        line-height: 5.5rem;
    }
}

@media (max-width: 992px) {

    /* 当前位置 覆盖hanweb.min.css中当前位置响应式展示效果，调整内边距*/
    .bt-place {
        padding: 0 3.2%;
    }
}

@media(max-width:959px) and (min-width:768px) {

    /* 顶部导航 覆盖hanweb.min.css顶部导航字号及颜色，响应式样式*/
    .bt-top {
        display: block;
        font-size: 1.2rem;
        padding: 0.5rem 0;
    }

    /* banner 覆盖hanweb.min.css中banner响应式展示效果，调整行距，字号，背景等属性*/
    .bt-banner {
        height: 15.5rem;
        line-height: 15.5rem;
        font-weight: bold;
        text-align: center;
        background: #f5f5f5;
    }

    /* 检索 覆盖hanweb.min.css中检索响应式展示效果，调整行距，字号，背景等属性*/
    .bt-search {
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: auto;
        top: 0;
        padding: 1.5rem 1.5rem;
    }

    .bt-search .input {
        width: 75%;
        padding: 1rem;
        height: 3.5rem;
        border: 0.0625rem solid #5F9AEE;
        border-radius: 0.25rem 0 0 0.25rem;
    }

    .bt-search form .btn {
        width: 25%;
        height: 3.5rem;
    }

    .bt-search .input input {
        float: left;
        font-size: 1.4rem;
        font-weight: 500;
        padding: 0;
        border: none;
    }

    .bt-search form .btn input {
        font-size: 1.5rem;
    }

    /* 导航 覆盖hanweb.min.css中导航条响应式展示效果，调整行距，字号*/
    .bt-nav .nav>li {
        width: 16.5%;
    }

    .bt-nav .nav>li>a {
        font-size: 1.5rem;
    }

    /* 底部 覆盖hanweb.min.css中底部样式，调整字号与间距*/
    .bt-footer-top {
        font-size: 1.5rem;
        line-height: 3rem;
    }

    .bt-footer-bottom {
        font-size: 1.5rem;
        height: 5.5rem;
        line-height: 5.5rem;
    }
}

@media (max-width: 767px) {

    /* 顶部导航 覆盖hanweb.min.css顶部导航字号及颜色，响应式样式*/
    .bt-top {
        display: none;
    }

    .bt-breadcrumb {
        display: none;
    }

    .bt-standard16 .bt-content img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 覆盖hanweb.min.css中底部样式，调整字号与间距 */
    .bt-footer-top {
        font-size: 2.125rem;
        line-height: 4.25rem;
    }

    .bt-footer-bottom {
        font-size: 2.125rem;
        height: 6.5rem;
        line-height: 6.5rem;
    }

    .bt-standard16 .bt-art-assist-title,
    .bt-standard16 .bt-art-assist-title a,
    .bt-standard16 .bt-art-assist-title span {
        font-size: 1.5rem;
    }

    /* 隐藏大中小字体切换功能 */
    .bt-art-fontSize,
    .bt-art-assist-tool {
        display: none;
    }

    #bt-share,
    .bt-printer {
        display: none !important;
    }
}


/* ***********************************适老化样式-无需要请注释*********************************** */
/* 顶部导航 覆盖hanweb.min.css顶部导航字号及颜色，适老化样式*/
.old_type .bt-nav .nav>li {
    width: 16.5%;
    height: 4.75rem;
    line-height: 4.75rem;
}

.old_type .bt-nav .nav>li>a {
    font-size: 2.2rem;
    height: 4.75rem;
    line-height: 4.75rem;
}

/* 当前位置 覆盖hanweb.min.css中当前位置样式，提供适老化展示效果，调整行距，字号*/
.old_type .bt-place {
    line-height: 3rem;
    font-size: 1.5rem;
}

/* 文章正文样式 覆盖hanweb.min.css中文章页标题样式，提供适老化展示效果，调整行距，字号 */
.old_type .bt-art-title {
    font-size: 2.625rem;
    line-height: 4rem;
}

/* 文章正文样式 覆盖hanweb.min.css中文章页辅助信息区域样式，提供适老化展示效果，调整行距，字号 */
.old_type .bt-art-assist-title,
.old_type .bt-art-assist-title a,
.old_type .bt-art-assist-title span {
    font-size: 2rem;
    line-height: 4rem;
}

.old_type .col-md-9,
.old_type .col-md-8,
.old_type .col-md-7,
.old_type .col-md-6,
.old_type .col-md-5,
.old_type .col-md-4,
.old_type .col-md-3,
.old_type .col-md-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/* 文章正文样式 覆盖hanweb.min.css中文章页正文区域样式，提供适老化展示效果，调整行距，字号 */
.old_type .bt-content p,
.old_type .bt-content span,
.old_type .bt-content div,
.old_type .bt-content a,
.old_type .bt-content table {
    font-size: 2rem;
    line-height: 4rem;
}

/* 文章正文样式 覆盖hanweb.min.css中文章页辅助功能区域样式，提供适老化展示效果，调整行距，字号 */
.old_type .bt-art-assist-tool {
    font-size: 2rem;
}

.old_type .bt-box-part h1 {
    font-size: 3rem;
    line-height: 4rem;
}

.old_type .bt-box-part ul.bt-xgxx li {
    font-size: 2rem;
    line-height: 3rem;
    padding-top: 20px;
}

.old_type .bt-fuzu-mol,
.old_type #bt-share,
.old_type .bt-printer {
    display: none !important;
}

/* 底部 覆盖hanweb.min.css中底部样式，调整字号与间距*/
.old_type .bt-footer-top {
    font-size: 2.5rem;
    line-height: 5rem;
}

.old_type .bt-footer-bottom {
    font-size: 2.5rem;
    height: 8rem;
    line-height: 8rem;
}


/* ***********************************手机端适老化样式*********************************** */
@media only screen and (max-width: 860px) {

    /* 顶部导航 覆盖hanweb.min.css顶部导航字号及颜色，响应式下适老化样式*/
    .old_type .bt-nav .nav>li {
        width: 33.333%;
        height: 6.25rem;
        line-height: 6.25rem;
    }

    .old_type .bt-nav .nav>li>a {
        font-size: 2.5rem;
        height: 6.25rem;
        line-height: 6.25rem;
    }

    /* 当前位置 覆盖hanweb.min.css中当前位置样式，提供适老化展示效果，调整行距，字号*/
    .old_type .bt-place,
    .old_type .bt-box-1200 {
        line-height: 6rem;
        font-size: 2rem;
    }

    /* 文章正文样式 覆盖hanweb.min.css中文章页标题样式，提供适老化展示效果，调整行距，字号 */
    .old_type .bt-art-title {
        font-size: 4rem;
        line-height: 5rem;
    }

    /* 文章正文样式 覆盖hanweb.min.css中文章页辅助信息区域样式，提供适老化展示效果，调整行距，字号 */
    .old_type .bt-art-assist-title,
    .old_type .bt-art-assist-title a,
    .old_type .bt-art-assist-title span {
        display: block;
        font-size: 2.6rem;
        line-height: 4rem;
        text-align: center;
        margin: 0;
    }

    /* 文章正文样式 覆盖hanweb.min.css中文章页辅助功能区域样式，提供适老化展示效果，调整行距，字号 */
    .old_type .bt-content p,
    .old_type .bt-content span,
    .old_type .bt-content div,
    .old_type .bt-content a,
    .old_type .bt-content table {
        font-size: 3rem;
        line-height: 5rem;
    }

    .old_type .bt-box-part h1 {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .old_type .bt-box-part ul.bt-xgxx li {
        font-size: 3rem;
        line-height: 4rem;
        padding-top: 16px;
    }

    .old_type .bt-fuzu-mol,
    .old_type #bt-share,
    .old_type .bt-printer {
        display: none !important;
    }

    /* 底部 覆盖hanweb.min.css中底部样式，调整字号与间距*/
    .old_type .bt-footer-top {
        font-size: 2.5rem;
        line-height: 5rem;
    }

    .old_type .bt-footer-bottom {
        font-size: 2.5rem;
        height: 8rem;
        line-height: 8rem;
    }
}