.pb_sys_style2 .p_no_d {
  border: 1px solid #a00707 !important;
  color: #fff;
  background-color: #a00707 !important;
}
* {
  padding: 0;
  margin: 0;
  font-family: 'Microsoft YaHei';
}
body {
  font: 14px/1.231 'Microsoft YaHei';
  color: #333;
  margin: 0;
  line-height: 1;
  overflow-x: hidden;
}
*:before, *:after {
  box-sizing: content-box;
}
:focus {
  outline: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
img {
  font-size: 0.14rem;
}
li, ul {
  list-style-type: none;
}
img {
  border: none;
}
input, textarea {
  outline: 0;
  border: 0;
  resize: none;
}
h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em {
  font-weight: normal;
  font-style: normal;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearboth {
  clear: both;
}
.clear {
  clear: both;
}
a:hover {
  color: #791cb5 !important;
} 
/*banner*/ 
.banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.txt-swiper {
  width: 100%;
  height: 100%;

  overflow: hidden;
  margin: 0 auto;
  z-index: auto;
}
.txt-swiper .swiper-slide {
	height: 100%;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.txt-swiper .swiper-slide img {
  width: 100%;
  height: 100vh;
  display: block;
  object-fit: cover;
  transform: scale(1.1);
}
.banner .swiper-slide-active img {
  transition: 6s linear;
  transform: scale(1);
}
.banner_ico {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0.4rem;
  height: 0.88rem;
}
.banner_ico .banner_icoimg {
  width: 0.22rem;
  height: 0.32rem;
  background: url(../images/i_down.png) no-repeat center;
  margin: 0rem auto 0 auto;
  position: absolute;
  top: 0.28rem;
  left: 0.33rem;
}
.banner .ui-loop {
  position: relative;
  width: 0.88rem;
  height: 0.88rem;
  z-index: 9;
  margin: 0 auto;
}
.banner .path-loop {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.banner .path-loop-bg {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  opacity: 0.1;
}
.banner .banner-prev {
  position: absolute;
  right: 8%;
  bottom: 0.65rem;
  cursor: pointer;
  background: url(../images/bannerR.png) no-repeat center;
  width: 0.37rem;
  height: 0.37rem;
  z-index: 10;
  background-size: 100%;
}
.banner .banner-next {
  position: absolute;
  right: 11%;
  bottom: 0.65rem;
  left: auto;
  cursor: pointer;
  background: url(../images/bannerL.png) no-repeat center;
  width: 0.37rem;
  height: 0.37rem;
  z-index: 10;
  background-size: 100%;
}
.banner .swiper-banner {
  position: absolute;
  left: 0%;
  bottom: 0.65rem;
  z-index: 11;
  width: auto;
  height: 0.68rem;
  background: url(../images/banner_xt2.png) no-repeat left center;
  padding-left: 14%;
  z-index: 8;
}
.banner::after {
  width: 8%;
  height: 1px;
  position: absolute;
  left: 0%;
  bottom: 0.7rem;
  content: "";
}
.banner .swiper-banner .swiper-pagination-bullet {
  line-height: 0.68rem;
  font-family: Arial;
  font-size: 0.2rem;
  color: #fff;
  position: relative;
  width: 0.56rem;
  height: 0.68rem;
  background: none;
  border-radius: 0;
  opacity: 1;
  text-align: center;
  padding-left: 0.1rem;
  display: inline-block;
}
.banner .swiper-banner .swiper-pagination-bullet::after {
  position: absolute;
  left: 0.2rem;
  top: 0px;
  content: "0";
  font-size: 0.2rem;
  color: #fff;
  font-family: Arial;
}
.banner .swiper-banner .swiper-pagination-bullet-active {
  font-family: 'imp';
  font-size: 0.36rem;
  color: #fff;
  position: relative;
  background: url(../images/bannerico.png) no-repeat top left;
  width: 0.66rem;
  padding-right: 0.8rem;
  top: 0.05rem;
}
.banner .swiper-banner .swiper-pagination-bullet-active::after {
  position: absolute;
  left: 0.15rem;
  top: 0px;
  content: "0";
  font-family: 'imp';
  font-size: 0.36rem;
  color: #fff;
}
.banner .swiper-banner .swiper-pagination-bullet-active::before {
  position: absolute;
  right: 0px;
  top: 0.3rem;
  content: "";
  width: 0.58rem;
  height: 0.07rem;
  background: url(../images/banner_xt.png) no-repeat center;
}
.banner .swiper-banner .swiper-pagination-bullet-active:last-child:before {
  background: none;
}
.banner .banner_xt {
  position: absolute;
  left: 0;
  bottom: 0px;
  background: url(../images/bar_shadow.png) no-repeat top center;
  background-size: 100% 100%;
  width: 100%;
  height: 3rem;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 1366px) {
  .banner .banner-prev {
    width: 0.57rem;
    height: 0.57rem;
  }
  .banner .banner-next {
    width: 0.57rem;
    height: 0.57rem;
  }
}
@media (max-width: 980px) {
  .txt-swiper .img {
    height: 50vw;
    overflow: hidden;
  }
  .txt-swiper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .banner {
    margin-top: 0
  }
  .banner_ico {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: 0.3rem;
    height: 0.62rem;
  }
  .banner_ico .banner_icoimg {
    width: 0.22rem;
    height: 0.32rem;
    background: url(../images/i_down.png) no-repeat center;
    background-size: 100% 100%;
    margin: 0rem auto 0 auto;
    position: absolute;
    top: 0.15rem;
    left: 0.2rem;
  }
  .banner .ui-loop {
    position: relative;
    width: 0.62rem;
    height: 0.62rem;
    z-index: 9;
    margin: 0 auto;
  }
  .banner .path-loop {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
  }
  .banner .path-loop-bg {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    opacity: 0.1;
  }
  .banner .banner-prev {
    position: absolute;
    right: 6%;
    bottom: 0.45rem;
    cursor: pointer;
    background: url(../images/bannerR.png) no-repeat center;
    width: 0.37rem;
    height: 0.37rem;
    z-index: 10;
    background-size: 100%;
  }
  .banner .banner-next {
    position: absolute;
    right: auto;
    bottom: 0.45rem;
    left: 6%;
    cursor: pointer;
    background: url(../images/bannerL.png) no-repeat center;
    width: 0.37rem;
    height: 0.37rem;
    z-index: 10;
    background-size: 100%;
  }
  .banner .swiper-banner {
    display: none;
  }
} /*title*/ .title {
  position: relative;
  margin: 0 auto;
}
.title h3 {
  margin: 0 auto;
  text-align: center;
}
.title h3 a {
  display: block;
}
.title h3 img {
  display: inline-block;
  width: 0.86rem;
  height: 0.88rem;
}
.title h3 span {
  display: inline-block;
  text-align: left;
  background: url(../images/title.png) no-repeat right 0.2rem;
  padding-right: 0.95rem;
  margin-left: 0.2rem;
  position: relative;
  top: -0.15rem;
}
.title h3 span em {
  font-size: 0.38rem;
  font-weight: bold;
  color: #333333;
}
.title h3 span em i {
  font-size: 0.38rem;
  font-weight: bold;
  color: #791cb5
}
.title h3 span b {
  display: block;
  font-size: 0.16rem;
  color: #791cb5;
  text-align: center;
  font-weight: normal; /* background: url(../images/title_xt.png) no-repeat left center;  padding-left: 0.35rem;*/ margin-top: 0.15rem;
}
.title .title_more {
  position: absolute;
  right: 0px;
  top: 0.23rem;
  font-size: 0.16rem;
  color: #791cb5;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.title .title_more a {
  display: block;
  color: #791cb5;
  font-size: 0.2rem;
  font-weight: bold;
  background: url(../images/more.png) no-repeat right center;
  line-height: 0.2rem;
  padding-right: 0.35rem;
  background-size: contain;
}
.title .title_more:hover {
  transform: translateX(-10px);
}
@media (max-width: 980px) {
  .title {
    position: relative;
    margin: 0 auto;
  }
  .title h3 {
    margin: 0 auto;
    text-align: center;
  }
  .title h3 a {
    display: block;
  }
  .title h3 img {
    display: inline-block;
    width: 0.86rem;
    height: 0.88rem;
  }
  .title h3 span {
    display: inline-block;
    text-align: left;
    background: url(../images/title.png) no-repeat right 0.2rem;
    padding-right: 1.65rem;
    margin-left: 0.2rem;
    position: relative;
    top: -0.1rem;
  }
  .title h3 span em {
    font-size: 0.44rem;
    font-weight: bold;
    color: #333333;
  }
  .title h3 span em i {
    font-size: 0.44rem;
    font-weight: bold;
    color: #791cb5
  }
  .title h3 span b {
    display: block;
    font-size: 0.24rem;
    color: #791cb5;
    font-weight: normal;
    text-align: center; /*    background: url(../images/title_xt.png) no-repeat left center;    padding-left: 0.35rem;*/ margin-top: 0.15rem;
    background-size: 10%;
  }
  .title .title_more {
    position: relative;
    right: 0px;
    top: 0.23rem;
    font-size: 0.16rem;
    color: #791cb5;
    margin: 0 auto;
    text-align: center;
  }
  .title .title_more a {
    display: inline-block;
    color: #791cb5;
    font-size: 0.2rem;
    font-weight: bold;
    background: url(../images/more.png) no-repeat right center;
    line-height: 0.26rem;
    padding-right: 0.35rem;
    background-size: contain;
  }
  .title .title_more:hover {
    transform: translateX(0px);
  }
} /*news*/ .news_bg {
  width: 100%;
  margin: 0 auto;
  background: url(../images/newsbg.jpg) no-repeat top center;
  background-size: cover;
}
.news_bg .news {
  margin: 0 auto;
  padding-top: 0.75rem;
}
.news_bg .news .news_box {
  margin: 0.6rem auto 0 auto;
}
.news_bg .news .news_box .news_l {
  width: 51%;
  position: relative;
}
.news_bg .news .news_box .news_l .news_button {
  position: absolute;
  right: 0.4rem;
  top: 4.5rem;
  z-index: 5;
}
.news_bg .news .news_box .news_l .news_button .news-next {
  float: left;
  cursor: pointer;
  position: relative;
  background: url(../images/left1.png) no-repeat center;
  width: 0.29rem;
  height: 0.29rem;
  background-size: 100%;
  margin-top: 0.1rem;
}
.news_bg .news .news_box .news_l .news_button .ui-loop {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 9;
  margin: 0 0.2rem;
  float: left;
}
.news_bg .news .news_box .news_l .news_button .ui-loop .news_icoimg {
  position: absolute;
  width: 0.28rem;
  height: 0.28rem;
  background: url(../images/newsico.png) no-repeat center;
  left: 0.11rem;
  top: 0.11rem;
  background-size: 100%;
}
.news_bg .news .news_box .news_l .news_button .path-loop {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 1px;
}
.news_bg .news .news_box .news_l .news_button .path-loop-bg {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  opacity: 0.1;
}
.news_bg .news .news_box .news_l .news_button .news-prev {
  float: right;
  cursor: pointer;
  position: relative;
  background: url(../images/right1.png) no-repeat center;
  width: 0.29rem;
  height: 0.29rem;
  background-size: 100%;
  margin-top: 0.1rem;
}
.news_bg .news .news_box .news_l .swiper-slide {
  position: relative;
}
.news_bg .news .news_box .news_l .swiper-slide .pic {
  width: 99.7%;
  height: 5.24rem;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.news_bg .news .news_box .news_l .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news_bg .news .news_box .news_l .swiper-slide .txt {
  margin: 0.35rem auto 0 auto;
  width: 99.5%;
}
.news_bg .news .news_box .news_l .swiper-slide .txt .time {
  float: left;
  width: 12.5%;
  height: 1.14rem;
  background: url(../images/newstime.png) no-repeat top center;
  background-size: 100%;
  text-align: right;
  padding-right: .15rem;
  box-sizing: border-box;
}
.news_bg .news .news_box .news_l .swiper-slide .txt .time span {
  display: block;
  font-family: 'imp';
  font-size: 0.32rem;
  color: #FFFFFF;
  padding: 0.25rem 0 0.1rem 0;
}
.news_bg .news .news_box .news_l .swiper-slide .txt .time i {
  font-size: 0.16rem;
  color: #FFFFFF;
  display: block;
}
.news_bg .news .news_box .news_l .swiper-slide .txt .txtnr {
  float: right;
  width: 82%;
}
.news_bg .news .news_box .news_l .swiper-slide .txt .txtnr a {
  font-size: 0.22rem;
  font-weight: bold;
  color: #791cb5;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin: 0.1rem 0 0.2rem 0;
}
.news_bg .news .news_box .news_l .swiper-slide .txt .txtnr p {
  font-size: 0.15rem;
  line-height: 0.24rem;
  height: 0.48rem;
  overflow: hidden;
  color: #666666;
}
.news_bg .news .news_box .news_r {
  width: 45.5%;
  margin-top: 0.23rem;
}
.news_bg .news .news_box .news_r ul li {
  position: relative;
  width: 100%;
  height: 1.3rem;
  margin-bottom: 0.47rem;
}
.news_bg .news .news_box .news_r ul li .time {
  text-align: right;
  height: 0.81rem;
  background: url(../images/time_ico.png) no-repeat top left;
  float: left;
  width: 0.85rem;
  background-size: 100%;
}
.news_bg .news .news_box .news_r ul li .time span {
  display: block;
  font-family: 'imp';
  font-size: 0.32rem;
  color: #791cb5;
  padding: 0.2rem 0 0.05rem 0;
}
.news_bg .news .news_box .news_r ul li .time i {
  display: block;
  font-size: 0.16rem;
  color: #791cb5;
  font-family: Arial, Helvetica, sans-serif;
}
.news_bg .news .news_box .news_r ul li .txt {
  position: relative;
  float: right;
  width: 83%;
  height: 1.3rem;
  border-bottom: 1px solid rgba(152, 56, 54, 0.1);
}
.news_bg .news .news_box .news_r ul li .txt a {
  font-size: 0.22rem;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news_bg .news .news_box .news_r ul li .txt p {
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.26rem;
  height: 0.52rem;
  overflow: hidden;
  margin-top: 0.22rem;
}
.news_bg .news .news_box .news_r ul li .txt::after {
  position: absolute;
  width: 0%;
  height: 1px;
  left: 0rem;
  bottom: 0rem;
  content: "";
  background: #791cb5;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news_bg .news .news_box .news_r ul li:hover .txt::after {
  width: 100%;
}
@media (max-width: 980px) {
  .news_bg .news {
    margin: 0 auto;
    padding-top: 0.6rem;
  }
  .news_bg .news .news_box {
    margin: 0.6rem auto 0 auto;
  }
  .news_bg .news .news_box .news_l {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  .news_bg .news .news_box .news_l .news_button {
    position: absolute;
    right: 0.4rem;
    top: 3.2rem;
    z-index: 5;
  }
  .news_bg .news .news_box .news_l .news_button .news-next {
    float: left;
    cursor: pointer;
    position: relative;
    background: url(../images/left1.png) no-repeat center;
    width: 0.39rem;
    height: 0.39rem;
    background-size: 100%;
    margin-top: 0.05rem;
  }
  .news_bg .news .news_box .news_l .news_button .ui-loop {
    position: relative;
    width: 0.5rem;
    height: 0.5rem;
    z-index: 9;
    margin: 0 0.2rem;
    float: left;
  }
  .news_bg .news .news_box .news_l .news_button .ui-loop .news_icoimg {
    position: absolute;
    width: 0.28rem;
    height: 0.28rem;
    background: url(../images/newsico.png) no-repeat center;
    left: 0.11rem;
    top: 0.11rem;
    background-size: 100%;
  }
  .newspath-loop {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1px;
  }
  .newspath-loop-bg {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1px;
    opacity: 0.1;
  }
  .news_bg .news .news_box .news_l .news_button .news-prev {
    float: right;
    cursor: pointer;
    position: relative;
    background: url(../images/right1.png) no-repeat center;
    width: 0.39rem;
    height: 0.39rem;
    background-size: 100%;
    margin-top: 0.05rem;
  }
  .news_bg .news .news_box .news_l .swiper-slide {
    position: relative;
  }
  .news_bg .news .news_box .news_l .swiper-slide .pic {
    width: 100%;
    height: 55vw;
    overflow: hidden;
    position: relative;
  }
  .news_bg .news .news_box .news_l .swiper-slide .txt {
    margin: 0.25rem auto 0 auto;
  }
  .news_bg .news .news_box .news_l .swiper-slide .txt .time {
    float: left;
    width: 15%;
    height: 1.14rem;
    background: url(../images/newstime.png) no-repeat top center;
    background-size: 100%;
    text-align: center;
    padding-right: 0
  }
  .news_bg .news .news_box .news_l .swiper-slide .txt .time span {
    display: block;
    font-family: 'imp';
    font-size: 0.4rem;
    color: #FFFFFF;
    padding: 0.2rem 0 0.1rem 0;
  }
  .news_bg .news .news_box .news_l .swiper-slide .txt .time i {
    font-size: .2rem;
    color: #FFFFFF;
    display: block;
  }
  .news_bg .news .news_box .news_l .swiper-slide .txt .txtnr {
    float: right;
    width: 80%;
  }
  .news_bg .news .news_box .news_l .swiper-slide .txt .txtnr a {
    font-size: 0.28rem;
    margin: 0.1rem 0 0.1rem 0;
  }
  .news_bg .news .news_box .news_l .swiper-slide .txt .txtnr p {
    font-size: 0.24rem;
    line-height: 0.35rem;
    height: 0.7rem;
    overflow: hidden;
    color: #666666;
  }
  .news_bg .news .news_box .news_r {
    float: none;
    width: 100%;
    margin: 0.65rem auto 0 auto;
  }
  .news_bg .news .news_box .news_r ul li {
    position: relative;
    width: 100%;
    height: 1.3rem;
    margin-bottom: 0.4rem;
  }
  .news_bg .news .news_box .news_r ul li .time {
    text-align: center;
    height: 0.81rem;
    background: url(../images/time_ico.png) no-repeat top left;
    float: left;
    width: 1.2rem;
    background-size: 100%;
  }
  .news_bg .news .news_box .news_r ul li .time span {
    display: block;
    font-family: 'imp';
    font-size: 0.36rem;
    color: #791cb5;
    padding: 0.2rem 0 0.05rem 0;
  }
  .news_bg .news .news_box .news_r ul li .time i {
    display: block;
    font-size: 0.2rem;
    margin-top: .1rem
  }
  .news_bg .news .news_box .news_r ul li .txt {
    position: relative;
    float: right;
    width: 82%;
  }
  .news_bg .news .news_box .news_r ul li .txt a {
    font-size: 0.28rem;
    color: #333;
  }
  .news_bg .news .news_box .news_r ul li .txt p {
    font-size: 0.22rem;
    color: #666666;
    line-height: 0.35rem;
    height: 0.7rem;
    overflow: hidden;
    margin-top: 0.2rem;
  }
} /*notice*/ .notice {
  margin: 0.3rem auto 0 auto;
}
.notice .notice_box {
  margin: 0.62rem auto 0 auto;
}
.notice .notice_box ul li {
  float: left;
  position: relative;
  z-index: 5;
  background: #fff;
  border: 1px solid #e6e6e6;
  width: 23%;
  height: 2.1rem;
  margin-right: 2.35%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.notice .notice_box ul li:last-child {
  margin-right: -0.05rem;
}
.notice .notice_box ul li::after {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: "";
  background: url(../images/notice_list.png) no-repeat center;
  background-size: cover;
}
.notice .notice_box ul li .time {
  margin: 0 auto;
  background: url(../images/time.png) no-repeat center;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-family: 'imp';
  font-size: 0.22rem;
  color: #fff;
}
.notice .notice_box ul li .txt {
  width: 81%;
  margin: 0.35rem auto 0 auto;
}
.notice .notice_box ul li .txt h5 a {
  font-size: 0.20rem;
  line-height: 0.3rem;
  color: #333333;
  height: 0.6rem;
  overflow: hidden;
  display: block;
  width: 96%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.notice .notice_box ul li .txt .more {
  display: block;
  width: 0.57rem;
  height: 0.1rem;
  background: url(../images/more2.png) no-repeat center;
  background-size: 100% 100%;
  float: right;
  margin-top: 0.25rem;
}
.notice .notice_box ul li:hover {
  box-shadow: 0px 4px 10px 0px rgba(152, 56, 54, 0.2);
}
.notice .notice_box ul li:hover a {
  color: #791cb5;
}
@media (max-width: 980px) {
  .notice .notice_box {
    margin: 0.65rem auto 0 auto;
  }
  .notice .notice_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .notice .notice_box ul li {
    float: none;
    position: relative;
    z-index: 5;
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 48%;
    height: 2.2rem;
    margin-right: 0%;
    margin-bottom: 0.3rem;
  }
  .notice .notice_box ul li:nth-child(2n) {
    margin-right: 0;
  }
  .notice .notice_box ul li .time {
    margin: 0 auto;
    background: url(../images/time.png) no-repeat center;
    width: 100%;
    font-size: 0.28rem;
    color: #fff;
  }
  .notice .notice_box ul li .txt {
    width: 84%;
    margin: 0.35rem auto 0 auto;
  }
  .notice .notice_box ul li .txt h5 a {
    font-size: 0.28rem;
    line-height: 0.35rem;
    color: #333333;
    height: 0.7rem;
    overflow: hidden;
    display: block;
    width: 96%;
  }
  .notice .notice_box ul li:hover a {
    color: #333333;
  }
}
@media (max-width: 640px) {
  .notice .notice_box ul li {
    width: 100%
  }
} /*fc*/ .fc {
  margin: 0.7rem auto 0 auto;
}
.fc .fc_box {
  overflow: hidden;
  position: relative;
}
.fc .fc_box .swiper-slide {
  position: relative;
}
.fc .fc_box .swiper-slide .pic {
  width: 100%;
  position: relative;
  height: 2.77rem;
}
.fc .fc_box .swiper-slide .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0px;
}
.fc .fc_box .swiper-fcpagination {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  z-index: 5;
  text-align: center;
}
.fc .fc_box .swiper-fcpagination .swiper-pagination-bullet {
  display: inline-block;
  text-align: center;
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
  border-radius: 50%;
  margin: 0 0.1rem;
  opacity: 0.8;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.fc .fc_box .swiper-fcpagination .swiper-pagination-bullet-active {
  background: #791cb5;
  opacity: 1;
}
@media (max-width: 980px) {
  .fc {
    margin: 0.4rem auto 0 auto;
  }
  .fc .fc_box .swiper-slide {
    position: relative;
  }
  .fc .fc_box .swiper-slide .pic {
    width: 100%;
    position: relative;
    height: 2.3rem;
  }
  .fc .fc_box .swiper-fcpagination {
    bottom: 0.2rem;
  }
  .fc .fc_box .swiper-fcpagination .swiper-pagination-bullet {
    display: inline-block;
    text-align: center;
    width: 0.12rem;
    height: 0.12rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 0.15rem;
    opacity: 0.8;
  }
  .fc .fc_box .swiper-fcpagination .swiper-pagination-bullet-active {
    background: #791cb5;
    opacity: 1;
  }
} /*teaching*/ .page2 {
  width: 100%;
  margin: 0 auto;
  background: url(../images/page2.jpg) no-repeat top center;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 0.65rem;
}
.teaching {
  margin: 0 auto;
  padding-top: 0.95rem;
  position: relative;
}
.teaching .teach_box {
  margin: 0.6rem auto 0 auto;
}
.teaching .teach_box .teach_l {
  position: absolute;
  left: 0;
  top: 0.65rem;
}
.teaching .teach_box .teach_l img {
  display: block;
  width: 1.43rem;
  height: 1.62rem;
  margin-bottom: 0.4rem;
}
.teaching .teach_box .teach_l span {
  display: block;
  margin-left: 0.4rem;
  opacity: 0.7;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.2rem;
  color: #791cb5;
  writing-mode: tb-rl;
  float: left;
}
.teaching .teach_box .teach_l i {
  display: block;
  margin-left: 0.13rem;
  margin-top: 0.95rem;
  opacity: 0.7;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.2rem;
  color: #791cb5;
  writing-mode: tb-rl;
  float: left;
}
.teaching .teach_box .teach_list {
  float: left;
  width: 66%;
}
.teaching .teach_box .teach_list ul li {
  float: left;
  width: 50%;
}
.teaching .teach_box .teach_list ul li span {
  display: block;
  font-family: 'imp';
  font-size: 0.26rem;
  color: #791cb5;
  margin-bottom: 0.2rem;
}
.teaching .teach_box .teach_list ul li .h4 {
  font-size: 0.20rem;
  line-height: 0.28rem;
  height: .56rem;
  color: #444444;
  display: block;
  overflow: hidden;
}
.teaching .teach_box .teach_list ul li .more {
  color: #791cb5;
  margin-top: .2rem;
  font-size: .16rem
}
.teaching .teach_box .teach_list ul li .more img {
  height: .1rem;
  margin-left: 5px
}
.teach_list ul li {
  box-sizing: border-box;
}
.teach_list ul li:nth-child(1) {
  border-bottom: 1px solid rgba(152, 56, 54, 0.1);
  border-right: 1px solid rgba(152, 56, 54, 0.1);
  padding: 0 .5rem .5rem 0
}
.teach_list ul li:nth-child(2) {
  border-bottom: 1px solid rgba(152, 56, 54, 0.1);
  padding: 0 0 .5rem .5rem
}
.teach_list ul li:nth-child(3) {
  border-right: 1px solid rgba(152, 56, 54, 0.1);
  padding: .5rem .5rem 0 0
}
.teach_list ul li:nth-child(4) {
  padding: .5rem 0 0 .5rem
}
.teaching .teach_box .teach_r {
  float: right;
  width: 30%;
  position: relative;
}
.teaching .teach_box .teach_r .swiper-slide {
  position: relative;
}
.teaching .teach_box .teach_r .swiper-slide .pic {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 62%;
  overflow: hidden;
}
.teaching .teach_box .teach_r .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.teaching .teach_box .teach_r .swiper-slide:hover .pic img {
  transform: scale(1.1);
}
.teaching .teach_box .teach_r .swiper-slide .txt {
  margin: 0 auto;
}
.teaching .teach_box .teach_r .swiper-slide .txt .time {
  float: left;
  margin-left: 4%;
  margin-top: -0.1rem;
  position: relative;
  width: 20%;
  height: 1.08rem;
  background: url(../images/time_ico2.png) no-repeat top center;
  text-align: right;
  padding-right: .15rem;
  background-size: cover;
  box-sizing: border-box;
}
.teaching .teach_box .teach_r .swiper-slide .txt .time span {
  display: block;
  font-family: 'imp';
  font-size: 0.25rem;
  color: #FFFFFF;
  padding: 0.3rem 0 0.1rem 0;
}
.teaching .teach_box .teach_r .swiper-slide .txt .time i {
  font-size: 0.16rem;
  color: #FFFFFF;
  display: block;
}
.teaching .teach_box .teach_r .swiper-slide .txt h5 {
  float: right;
  width: 69%;
  margin-top: 0.25rem;
}
.teaching .teach_box .teach_r .swiper-slide .txt h5 a {
  font-size: 0.20rem;
  color: #333;
  line-height: 0.28rem;
  height: 0.56rem;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.teaching .teach_box .teach_r .swiper-teach-next {
  position: absolute;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  background: url(../images/news_right1.png) no-repeat center;
  width: 0.26rem;
  height: 0.26rem;
  z-index: 5;
  background-size: 100%;
}
.teaching .teach_box .teach_r .swiper-teach-prev {
  position: absolute;
  right: 0.55rem;
  left: auto;
  bottom: 0px;
  cursor: pointer;
  background: url(../images/news_left1.png) no-repeat center;
  width: 0.26rem;
  height: 0.26rem;
  z-index: 5;
  background-size: 100%;
}
@media (max-width: 980px) {
  .page2 {
    padding-bottom: 0.55rem;
  }
  .teaching {
    margin: 0 auto;
    padding-top: 0.65rem;
    position: relative;
  }
  .teaching .teach_box {
    margin: 0.6rem auto 0 auto;
  }
  .teaching .teach_box .teach_l {
    display: none;
  }
  .teaching .teach_box .teach_list {
    float: none;
    margin-left: 0%;
    width: 100%;
    overflow: hidden;
    margin-bottom: .6rem
  }
  .teaching .teach_box .teach_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .teaching .teach_box .teach_list ul li {
    float: none;
    width: 50%;
  }
  .teaching .teach_box .teach_list ul li span {
    display: block;
    font-size: 0.36rem;
    margin-bottom: 0.25rem;
  }
  .teaching .teach_box .teach_list ul li .h4 {
    font-size: 0.26rem;
    line-height: 0.35rem;
    height: 0.7rem;
    color: #444444;
    display: block;
    overflow: hidden;
  }
  .teaching .teach_box .teach_list ul li .more {
    font-size: .22rem
  }
  .teaching .teach_box .teach_r {
    float: none;
    width: 100%;
    position: relative;
    margin: 0.2rem auto 0 auto;
  }
  .teaching .teach_box .teach_r .swiper-slide {
    position: relative;
  }
  .teaching .teach_box .teach_r .swiper-slide .pic {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 61%;
    overflow: hidden;
  }
  .teaching .teach_box .teach_r .swiper-slide:hover .pic img {
    transform: scale(1.1);
  }
  .teaching .teach_box .teach_r .swiper-slide .txt {
    margin: 0 auto;
  }
  .teaching .teach_box .teach_r .swiper-slide .txt .time {
    width: 20%;
    height: 1.28rem;
    padding-right: 0;
    text-align: center
  }
  .teaching .teach_box .teach_r .swiper-slide .txt .time span {
    font-size: .34rem;
    margin-top: .12rem
  }
  .teaching .teach_box .teach_r .swiper-slide .txt .time i {
    font-size: 0.2rem;
    color: #FFFFFF;
    display: block;
    margin-top: .05rem
  }
  .teaching .teach_box .teach_r .swiper-slide .txt h5 {
    float: right;
    width: 69%;
    margin-top: 0.2rem;
  }
  .teaching .teach_box .teach_r .swiper-slide .txt h5 a {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.35rem;
    height: 0.7rem;
  }
  .teaching .teach_box .teach_r .swiper-teach-next {
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    background: url(../images/news_right1.png) no-repeat center;
    width: 0.36rem;
    height: 0.36rem;
    z-index: 5;
    background-size: 100%;
  }
  .teaching .teach_box .teach_r .swiper-teach-prev {
    position: absolute;
    right: 0.55rem;
    left: auto;
    bottom: 0px;
    cursor: pointer;
    background: url(../images/news_left1.png) no-repeat center;
    width: 0.36rem;
    height: 0.36rem;
    z-index: 5;
    background-size: 100%;
  }
}
@media (max-width: 640px) {
  .teaching .teach_box .teach_list ul li {
    float: none;
    width: 100%;
    padding: .4rem 0
  }
  .teaching .teach_box .teach_list ul li .h4 {
    height: auto;
    font-size: .28rem;
    line-height: 1.4em
  }
  .teach_list ul li:nth-child(1) {
    border-bottom: 1px solid rgba(152, 56, 54, 0.1);
    border-right: 0;
    padding: .4rem 0
  }
  .teach_list ul li:nth-child(2) {
    border-bottom: 1px solid rgba(152, 56, 54, 0.1);
    padding: .4rem 0
  }
  .teach_list ul li:nth-child(3) {
    border-right: 0;
    padding: .4rem 0;
    border-bottom: 1px solid rgba(152, 56, 54, 0.1);
  }
  .teach_list ul li:nth-child(4) {
    padding: .4rem 0
  }
} /*dynamic*/ .dynamic {
  margin: 0.55rem auto 0 auto;
}
.dynamic .dynamicbox {
  margin: 0.55rem auto 0 auto;
}
.dynamic .dynamicbox ul li {
  float: left;
  width: 30%;
  margin-right: 5%;
}
.dynamic .dynamicbox ul li:last-child {
  margin-right: 0;
}
.dynamic .dynamicbox ul li .pic {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 67%;
  overflow: hidden;
}
.dynamic .dynamicbox ul li .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.dynamic .dynamicbox ul li:hover .pic img {
  transform: scale(1.1);
}
.dynamic .dynamicbox ul li .txt {
  height: 1.63rem;
  position: relative;
  z-index: 5;
  width: 91%;
  padding-left: 9%;
  padding-top: 0.35rem;
}
.dynamic .dynamicbox ul li .txt::after {
  position: absolute;
  z-index: -1;
  content: "";
  left: -0.1rem;
  top: 0px;
  background: url(../images/xueshu_xt.png) no-repeat left top;
  height: 1.98rem;
  width: 0.22rem;
}
.dynamic .dynamicbox ul li .txt h5 a {
  font-size: 0.20rem;
  line-height: 0.28rem;
  height: 0.56rem;
  color: #222222;
  display: block;
  overflow: hidden;
  width: 96%;
}
.dynamic .dynamicbox ul li .txt .more {
  margin-top: 0.4rem;
}
.dynamic .dynamicbox ul li .txt .more span {
  display: block;
  float: left;
  font-family: 'imp';
  font-size: 0.3rem;
  color: #791cb5;
}
.dynamic .dynamicbox ul li .txt .more a {
  display: block;
  float: right;
  width: 0.57rem;
  height: 0.1rem;
  background: url(../images/more2.png) no-repeat center;
  background-size: 100%;
  margin-top: 0.1rem;
}
@media (max-width: 980px) {
  .dynamic {
    margin: 0.55rem auto 0 auto;
  }
  .dynamic .dynamicbox {
    margin: 0.65rem auto 0 auto;
  }
  .dynamic .dynamicbox ul li {
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 0.3rem;
  }
  .dynamic .dynamicbox ul li:last-child {
    margin-right: 0;
  }
  .dynamic .dynamicbox ul li .pic {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 66%;
    overflow: hidden;
  }
  .dynamic .dynamicbox ul li:hover .pic img {
    transform: scale(1);
  }
  .dynamic .dynamicbox ul li .txt {
    height: 1.63rem;
    position: relative;
    z-index: 5;
    width: 91%;
    padding-left: 9%;
    padding-top: 0.35rem;
  }
  .dynamic .dynamicbox ul li .txt::after {
    position: absolute;
    z-index: -1;
    content: "";
    left: -0.1rem;
    top: 0px;
    background: url(../images/xueshu_xt.png) no-repeat left top;
    height: 1.98rem;
    width: 0.22rem;
    background-size: 100%;
  }
  .dynamic .dynamicbox ul li .txt h5 a {
    font-size: 0.28rem;
    line-height: 0.38rem;
    height: 0.76rem;
    color: #222222;
    display: block;
    overflow: hidden;
    width: 96%;
  }
  .dynamic .dynamicbox ul li .txt .more {
    margin-top: 0.4rem;
  }
  .dynamic .dynamicbox ul li .txt .more span {
    display: block;
    float: left;
    font-family: 'imp';
    font-size: 0.32rem;
    color: #791cb5;
  }
  .dynamic .dynamicbox ul li .txt .more a {
    display: block;
    float: right;
    width: 0.57rem;
    height: 0.1rem;
    background: url(../images/more2.png) no-repeat center;
    background-size: 100%;
    margin-top: 0.1rem;
  }
} /*Student*/ .Studentbg {
  width: 100%;
  margin: 0 auto;
  background: url(../images/page3.jpg) no-repeat top center;
  overflow: hidden;
  padding-bottom: 2rem;
  background-size: 100%;
}
.Studentbg .Student {
  margin: 0 auto;
}
.Studentbg .Student .student_box {
  margin: 0.65rem auto 0 auto;
}
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Studentbg .Student .student_box:after {
  content: '';
  display: inline-block;
  width: 30%;
}
.Studentbg .Student .student_box .student_left {
  width: 30%;
}
.Studentbg .Student .student_box .student_left .pic {
  width: 100%;
  position: relative;
  height: 3.2rem;
  overflow: hidden;
}
.Studentbg .Student .student_box .student_left .pic img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.Studentbg .Student .student_box .student_left:hover .pic img {
  transform: scale(1.1);
}
.Studentbg .Student .student_box .student_left .txt {
  margin: 0 auto;
}
.Studentbg .Student .student_box .student_left .txt h5 a {
  float: left;
  width: 72%;
  font-size: 0.20rem;
  font-weight: normal;
  line-height: 0.28rem;
  color: #333333;
  height: 0.56rem;
  overflow: hidden;
  margin-top: 0.25rem;
}
.Studentbg .Student .student_box .student_left .txt .time {
  float: right;
  margin-top: 0.1rem;
  height: 0.9rem;
  width: 16%;
  text-align: right;
  background: url(../images/time_ico3.png) no-repeat top center;
  background-size: 100%;
  padding-right: .15rem
}
.Studentbg .Student .student_box .student_left .txt .time span {
  display: block;
  font-family: 'imp';
  font-size: 0.25rem;
  color: #FFFFFF;
  padding-top: 0.18rem;
}
.Studentbg .Student .student_box .student_left .txt .time i {
  font-family: Arial;
  font-size: 0.14rem;
  color: #FFFFFF;
  margin-top: 0.1rem;
  display: block;
}
.Studentbg .Student .student_box .student_center {
  width: 38.5%;
}
.Studentbg .Student .student_box .student_center .swiper-slide {
  position: relative;
}
.Studentbg .Student .student_box .student_center .swiper-slide .pic {
  width: 100%;
  position: relative;
  height: 4.2rem;
  overflow: hidden;
}
.Studentbg .Student .student_box .student_center .swiper-slide .pic img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.Studentbg .Student .student_box .student_center .swiper-slide .txt {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1.1rem;
  opacity: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.Studentbg .Student .student_box .student_center .swiper-slide .txt a {
  font-size: 0.2rem;
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 59%;
  margin-left: 5%;
  position: absolute;
  bottom: 0.25rem;
}
.Studentbg .Student .student_box .student_center .swiper-Student {
  width: auto;
  right: 0px;
  left: auto;
  bottom: 0.25rem;
  position: absolute;
  z-index: 5;
}
.Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet {
  margin: 0 0.08rem;
  width: 0.26rem;
  height: 0.26rem;
  background: url(../images/buttom1.png) no-repeat center;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  background-size: 100%;
}
.Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet-active {
  background: url(../images/buttom2.png) no-repeat center;
  background-size: 100%;
}
.Studentbg .Student .student_box .student_right {
  width: 27.5%;
}
.Studentbg .Student .student_box .student_right .pic {
  width: 100%;
  position: relative;
  height: 3.2rem;
  overflow: hidden;
}
.Studentbg .Student .student_box .student_right .pic img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.Studentbg .Student .student_box .student_right:hover .pic img {
  transform: scale(1.1);
}
.Studentbg .Student .student_box .student_right .txt {
  margin: 0 auto;
}
.Studentbg .Student .student_box .student_right .txt h5 a {
  float: left;
  width: 67%;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.28rem;
  color: #333333;
  height: 0.56rem;
  overflow: hidden;
  margin-top: 0.25rem;
}
.Studentbg .Student .student_box .student_right .txt .time {
  float: right;
  margin-top: 0.1rem;
  height: 0.9rem;
  width: 18%;
  text-align: center;
  background: url(../images/time_ico3.png) no-repeat top center;
  background-size: 100%;
}
.Studentbg .Student .student_box .student_right .txt .time span {
  display: block;
  font-family: 'imp';
  font-size: 0.34rem;
  color: #FFFFFF;
  padding-top: 0.18rem;
}
.Studentbg .Student .student_box .student_right .txt .time i {
  font-family: Arial;
  font-size: 0.14rem;
  color: #FFFFFF;
  margin-top: 0.1rem;
}
@media (max-width: 980px) {
  .Studentbg {
    padding-bottom: 1.8rem;
  }
  .Studentbg .Student {
    margin: 0 auto;
  }
  .Studentbg .Student .student_box {
    margin: 0.65rem auto 0 auto;
  }
  .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .Studentbg .Student .student_box .student_left {
    width: 100%;
    order: 2;
    margin-bottom: 0.4rem;
  }
  .Studentbg .Student .student_box .student_left .pic {
    width: 100%;
    position: relative;
    height: 50vw;
    overflow: hidden;
  }
  .Studentbg .Student .student_box .student_left:hover .pic img {
    transform: scale(1);
  }
  .Studentbg .Student .student_box .student_left .txt {
    margin: 0 auto;
  }
  .Studentbg .Student .student_box .student_left .txt h5 a {
    float: left;
    width: 75%;
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.35rem;
    color: #333333;
    height: 0.7rem;
    overflow: hidden;
    margin-top: 0.2rem;
  }
  .Studentbg .Student .student_box .student_left .txt .time {
    float: right;
    margin-top: 0.08rem;
    height: 0.9rem;
    width: 18%;
    text-align: center;
    background: url(../images/time_ico3.png) no-repeat top center;
    background-size: 100%;
    padding-right: 0
  }
  .Studentbg .Student .student_box .student_left .txt .time span {
    display: block;
    font-family: 'imp';
    font-size: 0.34rem;
    color: #FFFFFF;
    padding-top: 0.18rem;
  }
  .Studentbg .Student .student_box .student_left .txt .time i {
    font-family: Arial;
    font-size: 0.2rem;
    color: #FFFFFF;
    display: block;
    margin-top: 0.05rem;
    display: block;
  }
  .Studentbg .Student .student_box .student_center {
    width: 100%;
    order: 1;
    overflow: hidden;
    margin-bottom: 0.4rem;
  }
  .Studentbg .Student .student_box .student_center .swiper-slide {
    position: relative;
  }
  .Studentbg .Student .student_box .student_center .swiper-slide .pic {
    width: 100%;
    position: relative;
    height: 55vw;
    overflow: hidden;
  }
  .Studentbg .Student .student_box .student_center .swiper-slide .txt a {
    font-size: 0.28rem;
    bottom: 0.25rem;
  }
  .Studentbg .Student .student_box .student_center .swiper-Student {
    width: auto;
    right: 0px;
    left: auto;
    bottom: 0.25rem;
    position: absolute;
    z-index: 5;
  }
  .Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet {
    margin: 0 0.08rem;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/buttom1.png) no-repeat center;
    opacity: 1;
    background-size: 100%;
  }
  .Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet-active {
    background: url(../images/buttom2.png) no-repeat center;
    background-size: 100%;
  }
  .Studentbg .Student .student_box .student_right {
    width: 100%;
    order: 3;
  }
  .Studentbg .Student .student_box .student_right .pic {
    width: 100%;
    position: relative;
    height: 50vw;
    overflow: hidden;
  }
  .Studentbg .Student .student_box .student_right:hover .pic img {
    transform: scale(1);
  }
  .Studentbg .Student .student_box .student_right .txt {
    margin: 0 auto;
  }
  .Studentbg .Student .student_box .student_right .txt h5 a {
    float: left;
    width: 75%;
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.35rem;
    color: #333333;
    height: 0.7rem;
    overflow: hidden;
    margin-top: 0.2rem;
  }
  .Studentbg .Student .student_box .student_right .txt .time {
    float: right;
    margin-top: 0.08rem;
    height: 0.9rem;
    width: 18%;
    text-align: center;
    background: url(../images/time_ico3.png) no-repeat top center;
    background-size: 100%;
  }
  .Studentbg .Student .student_box .student_right .txt .time span {
    display: block;
    font-family: 'imp';
    font-size: 0.34rem;
    color: #FFFFFF;
    padding-top: 0.18rem;
  }
  .Studentbg .Student .student_box .student_right .txt .time i {
    font-family: Arial;
    font-size: 0.14rem;
    color: #FFFFFF;
    margin-top: 0.1rem;
  }
}
@media (max-width: 640px) {
  .Studentbg .Student .student_box .student_left .pic {
    height: 55vw
  }
} /*footer*/ .footerbg {
  width: 100%;
  margin: -1.5rem auto 0 auto;
  height: 5.6rem;
  background: url(../images/footerbg.png) no-repeat top center;
  background-size: 100%;
}
@media (max-width: 980px) {
  .footerbg {
    width: 100%;
    margin: -1.5rem auto 0 auto;
    height: auto;
    background: url(../images/footerbg.png) no-repeat top center;
    overflow: hidden;
    background-size: cover;
  }
}