@charset "utf-8";
.header{margin-bottom: 5px; box-shadow: 0 10px 15px rgb(0 0 0 / 5%);}

.detail{margin: 0 auto;}
.info-list li{border-bottom: none !important;}

.article-title{text-align: center; font-size: 2.1875em; font-weight: bold; line-height: 1.6em; padding: .5em 0;}
.article-subtitle{font-size: 1.375em; font-weight: normal; padding-bottom: .5em; line-height: 1.6em; text-align: center; color: #777;}
.article-attr{position: relative; padding: .875em 0 .5em; text-align: left; border-bottom: 3px solid #1db7d2;}
.article-attr b{font-weight: normal;}
.article-attr span{display: inline-block; margin-right: 1.5em; white-space: nowrap; font-size: 1em; line-height: 20px; color: #948e8e;}
.article-attr span:last-child{margin-right: 0;}
.article-attr span.date{padding-left: 1.75em; background: url(../images/info_ico_time.png) no-repeat left;}
.article-attr span.ly{display: none;}
.article-attr span.llcs b{color: #c00;}
.article-attr .fr{float: right;}
.article-attr .setfontsize i{display: inline-block; width: 30px; height: 30px; line-height: 30px; cursor:pointer; font-style: normal; vertical-align: baseline; text-align: center; margin-right: .125em; margin-left: .125em;}
.article-attr .setfontsize i.on{color: #1db7d2; font-weight: bold;}
.article-attr a{display: inline-block; color: #777;}
.article-attr a:hover{color: #c00;}
.article-attr .button a:before{display: inline-block; vertical-align: top; content: ""; margin-right:.3125em; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0;}
.article-attr .button a font{display: inline-block; vertical-align: top;}
.article-attr .sharebox{text-align: center;}
.social-share .icon-wechat .wechat-qrcode{left: auto !important; right: 0 !important;}

.article-content{clear: both; padding: 2em 0; line-height: 2.2em; text-align: justify;}
.article-content p{margin:1em 0;}
.article-content table,
.article-content video,
.article-content img{max-width:100%;}
.article-content img{height: auto !important;}

.article-content .table{width:100%; min-width:600px; border-collapse:collapse;}
.article-content .table th{width:33.33333%; font-weight:bold; text-align:center; background-color:#fafafa;}
.article-content .table th,
.article-content .table td{border:1px solid #ebebeb;}

.article-content .table th{padding-top:15px; padding-bottom:15px; line-height:1em;}
.article-content .table td{padding:8px; line-height:1.8em; font-size:15px; vertical-align:top;}

.article-extended{margin-top: -1px; padding: 1em; border-top: 1px solid #ebebeb;}
.article-extended dd{float: left;}
.article-extended dd .sharebox{position: relative; padding-left: 4em;}
.article-extended dd .sharebox .t{position: absolute; top: 50%; left: 0; margin-top: -13px; color: #999; line-height: 26px;}
.article-extended dt{float: right;}
.article-extended dt a{display: inline-block; vertical-align: middle; margin-left: 1em; font-size:1em;}
.article-extended dt a.button{margin-top: 5px; padding: 0 1.25em; line-height: 24px; color:#70a6ec; border: 1px solid #70a6ec; border-radius: 3px;}
.article-extended dt a.button:hover{color: #fff; background-color:#70a6ec;}

.article-auxiliary{padding: 2.25em 0; margin-top: -1px; border-top: 1px solid #ebebeb;}
.article-ewm{font-size: 14px; text-align: center; margin: 0 auto;}
.article-ewm #div_div{width: 160px; height: 160px; padding: .3125em; margin: 0 auto .625em; border: 1px solid #ebebeb;}
.article-ewm dd{font-size: 14px; color: #999;}

.article-sxp{padding-top: 1.25em; padding-bottom: 1.25em; margin-top: -1px; border-top:1px solid #ebebeb;}
.article-sxp dd{width: 48.5%; line-height: 1.6em;}
.article-sxp dd a{display: block; position: relative; line-height: 1.6em;}
.article-sxp dd a span{position: absolute; top: 0; color: #29bbd5;}
.article-sxp dd.fl a{padding-left: 5em;}
.article-sxp dd.fl a span{left: 0;}
.article-sxp dd.fr a{padding-right: 5em; text-align: right;}
.article-sxp dd.fr a span{right: 0;}

.article-documents{display: none; padding: 1.5em; margin-top: -1px; border: 1px solid #ebebeb;}
.article-documents h3{padding-bottom: .625em; font-size: 1.125em; color: #0064b9;}

.article-attachments{display:none; border-top:2px solid #efefef;}
.article-attachments h3{padding:25px 0 10px; color:#333333; font-weight:bold; font-size:1em;}


.gallery-slide{position: relative; z-index: 100; width: 80%; margin: 0 auto;}
.gallery-slide .gallery-pages{position: absolute; right: 0; bottom: 1.25em; left: 0; z-index: 10; width: 160px; height: 30px; margin: 0 auto; text-align: center;}
.gallery-slide .gallery-pages ul{display: inline-block; padding-right: 1em; padding-left: 1em; line-height: 30px; font-size: .875em; color: #fff;}
.gallery-slide .gallery-pages ul li{float: left;}
.gallery-slide .gallery-pages ul li.gallery-split{padding-right: .5em; padding-left: .5em;}
.gallery-slide .gallery-pages ul li.gallery-curpage{font-weight: bold;}

.gallery-slide .owl-nav > div{position: absolute; bottom: 1.25em; z-index: 99; width: 30px; height: 30px; background: rgba(255,255,255,.35); border-radius: 50%; cursor: pointer;}
.gallery-slide .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; margin-top: -0.475em; text-align: center; font-weight: normal; font-size: 1em; font-weight: bold; line-height: 1em; color: #fff;}
.gallery-slide .owl-nav > div:hover{background-color: #fff;}
.gallery-slide .owl-nav > div:hover i{color: #888;}
.gallery-slide .owl-nav > div.owl-prev{left: 50%; margin-left: -110px;}
.gallery-slide .owl-nav > div.owl-next{right: 50%; margin-right: -110px;}
.gallery-slide .owl-nav > div.disabled{background: #ffffff; opacity: 0.25; cursor: not-allowed;}
.gallery-slide .owl-nav > div.disabled i{color: #000;}

.letter-title{text-align: center;}
.letter-title dt{display: inline-block; position: relative; padding-right: 120px;}
.letter-title dt h1{display: inline-block; margin-top: 1em; margin-bottom: 1em; font-size: 1.875em; font-weight: bold; color: #062c5d; text-align: left; line-height: 1.375em;}
.letter-title dt span{position: absolute; top: 50%; right: 0; width: 100px; height: 60px; margin-top: -30px; font-size: 1.125em; line-height: 60px; text-align: center; color: #fff; background-color: #d8a800; border-radius: 5px;}

.layui-table-layout{position: relative; border-left: 1px solid #ebebeb;}
.layui-table-layout:after{position: absolute; top: 0; right: 0; width: 1px; content: ""; height: 100%; background-color: #ebebeb;}
.layui-table-layout .layui-table-item{position: relative; float: left; width: 100%; margin-top: -1px; color: #666; background-color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-top: 1px solid #ebebeb;}
.layui-table-layout .layui-table-block{position: relative; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.layui-table-layout .layui-table-label{position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 9em; text-align: center; background-color: #fafafa;}
.layui-table-layout .layui-table-label .table{position: absolute; top: 0; right: 0; left:0; bottom: 0; width: 100%; height: 100%; display: table; vertical-align: middle;}
.layui-table-layout .layui-table-label .table .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.layui-table-layout .layui-table-label .table .inline span{display: block; margin: 0 1em;}
.layui-table-layout .layui-input-block{position: relative; z-index: 2; margin-left: 9em; padding: .75em 1em; line-height: 1.8em; min-height: 1.8em; border-left: 1px solid #ebebeb;}
.layui-table-layout .layui-input-block span{display: inline-block;}
.layui-table-layout .layui-table-item-block .layui-table-label{width:100%;}
.layui-table-layout .col-6{width: 50%;}

.wzdt .category dd{padding: 1.5% 0 2%; text-align: center;}
.wzdt .category dd span{display: inline-block; padding: 0 1.25em; color: #245399;}
.wzdt .category dd span b{font-weight: normal;}
.wzdt .section.mb:last-child{margin-bottom: 0;}
.wzdt .section .common-title{padding-top: 0;}
.wzdt .section .common-title:after{background-color: #e6e6e6;}
.wzdt .section .common-title .channelName{font-size: 1.25em;}
.wzdt .section .common-title .channelName:before{width: .125em;}
.wzdt .section .info-list{margin-right: -7px; margin-left: -8px;}
.wzdt .section .info-list li{width: 25%;}
.wzdt .section .info-list li h4{margin-right: 7px; margin-left: 8px;}

@media (max-width: 1023px) {
  body .computer{display: none;}
  body .mobile{display: block; font-size: .4375rem; background-color: #faf8fc;}
  .mobile .wrapper{position: relative; padding-bottom: .25rem; background-color: #fff;}
  .mobile .container{width: auto; margin-right: .5rem; margin-left: .5rem; padding: 0;}
  .mobile .info-list li{padding-top: .3rem; padding-bottom: .3rem;}
  .mobile .info-list li h4{font-size: .55rem;}
  .mobile .info-list li h4 a:before{top: -.125rem; width: .25rem; height: .25rem;}
  .mobile .mt{margin-top: .5rem;}
  .mobile .mb{margin-bottom: .5rem;}
  .mobile .margins{margin-top: .5rem; margin-bottom: .5rem;}
  .mobile .article-title{font-size: .5625rem; padding: .35rem 0;}
  .mobile .article-attr{padding: .25rem 0 .35rem; line-height: 1.5;}
  .mobile .article-attr span{font-size: .3875rem;}
  .mobile .article-attr span.date{padding-left: .75rem; position: relative; background: none;}
  .mobile .article-attr span.date img{position: absolute; top: 50%; left: 0; width: .6rem; height: .6rem; margin-top: -.275rem}
  .mobile .article-content{padding: .5rem 0; font-size: .4875rem; line-height: 1 !important;}
  .mobile .article-content *{font-size: .4875rem !important; line-height: 1.875 !important;}
  .mobile .article-content p{margin: .4875rem 0;}
  .mobile .article-documents{padding: .65rem .35rem .35rem;}
  .mobile .article-documents h3{padding-bottom: .25rem; font-size: .4875rem; font-weight: bold;}
  .mobile .article-attachments h3{padding: .65rem 0 .25rem; font-size: .4875rem; font-weight: bold;}
  
  .mobile .social-share{display: block !important; text-align: center;}
  .mobile .social-share .social-share-icon{width: .85rem; height: .85rem; font-size: .6rem; line-height: .85rem;}
  .mobile .social-share a{margin: .2rem; color: #fff; background-color: #d8d8d8; border-color: #d8d8d8;}
  .mobile .social-share .icon-weibo:hover{border-color: #ff763b;}
  .mobile .social-share .icon-tencent:hover{border-color: #56b6e7;}
  .mobile .social-share .icon-qq:hover{border-color: #56b6e7;}
  .mobile .social-share .icon-qzone:hover{border-color: #fdbe3d;}
  .mobile .social-share .icon-wechat{display: none;}

  .mobile .info-list li h4{padding-right: 0 !important;}
  .mobile .info-list li h4 a{display: inline !important; float: none !important; max-width:none !important; padding-right: .25rem !important; white-space: normal !important;}
  .mobile .info-list li h4 .time{position: static !important;}
}