body{background-color: #e5f3fc;}
main {margin-bottom: 50px;}

.article_box{background: #fff; min-height: 500px;margin: 0 auto;box-sizing: border-box;padding: 0 90px 60px;position: relative;border-radius: 6px;box-shadow: 0px 7px 10px #0000004d;}
.article_box .suspension{position: absolute;top: 0;left: -100px;}
.article_box .suspension li{text-align: center;margin-bottom: 36px;}
.article_box .suspension li a{display: flex;width: 70px;height: 70px;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;transition: all .3s ease;box-shadow: 0px 7px 10px #0000004d;}
.article_box .suspension li a:hover{background-color: #bee3fe;}
.article_box .suspension li p{text-align: center;margin-top: 16px;font-size: 20px;color: #fff;}
.article_box img{display:unset;max-width:100%;}
.article_box table{max-width:100%;}
.article_box .article_title{border-bottom: 1px solid #e6e8eb; text-align:center; padding-bottom:20px;}
.article_box .article_title h2{font-size: 34px;color: #000;padding-top:60px;padding-bottom:30px;font-weight: bold;}
.article_box .article_title p span{font-size: 18px; color: #999999; margin: 0 38px;}
.article_box .article_title p.ml_p{border-bottom: 1px solid #e6e8eb; padding-bottom:20px;}
.article_box .p_box{padding: 48px 60px 80px;border-bottom: 1px solid #e6e8eb;font-size: 16px;color: #3d3d3d;line-height: 2;overflow: hidden;}
.article_box .p_box p{margin-bottom: 6px;font-size: 20px;}
.article_box .p_box img{max-width:90%;height:auto;}
.article_box .p_box table p{margin:0;text-indent:0;}
.article_box .p_box table tr td{height: 70px;}
.article_box h3 { font-size: 20px; font-weight: bold; color: #666; margin-top: 25px;}
.zrbj-source{font-size: 14px;color: #999;margin-top: 20px;padding-bottom: 26px;}

.breadcrumbs {
    padding-top: 100px;
}

.breadcrumbs .top_tle {
    margin-bottom: 120px;
    color: #fff;
}

.breadcrumbs .top_tle h2 {
    font-size: 50px;
    font-weight: bold;
}

.breadcrumbs .top_tle p {
    font-size: 20px;
    margin-top: 10px;
}
.article_site {
    padding: 0px 0 20px;
}

.comment_box{position: relative;width: 920px;margin: 0 auto;}
.comment_box .comment_tle{margin-bottom: 16px;}
.comment_box .comment_tle img{vertical-align: middle;width: 30px;margin-right: 10px;}
.comment_box .comment_tle span{font-size: 24px;}
.comment_area{background-color: #f8f8f8;border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;-ms-flex: 1 1;flex: 1 1;height: 52px;padding: 14px 16px;position: relative;-webkit-transition: height .3s;transition: height .3s;margin-bottom: 12px;}
.comment_send_input{background-color: #f8f8f8;border: none;color: #333;height: 24px;outline: none;overflow-y: auto;resize: none;width: 100%}
.comment_send_tips{color: #333;display: -ms-flexbox;display: flex;height: 100%;left: 0;position: absolute;top: 0;width: 100%;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;z-index: 99;}
.comment_send_tips a{color: #37f;cursor: pointer;margin: 0 5px}
.comment_publish{display: block;background-color: #ccc;color: #fff;font-size: 15px;width: 76px;height: 24px;line-height: 24px;border-radius: 4px;text-align: center;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);}
.comment_item{margin-bottom: 46px}
.comment_loadmore{background: #f8f8f8;border-radius: 6px;color: #333;cursor: pointer;display: -ms-flexbox;display: flex;font-size: 16px;height: 44px;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center}
.comment_loadmore:after{background-image: url(../images/down_arrow.png);background-repeat: no-repeat;background-size: 100%;content: "";display: block;height: 16px;width: 16px}
.comment_sbox{display: flex;overflow: hidden;}
.comment_portrait{flex: 0 0 auto;}
.comment_portrait img{width: 40px;height: 40px;border-radius: 50%;margin-right: 12px;}
.comment_cont_box{font-size: 18px;width: 94%;}
.comment_name{color: #b9b9b9;}
.comment_cont{margin: 20px 0;}
.comment_info{color: #b9b9b9;}
.comment_info .info_name{margin-right: 12px;}

.share-parent {
    position: relative;
    display: inline-block;
}

.share-box {
    position: absolute;
    top: 100%;
    left: 12px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    padding: 5px;
    border-radius: 4px;
    z-index: 100;
}

.share-parent:hover .share-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.share-btn {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px 0;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}

.share-btn:hover {
    transform: scale(1.1);
}

.article_box .suspension li .share-box a{display: block;width: 38px;height: 38px;line-height: 24px;cursor: pointer;background-color: transparent;}
.article_box .suspension li .share-box a:hover{opacity: .8;}
.article_box .suspension li .share-box a.gwds_weixin{background:url(../images/art_share1.jpg) no-repeat center center;}
.article_box .suspension li .share-box a.gwds_tsina{background:url(../images/art_share2.jpg) no-repeat center center;}

@media screen and (max-width:959px){
    .article_box{padding: 20px;border-radius: 0;}
    .article_box .article_title h2 {font-size: 32px;padding-top: 30px;}
    .article_box .p_box{padding: 20px;}
    .comment_box{display: none;}
    .article_box .article_title p span{display: inline;margin-bottom: 5px;}
    .article_box .suspension li{display:none;}
	.article_box .suspension li.share-parent{display:block;margin: 0;text-align: left;padding: 15px;position: unset;}
    .article_box .suspension{position:unset;display: block;}
    .share-box{position: unset;opacity: 1;display: inline-block;visibility: unset;padding: 0;transform: none;}
    .article_box .suspension li a{display: inline-block;height: 20px;width: 20px;border-radius: unset;box-shadow: none;}
    .article_box img{ height: 100%;}
    .article_box .suspension li .share-box a.gwds_tsina,.article_box .suspension li .share-box a.gwds_weixin{display: inline-block;height: 20px;width: 20px;background-size: 100% 100%;margin: 0 0 0 5px;/* margin-top: 11px; */box-shadow: none;}
}
@media screen and (max-width:600px){
    .article_box .article_title{text-align:left;}
    .article_box .p_box {padding: 20px 0;line-height: 1.8;}
    .article_box .article_title h2 {font-size: 18px;padding: 0 0 10px;text-align: left;}
    .article_box .article_title p span {font-size: 14px;}
    .article_box .p_box p{font-size: 16px;}
    .article_box .article_title p span{margin: 0 10px 0 0;}
}