ul, li {list-style:none; margin:0px; padding:0px;}
a {text-decoration: none;}
a:hover {text-decoration: none;}

.title .zh {font-weight: bolder; font-size: 1.5rem;}
.title .en {font-weight: bolder; font-size: 1rem;}

.post .head {margin: 1rem 0;}
.post .head .title i {font-weight: bolder; font-size: 1.2rem; color: #573f7f;}
.post .head .title .zh {color: #573f7f;}
.post .head .title .en {color: #3c3c3c;}

.post .more_btn a {color: #573f7f;}

.post .title a {font-size: 1rem; color: #3c3c3c;}
.con a {color:#3c3c3c;}
.con a:hover {color: #573f7f;}

.post .con ul li {margin: 0.5rem 0;}
.post .con ul li i {color: #0068b7;}
.post .con ul li .title-text a {padding-left: 0.5rem; font-size: 1.2rem; color:#3c3c3c; text-decoration: none;}
.post .con ul li .date {color: gray;}


.main #activity, .main #other{margin-top: 3rem;}



#top {padding: 0.2rem 2rem; background-color: #3c3c3c; }
#top .inner {padding: 0.2rem; font-size: 0.8rem; color:white;}
#top .inner a {margin-left: 1rem; margin-right: 1rem; color:white; text-decoration: none;}
#top .inner a:hover {text-shadow: 1px 0 5px #fff;}




header .inner {margin: 1.5rem 7.5rem;}
header .inner .logo .imglg {height:100px;}
header .inner .logo .imgsm {width: 90%;}
header .inner .search {margin-top: 30px;}
header .inner .search .items .input-keyword {border-radius: 5px; border:solid 1.5px #573f7f; font-size: 0.9rem;}
header .inner .search .items .btn-search {padding-left: 1.2rem; padding-right: 1.2rem; background-color: #573f7f; color: #fff; font-size: 0.9rem;}
header .inner .search .items .header-search .form-row {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}




nav {background-color: #573f7f;}
nav .navbar-brand {font-size: 1.2rem; color: #ffffff;}
nav button i {font-size: 1.2rem; color: #ffffff;}
nav .nav-item .nav-link {font-weight: bolder; color:white; }
nav .dropdown-menu {text-align: center; background-color: rgba(87,63,127,0.9); border-color: #573f7f;}
nav .dropdown-item {color:white;}
nav .dropdown-item:focus, .dropdown-item:hover{background-color: rgba(87,63,127,0.9); color: #ffffff;}
nav .dropdown-item:focus, .dropdown-item:hover:before{content: " · "}
nav .dropdown-item:focus, .dropdown-item:hover:after{content: " · "}




#poster .notice {position: absolute; bottom:20px; left:75%; z-index: 15; width:20%; padding-left: 0; margin-left: -5%;}
#poster .notice .inner {width: 420px; height:320px; float: right; background: rgba(255,255,255,0.8); box-shadow: 0px 0px 5px #3c3c3c; border-radius: 0.2rem;}
#poster .notice .inner .head {padding: 0.8rem 1.5rem}
#poster .notice .inner .head .title {padding-bottom: 3%; padding-right:0.2rem; border-bottom: solid 2px #3c3c3c; text-align: center;}
#poster .notice .inner .head .title i {font-size: 1.4rem;}
#poster .notice .inner .con li {margin: 0.3rem 2rem;}
#poster .notice .inner .con .date {background-color: #ffffff; border:1px solid #573f7f; text-align: center; font-size: 0.8rem; font-weight: bolder;}
#poster .notice .inner .con .date .days {padding: 2%; color: #573f7f; }
#poster .notice .inner .con .date .year {padding: 0.2rem 0.4rem; color: #ffffff; background-color: #573f7f; }
#poster .notice .inner .con .title-text {margin-left: 1rem;}
#poster .notice .inner .more_btn {float: right; color: #573f7f;}
.carousel .carousel-item div {background-position: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}




#platforms .inner {font-weight: bolder; background-color: #f5f5f5;}
#platforms .inner .head {min-width: 20%; padding: 1% 2%; background-color: #573f7f; color: #fff; text-align: center;}
#platforms .inner .con {width: 100%; padding-left: 3%;}
#platforms .inner .con ul li {float:left; margin-right: 2%; font-size: 1.1rem;}




#notice_md {margin-top: 1.5rem;}
#notice_md .inner .title {margin-bottom: 1rem;}
#notice_md .con ul {margin:0.2rem;}
#notice_md .con ul li {width: 100%; margin-right: 2rem; margin-bottom: 0.5rem; border: 1.5px solid #573f7f; box-shadow: 3px 3px 0px #3c3c3c; }
#notice_md .con .date {border-right: 1px solid #573f7f; text-align: center;}
#notice_md .con .date .days {color: #573f7f;}
#notice_md .con .date .year {background-color: #573f7f; color: #fff;}
#notice_md .con .title {padding-left: 1rem;}




#activity .service {padding: 1% 2%; border: solid 3px #deb887;}
#activity .service .inner {width: 50%;}
#activity .service .inner .head {padding-bottom: 5%; border-bottom: solid 0.5px #deb887;}
#activity .service .inner .head .icon {padding: 2% 7%; font-size: 2rem;}
#activity .service .inner .con {margin-top: 5%;}
#activity .service .inner .con ul li {padding: 2%;}
#activity .service .inner .con ul li a {font-size: 1.2rem;}
#activity .service .inner .con ul li a .item-service:before {content: " ◾ "; padding-right: 1.5rem; color: #0068b7;}
#activity .service .inner .con ul li a .item-service span:hover:after {content: "  ✓  "; padding-left: 1rem;}




#other {background-color: gainsboro; padding-top: 1rem; padding-bottom: 2rem;}




#btn_top {padding: 0.2rem 0.5rem; position: fixed; z-index: 50px; bottom: 2rem; right: 2rem; display: none; border: 2px solid #573f7f; background-color: #ffffff; color: #573f7f; font-size: 1.5rem;}
#btn_top:hover{background-color: #573f7f; color: #ffffff;}




#last {background-color: #573f7f;}
#last .inner {padding-top: 1rem; padding-bottom: 1.5rem;}
#last .inner .head {margin: 0.8rem 1rem;}
#last .inner .head i {font-size: 2.5rem; margin-right: 0.5rem; color: #deb887;}
#last .inner .head .title .zh {color: #fff}
#last .inner .head .title .en {color: #fff}
#last .inner .con ul li {float: left; width: 12rem; margin: 1% 2%;}
#last .inner .con ul li a {color:#fff; font-weight: bolder;}
#last .inner .con ul li .item {padding: 0.8rem 1rem; border: dashed 1px #deb887; text-align: center;}
#last .inner .con ul li .item:hover {background-color: #deb887;}


footer {height:80px; padding-top: 1.2em; padding-bottom: 1.2em; background-color: #3c3c3c; color: white; font-size: 0.9em;}




.box-lists {margin-top: 2em; margin-bottom: 2em;}
.box-lists .col-menu-head {padding: 0.8em 2em 0.8em 2em; font-size: 1.5em; font-weight: bolder; color:white; background-color: #573f7f;}
.box-lists .col-menu-head .col-name {text-align: center;}
.box-lists .col-menu-con .col-menu-items {background-color: #573f7f; }
.box-lists .col-menu-con .col-menu-item {padding: 0.2em 2em 0.2em 2em; list-style: none; border-left: 0.8px solid #573f7f; border-right: 0.8px solid #573f7f; border-bottom: 0.8px solid #573f7f; background-color: white;}
.box-lists .col-menu-con .col-menu-item a {color: #573f7f;}
.box-lists .col-menu-con .col-menu-item a:hover {color: #3c3c3c; text-decoration: none;}


.box-lists .col-news-box .col-metas .col-path {padding-bottom: 0.5em; border-bottom: 0.8px dotted gray; font-size: 1em;}
.box-lists .col-news-box .col-metas .col-path a {color: #573f7f;}
.box-lists .col-news-box .col-metas .col-path a:hover {color: #3c3c3c; text-decoration: none;}
.box-lists .col-news-box .col-metas .col-title {margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 0.3em; padding-right: 0.3em; border-left: 5px solid #573f7f; font-size: 1.2em;}

.box-lists .col-news-box .col-news-list ul li {padding-top: 0.2em; padding-bottom: 0.2em; list-style: none;}
.box-lists .col-news-box .col-news-list .news .news-title a {text-decoration: none; color: #3c3c3c;}
.box-lists .col-news-box .col-news-list .news .news-title a:hover {color: #573f7f;}
.box-lists .col-news-box .col-news-list .news .news-meta {float: right; color:gray; font-size: 0.8em;}





.box-article .infobox .article {margin-top: 3em; margin-bottom: 3em;}
.box-article .infobox .article .arti_title {text-align: center; font-weight: bolder; font-size: 2em; color: #573f7f;}
.box-article .infobox .article .arti_sub_title {text-align: center; font-weight:300; color: #573f7f;}
.box-article .infobox .article .arti_metas {text-align: center; font-size: 0.9em; color:gray;}
.box-article .infobox .article .arti_metas .arti_update {padding-left: 1em; padding-right: 1em;}
.box-article .infobox .article .arti_metas .arti_publisher {padding-left: 1em; padding-right: 1em; }
.box-article .infobox .article .arti_metas .arti_source {padding-left: 1em; padding-right: 1em;}
.box-article .infobox .article .arti_metas .arti_views {padding-left: 1em; padding-right: 1em;}
.box-article .infobox .article .read p {line-height: 2em !important; font-size: 1.2em !important; font-family: microsoft yahei, segoe ui, system-ui, roboto, droid sans, helvetica neue, sans-serif, tahoma, segoe ui symbol !important;}




@media (max-width: 576px) {
header .inner {margin: 0.2rem 2rem;}

.box-article .infobox .article .read img {width: 100%;}
}

@media (max-width: 767px) {
html {font-size: 16px;}

#poster .carousel .carousel-item div {background-position: 30% 0;}
#poster .carousel-inner img {height: 180px!important;}

#platforms .inner {background-color: #573f7f;}
#platforms .inner .head {min-width: 40%;}
#platforms .inner .con {background-color: #f5f5f5;}
#platforms .inner .con ul li {float: none; margin-top: 5%; margin-bottom: 5%;}

#activity .news {margin-top: 3rem;}

}

@media (min-width: 768px) and (max-width: 991px) {
html {font-size: 12px;}

.post .con ul li .title-overflow {display: block; width:20rem; word-break: keep-all;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#poster .notice {bottom: 60px; left: 80%;}
#poster .notice .inner {width: 320px; height: 240px; }
}

@media (min-width: 577px) and (max-width: 991px) {
header .inner {margin: 0.2rem 2rem;}
header .logo {margin-top: 0.5rem; margin-bottom: 0.5rem; margin-right:auto!important; margin-left:auto!important}

#poster .carousel .carousel-item div {background-position: 30% 0;}
}

@media (min-width:992px) and (max-width: 1140px) {
header .inner {margin: 1rem 3rem;}
.post .con ul li .title-overflow {display: block; width:20rem; word-break: keep-all;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#poster .carousel .carousel-item div {background-position: 35% 0;}
}