.wrap_sub17a {
    margin: 52px 0 70px;
}

.sub17 {
    position: relative;
    padding-bottom: 4%;
    margin-top: 4.4rem;
}

.sub17 .lf {
    width: 188px;
    float: left;
}

.sub17 .mid {
    width: calc(100% - 570px);
    float: left;
    margin: 0 0 0 40px;
}

.sub17 .rt {
    width: 240px;
    float: right;
    position: relative;
    padding: 0 30px;
}

.sub17 .rt::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    bottom: 0;
    background: #edf7f7;
    z-index: -1;
}

.sub17 .rt2 {
    margin: 0 0 0 228px;
}

.sub17 .mid3 {
    width: calc(100% - 520px);
    float: left;
    margin: 0 0 0 40px;
}

.sub17 .rt3 {
    width: 31.8rem;
    position: relative;

}

.sub17 .lf .sub_03b1 {
    float: none;
}

.sub17 .rt .sub_051a {
    margin-top: 0;
}

.sub_17a {
    font-weight: bold;
    color: #2d2d2d;
    line-height: 3;
    display: block;
    border-bottom: 4px solid #f5f5f5;
    position: relative;
}

.sub_17a::before {
    content: "";
    display: block;
    width: 4.8em;
    height: 6px;
    background: #006a68;
    position: absolute;
    left: 0;
    bottom: -4px;
}

.sub_17b {
    margin: 27px 0 0;
}

.sub_17b .item {
    display: flex;
    align-items: self-start;
    align-items: start;
    align-items: flex-start;
    color: #343434;
    line-height: 1.875;
    margin: 0 0 25px 0;
}

.sub_17b span {
    box-sizing: border-box;
    padding-left: 30px;
    background: url(../images/sub17b.png) no-repeat left center;
}

.sub_17b a {
    flex: 1;
    overflow: hidden;
    color: #343434;
}

.sub_17b a:hover {
    color: #006a68;
}

.sub17 .lf_n {
    position: absolute;
    left: 1.6rem;
}

.sub17 .lf_n .share_box {
    margin-left: 0px;
}

.sub17 .mid_n {
    padding: 6.7rem 7.8rem 5.5rem;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
}

/* 02 */
.article_w02 .sub17 .mid_n {
    width: calc(100% - 540px);
    float: left;
    margin: 0 0 0 100px;
}

.sub17 .mid_n .page_article .article {
    word-break: break-all;
}
.sub17 .mid_n .page_article .article h2{
    font-size: 18px;
}
.sub17 .mid_n .page_article .article img {
    height: auto !important;
}

@media screen and (max-width: 1640px) {

    .article_w02 .sub17 .mid_n {
        width: calc(100% - 500px);
    }
}

@media screen and (max-width: 1540px) {

    .article_w02 .sub17 .mid_n {
        width: calc(100% - 400px);
        margin: 0 0 0 80px;
    }

    .article_w02 .sub17 .rt3 {
        width: 250px;
        margin: 64px 0 0;
    }
}

@media screen and (max-width: 1400px) {

    .sub17 .lf_n {
        margin-left: 0;
    }


}

@media print {

    header,
    .wrap_sub_banner,
    .bottombread,
    .sub_layout .lf,
    .article_control,
    .sub17 .lf_n,
    .article_bottom_btns,
    footer,
    .article_author,
    .article_bottom_btns,
    .annx {
        display: none !important;
    }

    .sub17 .mid_n {
        padding-right: 0 !important;

    }

    .sub_layout>.rt {
        width: 100%;
        padding-left: 0rem;
        margin-top: 0rem;
    }
}

@media screen and (max-width: 1240px) {
    /* .sub17 .rt3{width: 260px;}
    .sub17 .mid_n {width: calc(100% - 400px);margin: 0 0 0 80px;} */
}

@media screen and (max-width: 996px) {
    .wrap_sub17a {
        margin: 30px 0;
    }

    .sub17 .rt3 {
        width: 260px;
    }

    .sub17 .mid_n {
        width: 100%;
        /* margin: 0; */
        /* padding: 0; */
        padding: 4rem 4rem;
    }

    .article_w02 .sub17 .mid_n {
        width: calc(100%);
        margin: 0 0 0 0px;
    }

    .article_w02 .sub17 .rt3 {
        width: 100%;
        margin: 10px 0 20px;
    }

    .sub17 .mid_n .page_article .article {
        padding-top: 20px;
    }

    .sub17 .rt3 {
        margin: 0px 0 0;
        width: 100%;
        display: none;
    }

    .sub_17b .item {
        margin: 0 0 20px 0;
    }

    .sub17 .mid_n .page_article .article {
        line-height: 2;
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .wrap_sub17a {
        margin: 20px 0;
    }

    .sub17 .mid_n .page_article .article {
        line-height: 1.8;
    }
}

.page_article {
    position: relative;
    margin: 0 0 0;
}

.page_articleTitle {
    overflow: hidden;
}

.page_articleTitle h3 {
    line-height: 1.4;
    color: #343434;
    text-align: center;
    font-family: "NotoSerifSC";
}

.page_articleTitle h4 {
    line-height: 1.4;
    color: #444;
    text-align: center;
    font-weight: normal;
    margin: 5px 0 0;
}

.article_author {
    text-align: center;
    margin: 3.2rem 0;
    padding: 0.5rem 0;
    width: 100%;
    color: #046252;
    background: #e9f5ee;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.article_author span {
    /* line-height: 26px; */
    margin: 0 2rem;
    color: #046252;
}

.article_author i {
    font-size: 14px;
    font-style: normal;
}

.page_article .article {
    position: relative;
    text-align: justify;
    margin: 0px auto;
    line-height: 1.88;
}

/* .page_article .article p{margin-bottom: 20px;} */
.page_article .article_content .article {
    flex: 1;
    padding: 0;
    padding-right: 3.3rem;
}

.article_info {
    margin: 10px 0 20px;
}

.article_info p {
    margin: 0 0 10px;
}

.article_info span {
    display: inline-block;
    color: #0a6eb4;
}

.annex {
    overflow: hidden;
    margin: 50px 0 0px;
}

.annex .annex_title {
    padding: 18px 0 16px;
    display: block;
    line-height: 20px;
    font-size: 18px;
    position: relative;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}

.annex .list {
    margin: 0px;
    padding: 30px 0 0;
}

.annex li {
    margin: 0 0 16px;
}

.annex a {
    color: rgb(33, 33, 33);
    display: inline-block;
    position: relative;
    padding: 0 0 0 0px;
}

.annex a:hover {}

.article_bottom_btns {
    text-align: center;
    font-size: 0;
    margin: 4rem 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.article_bottom_btns .article_btn {
    display: inline-flex;
    align-items: center;
    color: #009040;
    border: 1px solid #009040;
    margin: 0 10px;
    background: 15px center no-repeat;
    cursor: pointer;
    width: 15rem;
    height: 4.6rem;
    border-radius: 4.6rem;
    justify-content: center;
}

.article_bottom_btns .article_btn i {
    display: inline-block;
    width: 25px;
    margin-right: 10px;
}

.article_bottom_btns .article_btn.close {
    /* color: #72b8a3; */
    /* border: 1px solid #72b8a3; */
}

.article_bottom_btns .article_btn.close .nky-article_close:before {
    display: none;

}

.article_bottom_btns .article_btn.close i {
    width: 24px;
    height: 24px;
}


@media screen and (max-width: 996px) {
    .page_articleTitle {
        padding: 5px 0 15px;
    }

    .page_article {
        margin: 0;
    }

    .article_author {
        margin: 0 0 15px;
    }

    .article_bottom_btns {
        padding: 20px 0 0;
        display: none;
    }

    .article_bottom_btns .article_btn.print {
        display: none;

    }

    .article_bottom_btns .article_btn {
        width: auto;
        height: auto;
        padding: 1rem;
    }

    .page_article .article {
        font-size: 15px;
    }

    .annex {
        margin: 40px 0 0;
    }

    .annex .list {
        padding: 10px 0 0;
    }

}

@media screen and (max-width: 768px) {
    .page_articleTitle {
        margin: 0 0 15px;
        padding-bottom: 0;
    }

    .article_author span {
        display: block;
        padding: 2px 0;
        border: 0;
    }

    .article_author i {
        display: none;
    }

    .annex {
        margin: 25px 0px 0px;
    }

    .annex strong::before {
        left: 10px;
    }

    .annex li {
        font-size: 14px;
    }
}

.share_box {
    line-height: 7px;
    text-align: center;
    color: rgb(1, 88, 156);
    font-size: 0px;
    z-index: 100;
    margin-top: 13rem;
    clear: both;
    position: relative;
}

.share_box .share_title {
    display: block;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 20px;
    position: relative;
    overflow: hidden;
}

.share_box .share_title::before {
    content: '';
    display: block;
    border-top: 1px dashed #e5e5e5;
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    left: 0;
}

.share_box .share_title span {
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 10px;
    color: #ccc;
}

.share_box .share_btn,
.share_box .share_btn.share_more::after {
    line-height: 36px;
    margin: 0px auto 10px;
    position: relative;
    width: 36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    display: block;
    border-radius: 50%;
}

.share_box .share_btn i {
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    z-index: 2;
    color: #fff;
}

.share_box .share_btn.share_wechat {
    background-image: url("../images/share_wechat.png");
    background: #7dd43c;
}

.share_box .share_btn.share_sina {
    background-image: url("../images/share_sina.png");
    background: #ff5e4d;
}

.share_box .share_btn.share_qzone {
    background-image: url("../images/share_qzone.png");
    background: #fece00;
}

/* .share_box .share_btn.share_copy { background-image: url("../images/share_copy.png"); background: #7dd43c;} */
.share_box .share_btn.share_more::after {
    content: "";
    background-image: url("../images/share_more.png");
    background: #a3bfd9;
    position: absolute;
    border: 0px;
    left: 0px;
    margin: 0px;
}

.share_box .share_btn.share_twitter {
    background-image: url("../images/share_twitter.png");
    background: #6babe8;
}

.share_box .share_btn.share_facebook {
    background-image: url("../images/share_facebook.png");
    background: #415a94;
}

.share_box .share_btn.share_linkedin {
    background-image: url("../images/shareto_linkedin.png");
    background: #3d84c2;
}

.share_box .share_btn:last-child {}

.share_box .share_btn .alert_box {
    position: absolute;
    top: 100%;
    left: 0%;
    padding: 6px;
    display: none;
    z-index: 2;
    padding: 1px;
    z-index: 10;
}

.share_box canvas {
    display: block;
    margin: 0 auto;
    width: 96%;
}

.share_box .share_btn .alert_box.on {
    display: block;
}

.share_box .share_more .share_btn {
    margin: 10px 0 0;
    border: 0px;
    /* border-radius: 0px; */
}

.share_box .share_btn:hover .alert_box {
    display: block;
}

.share_box .share_btn.share_wechat .alert_box {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 10px;
    border: 1px solid #d8d8d8;
    background: #fff;
    width: 210px;
    bottom: auto;
}

.share_box .share_btn.share_wechat .alert_box.on {
    display: block;
}

.share_box .share_btn.share_wechat .close {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    float: right;
    font-size: 16px;
    color: #333;
}

.share_box .share_btn.share_wechat .close::before {
    content: 'x';
}

.share_box .share_btn.share_wechat .title {
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    margin: 0 0 10px;
    color: #333;
}

.share_box .share_btn.share_wechat .bottom {
    color: #666;
    line-height: 22px;
    text-align: left;
    font-size: 12px;
    margin: 10px 0 0;
}

.article_control {
    line-height: 1;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.article_control .size {
    font-size: 0;
}

.article_control .size span {
    color: #046252;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.article_control .size a {
    font-size: 16px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: center no-repeat;
    cursor: pointer;
    background-size: auto 14px;
    color: #046252;
    text-align: center;
    padding: 0 1rem;
}

.article_control .size a::before {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background: #046252;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.article_control .size a.size1::before {
    display: none
}

@media screen and (max-width: 996px) {

    .share_more .only_mob::before,
    .share_more .only_mob::after {
        display: none !important;
    }

    .share_more {
        display: block !important;
    }

    .share_box {
        position: fixed;
        right: 10px;
        bottom: 40px;
        top: initial;
    }

    .share_box .share_title {
        margin: 0px 0px 6px;
        display: none;
    }

    .share_box .share_btn,
    .share_box .share_btn.share_more::after {
        width: 40px;
        height: 40px;
    }

    .share_box>.share_btn {
        display: none;
    }

    .share_box .share_btn.share_more {
        display: block;
    }

    .share_box .share_btn .alert_box {
        left: 0px;
        top: auto;
        bottom: 100%;
    }

    .share_box .share_more .share_btn {
        margin: 0 0 10px;
    }
}