@charset "utf-8";
* {
    padding: 0;
    margin: 0;
}
html,body{
	height: 100%;
	width: 100%;
}

ul {
    list-style: none;
}
.fl{
    float:left;
}
.fr{
    float:right;
}

img {
    border: 0;
    transition: all 0.3s linear;
}

input,
select {
    font-size: 12px;
    vertical-align: middle;
}

em,
i {
    font-style: normal;
}

a {
    color: #111;
    text-decoration: none;
}

body {
    color: #555;
    font-family: 'PingFang SC',"\5FAE\8F6F\96C5\9ED1", "\82F9\679C\4E3D\4E2D\9ED1", Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #fff;
    background-position: center 98px;
    background-repeat: repeat;
}

/* .wrap {
    width: 375px;
    margin: 0 auto;
} */

i.fa {
    color: #aaa;
}

.mcolor {
    color: #0e3868;
}
/* Head 头部 */

#topnav {
    width: 100%;
    height: 220px;
    line-height: 220px;
    margin: 0 auto;
    background: url('../images/logo-bg.png') no-repeat 0 0;
    background-size: 100% 100%;
}
#topnav .rightTnlt {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

#topnav .rightTnlt a {
    display: inline-block;
    color: #94a95a;
}
#topnav .rightTnlt > a > img {
    width: 27vw;
    min-width: 600px;
    padding: 10px;
    vertical-align: middle;
}
.top-line{
    width: 100%;
    height: 6px;
    background-color: #D72423;
}

.topmenu {
    height: 50px;
    background-color: #D72423;
}
.topmenu .navigation{
    height: 50px;
    line-height: 50px;
}
.topmenu .bar {
    line-height: 50px;
    margin:0 auto;
}

.topmenu li {
    display: inline-block;
    width: 116px;
    line-height: 50px;
    text-align: center;
    letter-spacing: normal;
}
.topmenu li a {
    display: inline-block;
    width: 100%;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.topmenu .bar .navActive{
    background-color: #F41918;
    color: #fff;
}
.location{
    margin:20px 0;
}
.location>img{
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    margin-right:6px;
}
.heade{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:8px 16px;
}
.heade .logo{
    display: inline-block;
    height: 28px;
}
.heade .logo>img{
    width: 100%;
    height: 100%;
    background-size: 100%;
}
.heade>img{
    width: 22px;
    height: 22px;
    background-size: 100%;
}
/* 侧边导航 */
.side-nav{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100000;
    display: none;
}
.side-nav .nav-bomb{
    position: absolute;
    top:0;
    right:0;
    width: 136px;
    height: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    opacity: 1;
    margin-right:-136px;
}
.side-nav .nav-bomb .bar{
    margin:10px 10px 0px 16px;
}
.side-nav .nav-bomb .bar .common{
    padding:12px 0px;
    border-bottom: 1px solid #DCDEE0;
}
.side-nav .nav-bomb .bar .common>a{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background-size: 100%;
}
.side-nav .nav-bomb .bar .common>a>img{
    width: 20px;
    height: 20px;
    background-size: 100%;
    vertical-align: middle;
}


/* index 首页 */
#content {
    width: 100%;
    margin-top:11px;
    display: flex;
    flex-direction: column;
}
/* 轮播图start */
.banner{
    position: relative;
    width: calc(100% - 32px);
    height: 192px; 
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
} 
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    background: #fff;
}
.swiper-slide>a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.swiper-slide>a>img{
    width: 100%;
    height: 100%;
    display: block;
    background-size: 150% 100%;
} 
.swiper-slide>a>div{
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background:rgba(0,0,0,1);
    opacity:0.6;
    color:#fff;
    font-size: 12px;
    text-align: left;
    padding-left:12px;
    z-index: 9999;
    cursor: pointer;
}
.swiper-slide>a>div>span{
    display: block;
    width: 66%;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.swiper-container .swiper-pagination{
    position: absolute;
    left:70% !important;
    bottom:0px !important;
    width: 30% !important;
    height: 40px;
    line-height: 40px;
    z-index: 100000;
}
.swiper-pagination>span{
    width:12px;
    height:3px;
    border-radius:2px;
}
/* 轮播图end */
#content .common-style .titler{
    height: 33px;
    line-height: 33px;
    margin-top:24px;
    margin:24px 16px 8px 16px;
    border-bottom: 1px solid #1b3f86;
}
#content .titler .ntl{
    width: 73px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background-color: #1b3f86;
    color:#fff;
}
#content .titler>.more{
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    font-weight: 400;
    color: #969799;
}
#content .association .association-text{
    margin:0 16px;
}
.standard .standard-box{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: baseline;
    margin:0 16px;
}
.standard .standard-box>a{
    position: relative;
    display: inline-block;
    width: calc((100% - 17px)/2);
    height: 105px;
    margin-bottom: 12px;
}
.standard .standard-box>a:nth-child(odd){
    margin-right: 17px;
}
.standard .standard-box>a>img{
    width: 100%;
    height: 100%;
    background-size: 100%;
    border:1px solid #ccc;
}
.standard .standard-box>a>span{
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color:#fff;
    background: rgba(0,0,0,1);
    opacity: 0.6;
    font-size: 10px;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
    
}
.standard>a{
    display: block;
    height: 66px;
    margin-top: 12px;
    margin:12px 16px 0px 16px;
}
.standard>a>img{
    width: 100%;
    height: 100%;
    background-size: 100%;
}
.standard #declareBox{
    position: relative;
}
.newt{
    line-height: 28px;
    box-sizing: border-box;
    cursor: pointer !important;
    margin:0 16px;
}
.newt:before{
    display: table;
    content: "";
}
.newt .tl{
    width: 100%;
    display: inline-block;
    color: #4D4D4D;
    cursor:pointer !important;
}
.newt .con{
    width: 66%; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
    cursor:pointer;
}
.newt .times{
    cursor:pointer;
}
.authority .newt .con{
    display: inline-block;
    width: 100%;
}
#content .guide{
    height: 28px;
    margin:2px 16px 0px 16px;
}
#content .guide>img{
    width: 100%;
    height: 100%;
    background-size: 100%;
}
.blogroll .blogroll-content{
    margin:0px 16px;
}
.blogroll .blogroll-content>a{
    font-size: 12px;
    font-weight: 400;
    margin-right: 8px;
    line-height: 18px;
    color: #323233;
}
.blogroll .blogroll-content>a>label{
    cursor: pointer;
}
.blogroll .blogroll-content>a>label>img{
    width: 30%
}
/* 协会介绍 */
.association-box{
    margin:0 16px;
}
.association-box .title-head>h2{
    font-size: 18px;
    font-weight: 500;
    color: #323233;
    margin:31px 0px 24px 0px;
    text-align: center;
}
.association-box .txt-content{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #323233;
}
/* 详情页面 */
.details-page .detail-txt{
    margin:39px 16px 0px 16px;
}
.details-page .detail-txt .head-title{
    width: 100%;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 500;
    color: #323233;
    text-align: center;
}
.details-page .detail-txt .title-times{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 12px auto 24px auto;
    font-size: 10px;
    color: #969799;
}
.details-page .detail-txt .txt-content>p{
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    color: #323233;
    overflow: hidden
}
.details-page .detail-txt .txt-content>p>img{
    width: 100%
}
.details-page .relatedInfo{
    margin-top:24px;
    padding-bottom: 40px;
}
.relatedInfo .txt-head{
    width: 100%;
    padding:5px 0px;
    margin-bottom: 8px;
    border-bottom: 1px solid #D72423;
}
.relatedInfo .txt-head>label{
    padding:5px 20px;
    font-size: 16px !important;
    color:#fff;
    background-color: #D72423;
}
.relatedInfo .related-text>.newt{
    margin:0;
}
.relatedInfo .related-text>.newt>a{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #323233;
}

.relatedInfo .related-text>.newt>a>label.fl{
    width: 70%;
    overflow: hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
/* 列表页 */
.list-page{
    margin:0 16px;
}
.list-page .top-query{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:23px 0px 32px 0px;
}
.list-page .top-query>a{
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color:#E5C252;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}
.list-page .top-query .report-bg{
    background-color:#7B9BEF;
}
.list-page .top-query .report-bg>img{
    width: 20px;
    height: 20px;
    background-size: 100%;
}
.list-page .top-query>a>img{
    width: 22px;
    height: 20px;
    background-size: 100%;
    vertical-align: middle;
}
.list-page .txt-head{
    font-size: 18px;
    font-weight: 500;
    color: #323233;
    text-align: center;
    line-height: 48px;
}
.list-page .newt{
    margin:0;
} 
.list-page .newt>a{
    display: block;
    border-top: 1px solid #DCDEE0;
    padding-top:12px;
}
.list-page .newt:nth-child(3)>a{
    border-top:none;
}
.list-page .newt>a .newt-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 400;
    color: #323233;
}
.list-page .newt-title .title-info{
    width: 70%;
    overflow: hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 14px;
}
.list-page .newt-info{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #969799;
    margin-bottom: 12px;
}
/* 悬浮按钮 */
.floatBox{
    position: fixed;
    right: 8px;
    bottom: 48px;
    z-index: 9999;
}
.floatBox .item{
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 8px;
}
.floatBox .item>img{
    width: 26px;
    height: 26px;
    background-size: 100%;
    margin-top:7px;
}
.box{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100000;
    display: none;
}
.messageBox{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 450px;
    background: #FFF;
    box-sizing: border-box;
    opacity: 1;
    margin-top:-450px;
 }
 .messageBox>form{
    margin: 0 16px;
    padding:31px 0px 24px 0px;
 }
 .messageBox>form>h3{
    font-size: 16px;
    font-weight: 500;
    color: #323233;
    text-align: center;
    margin-bottom: 24px;
 }
 .messageBox>form>div{
    width: 100%;
    height: 33px;
    line-height: 33px;
    margin-bottom: 12px;
    font-size: 0;
    border:1px solid #DCDEE0;
 }
 .messageBox>form>.textarea{
    height: 94px;
 }
 .messageBox input {
    width: 96%;
    line-height: 33px;
    padding-left: 12px;
    font-size: 12px;
    border: none;
    outline: none;
 }
 
 .messageBox textarea {
    width: 93%;
    height: 78px;
    padding: 8px 12px;
    font-size: 12px;
    resize: none;
    border: none;
    outline: none;
 
 }
 .messageBox .btn{
    width: 100%;
    text-align: center;
    margin-top:12px;
 }
 .messageBox button{
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    font-weight: 400;
    color: #D72423;
    border: 1px solid #D72423;
    text-align: center;
    outline: none;
    background:#fff;
 }
/* 轻提示框 */
#hint{
    position: absolute; 
    top:50%;
    left:50%;
    margin-top:100px;
    margin-left:-88px;
    width: 176px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    background: #000000;
    opacity: 0.7;
    border-radius: 2px;
    display: none;
}
.report-bg>#hint{
    margin-top:-22px !important;
}








/* .reveal{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.present{
    width: 290px;
    margin-right:36px;
}



.society{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:10px 0;
}
.society .right-info{
    width: 32%;
    min-height: 300px;
}
.society .titler{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #D72423;
}
.society .titler>.ntl{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #D72423;
    color:#fff;
}
.society .titler>.more>a{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color:#808080;
} */

/* .relevance .titler{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #D72423;
}
.relevance .titler>.ntl{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #D72423;
    color:#fff;
}
.relevance .titler>.more>a{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color:#808080;
}
.relevance .info-list{
    width: 49%;
} */









/* 列表页 */
.sidebar{
    width: 22%;
    margin-bottom:60px;
    box-sizing: border-box;
}
.left-nav>h2{
    width:100%px;
    height:50px;
    line-height: 50px;
    text-align: center;
    background-color: #D72423;
    border-radius: 3px 3px 0 0;
    color:#fff;
}
.left-nav>ul{
    width: 99.6%;
    background-color: #F0F0F0;
    border:1px solid #D72423;
    border-radius:0 0 3px 3px;
    padding:10px 0;
}
.left-nav>ul>li{
    padding:5px 20px 5px 30%;
}
.left-nav>ul>li:hover{
    background-color: #fff;
}
.left-nav>ul>li:hover a{
    color:#D72423;
}

.sidebar .circular{
    width: 100%;
    height: 100px;
    margin-top:20px;
}
.sidebar .circular>a{
    position: relative;
    width: 45%;
    height: 100px;
    background-color: #E5C252;
}
.sidebar .circular>a.fl{
    background-color: #E5C252;
}
.sidebar .circular>a.fr{
    background-color: #7B9BEF;
}
.sidebar .circular>a>img{
    position: absolute;
    left:50%;
    top:50%;
    width: 50%;
    height: 50%;
    transform: translate(-50%,-50%);
    background-size: 50%;
}

.sidebar .right-conter{
    margin-top:20px;
}
.sidebar .right-conter .titler{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #D72423;
}
.sidebar .right-conter .titler>.ntl{
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #D72423;
    color:#fff;
}
.sidebar .right-info .newt{
    padding:5px;
    font-size: 0;
    border-bottom: 1px dotted #D6D6D6;
}
.sidebar .right-info .newt>a{
    font-size: 14px;
}
.sidebar .right-info .newt .con{
    width: 70%;
    color:#4D4D4D;
}
.sidebar .right-info .newt .conList{
    width: 100%;
    color:#4D4D4D;
}
.sidebar .right-info .newt .con:hover{
    color:#D72423;
}
.sidebar .right-info .newt .numbe{
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #595959;
    color:#fff;
    font-size: 12px;
    margin-top:2px;
    margin-right:3px;
}
.sidebar .right-info .newt:nth-child(2) .numbe{
    background-color: #D72423;
}
.sidebar .right-info .newt:nth-child(3) .numbe{
    background-color: #F97D01;
}
.sidebar .right-info .newt:nth-child(4) .numbe{
    background-color: #FEAC00;
}

.container{
    width: 75%;
}
.container .detail-txt{
    width: 100% !important;
}
#content .right-content{
    width: 75%;
    margin:2px 2px 2% 3px;
    box-sizing: border-box;
    box-shadow:0px 0px 20px 0px rgba(66,67,68,0.14);
}
.right-content .txtcon{
    padding: 10px 20px 0 20px;
}
.right-content .txt-head{
    width: 100%;
    padding:10px 0;
    border: 1px solid #ccc;
    border-bottom: 2px solid #D72423;
    margin-bottom:10px;
}

.right-content .txt-head>label{
    padding: 5px;
    font-size: 20px;
    font-weight: 700;
    color:rgba(51,51,51,1);
    line-height:18px;
    margin-left:10px;
}
.right-content .newt{
    padding: 16px 5px;
    overflow: hidden;
    cursor: pointer;
}
.right-content .newt>a{
    width: 100%;
    height: 100%;
    color: #333333;
    display:inline-block;
    cursor: pointer;
}
.right-content .newt>a>label.fl{
    width: 10%;
    text-align: center;
    margin-right:1%;
    margin-top:12px;
}
.right-content .newt>a>label.fl>span{
    display: block;
    cursor: pointer;
}
.right-content .newt>a>label.fr{
    width: 89%;
}
.right-content .newt>a>label.fr>span{
    line-height: 22px;
    display: block;
    cursor: pointer;
}
.right-content label.fr>span:nth-child(1){
    color: #333333;
    font-weight: bold;
}

.right-content .newt:hover{
    background-color: #D72423;
}
.right-content .newt:hover>a span{
    color:#fff;
}

.right-content .newt>label:nth-child(1){
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.right-content .toolbar{
    background: #f2f2f2;
    padding: 10px;
    margin: 10px 0;
    overflow: hidden;
}
.right-content .pages{
    white-space: nowrap;
    padding: 2px 5px;
    color: #48576a;
}
.right-content .pages .disabled{
    color: #e4e4e4;
    background-color: #fff;
    cursor: not-allowed;
}
.right-content .pages>button{
    font-size: 13px;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box;
    outline: none; 
}
.right-content .pages .btn-prev{
    background: 50% no-repeat #fff;
    background-size: 16px;
    border: 1px solid #d1dbe5;
    cursor: pointer;
    margin: 0;
    color: #97a8be;
}
.toolbar ul{
    list-style-type: none;
    font-size: 0;
    padding: 0;
}
.toolbar ul>li.active{
    border-color: #20a0ff;
    background-color: #20a0ff;
    color: #fff;
    cursor: default;
}
.toolbar ul>li{
    display: inline-block;
    padding: 0 4px;
    border-right: 0;
    background: #fff;
    font-size: 13px;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #d1dbe5;
    box-sizing: border-box;
}
.toolbar .btn-next{
    border-radius: 0 2px 2px 0;
    border-left: 0;
    background: 50% no-repeat #fff;
    background-size: 16px;
    border: 1px solid #d1dbe5;
    cursor: pointer;
    margin: 0;
    color: #97a8be;
}
.present .title-head{
    padding:20px 0;
    text-align: center;
    box-sizing: border-box;
}
.present .title-head>h2{
    color:#000;
}
.present .title-times{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80%;
    margin: 10px auto;
    font-size: 14px;
    color: #666;
}
.present .txt-content{
    width: 90%;
    height: 100%;
    margin: 0px auto;
    box-sizing: border-box;
    outline: none;
    overflow-y: auto;
    tab-size: 4;
    padding: 20px 15px 30px 15px;
    text-align: left;
    letter-spacing: 2px;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 30px;
}
.present .txt-content>p{
    margin:0;
    white-space: pre-wrap;
    word-wrap: break-word;
    letter-spacing: 2px;
}
.present .txt-content>p>span{
    letter-spacing:2px;
}



/* Foot 底部*/

#footerbar {
    width:100%;
    height:48px;
    line-height: 48px;
    text-align: center;
    margin-top: 12px;
    background:#323233;
}
#footerbar>a{
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF;
}

/* 分页样式 */
.pagess {
    clear: both;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
    font-size: 12px;
}
.paging {
    margin-top: 36px;
    font-size: 12px;
    text-align: center;
    padding-bottom: 40px;
}

.paging > span {
    margin: auto 16px;
}

.paging .page-numbar {
    margin: auto 0;
}

.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last {
    display: inline-block;
    margin: auto 4px;
    padding: 2px 8px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #ffffff;
}

.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover {
    background: #D72423;
    color: #fff;
}

.paging a {
    color: #4D4D4D;
}

.paging a:hover {
    color: #D72423;
}