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

.title {font-weight: bolder;}
.title .zh {font-size: 2.5rem; letter-spacing: 0.2rem;}
.title .en {font-size: 1.2rem;}

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

.post .more_btn a {color: #0D3B66;}

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

.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;}


header {box-shadow: 0 0 10px #3c3c3c;}

header .college {padding: 0.3rem 0.2rem; width:6rem; right:8%; position: absolute; background-color: rgba(217,217,217,0.8); text-align: center;}
header .college:hover {background-color: white;}
header .college .con a {color: #0D3B66; font-weight: bolder;}

header .inner {padding: 1.5rem 1.5rem; background-color: #0D3B66; }
header .inner .logo {max-width: 30vw;}
header .inner .logo .imglg {width: 100%;}

header .logo2 {text-align: center; background-color: #0D3B66; }
header .logo2 .imgsm {width: 60%;}

header #xl-nav .nav-item:hover {box-shadow: 0px 0px 5px rgba(217,217,217,0.8); background-color: rgba(217,217,217,1); }
header #xl-nav .nav-item:hover .nav-link {color: #0D3B66;}
header #xl-nav .nav-item:hover .dropdown-menu {display: block; margin-top: 0;}
header #xl-nav .nav-item .nav-link {min-width: 6vw; font-size: 1rem; font-weight: bolder; color:white; text-align: center;}
header #xl-nav .nav-item .dropdown-menu {background-color: rgba(217,217,217,1); margin-left: -20%; text-align: center;box-shadow: 0px 0px 5px rgba(217,217,217,0.8);}
header #xl-nav .nav-item .dropdown-menu .dropdown-item {color: #0D3B66;}
header #xl-nav .nav-item .dropdown-menu .dropdown-item:hover {background-color: #0D3B66; color:white;}

header #notxl-nav {padding-left: 2%; padding-right: 4%;}
header #notxl-nav .navbar-brand {color:white; font-weight: bolder; font-size: 1rem;}
header #notxl-nav .navbar-toggler {border:none; font-size: 1.2rem; color: white;}
header #notxl-nav .offcanvas {background-color: #1B1B1B;}
header #notxl-nav .offcanvas .offcanvas-header .offcanvas-title {font-weight: bolder; font-size: 2rem; color:white;}
header #notxl-nav .offcanvas .offcanvas-header button i {color: white; font-size: 1.2rem;}
header #notxl-nav .offcanvas .offcanvas-body .nav-item .nav-link {color:white; font-weight: bolder; font-size: 1.2rem;}


.carousel .carousel-item div {background-position: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.fisrtgap {height:0.5em; background-color: #0D3B66}

#picnews .pic-area .out-pic {margin-top: 20%; padding: 3% 5%;}
#picnews .pic-area .pic {border: solid 1px #0D3B66;}
#picnews .pic-area .out-pic:hover {padding: 1% 5% 3% 5%;}
#picnews .pic-area .date {padding: 2% 3%; left:20%; background-color: #0D3B66; color:white; box-shadow: 0 0 10px gray; font-weight: bolder; text-align: center;}
#picnews .pic-area .title {margin-left: 35%; font-weight: bolder; margin-right:5%;}
#picnews .header-area {min-height:36rem; background-color: #0D3B66; background-position: bottom; background-repeat: no-repeat; background-blend-mode: luminosity;}
#picnews .header-area .title {padding-top:50%; padding-bottom: 5%; color:white; text-align: center;}
#picnews .header-area .title .zh {padding:5%; border-bottom: solid 1px white;}
#picnews .header-area .title .en {margin-top: 5%;}
#picnews .header-area .more_btn {margin-top:20%; text-align: center;}
#picnews .header-area .more_btn a {padding:3% 20%; border: solid 1px white; color:white; font-size: 1rem; font-weight: bolder; text-decoration: none;}
#picnews .header-area .more_btn a:hover {background-color: rgba(255,255,255,0.8); border: solid 1px #0D3B66; color: #0D3B66;}

#announce {padding-bottom: 1rem; background-color: rgba(217,217,217,0.8); background-size: 40%; background-repeat: no-repeat; background-blend-mode:color-dodge; background-position: 8rem 1rem;}
#announce .head .title .zh {padding: 10%; background-color: #0D3B66; color:white; box-shadow: 0 0 10px gray;}
#announce .con .num {font-size: 3.5rem; font-weight: bolder; color:rgb(188,188,188);}
#announce .con .m-con {margin-left:5%;}
#announce .con .m-con .title {font-size: 1.3rem;}
#announce .con .m-con .date {font-size: 1rem;}
#announce .more_btn {margin-top:2rem; padding-bottom: 2rem; text-align: center;}
#announce .more_btn a {padding:1rem 5rem; border:#0D3B66 1px solid; color: #0D3B66; font-weight: bolder; font-size: 1rem;}
#announce .more_btn a:hover { background-color: #0D3B66; color:white;}


#partynews .head {padding-top:3%;}
#partynews .head .title {margin-left: 30%; margin-right: 30%; text-align: center; color: #0D3B66; background: linear-gradient(to bottom, white 0%, white 60%, rgba(232,199,122,0.8) 61%, rgba(232,199,122,0.8) 100%);}
#partynews .pic-area {margin-top: 5%; padding: 5%; background: linear-gradient(to right, white 0%, white 60%, #0D3B66 60.1%, #0D3B66 100%);}
#partynews .pic-area .carousel {box-shadow: 0 0 10px;}
#partynews .pic-area img {object-fit: cover; height: 20rem; object-position: center;}
#partynews .middle1 {margin-top: 5%; background-color: #0D3B66;}
#partynews .middle2 {margin-top: 8%; margin-bottom: 2%; background:linear-gradient(to right, rgba(217,217,217,0.8) 0%, rgba(217,217,217,0.8) 20%, white 20.1%, white 100%);}
#partynews .sec-area {padding-left: 0; }
#partynews .sec-area .con {margin-top: 10%; border:solid 1px white; background-color: rgba(232,199,122,0.8);}
#partynews .sec-area .con .sec {text-align: center;}
#partynews .sec-area .con .sec .icon {font-size: 2rem; color:#E66868;}
#partynews .sec-area .con:hover .sec .icon {transform: rotate(45deg);}
#partynews .sec-area .con .sec .title {font-size: 1.2rem; }

#study {margin-top: 5%; margin-bottom: 5%; padding:0 10%;}
#study .col-md-3 {margin-bottom: 2%;}
#study .head {height:0; width:100%; padding-bottom: 100%; background-color: #0D3B66; color:white;}
#study .head .title {padding-top: 20%; padding-bottom: 10%; text-align: center;}
#study .head .icon {text-align: center; font-size: 3rem;}
#study .con {background-color: rgba(232,199,122,0.8);}
#study .con:hover .title-box {opacity: 1;}
#study .con .title-box {opacity: 0;}
#study .con .title-box .title {width: 100%; padding: 2%; background-color: rgba(217,217,217,0.8); font-size: 0.8rem; }
#study .con img {height:0; width:50%; padding-top: 100%;}

#studysm {margin-top:5%;}
#studysm .head {background-color: rgba(217,217,217,0.8);}
#studysm .head .title {padding: 5%; text-align: center;}
#studysm .head .decorate {background-color: #0D3B66; height: 1rem; }
#studysm .con {margin-top: 10%;}
#studysm .news {margin-top: 5%;}
#studysm .con .date {min-width:5rem; padding:2%; background-color: #0D3B66; font-size: 1.2rem; text-align: center; color: white;}
#studysm .con .title {margin-left: 2%; font-size: 1.2rem;}

#career .con {height:5rem;}
#career .con img {width: 70%;}

#mainnewslist .newsnavlists .head {padding: 18% 5%; background-color: #0D3B66; background-repeat: no-repeat; background-position: center; background-blend-mode: luminosity; color: white; font-size: 2rem; font-weight: bold;}
#mainnewslist .newsnavlists .head .name {text-align: center;}
#mainnewslist .newsnavlists .con {}
#mainnewslist .newsnavlists .con .lists {border: solid 1px #0D3B66;}
#mainnewslist .newsnavlists .con .lists .item {padding: 5%; font-size: 1.2rem; font-weight: bolder; text-align: center;}
#mainnewslist .newsnavlists .con .lists .item:hover{background-color: #0D3B66;}
#mainnewslist .newsnavlists .con .lists .item:hover a {color :white;}

#mainnewslist {margin-top: 2%; margin-bottom: 2%;}
#mainnewslist .newslists .head {margin-bottom: 2%; font-size: 1.2rem; font-weight: bolder;}
#mainnewslist .newslists .head .path .path_name {margin-right: 2%; padding: 0 2%; background-color: #0D3B66; color: white; }
#mainnewslist .newslists .head a {color: #3c3c3c;}
#mainnewslist .newslists .head a:hover {color: #0D3B66;}
#mainnewslist .newslists .con .lists .news {margin-top: 1%; font-size: 1rem;}
#mainnewslist .newslists .con .lists .news .title {font-weight: normal;}
#mainnewslist .newslists .con .lists .news .date {text-align: right;}
#mainnewslist .newslists .con .wp_paging_w6 {margin-top: 2%;}
#mainnewslist .newslists .con .wp_paging {margin-top: 2%; font-size: 1rem;}
#mainnewslist .newslists .con .wp_paging a:hover {color: #0D3B66;}
#mainnewslist .newslists .con .wp_paging em {color: #0D3B66;}
#mainnewslist .newslists .con .wp_paging .page_nav a {background-color: #0D3B66; color: white;}


#mainarticle {margin-top: 2%;}
#mainarticle .article .head{ font-weight: bolder; text-align: center; }
#mainarticle .article .head .title { font-size: 2rem; color:#0D3B66;}
#mainarticle .article .head .sub_title {margin-top: 1%; font-size: 1.5rem; color:#3c3c3c;}
#mainarticle .article .head .metas {margin-top: 1%; color:#3c3c3c;}
#mainarticle .article .head .metas span {color:#0D3B66;}
#mainarticle .article .head .metas .update {margin-right:1%;}
#mainarticle .article .head .metas .publisher {margin-right:1%;}
#mainarticle .article .head .metas .source {margin-right:1%;}
#mainarticle .article .head .metas .views {margin-right:1%;}
#mainarticle .article .entry {margin-top: 1%; color:#3c3c3c;}

footer {padding-top: 2%; padding-bottom: 3%; background-color: #3c3c3c; color: white;}
footer .info {margin-top: 15%; font-size: 1rem;}
footer .links {margin-top: 6%;}
footer .links .head .title {font-size: 1.2rem;}
footer .links .con {margin-top: 5%; padding:5%;}
footer .links .con a {padding:5%; border-left: solid 3px white; font-size: 1rem; color:white;}
footer .links .con a .contitle {font-weight: normal;}
footer .links .con a:hover:after {content:" <"}

footer.other {padding-bottom: 3%; }
footer.other .info {margin-top: 12%;}
footer.other .links {margin-top: 3%;}

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


@media (min-width:768px) and (max-width: 1199px) {
  .title .zh {font-size: 1.8rem !important;}
  .title .en {font-size: 1rem !important;}

  #picnews .header-area {min-height: 32rem;}
  #picnews .header-area .title {padding-top: 70%;}
  #picnews .header-area .more_btn a {font-size: 0.8rem;}

  #announce {background-position: -18rem -2rem; background-size: 100%;}
  #announce .con .m-con .title {font-size: 1rem;}
  #announce .con .m-con .date {font-size: 0.8rem;}
  #announce .more_btn a {font-size: 0.8rem;}

  #partynews .sec-area .con .sec .title {font-size: 1rem;}

  #study .head .title { padding-bottom: 5%; }

}


@media (max-width:767px){

  .title .zh {font-size: 1.8rem !important;}
  .title .en {font-size: 1rem !important;}

  header #notxl-nav .navbar-toggler {font-size: 1rem;}

  .fisrtgap {margin-top: 20%; background-color: white;}

  #picnews .header-area {min-height: 2rem; background-size: 100%;}
  #picnews .header-area .title {padding-top: 10%; padding-bottom: 0;}
  #picnews .header-area .more_btn {margin-top:10%;}
  #picnews .header-area .more_btn a {background-color: #0D3B66; border: solid 1px #0D3B66;}

  #announce {margin-top: 5rem; background-position: -16rem 13rem; background-size: 100%;}
  #announce .head .title {text-align: center; margin-bottom: 3rem;}
  #announce .con .m-con .title {font-size: 1.2rem;}
  #announce .con .m-con .date {font-size: 0.8rem;}
  #announce .more_btn a { background-color: #0D3B66; color:white;}

  #partynews .head .title {margin-left: 20%; margin-right: 20%; }


  #studysm .con .date {font-size: 1rem;}
  #studysm .con .title {font-size: 1.2rem;}

  #career {margin-top: 10%;}
  #career .con {height: 2rem;}

  #mainnewslist .newsnavlists {margin-bottom: 10%;}
  #mainnewslist .newsnavlists .head {margin-top: 10%; padding: 10% 5%;}
  #mainnewslist .newsnavlists .con .lists .item {padding: 2%;}

  #mainarticle {margin-top: 10%;}
  #mainarticle img, svg {width: 100%!important; height: auto!important;}


  footer .info {margin-top: 5%; padding: 0 10%; font-size: 1rem;}
  footer .links {margin-top: 6%; padding: 0 10%;}

  footer .links .head .title {font-size: 1.2rem;}
  footer .links .con a {font-size: 1rem;}

  footer.other .info {font-size: 1rem;}

  footer.other .links .head .title {font-size: 1.2rem;}
  footer.other .links .con a {font-size: 1rem;}

}


@media (max-width:575px){

  header .logo2 .imgsm {width: 80%;}

  .fisrtgap {margin-top: 25%;}

  #picnews .n3 {display: none;}

  #studysm .con .title {font-size: 1rem;}

  #career .con {height: 1rem;}

  #mainarticle .article .head .title {font-size: 1.5rem;}

  footer .info {font-size: 0.8rem;}
  footer .links .head .title {font-size: 1rem;}
  footer .links .con a {font-size: 0.8rem;}

  footer.other .info {font-size: 0.8rem;}
  footer.other .links .head .title {font-size: 1rem;}
  footer.other .links .con a {font-size: 0.8rem;}


}

@media (max-width:300px){
  .fisrtgap {margin-top: 40%;}

  header .logo2 .imgsm {width: 80%;}

}