/*header*/
#header {
  position: relative;
  z-index: 8;
  background-image: linear-gradient(90deg, #b42a17, #65170d);
  color: #fff;
  border-bottom: 0.03rem solid #230805;
}
#header .inner {
  position: relative;
  padding: 0.42rem 0;
}
#header a {
  color: #fff;
}
#header a:hover {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1024px) {
  #header .inner {
    padding: 0.3rem 0;
  }
}
@media only screen and (max-width: 750px) {
  #header {
    position: relative;
  }
  #header .inner {
    position: static;
  }
}
/*logo*/
#logo {
  width: 8.04rem;
  position: relative;
  z-index: 10;
}
#logo a {
  display: block;
  overflow: hidden;
  padding-bottom: 11.19402985%;
  position: relative;
}
#logo i {
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -99999em;
  display: block;
  overflow: hidden;
  background: no-repeat left center;
  background-size: contain;
}
@media only screen and (max-width: 1024px) {
  #logo {
    width: 6rem;
  }
}
@media only screen and (max-width: 750px) {
  #logo {
    width: 5rem;
  }
}
/*quick*/
#quick {
  font-size: 0.27rem;
  letter-spacing: 0.11111111em;
  padding: 0 0.25rem;
  width: calc(100% - 8.81rem);
}
#quick li {
  padding: 0 0.25rem;
}
@media only screen and (max-width: 1024px) {
  #quick {
    display: none;
  }
}
/*button*/
#button {
  padding: 0.085rem 0 0.085rem 0.45rem;
  border-left: 0.02rem solid #fff;
}
@media only screen and (max-width: 1024px) {
  #button {
    border-left: none;
    padding: 0;
  }
}
/*navbtn*/
#navbtn {
  display: none;
}
@media only screen and (max-width: 1024px) {
  /*1024*/
  #navbtn {
    position: relative;
    cursor: pointer;
    width: 0.3rem;
    height: 0.32rem;
    transition: all 0.3s;
    display: block;
    z-index: 10;
    overflow: hidden;
    margin-left: 0.45rem;
  }
  #navbtn:before,
  #navbtn:after,
  #navbtn i {
    width: 100%;
    height: 0.03rem;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    transition: all 0.3s;
    content: '';
    border-radius: 0.015rem;
  }
  #navbtn:before {
    top: 0.01rem;
  }
  #navbtn:after {
    bottom: 0.01rem;
  }
  #navbtn i {
    top: 50%;
    transform: translateY(-50%);
  }
  #navbtn.active {
    overflow: visible;
  }
  #navbtn.active:before {
    transform: rotate(45deg);
    top: 50%;
  }
  #navbtn.active:after {
    transform: rotate(-45deg);
    bottom: auto;
    top: 50%;
  }
  #navbtn.active i {
    opacity: 0;
  }
}
/*search*/
#search span {
  width: 0.3rem;
  height: 0.32rem;
  background: url(../images/search_01.png) no-repeat center center;
  background-size: contain;
  display: block;
  cursor: pointer;
}
#search .form {
  position: absolute;
  right: 0;
  top: 100%;
  width: 6rem;
  box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-size: 1.5em;
  display: none;
}
#search .input {
  position: relative;
  padding-right: 2.75em;
}
#search .text {
  display: block;
  width: 100%;
  height: 2.75em;
  line-height: 1.75em;
  padding: 0.5em 1em 0.5em;
}
#search .go {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2.75em;
  cursor: pointer;
  background: url(../images/search_02.png) no-repeat center center;
  background-size: auto 45.45454545%;
}
@media only screen and (max-width: 750px) {
  #search .form {
    width: 100%;
  }
}
/*navi*/
#navi {
  width: 100%;
  font-size: 0.32rem;
  background: url(../images/navi.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  padding-top: 0.02rem;
  font-weight: bold;
  line-height: 1.5em;
}
#navi:before {
  height: 0.02rem;
  width: 100%;
  background-image: linear-gradient(90deg, #d6d6d6, #7f7f7f);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#navi a {
  display: block;
  position: relative;
  color: #fafaff;
}
#navi .home {
  display: block;
  width: 1.0625em;
  height: 1.5em;
  background: url(../images/home_01.png) no-repeat center center;
  background-size: contain;
}
#navi .parent {
  padding: 0.12rem 0;
  position: relative;
}
#navi .drop {
  font-size: 0.75em;
  line-height: 2.5em;
  display: none;
  font-weight: normal;
}
#navi .wap {
  display: none;
}
@media only screen and (min-width: 1025px) {
  #navi .on > a,
  #navi .cur > a {
    color: var(--main-color);
  }
  #navi .parent:after {
    width: 2.28125em;
    height: 0.03rem;
    background-color: var(--main-color);
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.3s;
  }
  #navi .on:after {
    opacity: 1;
  }
  #navi .drop {
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: calc(100% + 0.68rem);
    transform: translateX(-50%);
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.55);
    text-align: center;
    padding: 0.6em 0.16rem;
    border-radius: 0 0 0.2rem 0.2rem;
  }
  #navi .drop li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  }
  #navi .drop li:last-child {
    border-bottom: none;
  }
  #navi .drop a {
    white-space: nowrap;
  }
  #navi .drop a:hover {
    color: #fff;
  }
  #navi .drop a:hover:hover {
    color: var(--main-color);
  }
}
@media only screen and (max-width: 1024px) {
  /*1024px*/
  #navi {
    position: fixed;
    width: 100%;
    height: calc(100% - 1.27rem);
    background-color: #fff;
    z-index: 9;
    right: 0;
    top: 1.27rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.5rem 0;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.3s;
  }
  #navi.active {
    transform: translateX(0);
    opacity: 1;
  }
  #navi .inner {
    width: auto;
  }
  #navi .menu {
    display: block;
  }
  #navi .parent {
    padding: 0 3.125%;
    line-height: 2em;
    position: relative;
  }
  #navi .parent > a {
    padding: 1em 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  #navi .wap {
    display: block;
  }
  #navi #navi0 {
    display: none;
  }
  #navi em {
    display: block;
    position: absolute;
    right: 0.3rem;
    width: 4.03125em;
    height: 4.03125em;
    z-index: 2;
    top: 0;
    cursor: pointer;
  }
  #navi em:after {
    width: 0.54545455em;
    height: 0.54545455em;
    border-right: 0.04545455em solid #fff;
    border-bottom: 0.04545455em solid #fff;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(-45deg);
    background-color: transparent;
    margin: -0.31818182em 0 0 -0.31818182em;
    transition: all 0.3s;
  }
  #navi .on {
    background-color: rgba(0, 0, 0, 0.55);
  }
  #navi .on > em:after {
    transform: rotate(45deg);
  }
  #navi .drop {
    position: static;
    background-color: transparent;
    box-shadow: none;
    padding: 1em 0 1em 2em;
  }
  #navi .drop a {
    padding: 0.75em 0;
  }
}
@media only screen and (max-width: 750px) {
  #navi {
    padding: 0;
    top: 1.10367rem;
    height: calc(100% - 1.10367rem);
  }
  #navi em {
    right: 0;
  }
}
/*footer*/
#footer {
  padding-bottom: 6.25%;
  position: relative;
}
#footer:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding-bottom: 6.25%;
  background: url(../images/footer.jpg) no-repeat center center;
  background-size: cover;
}
/*bottom*/
#bottom {
  margin-bottom: 0.02rem;
  background-image: linear-gradient(90deg, #b42a17, #65170d);
  border-bottom: 0.03rem solid #333;
  padding: 0.185rem 0;
}
#bottom a {
  color: #fff;
}
#bottom a:hover {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1024px) {
  /*1024px*/
  #bottom .inner {
    flex-direction: column;
  }
}
/*infor*/
#infor {
  width: 6.3rem;
  max-width: 100%;
}
#infor .logo {
  width: 1.81rem;
}
#infor .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#infor .social li {
  width: 0.7rem;
  margin-right: 0.02rem;
  position: relative;
}
#infor .social li:last-child {
  margin-right: 0;
}
#infor .social a {
  display: block;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.15rem;
}
#infor .social a:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
#infor .social i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}
#infor .social .qr {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 1em;
  background-color: #fff;
  border-radius: 0.05rem;
  padding: 0.06rem;
  width: 2rem;
  box-shadow: 0px 0px 0.1rem rgba(175, 185, 203, 0.36);
  display: none;
}
#infor .social .qr:after {
  border-top: 0.1rem solid #fff;
  border-left: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin-top: -1px;
}
#infor .social .qr img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 750px) {
  /*750px*/
  #infor {
    flex-direction: column;
  }
  #infor .logo {
    margin-bottom: 0.2rem;
  }
}
/*menu*/
#menu {
  width: calc(100% - 6.4rem);
  position: relative;
  padding-left: 0.3rem;
}
#menu:before {
  width: 0.02rem;
  height: 91.88034188%;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#menu .item {
  margin-bottom: 0.12rem;
}
#menu .item:last-child {
  margin-bottom: 0;
}
#menu .name {
  font-size: 0.35rem;
  line-height: 1.42857143em;
  padding-right: 1em;
  position: relative;
}
#menu .name:after {
  width: 0.02rem;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  height: 0.68571429em;
  right: 0;
  top: 0.37142857em;
}
#menu ul {
  width: calc(100% - 2.09rem);
}
#menu li {
  font-size: 0.32rem;
  line-height: 1.5625em;
  margin-right: 0.65rem;
}
#menu li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  #menu {
    width: auto;
    padding-left: 0;
    margin-top: 0.2rem;
  }
  #menu:before {
    display: none;
  }
  #menu li {
    margin-right: 0.57rem;
  }
}
@media only screen and (max-width: 750px) {
  #menu .item {
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
  }
  #menu .name {
    padding: 0 0 0.2rem;
    margin-bottom: 0.2rem;
  }
  #menu .name:after {
    width: 3em;
    height: 0.02rem;
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
  }
  #menu ul {
    width: 100%;
  }
  #menu li {
    margin-right: 0.4rem;
  }
}
/*slides*/
#slides {
  color: #fff;
}
#slides .figure {
  padding-bottom: 52.08333333%;
}
#slides a {
  display: block;
  overflow: hidden;
}
#slides .swiper-pagination {position: absolute; left:50%; bottom:0.5rem; transform: translateX(-50%);}
#slides .swiper-pagination .swiper-pagination-bullet {width: 0.1rem; height: 0.1rem; margin:0 0.1rem;}
#slides .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media only screen and (max-width: 750px) {
  #slides .figure {
    padding-bottom: 66.6667%;
  }
}
/*hbox*/
.hbox {
  overflow: hidden;
}
.hbox .top {
  padding: 0.45rem 0;
}
.hbox .btm {
  background-color: #f1f1f1;
}
/*hname*/
.hname {
  color: var(--main-color);
  font-size: 0.81rem;
  line-height: 1.18518519em;
  font-weight: 500;
  position: relative;
  padding-bottom: 0.38271605em;
  font-family: '黑体';
}
.hname:before {
  background-color: var(--main-color);
  width: 2.22222222em;
  height: 0.07407407em;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0.03703704em;
}
@media only screen and (max-width: 750px) {
  .hname {
    font-size: 0.5rem;
  }
}
/*enter*/
.enter a {
  color: var(--main-color);
  font-size: 0.28rem;
  line-height: 1.5em;
}
.enter a:hover {
  text-decoration: underline;
}
/*hnews*/
.hnews .enter {
  padding: 0.2rem 0;
}
.hnews .btm {
  padding: 0.5rem 0 0.7rem;
}
@media only screen and (max-width: 750px) {
  .hnews .btm {
    padding: 0.3rem 0;
  }
}
/*hmore*/
.hmore a {
  color: #a7a7a7;
  font-size: 0.28rem;
  line-height: 1.5em;
  background: url(../images/more_01.png) no-repeat right center;
  background-size: auto 1.39285714em;
  padding-right: 1.78571429em;
}
.hmore a:hover {
  color: var(--main-color);
  background-image: url(../images/more_02.png);
}
/*hgroup*/
.hgroup {
  margin-bottom: 0.45rem;
}
.hgroup .name {
  font-size: 0.49rem;
  color: #000;
  font-weight: 500;
  line-height: 1.25em;
  background: no-repeat left 0.08418367em;
  background-size: 1.08163265em auto;
  padding-left: 1.42857143em;
}
.hgroup .more a {
  color: #a7a7a7;
  font-size: 0.28rem;
  line-height: 1.5em;
  background: url(../images/more_01.png) no-repeat right center;
  background-size: auto 1.39285714em;
  padding-right: 1.78571429em;
}
.hgroup .more a:hover {
  color: var(--main-color);
  background-image: url(../images/more_02.png);
}
/*hspecial*/
.hspecial {
  width: 60.22857143%;
}
.hspecial .item {
  width: 49.33586338%;
}
.hspecial .figure {
  padding-bottom: 90.38461538%;
}
.hspecial .info {
  background-color: #fff;
  display: block;
  overflow: hidden;
}
.hspecial .text {
  padding: 0.1rem 0.22rem 0.17rem;
}
.hspecial time {
  display: block;
  color: var(--main-color);
  font-size: 0.19rem;
  line-height: 1.42105263em;
  margin-bottom: 0.03rem;
}
.hspecial time i {
  display: block;
  font-style: normal;
  font-size: 2.73684211em;
  line-height: 1em;
}
.hspecial .title {
  font-size: 0.29rem;
  line-height: 1.35em;
  font-weight: normal;
}
@media only screen and (max-width: 1024px) {
  .hspecial {
    width: 100%;
    padding: 0.25rem 0;
  }
}
@media only screen and (max-width: 750px) {
  .hspecial .item {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .hspecial .item:last-child {
    margin-bottom: 0;
  }
}
/*hnotice*/
.hnotice {
  width: 37.77142857%;
}
.hnotice li {
  border-bottom: 1px solid #acacac;
  font-size: 0.28rem;
  line-height: 1.875em;
  padding-bottom: 0.1rem;
  margin-bottom: 0.155rem;
}
.hnotice li:last-child {
  margin-bottom: 0;
}
.hnotice li time {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #191919;
  font-size: 0.19rem;
  line-height: 1.42105263em;
}
.hnotice li a {
  color: #000;
  display: block;
  position: relative;
  padding-right: 1.05rem;
}
.hnotice li a:hover time,
.hnotice li a:hover {
  color: var(--main-color);
}
@media only screen and (max-width: 1024px) {
  .hnotice {
    width: 100%;
    padding: 0.25rem 0;
  }
}
/*habout*/
.habout .btm {
  padding: 0.9rem 0;
}
.habout .figure {
  width: 62.8%;
}
.habout .figure:after {
  padding-bottom: 85.98726115%;
  display: block;
}
.habout .text {
  width: 32%;
}
.habout .intro {
  color: #000000;
  font-size: 0.36rem;
  line-height: 2.2em;
  text-indent: 2em;
}
.habout .more {
  margin-top: 0.5rem;
}
.habout .more a {
  color: var(--main-color);
  font-size: 0.28rem;
  line-height: 1.5em;
}
.habout .more a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1024px) {
  .habout .text {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .habout .intro {
    line-height: 1.75em;
  }
  .habout .figure {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .habout .btm {
    padding: 0.5rem 0;
  }
}
.htab span {
  display: block;
  font-size: 0.36rem;
  line-height: 1.35em;
  margin-right: 0.68rem;
  cursor: pointer;
}
.htab span:last-child {
  margin-right: 0;
}
.htab .active {
  color: var(--main-color);
}
@media only screen and (max-width: 750px) {
  .htab span {
    margin-right: 0.35rem;
  }
}
/*hteach*/
.hteach .btm {
  padding: 0.25rem 0;
}
.hteach .btm .inner {
  display: none;
}
.hteach .btm .inner:first-child {
  display: block;
}
.hteach .list {
  width: 105.02857143%;
}
.hteach .date {
  color: var(--main-color);
  font-size: 0.29rem;
  line-height: 1.35em;
}
.hteach .first {
  width: 100%;
  padding-right: 4.78781284%;
}
.hteach .first .pic {
  width: 60%;
}
.hteach .first .figure {
  padding-bottom: 75.23809524%;
}
.hteach .first .text {
  width: 36%;
  padding: 1rem 0 0.76rem;
}
.hteach .first .title {
  text-align: center;
  font-size: 0.37rem;
  line-height: 1.45945946em;
  color: #000;
  margin-bottom: 0.4rem;
}
.hteach .first .intro {
  font-size: 0.32rem;
  line-height: 1.65em;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 0.3rem;
}
.hteach .first a:hover .title {color:var(--main-color);}
.hteach .first a:hover .img {transform: scale(1.05);}
.hteach .item {
  width: 33.333%;
  padding-right: 4.78781284%;
  margin-top: 0.55rem;
}
.hteach .item .figure {
  width: 52%;
}
.hteach .item .figure:after {
  padding-bottom: 92.30769231%;
  display: block;
}
.hteach .item .text {
  width: 48%;
  padding: 0.1rem 0.4rem;
}
.hteach .item .date {
  margin-bottom: 0.12rem;
}
.hteach .item .title {
  font-size: 0.32rem;
  line-height: 1.35em;
  font-weight: normal;
  max-height: 5.4em;
}
.hteach .item a {
  background-color: #fff;
  padding: 0.1rem;
}
.hteach .item a:hover .img {transform: scale(1.05);}
@media only screen and (max-width: 1024px) {
  .hteach .first .pic {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .hteach .first .text {
    width: 100%;
    padding: 0;
  }
  .hteach .item {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .hteach .btm {
    padding: 0.5rem 0;
  }
  .hteach .first .title {
    margin-bottom: 0.2rem;
  }
  .hteach .item {
    margin-top: 0.3rem;
  }
  .hteach .item .figure {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .hteach .item .text {
    width: 100%;
    padding: 0;
  }
}
/*henroll*/
.henroll .btm {
  padding: 0.6rem 0;
}
.henroll .inner {
  position: relative;
}
.henroll .pic {
  width: 93.31428571%;
}
.henroll .figure {
  padding-bottom: 56.33802817%;
}
.henroll .figure:nth-child(n+2) {
  display: none;
}
.henroll .list {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.henroll .list span {
  padding: 0.25rem 0;
  display: block;
}
.henroll .list a {
  background-color: #fff;
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 2.5em;
  text-align: center;
  padding: 0 0.5em;
  display: block;
  width: 10.125em;
}
.henroll .list .active a {
  background-color: var(--main-color);
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .henroll .pic {
    width: 100%;
  }
  .henroll .list {
    position: static;
    transform: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    width: calc(100% + 0.25rem);
  }
  .henroll .list span {
    width: 33.333%;
    padding: 0.25rem 0.25rem 0 0;
  }
  .henroll .list a {
    width: auto;
  }
}
@media only screen and (max-width: 750px) {
  .henroll .list span {
    width: 50%;
  }
}
/*hactive*/
.hactive .btm {
  padding: 0.35rem 0;
}
.hactive .list {
  margin-bottom: 0.28rem;
}
.hactive .figure {
  padding-bottom: 88.93572181%;
}
.hactive ul {
  width: 54.68571429%;
}
.hactive ul li {
  width: 49.58202717%;
  padding-bottom: 0.82051282%;
}
.hactive ul li a {display: block; overflow: hidden;}
.hactive ul li a:hover .img {transform: scale(1.05);}
.hactive ul:nth-child(2n) {
  width: 44.85714286%;
}
.hactive ul:nth-child(2n) li {
  width: 100%;
  padding-bottom: 1.01910828%;
}
.hactive ul:nth-child(2n) .figure {
  padding-bottom: 108.66242038%;
}
@media only screen and (max-width: 750px) {
  .hactive .htab {
    margin-top: 0.3rem;
  }
  .hactive ul:nth-child(n+1) {
    width: 100%;
  }
}
/*banner*/
#banner {
  padding-bottom: 6rem;
  position: relative;
  background: no-repeat center center;
  background-size: cover;
  color: #fff;
}
#banner a {
  color: #fff;
}
#banner a:hover {
  color: rgba(255, 255, 255, 0.7);
}
#banner .text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}
#banner .name {
  text-align: center;
  font-size: 1.01rem;
  line-height: 1em;
  font-weight: 500;
  margin-top: 0.32rem;
}
@media only screen and (max-width: 750px) {
  #banner {
    padding-bottom: 3.5rem;
  }
  #banner .name {
    font-size: 0.8rem;
  }
}
/*breadcrumb*/
.breadcrumb {
  font-size: 0.27rem;
  line-height: 1.35em;
  text-align: center;
}
.breadcrumb a,
.breadcrumb span {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb i {
  display: inline-block;
  width: 0.66666667em;
  height: 0.07407407em;
  background-color: #fff;
  vertical-align: middle;
  margin: 0 0.1rem;
}
/*container*/
#container {
  padding: 0.52rem 0 1.15rem;
  min-height: 10.5rem;
}
#container.npt {
  padding-top: 0;
}
/*pagename*/
.pagename {
  text-align: center;
  font-size: 0.65rem;
  color: #000000;
  padding: 0 3.125%;
  line-height: 1.25em;
  border-bottom: 0.02rem solid #bebebe;
  padding-bottom: 0.50769231em;
  margin-bottom: 0.5rem;
}
/*pageside*/
.pageside {
  width: 2.75rem;
  position: relative;
  border-left: 0.1rem solid #ddd;
  padding-top: 0.42rem;
}
.pageside:before {
  content: '';
  display: block;
  position: absolute;
  height: 0.05rem;
  top: 0;
  width: 1.6rem;
  right: 100%;
  background-color: #ddd;
}
.pageside .line {
  height: 0.05rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color: var(--main-color);
}
.pageside .line:before {
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  border-right: 0.1rem solid var(--main-color);
  border-bottom: 0.05rem solid transparent;
}
.pageside .name {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 1.35em;
  color: var(--main-color);
  margin-bottom: 0.1rem;
  padding: 0 0.4rem;
}
.pageside li {
  font-size: 0.24rem;
  border-bottom: 0.02rem dashed #c6c6c6;
  padding: 0.1rem 0.4rem;
}
.pageside a {
  color: #5e5e5e;
}
.pageside .cur a,
.pageside a:hover {
  color: #ff7a6c;
}
@media only screen and (max-width: 1024px) {
  .pageside {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .pageside ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
  }
  .pageside li {
    width: 33.333%;
    padding-right: 0;
  }
}
/*pagemain*/
.pagemain {
  width: calc(100% - 3.35rem);
}
@media only screen and (max-width: 1024px) {
  .pagemain {
    width: 100%;
  }
}
/*pagepost*/
.pagepost .title {
  color: var(--main-color);
  font-size: 0.37rem;
  line-height: 1.32432432em;
  font-weight: normal;
  margin-bottom: 0.32432432em;
  text-indent: 0.64rem;
}
.pagepost .entry {
  font-size: 0.32rem;
  color: #494949;
  line-height: 2em;
  text-indent: 2em;
}
.pagepost .entry * {
  line-height: 2em;
}
.pagepost .button {
  padding: 0 0.64rem;
  margin-top: 0.25rem;
}
.pagepost .button a {
  background-color: var(--main-color);
  color: #fff;
  font-size: 0.32rem;
  line-height: 2.0625em;
  width: 7.875em;
  text-align: center;
  display: block;
  max-width: 100%;
}
.pagepost .button a:hover {
  background-color: rgba(160, 35, 22, 0.7);
}
/*npost*/
#npost .title {
  text-align: center;
  font-size: 0.65rem;
  line-height: 1.5em;
  color: #000;
  border-bottom: 1px solid #6f6f6f;
  padding-bottom: 0.2rem;
}
#npost .meta {
  font-size: 0.29rem;
  color: #666;
  line-height: 1.5em;
  border-bottom: 1px solid #6f6f6f;
  padding: 0.2rem 0;
}
#npost .meta span {
  display: block;
  padding: 0 0.44rem;
}
#npost .meta.mb {
  margin-bottom: 0.55rem;
}
#npost .pic {
  padding: 0.35rem 0 0.75rem;
}
#npost .figure {
  width: 63.42857143%;
  margin: 0 auto;
  overflow: visible;
}
#npost .figure:after {
  display: block;
  padding-bottom: 72.97297297%;
}
#npost .figure:before {
  height: 1px;
  width: 23.24324324%;
  background-color: #e6e6e6;
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  bottom: 0;
  margin-bottom: 6.75675676%;
}
#npost .entry {
  font-size: 0.32rem;
  color: #494949;
  background-color: #f1f1f1;
  padding: 0.52rem 0 1.22rem;
}
#npost .pagenavi {
  margin-top: 0.75rem;
}
#npost .info {
  color: var(--main-color);
  font-size: 0.25rem;
  line-height: 2em;
  margin-top: 0.4rem;
}
#npost .cont {
  margin-top: 0.7rem;
}
#npost .cont .entry {
  max-width: 13.45rem;
  margin: 0 auto;
  padding: 0.5rem 0.65rem;
}
#npost .cont .info {
  max-width: 13.45rem;
  margin: 0.4rem auto 0;
}
@media only screen and (max-width: 750px) {
  #npost .title {
    font-size: 0.42rem;
  }
  #npost .meta {
    font-size: 0.24rem;
  }
  #npost .meta span {
    padding: 0 0.2rem;
  }
}
/*Pages*/
.Pages {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.23rem;
  line-height: 2em;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .a_first,
.Pages .a_end {
  display: none;
}
.Pages .p_page,
.Pages .p_jump {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.Pages .num {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-style: normal;
}
.Pages a {
  display: block;
  margin: 0 0.04rem;
  min-width: 2em;
  text-align: center;
  height: 2em;
  padding: 0 0.16rem;
  color: #000;
  position: relative;
  border: 1px solid #8f8f8f;
}
.Pages a:hover,
.Pages .a_cur {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.Pages .p_jump {
  padding: 0 0.04rem;
}
.Pages .p_jump b {
  font-weight: normal;
  margin: 0 0.04rem;
}
.Pages .p_jump .i_text,
.Pages .p_jump .i_button {
  border: 1px solid #8f8f8f;
  line-height: 2em;
  width: 2em;
  margin: 0 0.04rem;
  padding: 0 0.16rem;
}
.Pages .p_jump .i_button {
  width: auto;
  min-width: 2em;
  cursor: pointer;
}
.Pages .p_jump .i_button:hover {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}
@media only screen and (max-width: 750px) {
  .Pages .num {
    display: none;
  }
}
/*nmenu*/
.nmenu {
    position: relative;
    z-index: 2;
}
.nmenu .line {
  height: 0.02rem;
  background-color: var(--main-color);
  flex-grow: 1;
  position: relative;
}
.nmenu .line:before {
  width: 0.85rem;
  height: 0.06rem;
  background-color: #ddd;
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
}
.nmenu .page {
  font-size: 0.32rem;
  line-height: 1.25em;
}
.nmenu .page li {
  margin-left: 0.35rem;
}
.nmenu .page a {
  color: #666;
}
.nmenu .page a:hover {
  color: var(--main-color);
}
@media only screen and (max-width: 750px) {
  .nmenu {
    margin-bottom: 0.35rem;
  }
  .nmenu .line {
    display: none;
  }
  .nmenu .page li:first-child {
    margin-left: 0;
  }
}
/*newstop*/
.newstop {
  margin-top: -0.2rem;
  margin-bottom: 0.38rem;
}
.newstop .inner {
  border-left: 0.11rem solid #ddd;
  position: relative;
  padding-top: 0.22rem;
}
.newstop .line {
  width: 2.8rem;
  height: 0.06rem;
  background-color: var(--main-color);
  position: absolute;
  left: 0;
  top: 0;
}
.newstop .line:before {
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  border-right: 0.1rem solid var(--main-color);
  border-bottom: 0.06rem solid transparent;
}
.newstop .name {
  color: var(--main-color);
  font-size: 0.53rem;
  line-height: 1.35em;
  font-weight: normal;
  padding: 0 0.36rem;
}
.newstop .left {
  font-size: 0.33rem;
  width: 5rem;
  line-height: 1.24242424em;
  letter-spacing: 1px;
}
.newstop .left li {
  position: relative;
  padding: 0.38rem 0.2rem 0.38rem 0.36rem;
}
.newstop .left li:after {
  content: '';
  display: block;
  position: absolute;
  left: -0.36rem;
  bottom: 0;
  height: 1px;
  background-color: #ddd;
  width: 3.16rem;
}
.newstop .left a:not(:hover) {
  color: #282828;
}
.newstop .right {
  width: calc(100% - 5rem);
}
.newstop .right .figure {
  padding-bottom: 66.05531686%;
}
.newstop .right a {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .newstop .inner {
    border-left: none;
  }
  .newstop .name {
    padding: 0;
  }
  .newstop .left {
    width: 100%;
    margin-bottom: 0.35rem;
  }
  .newstop .left li {
    padding-left: 0;
  }
  .newstop .right {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .newstop {
    margin-top: 0;
  }
  .newstop .line {
    width: 100%;
  }
}
/*nitem*/
.nitem {
  margin-bottom: 0.47rem;
}
.nitem .figure {
  padding-bottom: 60.06944444%;
  margin-bottom: 0.23rem;
}
.nitem .title {
  font-size: 0.33rem;
  line-height: 1.24242424em;
  font-weight: normal;
  text-align: center;
}
.nitem a {
  display: block;
  overflow: hidden;
  color: #282828;
}
/*newslist*/
.newslist {
  padding: 0.6rem 0 0.4rem;
  background-color: #f1f1f1;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
/*toppic*/
#toppic {
  background: no-repeat center center;
  background-size: cover;
  padding-bottom: 9.4rem;
  position: relative;
  overflow: hidden;
}
#toppic .info {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(86, 49, 24, 0.61);
  z-index: 2;
  width: 4.6rem;
  max-width: 100%;
  color: #fff;
  height: 100%;
  padding: 0.35rem;
}
#toppic .info .name {
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.35em;
  text-align: center;
}
#toppic .info ul {
  padding-top: 0.24rem;
  margin-top: 0.4rem;
  border-top: 1px solid #b5a59a;
}
#toppic .info .nob {
  border-top: none;
}
#toppic .info li {
  font-size: 0.32rem;
  line-height: 1.5em;
  width: 46%;
  padding: 0.23rem 0;
}
#toppic .info a {
  background: no-repeat left center;
  background-size: 0.53125em auto;
  color: rgba(216, 216, 216, 0.8);
  padding-left: 1.15625em;
  display: block;
}
#toppic .info .cur a,
#toppic .info a:hover {
  color: #fff;
  background-image: url(../images/arrow_01.png);
}
#toppic .text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  color: #fff;
}
#toppic .text a {
  color: #fff;
}
#toppic .text a:hover {
  color: rgba(255, 255, 255, 0.7);
}
#toppic .text .name {
  text-align: center;
  font-size: 1.01rem;
  line-height: 1em;
  font-weight: 500;
  margin-top: 0.32rem;
}
#toppic .subpage {
  max-width: 13.47rem;
  margin: 0.75rem auto 0;
}
#toppic .subpage:before {
  width: 24.49888641%;
  height: 0.03rem;
  background-color: #fff;
  display: block;
  content: '';
  margin: 0 auto 4.45714286%;
  opacity: 0.6;
}
#toppic .subpage li {
  font-size: 0.39rem;
  line-height: 1.35em;
  position: relative;
  padding-bottom: 2.45714286%;
  margin-top: 0.2rem;
}
#toppic .subpage li:after {
  height: 0.15384615em;
  width: 1.8974359em;
  background-color: var(--main-color);
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  opacity: 0;
}
#toppic .subpage .cur:after {
  opacity: 1;
}
#toppic .subpage a {
  color: rgba(255, 255, 255, 0.6);
  display: block;
}
#toppic .subpage .cur a,
#toppic .subpage a:hover {
  color: #fff;
}
#toppic .subpage.fixed {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
}
#toppic .subpage.fixed:before {
  margin-bottom: 11.13585746%;
}
#toppic .subpage.nob:before {
  display: none;
}
#toppic .red .name {
  color: var(--main-color);
}
#toppic .red .subpage:before {
  display: none;
}
#toppic .red .subpage a {
  color: #fff;
}
#toppic .red .subpage .cur a {
  color: var(--main-color);
}
@media only screen and (max-width: 750px) {
  #toppic .subpage ul {
    justify-content: center;
  }
  #toppic .subpage li {
    padding-left: 2%;
    padding-right: 2%;
    font-size: 0.36rem;
  }
}
@media only screen and (max-width: 750px) {
  #toppic {
    padding-bottom: 100%;
  }
}
/*ntop*/
.ntop {
  border-bottom: 0.02rem solid var(--main-color);
  padding-bottom: 0.12rem;
  margin-bottom: 0.23rem;
  position: relative;
}
.ntop .name {
  font-size: 0.47rem;
  color: var(--main-color);
  font-weight: normal;
  line-height: 1.35em;
}
.ntop .more {
  font-size: 0.2rem;
  color: #6b6b6b;
  opacity: 0.7;
  line-height: 1.35em;
}
.ntop .more:hover {
  opacity: 1;
}
.ntop.hasmore {
  border-bottom-color: #e5e5e5;
}
.ntop.hasmore:after {
  background-color: var(--main-color);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.01rem;
  height: 0.02rem;
  width: 1.9rem;
}
/*topnews*/
.topnews {
  width: 41.14285714%;
  padding: 0.4rem 0;
}
.topnews .figure {
  padding-bottom: 64.44444444%;
}
.topnews .text {
  padding: 0.22rem;
}
.topnews .title {
  font-size: 0.25rem;
  line-height: 1.5em;
  height: 3em;
  text-align: center;
  font-weight: normal;
}
.topnews .title.left {
  text-align: left;
}
.topnews .info {
  display: block;
  overflow: hidden;
  background: url(../images/bg_01.jpg) repeat-x left bottom;
  background-size: auto 0.13rem;
  padding-bottom: 0.13rem;
}
.topnews .info:not(:hover) {
  color: #5e5e5e;
}
@media only screen and (max-width: 1024px) {
  .topnews {
    width: 100%;
  }
}
/*morenews*/
.morenews {
  width: 54.57142857%;
  padding: 0.4rem 0;
}
.morenews .btm {
  overflow: hidden;
}
.morenews li {
  font-size: 0.25rem;
  border-bottom: 1px dashed #c6c6c6;
  line-height: 1.5em;
  padding-bottom: 0.245rem;
  margin-bottom: 0.245rem;
}
.morenews li:last-child {
  margin-bottom: 0;
}
.morenews li a {
  position: relative;
  padding-right: 4em;
}
.morenews li a:not(:hover) {
  color: #5e5e5e;
}
.morenews time {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.8;
}
.morenews.half {
  width: 41.88571429%;
}
.morenews.half:nth-child(2n) {
  width: 50.62857143%;
}
.morenews .item {
  float: left;
  width: 45.25959368%;
  padding-bottom: 2.82167043%;
}
.morenews .item .figure {
  padding-bottom: 54.21686747%;
}
.morenews .item:first-child {
  width: 54.74040632%;
  padding-right: 0.56433409%;
}
.morenews .item:first-child .figure {
  padding-bottom: 108.33333333%;
}
.morenews .item .title {
  font-size: 0.21rem;
  line-height: 2.85714286em;
  padding: 0 0.1rem;
  text-align: center;
  font-weight: normal;
}
.morenews .item a {
  display: block;
  overflow: hidden;
  background-color: #f2f2f2;
}
.morenews .item a:not(:hover) {
  color: #5e5e5e;
}
@media only screen and (max-width: 1024px) {
  .morenews {
    width: 100%;
  }
  .morenews.half:nth-child(n+1) {
    width: 100%;
  }
  .morenews .item {
    padding-bottom: 3.3%;
  }
}
@media only screen and (max-width: 750px) {
  .morenews .item:nth-child(n+1) {
    float: none;
    width: 100%;
    padding-right: 0;
  }
}
/*newsbox*/
.newsbox {
  padding: 0.5rem 0 0.48rem;
  overflow: hidden;
}
.newsbox.gray {
  background-color: #f1f1f1;
}
.newsbox.shadow {
  box-shadow: 0px 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
  margin-bottom: 0.6rem;
}
/*videos*/
.videos .list {
  --margin: 1.86rem;
}
.videos .item {
  --padding: 1.86rem;
  margin-bottom: 0.3rem;
}
.videos .figure {
  padding-bottom: 59.95525727%;
}
.videos .text {
  padding: 0.08rem 0.6rem 0.08rem 0.35rem;
  border-bottom: 1px dashed #c6c6c6;
  min-height: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}
.videos .title {
  font-size: 0.28rem;
  line-height: 1.5em;
  font-weight: normal;
  max-height: 3em;
  width: 100%;
}
.videos .date {
  font-size: 0.25rem;
  opacity: 0.8;
  line-height: 1.35em;
  padding: 0.16rem 0.35rem;
}
.videos .info {
  background-color: #fff;
  display: block;
  overflow: hidden;
  color: #5e5e5e;
  padding-top: 0.4rem;
}
.videos .rmore {
  text-align: center;
  font-size: 0.2rem;
  line-height: 1.35em;
  margin-top: 0.4rem;
}
.videos .rmore a:not(:hover) {
  color: #6b6b6b;
  opacity: 0.8;
}
@media only screen and (max-width: 1024px) {
  .videos .list {
    --margin: 0.6rem;
  }
  .videos .item {
    --padding: 0.6rem;
  }
}
/*columnname*/
.columnname {
  color: var(--main-color);
  text-align: center;
  font-size: 0.65rem;
  letter-spacing: 0.01538462em;
  line-height: 1.35em;
  margin-bottom: 0.25rem;
}
/*pitem*/
.pitem .title {
  font-size: 0.32rem;
  line-height: 1.28125em;
  font-weight: normal;
  width: calc(100% - 1rem);
}
.pitem .date {
  text-align: center;
  font-size: 0.25rem;
  color: #282828;
  font-weight: lighter;
  line-height: 1.64em;
}
.pitem .date i {
  display: block;
  font-style: normal;
  font-size: 1.16em;
  color: var(--main-color);
}
.pitem a {
  background-color: #e5e5e5;
  padding: 0.25rem 0.4rem 0.25rem 0.7rem;
  position: relative;
}
.pitem a:not(:hover) {
  color: #4f4f4f;
}
.pitem a:before {
  width: 0.06rem;
  height: 0.51rem;
  background-color: var(--main-color);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 750px) {
  .pitem a {
    padding-left: 0.4rem;
  }
}
/*postlist*/
.postlist {
  background-color: #f1f1f1;
  overflow: hidden;
  margin-bottom: 0.8rem;
}
.postlist .pitem {
  max-width: 16.21rem;
  margin: 0 auto 0.64rem;
}
.postlist .pitem:last-child {
  margin-bottom: 0;
}
/*ullist*/
.ullist {
  background-color: #f1f1f1;
  padding-bottom: 0.63rem;
}
.ullist ul {
  max-width: 14.4rem;
  margin: 0 auto;
}
.ullist li {
  font-size: 0.25rem;
  line-height: 1.5em;
  border-bottom: 1px dashed #d1d1d1;
  padding: 0.21rem 0;
}
.ullist time {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.8;
}
.ullist a {
  position: relative;
  padding-right: 1.2rem;
}
.ullist a:not(:hover) {
  color: #5e5e5e;
}
/*profile*/
.profile {
  background-color: #f1f1f1;
  margin-bottom: 9.375%;
  padding: 0.25rem 0 1.05rem;
}
.profile:last-child {
  margin-bottom: 0;
}
.profile .figure {
  width: 49.71428571%;
}
.profile .figure:after {
  padding-bottom: 96.55172414%;
  display: block;
}
.profile .figure:hover .img {
  transform: scale(1.02);
}
.profile .text {
  width: 45.71428571%;
  font-size: 0.32rem;
  line-height: 1.65em;
  color: rgba(0, 0, 0, 0.6);
  text-indent: 2em;
}
.profile:nth-child(2n+1) .inner {
  flex-direction: row-reverse;
}
.profile:nth-child(2n+1) .figure {
  width: 53.71428571%;
}
.profile:nth-child(2n+1) .text {
  width: 43.42857143%;
}
@media only screen and (max-width: 1024px) {
  .profile {
    padding: 0.5rem 0;
  }
  .profile:nth-child(n+1) .figure {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .profile:nth-child(n+1) .text {
    width: 100%;
  }
}
/*colname*/
.colname {
  color: var(--main-color);
  font-size: 0.47rem;
  line-height: 1.5em;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.colname:after {
  height: 0.02rem;
  width: 3.29787234em;
  background-color: var(--main-color);
  display: block;
  content: '';
  margin-top: 0.19148936em;
}
.colname.center {
  text-align: center;
  margin-bottom: 0.4rem;
}
.colname.center:after {
  margin-left: auto;
  margin-right: auto;
  width: 1.06382979em;
  border-radius: 0.01rem;
}
/*person*/
.person {
  margin-bottom: 8.57142857%;
}
.person:last-child {
  margin-bottom: 0;
}
.person .figure {
  width: 24.57142857%;
}
.person .figure:after {
  display: block;
  padding-bottom: 130.23255814%;
}
.person .text {
  width: 73.71428571%;
}
.person .box {
  width: calc(100% + 0.85rem);
  background-color: #f1f1f1;
  padding: 0.08rem 0.32rem 0.11rem 0.5rem;
}
.person .name {
  font-size: 0.65rem;
  color: #282828;
  line-height: 1.35em;
  margin-bottom: 0.06rem;
}
.person .job {
  font-size: 0.39rem;
  line-height: 1.25em;
  color: var(--main-color);
  margin-bottom: 0.6rem;
  white-space: nowrap;
}
.person .job:after {
  width: calc(100% - 2em);
  height: 0.02rem;
  background-color: var(--main-color);
  display: block;
  content: '';
}
.person .intro {
  font-size: 0.33rem;
  line-height: 2.27272727em;
  color: #4f4f4f;
  font-weight: lighter;
  max-height: 9.09090909em;
}
.person .active {
  display: block;
  max-height: none;
}
.person .more {
  font-size: 0.28rem;
  line-height: 1.35em;
  color: var(--main-color);
}
.person .more span {
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .person .figure {
    width: 100%;
    margin-bottom: 0.35rem;
  }
  .person .text {
    width: 100%;
  }
  .person .box {
    width: auto;
  }
}
/*navigation*/
.navigation {
  background-color: #f1f1f1;
  padding: 0.55rem 0;
}
.navigation .map {
  position: relative;
  max-width: 15.3rem;
  overflow: hidden;
  margin: 0 auto;
}
.navigation .map:after {
  display: block;
  content: '';
  padding-bottom: 5.8rem;
}
.navigation .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/*details*/
#details .columnname {
  margin-bottom: 0.4rem;
}
#details .title {
  font-size: 0.65rem;
  line-height: 1.35em;
  text-align: center;
  margin-bottom: 0.2rem;
}
#details .date {
  font-size: 0.53rem;
  color: #444444;
  line-height: 1.5em;
  margin-bottom: 0.67rem;
}
#details .pic {
  margin-bottom: 0.65rem;
}
#details .figure {
  width: 72%;
  margin: 0 auto;
}
#details .figure:after {
  display: block;
  padding-bottom: 60.31746032%;
}
#details .entry {
  margin-bottom: 0.65rem;
  font-size: 0.32rem;
  color: #000;
  background-color: #f1f1f1;
  padding: 0.54rem 0 0.86rem;
}
#details .entry:last-child {
  margin-bottom: 0;
}
#details .entry .box {
  max-width: 15.4rem;
  margin: 0 auto;
}
#details .meta {
  color: var(--main-color);
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 1.5em;
}
/*project*/
.project .list {
  --margin: 0.5rem;
}
.project .item {
  --padding: 0.5rem;
  width: 28.61111111%;
  margin-bottom: 0.5rem;
}
.project .info {
  display: block;
  overflow: hidden;
}
.project .info:not(:hover) {
  color: #5e5e5e;
}
.project .istop {
  width: 42.77777778%;
}
.project .istop .figure {
  padding-bottom: 64.44444444%;
}
.project .istop .text {
  padding: 0.3rem 0.22rem 0.48rem;
}
.project .istop .title {
  font-size: 0.25rem;
  line-height: 1.5em;
  font-weight: normal;
  width: calc(100% - 1.2rem);
}
.project .istop time {
  display: block;
  opacity: 0.8;
  font-size: 0.25rem;
  line-height: 1.5em;
}
.project .istop .info {
  background: url(../images/bg_01.jpg) repeat-x left bottom;
  background-size: auto 0.13rem;
  padding-bottom: 0.13rem;
}
.project .post .date {
  font-size: 0.41rem;
  opacity: 0.8;
  line-height: 1.5em;
  padding: 0.2rem 0.38rem 0.1rem;
}
.project .post .figure {
  padding-bottom: 60.0896861%;
  margin-bottom: 0.28rem;
}
.project .post .info {
  background-color: #f1f1f1;
}
.project .post .text {
  padding: 0.25rem 0.38rem 0.47rem;
  border-top: 1px dashed #c6c6c6;
}
.project .post .title {
  font-size: 0.28rem;
  line-height: 1.42857143em;
  height: 4.28571429em;
  font-weight: normal;
}
@media only screen and (max-width: 1024px) {
  .project .istop {
    width: 100%;
  }
  .project .post {
    width: 50%;
  }
}
@media only screen and (max-width: 750px) {
  .project .post {
    width: 100%;
  }
}
/*abroad*/
#abroad .title {
  text-align: center;
  font-size: 0.65rem;
  line-height: 1.5em;
  max-width: 12.6rem;
  margin: 0 auto 0.15rem;
}
#abroad .meta {
  color: #444;
  font-size: 0.39rem;
  line-height: 1.35em;
  margin-bottom: 0.32rem;
}
#abroad .meta span {
  display: block;
}
#abroad .pic {
  margin-bottom: 0.47rem;
}
#abroad .figure {
  max-width: 12.65rem;
  margin: 0 auto;
}
#abroad .figure:after {
  display: block;
  content: '';
  padding-bottom: 60.07905138%;
}
#abroad .btm {
  background-color: #f1f1f1;
  margin-bottom: 0.35rem;
  padding: 0.27rem 0 0.48rem;
}
#abroad .entry {
  max-width: 15.25rem;
  margin: 0 auto;
  font-weight: lighter;
  font-size: 0.33rem;
  line-height: 2.72727273em;
  color: #4f4f4f;
}
#abroad .entry * {
  line-height: 2.72727273em;
}
/*location*/
.location .line {
  height: 0.02rem;
  background-color: var(--main-color);
  flex-grow: 1;
  position: relative;
}
.location .line:before {
  width: 0.85rem;
  height: 0.06rem;
  background-color: #ddd;
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
}
.location .page {
  font-size: 0.32rem;
  line-height: 1.25em;
  color: #666;
  margin-left: 0.3rem;
}
.location .page a:not(:hover) {
  color: #666;
}
.location .page i {
  display: inline-block;
  width: 0.21875em;
  height: 0.21875em;
  border-radius: 50%;
  background-color: #666;
  vertical-align: middle;
  margin-top: -0.125em;
  margin: -0.125em 0.2rem 0;
}
@media only screen and (max-width: 750px) {
  .location {
    margin-bottom: 0.5rem;
  }
  .location .line {
    display: none;
  }
  .location .page {
    margin-left: 0;
  }
}
/*wrapper*/
.wrapper {
  position: relative;
  margin-top: -0.2rem;
  overflow: hidden;
  min-height: 14.5rem;
}
/*wpside*/
.wpside {
  width: 3.5rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .wpside {
    width: 100%;
  }
}
/*wpside*/
.wpmenu {
  border-left: 0.12rem solid #ddd;
  position: relative;
  padding-top: 0.2rem;
}
.wpmenu:before,
.wpmenu:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
}
.wpmenu:after {
  height: 0.06rem;
  width: 2.7rem;
  background-color: var(--main-color);
  left: 0;
}
.wpmenu:before {
  right: 100%;
  border-right: 0.1rem solid var(--main-color);
  border-bottom: 0.06rem solid transparent;
}
.wpmenu .name {
  font-size: 0.6rem;
  color: #000;
  letter-spacing: 0.16666667em;
  font-weight: normal;
  line-height: 1.25em;
  padding-left: 0.38rem;
  margin-bottom: 0.25rem;
}
.wpmenu li {
  border-bottom: 0.02rem solid #e5e5e5;
  font-size: 0.33rem;
  line-height: 1.24242424em;
  padding: 0.3rem 0 0.3rem 0.38rem;
}
.wpmenu a:hover,
.wpmenu .cur a {
  color: var(--main-color);
}
@media only screen and (max-width: 1024px) {
  .wpmenu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
  }
  .wpmenu li {
    width: 25%;
  }
}
@media only screen and (max-width: 750px) {
  .wpmenu li {
    width: 50%;
  }
}
/*wpmain*/
.wpmain {
  width: 77.14285714%;
  padding: 0.2rem 0;
}
@media only screen and (max-width: 1024px) {
  .wpmain {
    width: 100%;
  }
}
/*wpbox*/
.wpbox {
  width: calc(100% + 0.8rem);
  background-color: #f1f1f1;
  margin-top: 0.8rem;
}
@media only screen and (max-width: 1024px) {
  .wpbox {
    width: auto;
    margin-top: 0;
  }
}
/*institution*/
.institution {
  width: calc(100% + 0.8rem);
  background-color: #f1f1f1;
  margin-top: 24.44444444%;
}
.institution ul {
  --margin: 0;
  padding: 0.13rem 0.1rem;
}
.institution li {
  padding: 0.28rem;
  font-size: 0.33rem;
  line-height: 1.5em;
}
.institution a {
  display: block;
  position: relative;
  padding-left: 1.45454545em;
}
.institution a:before {
  width: 0.75757576em;
  height: 0.15151515em;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  background-color: #cbcbcb;
  top: 0.66666667em;
}
.institution a:not(:hover) {
  color: #4f4f4f;
}
@media only screen and (max-width: 1024px) {
  .institution {
    width: auto;
    margin-top: 0;
  }
}
/*ipost*/
#ipost {
  padding: 0.9rem 0;
  min-height: 15.7rem;
}
#ipost .title {
  color: var(--main-color);
  font-weight: 500;
  font-size: 0.53rem;
  line-height: 1.81132075em;
  margin-bottom: 0.4rem;
}
#ipost .btm {
  background-color: #f1f1f1;
}
#ipost .entry {
  max-width: 13.9rem;
  margin: 0 auto;
  font-size: 0.32rem;
  color: #4f4f4f;
  padding: 1rem 0;
}
#ipost .meta {
  font-size: 0.29rem;
  color: #7a7a7a;
  line-height: 2em;
  padding: 0.25rem 0;
}
#ipost .meta p {
  margin-top: 0.25rem;
  background: no-repeat left center;
  background-size: auto 1.27586207em;
  padding-left: 1.72413793em;
}
#ipost .meta .tel {
  background-image: url(../images/tel_01.png);
}
#ipost .meta .mail {
  background-image: url(../images/mail_01.png);
}
/*prospectus*/
.prospectus {
  font-size: 0.33rem;
  line-height: 1.87878788em;
  color: #4f4f4f;
  font-weight: lighter;
  padding: 0.75rem 0.8rem 0.85rem;
}
.prospectus * {
  line-height: 1.87878788em;
}
/*schoolmap*/
.schoolmap .pic {
  padding: 0.3rem 0.45rem;
}
.schoolmap .pic img {
  display: block;
  width: 100%;
  height: auto;
}
.schoolmap .enter {
  margin-top: 0.13rem;
}
.schoolmap .enter a {
  font-size: 0.33rem;
  color: var(--main-color);
  background-color: #fff;
  height: 2.42424242em;
  width: 10.90909091em;
  max-width: 100%;
  border-radius: 1.21212121em;
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
}
.schoolmap .enter a:hover {
  text-decoration: none;
  background-color: var(--main-color);
  color: #fff;
}
.schoolmap .enter a:hover i {
  filter: brightness(100);
}
.schoolmap .enter i {
  display: block;
  background: url(../images/arrow_02.png) no-repeat left center;
  background-size: 1em auto;
  font-style: normal;
  padding-left: 1.81818182em;
}
/*structure*/
.structure {
  padding: 0.2rem 0.8rem 0.2rem 0.35rem;
  min-height: 12.54rem;
}
.structure .title {
  color: var(--main-color);
  font-weight: 500;
  font-size: 0.36rem;
  line-height: 1.35em;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 0.1rem;
  margin-bottom: 0.14rem;
}
.structure ul {
  --margin: 0.2rem;
}
.structure li {
  --padding: 0.2rem;
  font-size: 0.33rem;
  line-height: 1.5em;
  position: relative;
  padding-left: 1.21212121em;
  letter-spacing: 0.03030303em;
  margin-bottom: 0.48rem;
}
.structure li:before {
  width: 0.84848485em;
  height: 0.24242424em;
  background-color: #cbcbcb;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.62878788em;
}
.structure a {
  color: #4f4f4f;
}
@media only screen and (max-width: 750px) {
  .structure .item {
    width: 50%;
  }
}
/*affairs*/
.affairs {
  background-color: #fff;
  padding: 0.86rem 0;
  min-height: 8.7rem;
  margin-bottom: 0.55rem;
}
.affairs:last-child {
  margin-bottom: 0;
}
.affairs.shadow {
  box-shadow: 0px 0.1rem 0.15rem rgba(0, 0, 0, 0.1);
}
.affairs.gray {
  background-color: #f1f1f1;
}
.affairs .name {
  font-size: 0.47rem;
  line-height: 1.5em;
  border-bottom: 1px solid var(--main-color);
  color: var(--main-color);
  font-weight: 500;
  padding-bottom: 0.1rem;
  margin-bottom: 0.31rem;
}
.affairs .title {
  font-size: 0.41rem;
  line-height: 1.5em;
  color: #212121;
  font-weight: normal;
}
.affairs .title.mb {
  margin-bottom: 0.3rem;
}
.affairs .entry {
  font-size: 0.32rem;
  color: rgba(0, 0, 0, 0.6);
}
.affairs table {
  border: 1px solid #6f6f6f;
  table-layout: fixed;
}
.affairs th,
.affairs td {
  border: 1px solid #6f6f6f;
}
.affairs th {
  color: #212121;
  font-size: 0.41rem;
  padding: 0.13rem;
}
.affairs td {
  font-size: 0.29rem;
  color: #7a7a7a;
  line-height: 2em;
  padding: 0.08rem 0.13rem;
}
.affairs td * {
  line-height: 2em;
}
/*submenu*/
#submenu {
  background-color: #f2f2f2;
  font-size: 0.29rem;
  color: #636363;
  line-height: 4.4137931em;
}
#submenu .swiper-slide {
  width: auto;
  border-right: 1px solid #fff;
}
#submenu .swiper-slide:last-child {
  border-right: none;
}
#submenu a {
  display: block;
  color: #636363;
  padding: 0 0.406rem;
}
#submenu .cur a,
#submenu a:hover {
  background-color: var(--main-color);
  color: #fff;
}
/*exchange*/
.exchange {
  padding: 0.37rem 0;
  overflow: hidden;
}
/*exside*/
.exside {
  width: 3.9rem;
  border-left: 0.12rem solid #ddd;
  position: relative;
  padding-top: 0.5rem;
}
.exside:before,
.exside:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
}
.exside:after {
  height: 0.06rem;
  width: 2.7rem;
  background-color: var(--main-color);
  left: 0;
}
.exside:before {
  right: 100%;
  border-right: 0.1rem solid var(--main-color);
  border-bottom: 0.06rem solid transparent;
}
.exside .line {
  height: 0.06rem;
  background-color: #ddd;
  position: absolute;
  top: 0;
  right: 100%;
  width: 1rem;
}
.exside .name {
  font-size: 0.32rem;
  color: var(--main-color);
  font-weight: normal;
  line-height: 1.25em;
  padding-left: 0.38rem;
  margin-bottom: 0.05rem;
}
.exside li {
  border-bottom: 0.02rem dashed #c6c6c6;
  font-size: 0.24rem;
  line-height: 1.625em;
  padding: 0.07rem 0 0.07rem 0.38rem;
}
.exside a {
  color: #5e5e5e;
}
.exside a:hover,
.exside .cur a {
  color: #ff7a6c;
}
@media only screen and (max-width: 1024px) {
  .exside {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .exside ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
  }
  .exside li {
    width: 50%;
  }
}
@media only screen and (max-width: 750px) {
  .exside li {
    width: 100%;
  }
}
/*exmain*/
.exmain {
  width: calc(100% - 4.24rem);
}
@media only screen and (max-width: 1024px) {
  .exmain {
    width: 100%;
  }
}
/*epost*/
#epost {
  width: calc(100% + 0.8rem);
}
#epost .name {
  text-align: center;
  font-size: 0.32rem;
  line-height: 1.5em;
  font-weight: normal;
  color: #000;
  border-bottom: 1px solid var(--main-color);
  padding-bottom: 0.2rem;
  margin-bottom: 0.5rem;
}
#epost .entry {
  padding: 0.2rem 0.6rem 1.1rem;
}
#epost .other {
  color: var(--main-color);
  font-size: 0.25rem;
  line-height: 1.56em;
  margin-top: 0.5rem;
}
#epost .other a {
  color: var(--main-color);
}
#epost .other a:hover {
  text-decoration: underline;
}
#epost .ullist {
  padding: 0.22rem 1.3rem 0.22rem 0.5rem;
}
#epost .ullist li:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 1024px) {
  #epost {
    width: auto;
  }
  #epost .ullist {
    padding-right: 0.5rem;
  }
}
/*ntab*/
.ntab {
  font-size: 0.47rem;
  color: #b2b2b2;
  line-height: 1.875em;
  font-weight: 500;
}
.ntab li {
  width: 25%;
  text-align: center;
}
.ntab span {
  display: block;
  cursor: pointer;
  position: relative;
}
.ntab span:after {
  background-color: var(--main-color);
  height: 0.03rem;
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.ntab .active {
  color: #3a3a3a;
}
.ntab .active span:after {
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .ntab {
    font-size: 0.35rem;
  }
  .ntab ul {
    justify-content: space-between;
  }
}
/*btab*/
.btab {
  display: none;
}
.btab:first-child {
  display: block;
}
/*newslinks*/
.newslinks ul {
  padding: 0.26rem 0;
}
.newslinks li {
  font-size: 0.41rem;
  line-height: 1.875em;
  margin-right: 7.77142857%;
}
.newslinks li a {
  display: block;
}
.newslinks li a:not(:hover) {
  color: #5e5e5e;
}
.newslinks li:last-child {
  margin-right: 0;
}
/*breadcrumb*/
#breadcrumb {
  font-size: 0.32rem;
  color: #666;
  line-height: 1.5em;
  text-align: right;
  padding: 0.4rem 0;
}
#breadcrumb a {
  display: inline-block;
  vertical-align: middle;
}
#breadcrumb a:not(:hover) {
  color: #666;
}
#breadcrumb span {
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
}
#breadcrumb i {
  display: inline-block;
  vertical-align: middle;
  width: 0.21875em;
  height: 0.21875em;
  border-radius: 50%;
  background-color: #666;
  margin: 0 0.18rem;
}
/*guide*/
.guide {
  background-color: #f1f1f1;
  padding: 0.35rem 0 1.64rem;
}
.guide .list {
  margin-bottom: 1.5rem;
}
.guide .list li {
  font-size: 0.33rem;
  line-height: 1.5em;
  border-bottom: 1px dashed #d1d1d1;
  padding: 0.285rem 0;
}
.guide .list time {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.8;
}
.guide .list a {
  position: relative;
  padding-right: 1.5rem;
}
.guide .list a:not(:hover) {
  color: #5e5e5e;
}
/*consult*/
#consult {
  padding: 1.26rem 0 0.7rem;
}
#consult .inner {
  max-width: 15.18rem;
  overflow: hidden;
}
#consult .title {
  color: var(--main-color);
  font-size: 0.53rem;
  line-height: 1.81132075em;
  font-weight: 500;
  margin-bottom: 0.45rem;
}
#consult .entry {
  background-color: #f1f1f1;
  font-size: 0.32rem;
  color: #4f4f4f;
  padding: 9.88142292% 8.89328063% 5.59947299%;
  margin-bottom: 0.5rem;
}
#consult .pd {
  padding: 3.95256917%;
}
#consult table {
  border: 1px solid #000;
  table-layout: fixed;
  color: #000;
}
#consult th,
#consult td {
  border: 1px solid #000;
}
#consult th {
  padding: 0.13rem;
  font-weight: normal;
}
#consult td {
  font-size: 0.29rem;
  line-height: 2em;
  padding: 0.3rem 0.13rem;
  font-weight: lighter;
}
#consult td * {
  line-height: 2em;
}
/*course*/
.course {
  padding: 0.9rem 0 0.17rem;
  overflow: hidden;
  margin-bottom: 0.68rem;
  box-shadow: 0px 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}
.course .figure {
  width: 5.4rem;
}
.course .figure:after {
  display: block;
  padding-bottom: 96.2962963%;
}
.course .views {
  font-size: 0.29rem;
  line-height: 1.62068966em;
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
  margin-top: 0.4rem;
}
.course .views span {
  display: block;
}
.course .views span:first-child {
  margin-right: 0.45rem;
}
.course .views .num {
  font-weight: 500;
  font-size: 1.62068966em;
  color: var(--main-color);
  line-height: 1.35em;
}
.course .text {
  width: calc(100% - 6.9rem);
}
.course .top {
  margin-bottom: 0.7rem;
}
.course .title {
  font-size: 0.65rem;
  color: #282828;
  line-height: 1.35em;
  margin-bottom: 0.23rem;
}
.course .author {
  color: var(--main-color);
  font-size: 0.29rem;
  line-height: 1.4137931em;
}
.course .author span {
  display: block;
  margin-right: 2.9rem;
}
.course .author span:last-child {
  margin-right: 0;
}
.course .meta {
  background-color: #e5e5e5;
  font-size: 0.29rem;
  line-height: 1.62068966em;
  color: #000;
  width: calc(100% + 0.8rem);
  padding: 0.22rem 0.8rem 0.22rem 0.7rem;
}
.course .meta ul {
  max-width: 48.5%;
}
.course .meta li {
  padding: 0.08rem 0;
}
.course .meta span:nth-child(1) {
  color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 1024px) {
  .course .figure {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .course .text {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .course .author span {
    margin-right: 1rem;
  }
  .course .meta ul {
    max-width: none;
    width: 100%;
  }
}
/*cintro*/
.cintro {
  background-color: #f1f1f1;
  margin-bottom: 0.35rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.32rem;
  padding: 0.38rem 0 0.4rem;
}
/*chapters*/
.chapters {
  background-color: #f1f1f1;
  margin-bottom: 0.35rem;
  padding: 0.38rem 0 1.1rem;
}
.chapters .colname {
  margin-bottom: 6.85714286%;
}
.chapters .more {
  font-size: 0.28rem;
  color: #a7a7a7;
  line-height: 1.5em;
  text-align: center;
}
.chapters .more span {
  cursor: pointer;
}
.chapters .item {
  padding: 0.35rem 0.2rem 0.35rem 9.14285714%;
}
.chapters .item:nth-child(n+2) {
  border-top: 0.02rem solid var(--main-color);
}
.chapters .item:nth-child(n+3) {
  display: none;
}
.chapters .num {
  font-size: 0.4rem;
  line-height: 1.675em;
  width: 3.075em;
  text-align: center;
  border-radius: 0.85em;
  color: var(--main-color);
  background-color: #d8d8d8;
}
.chapters .info {
  width: calc(100% - 1.8rem);
}
.chapters .title {
  font-size: 0.4rem;
  line-height: 1.675em;
  color: var(--main-color);
  font-weight: 500;
  margin-bottom: 0.05rem;
  position: relative;
  padding-right: 2em;
  cursor: pointer;
}
.chapters .title:after {
  width: 0.925em;
  height: 0.525em;
  background: url(../images/arrow_03.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.chapters .active:after {
  transform: translateY(-50%) rotate(180deg);
}
.chapters li {
  color: #4f4f4f;
  font-size: 0.33rem;
  font-weight: lighter;
  line-height: 2em;
  padding-left: 0.78787879em;
  position: relative;
  margin-bottom: 0.25rem;
}
.chapters li:last-child {
  margin-bottom: 0;
}
.chapters li:before {
  width: 0.27272727em;
  height: 0.27272727em;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.86363636em;
  background-color: rgba(0, 0, 0, 0.2);
}
.chapters li a:not(:hover) {
  color: #4f4f4f;
}
@media only screen and (max-width: 1024px) {
  .chapters .item {
    padding-left: 0.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .chapters .item {
    flex-direction: column;
  }
  .chapters .num {
    margin-bottom: 0.3rem;
  }
  .chapters .info {
    width: 100%;
  }
}
/*resource*/
.resource {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 0.4rem 0 1.5rem;
  margin-bottom: 11.45833333%;
}
.resource .colname {
  margin-bottom: 5.71428571%;
}
.resource .span {
  font-size: 0.33rem;
  line-height: 2em;
  font-weight: lighter;
  display: block;
  width: 12.5%;
  text-align: center;
}
.resource .span:nth-child(1) {
  width: 27.42857143%;
  text-align: left;
}
.resource .span:nth-child(2) {
  width: 15.42857143%;
  text-align: left;
}
.resource .rth {
  color: rgba(0, 0, 0, 0.8);
}
.resource .btm {
  background-color: #fff;
  border-top: 0.02rem solid #d0d0d0;
  border-bottom: 0.02rem solid #d0d0d0;
  padding: 0.63rem 0 0.5rem;
}
.resource .rtd {
  color: #4f4f4f;
  padding: 0.1rem 0;
}
.resource .rtd:nth-child(n+10) {
  display: none;
}
.resource .btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-evenly;
  padding: 0.16rem 0;
}
.resource .btn a {
  display: block;
  width: 1.03030303em;
  height: 1.03030303em;
  position: relative;
  background: no-repeat center center;
  background-size: contain;
}
.resource .btn a:hover i {
  display: block;
}
.resource .btn .on {
  background-image: url(../images/icon_01.png);
}
.resource .btn .in {
  background-image: url(../images/icon_02.png);
}
.resource .btn i {
  font-style: normal;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  bottom: 100%;
  margin-bottom: 0.1rem;
  color: #f9f9fa;
  font-size: 0.24rem;
  line-height: 2.66666667em;
  border-radius: 0.1rem;
  background-color: rgba(0, 0, 0, 0.74);
  padding: 0 0.21rem;
  display: none;
}
.resource .btn i:after {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.74);
  border-left: 0.07rem solid transparent;
  border-right: 0.07rem solid transparent;
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.resource .more {
  font-size: 0.28rem;
  color: #a7a7a7;
  line-height: 1.5em;
  text-align: center;
  margin-top: 0.4rem;
}
.resource .more span {
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .resource .span:nth-child(4) {
    display: none;
  }
  .resource .span:nth-child(3) {
    width: 25%;
  }
}
@media only screen and (max-width: 750px) {
  .resource .span:nth-child(2) {
    display: none;
  }
  .resource .span:nth-child(1) {
    width: 42%;
  }
}
/*catalogue*/
.catalogue {
  overflow: hidden;
  margin-top: 10.41666667%;
}
/*catameta*/
.catameta {
  width: 29.94791667%;
  box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
}
.catameta .top {
  padding: 0.42rem;
}
.catameta .btm {
  padding-bottom: 0.6rem;
  overflow: hidden;
}
.catameta .figure {
  padding-bottom: 59.01639344%;
}
.catameta .title {
  font-size: 0.47rem;
  color: var(--main-color);
  font-weight: 500;
  background-color: #f1f1f1;
  padding: 0.17rem 0.6rem;
  line-height: 1.5em;
  margin-bottom: 0.2rem;
}
.catameta .list {
  height: 9.58rem;
  overflow-y: auto;
}
.catameta li {
  font-size: 0.23rem;
  font-weight: 500;
  color: #000;
  padding: 0.05rem 0.7rem;
  line-height: 1.5em;
}
.catameta li a {
  color: #000;
}
.catameta li a:hover {
  color: var(--main-color);
}
.catameta li li {
  line-height: 2em;
  padding: 0.2rem;
}
@media only screen and (max-width: 1024px) {
  .catameta {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .catameta .list {
    height: 5rem;
  }
}
/*catainfo*/
.catainfo {
  background-color: #f1f1f1;
  padding: 0.5rem 0 0.5rem 0.58rem;
  width: 67.96875%;
}
.catainfo .title {
  font-size: 0.47rem;
  color: var(--main-color);
  line-height: 1.5em;
  font-weight: 500;
  margin-bottom: 0.36rem;
}
.catainfo .menu {
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.catainfo .menu a {
  font-size: 0.27rem;
  color: #fff;
  line-height: 2em;
  padding: 0 0.2rem;
  border-radius: 1em;
  background-color: #a7a7a7;
  display: block;
  overflow: hidden;
  margin: 0 0.3rem 0.3rem 0;
}
.catainfo .menu a:hover,
.catainfo .menu .cur {
  background-color: var(--main-color);
}
.catainfo .media {
  background-color: #a7a7a7;
  position: relative;
  margin-bottom: 0.7rem;
}
.catainfo .media:after {
  display: block;
  content: '';
  padding-bottom: 77.25458899%;
}
.catainfo .media video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catainfo .button {
  padding: 0 0.6rem;
}
.catainfo .button a {
  font-size: 0.23rem;
  color: #000;
  display: block;
  width: 4.60869565em;
  line-height: 2em;
  text-align: center;
  border: 1px solid #a7a7a7;
  border-radius: 1em;
}
.catainfo .button a:hover {
  background-color: var(--main-color);
  color: #fff;
  border-color: var(--main-color);
}
@media only screen and (max-width: 1024px) {
  .catainfo {
    width: 100%;
    padding-right: 0.58rem;
  }
}
/*cpost*/
#cpost {
  padding: 13.02083333% 0 1rem;
}
#cpost.npt {
  padding-top: 0;
}
#cpost .top {
  padding: 0.44rem 0 0.55rem;
  border-top: 1px solid #bdbdbd;
}
#cpost .top .title {
  text-align: center;
  font-size: 0.47rem;
  line-height: 1.5em;
  color: var(--main-color);
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 0.5rem;
  font-weight: 500;
}
#cpost .top .meta {
  font-size: 0.29rem;
  color: #666;
  line-height: 1.5em;
  border-bottom: 1px solid #bdbdbd;
  padding: 0.2rem 0;
}
#cpost .top .meta span {
  display: block;
  padding: 0 0.44rem;
}
#cpost .box {
  padding: 0.36rem 0 1.13rem;
  background-color: #f1f1f1;
  overflow: hidden;
}
#cpost .box .name {
  color: var(--main-color);
  font-size: 0.47rem;
  font-weight: 500;
  border-bottom: 0.02rem solid var(--main-color);
  line-height: 1.5em;
  padding-bottom: 0.13rem;
  margin-bottom: 0.34rem;
}
#cpost .box .title {
  color: #212121;
  font-size: 0.41rem;
  line-height: 1.875em;
  font-weight: 500;
}
#cpost .box .entry {
  font-size: 0.32rem;
  color: rgba(0, 0, 0, 0.6);
}
#cpost .other {
  padding: 1.38rem 0.27rem;
}
#cpost .other li {
  font-size: 0.32rem;
  line-height: 2em;
  padding: 0.12rem 0;
}
#cpost .other a {
  color: var(--main-color);
  display: inline-block;
  background: url(../images/icon_03.png) no-repeat right center;
  background-size: 0.6875em auto;
  padding-right: 1.0625em;
}
#cpost .other a:hover {
  text-decoration: underline;
}
#cpost .pdf {
  margin-bottom: 1.3rem;
}
#cpost .pdfobject-container {
  height: 6.85rem;
}
#cpost .pnav {
  font-size: 0.32rem;
  line-height: 2em;
  border-top: 1px solid #c1c1c1;
  margin-top: 26.57142857%;
}
#cpost .pnav.nmt {
  margin-top: 0;
}
#cpost .pnav a {
  color: var(--main-color);
  display: inline-block;
  background: url(../images/icon_03.png) no-repeat right center;
  background-size: 0.6875em auto;
  padding-right: 1.0625em;
}
#cpost .pnav a:hover {
  text-decoration: underline;
}
/*college*/
#college {
  padding: 0.6rem 0 1.3rem;
}
#college .btm .inner {
  max-width: 14.8rem;
}
#college .top {
  margin-bottom: 1rem;
}
#college .top a {
  display: block;
  font-size: 0.35rem;
  color: var(--main-color);
  background-color: #f1f1f1;
  flex-grow: 1;
  width: 50%;
  text-align: center;
  line-height: 2.14285714em;
  padding: 0 1em;
}
#college .top a:hover,
#college .top .cur {
  background-color: var(--main-color);
  color: #fff;
}
#college .btm {
  background-color: #f1f1f1;
  padding: 0.4rem 0 0.9rem;
}
#college .btm ul {
  --margin: 0.2rem;
  border-bottom: 1px solid #cac9c9;
  padding: 0.3rem 0;
}
#college .btm li {
  --padding: 0.2rem;
}
#college .btm a {
  font-size: 0.39rem;
  line-height: 2em;
  color: var(--main-color);
  display: inline-block;
  background: url(../images/icon_03.png) no-repeat right center;
  background-size: 0.56410256em auto;
  padding-right: 1em;
}
#college .btm a:hover {
  text-decoration: underline;
}
/*emenu*/
.emenu {
  margin-bottom: 0.72rem;
}
.emenu a {
  font-size: 0.57rem;
  line-height: 1.5em;
  color: #4f4f4f;
  font-weight: 500;
  display: block;
  position: relative;
}
.emenu a:after {
  height: 1px;
  background-color: var(--main-color);
  content: '';
  display: block;
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 0;
}
.emenu a:hover,
.emenu .cur {
  color: var(--main-color);
}
.emenu a:hover:after,
.emenu .cur:after {
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .emenu a {
    font-size: 0.36rem;
  }
}
/*employment*/
#employment {
  padding: 0.9rem 0 1.37rem;
}
#employment .figure {
  margin-bottom: 1.07rem;
}
#employment .list {
  --margin: 0.25rem;
}
#employment .item {
  --padding: 0.25rem;
  margin-bottom: 0.25rem;
}
#employment .box {
  padding-bottom: 98.18181818%;
  position: relative;
}
#employment .icon {
  width: 0.73rem;
  position: relative;
  margin-bottom: 0.06rem;
}
#employment .icon:after {
  display: block;
  padding-bottom: 100%;
  content: '';
}
#employment .icon img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#employment .title {
  font-size: 0.49rem;
  line-height: 1.5em;
}
#employment .item a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  color: var(--main-color);
}
#employment .item:nth-child(4n+2) a,
#employment .item:nth-child(4n+3) a {
  flex-direction: column-reverse;
}
#employment .item:nth-child(2n) a {
  background-color: var(--main-color);
  color: #fff;
}
/*smenu*/
.smenu a {
  color: #282828;
  font-size: 0.47rem;
  line-height: 2em;
  display: block;
  margin: 0 6.28571429%;
}
.smenu a:hover,
.smenu .cur {
  color: var(--main-color);
}
@media only screen and (max-width: 1024px) {
  .smenu {
    margin-bottom: 0.5rem;
  }
}
/*teacher*/
.teacher {
  padding: 0.27rem;
}
.teacher .col_2 {
  --margin: 0;
}
.teacher .item {
  --padding: 0;
  padding: 0.13rem;
}
.teacher .info {
  background-color: #fff;
  transition: all 0.3s;
}
.teacher .info:hover {
  box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.1);
}
.teacher .figure {
  width: 2.46rem;
}
.teacher .figure:after {
  padding-bottom: 130.89430894%;
  display: block;
}
.teacher .text {
  width: calc(100% - 2.46rem);
  color: #4f4f4f;
  padding: 0.32rem 0.07rem 0.32rem 0.33rem;
}
.teacher .top {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 0.29rem;
  margin-bottom: 0.3rem;
}
.teacher .name {
  font-size: 0.33rem;
  line-height: 1.5em;
  font-weight: normal;
}
.teacher .job {
  font-size: 0.24rem;
  line-height: 1.5em;
  margin-top: 0.1rem;
}
.teacher .intro {
  font-size: 0.23rem;
  line-height: 1.34782609em;
  color: #a3a3a3;
  max-width: 3.12rem;
}
/*category*/
.category {
  font-size: 0.27rem;
  line-height: 2em;
  color: #000;
  margin-top: 0.5rem;
}
.category a:not(:hover) {
  color: #000;
}
.category .cur a {
    color:var(--main-color);
}
.category span {
  display: block;
  padding-right: 0.31rem;
  position: relative;
}
.category span:after {
  width: 1px;
  background-color: #595757;
  height: 0.88888889em;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.category ul {
  width: calc(100% - 1.22rem);
}
.category li {
  margin-right: 0.44rem;
}
.category li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .category {
    margin-bottom: 0.5rem;
  }
}
/*content*/
#content {
  position: relative;
  padding: 1rem 0 2.8rem;
  overflow: hidden;
}
/*ordertype*/
.ordertype {
  position: absolute;
  left: 0;
  top: 0.8rem;
  color: var(--main-color);
  font-size: 0.35rem;
  width: 4.05rem;
  background-color: #fff;
}
.ordertype ul {
  border: 1px solid var(--main-color);
}
.ordertype li {
  width: 50%;
  height: 2.48571429em;
  cursor: pointer;
}
.ordertype li:first-child:before {
  width: 1.74285714em;
  height: 1.28571429em;
  background: url(../images/order_01.png) no-repeat center center;
  background-size: contain;
  display: block;
  content: '';
  margin-right: 0.16rem;
}
.ordertype .cur {
  background-color: var(--main-color);
  color: #fff;
}
.ordertype .cur:before {
  filter: brightness(100);
}
@media only screen and (max-width: 750px) {
  .ordertype {
    position: static;
    margin: 0 auto 0.5rem;
  }
}
/*major*/
.major {
  background-color: #f1f1f1;
  margin: 1.4rem 0 2.8rem;
  padding: 1rem 0;
  overflow: hidden;
}
.major .inner {
  position: relative;
  padding: 1rem 0;
}
.major .inner:after {
  width: 1px;
  height: 100%;
  background-color: var(--main-color);
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.major .item {
  width: 50%;
  border-top: 1px solid var(--main-color);
  padding: 0.53rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.major .item:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  background-color: var(--main-color);
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
}
.major .item:nth-child(2n) {
  padding-left: 0.5rem;
  margin-top: 1rem;
}
.major .item:nth-child(2n):after {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
}
.major .item:nth-child(2n+1) {
  flex-direction: row-reverse;
  padding-right: 0.5rem;
}
.major .title {
  color: var(--main-color);
  font-weight: normal;
  font-size: 0.46rem;
  line-height: 1.2173913em;
  background: url(../images/icon_03.png) no-repeat right 0.1em;
  background-size: 0.47826087em auto;
  padding-right: 0.65217391em;
}
.major .title a {
  color: var(--main-color);
}
.major li {
  font-size: 0.32rem;
  line-height: 1.28125em;
  margin-bottom: 0.47rem;
}
.major li:last-child {
  margin-bottom: 0;
}
/* .major li a:not(:hover) {
  color: #4f4f4f;
} */
@media only screen and (max-width: 1024px) {
  .major .item {
    display: block;
  }
  .major .title {
    margin-bottom: 0.5rem;
  }
}
/*recruitment*/
.recruitment {
  padding: 0.35rem 0.45rem;
}
.recruitment .item {
  margin-bottom: 0.25rem;
}
.recruitment .title {
  font-size: 0.25rem;
  line-height: 1.5em;
  font-weight: normal;
  width: calc(100% - 1.5rem);
}
.recruitment .date {
  font-size: 0.2rem;
  line-height: 1.35em;
  opacity: 0.8;
}
.recruitment .meta {
  width: 100%;
  font-size: 0.19rem;
  color: #b2b2b2;
  line-height: 1.75em;
}
.recruitment .info {
  background-color: #fff;
  color: #5e5e5e;
  padding: 0 0.7rem 0 0.35rem;
}
.recruitment .info:hover {
  color: #fff;
  background-color: var(--main-color);
}
.recruitment .info:hover .meta {
  color: #fff;
  opacity: 0.6;
}
@media only screen and (max-width: 1024px) {
  .recruitment .info {
    padding-right: 0.35rem;
  }
}
/*wpcalendar*/
.wpcalendar {
  margin-top: 0.18rem;
}
.wpcalendar .name {
  color: #fff;
  background-color: var(--main-color);
  font-size: 0.39rem;
  line-height: 1.8974359em;
  padding: 0 0.54rem;
  font-weight: 500;
}
/*omenu*/
.omenu {position: relative; z-index: 6; margin-bottom: 0.5rem;}
.omenu a {display: block; font-size: 0.3rem; color: var(--main-color);  background-color: #f1f1f1; flex-grow: 1; width: 25%; text-align: center;
  line-height: 1.5em; padding:1.25em 1em; color:#4f4f4f; border-right: 1px solid #fff;}
.omenu a:last-child {border-right: none;}
.omenu a.cur,
.omenu a:hover {background-color: var(--main-color); color:#fff;}
@media only screen and (max-width:750px) {
  .omenu a {width: 50%; border-bottom: 1px solid #fff;}
  .omenu a:nth-child(2n){border-right: none;}
}
/*adminpart*/
.adminpart {margin:0 auto;}
.adminpart ul {border-bottom: 1px solid #999;}
.adminpart li {width: 33.333%; font-size: 0.3rem; line-height: 1.5em; padding:0.3rem 0;border-bottom: 1px solid #999; margin-bottom: -1px;}
.adminpart li:nth-child(n+4){}
.adminpart li a {display: inline-block; background: url(../images/icon_04.png) no-repeat right center; background-size: 0.734em auto; padding-right: 1.5em;}
.adminpart li a:hover {color:var(--main-color); background-image: url(../images/icon_03.png);}
@media only screen and (max-width:750px) {
  .adminpart .item {width: 50%;}
}