html,
body {
  position: relative;
  height: 100%;
  font-family: 微软雅黑;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  width: 10px;
  height: 16px;
  /* background-color:#335baa; */
}

::-webkit-scrollbar-thumb {

  background-color: #335baa;
  opacity: 0.5;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: SourceHanSerifCN-Bold;
  src: url(../font/SourceHanSerifCN-Bold-2.otf);
}

@font-face {
  font-family: MicrosoftYaHei;
  src: url(../font/Microsoft\ YaHei\ UI\ Bold.ttf);
}

@font-face {
  font-family: SourceHanSerifCN-Regular;
  src: url(../font/SourceHanSerifCN-Regular-1.otf);
}

a {
  text-decoration: none;
  color: inherit;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

a:hover {
  /* color: #335baa; */
}

.wrapper {
  width: 12.5rem;
  margin: 0 auto;
  height: 100%;
}

/*  移动端*/
.mobileNav {
  position: fixed;
  top: 70px;
  left: 0px;
  height: 100%;
  background-color: #fff;
  z-index: 99999;
  width: 100%;
  transition: 0.3s linear;
  overflow: hidden;
}

.mobileNav ul {
  width: 100%;
  margin-top: 10vw;
}

.mobileNav ul li {
  width: 100%;
  line-height: 10vw;
  text-align: center;

}

.mobileNav ul li a {
  font-size: 4vw;
  color: white;
}

.hideNav {
  height: 0;
}

.gxHead {
  display: none;
  width: 100%;
  background-color: #fff;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  position: fixed;
  top: 0px;
  z-index: 99999;
}

.gxHead .logo {
  margin: 15px;
  width: 160px;
}

.navBtn span {
  position: absolute;
  top: 20px;
  display: block;
  width: 38px;
  height: 4px;
  left: 10px;
  border: 0px solid #FFF;
  background-color: #FFF;
  -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
  transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
  transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s;
  transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
}

.navBtn span:nth-of-type(2) {
  top: 30px;
  width: 28px;
}

.navBtn span:nth-of-type(3) {
  top: 40px;
  bottom: 0;
  width: 18px;
  -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
  transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
  transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s;
  transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s;
}

.navBtn span:nth-of-type(4) {
  color: #FFF;
  margin-top: 5px;
  border: none;
  background-color: transparent;
  width: 100%;
}

.navBtn.expanded:hover span {
  transform: scale(0.9);
}

.navBtn.expanded span:nth-of-type(1) {
  top: 30px;
  transform: rotate(45deg);
  transition: top 0.2s, transform 0.2s 0.2s, background 0.2s;
  -webkit-transform: rotate(45deg);
  -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s
}

.navBtn.expanded span:nth-of-type(2) {
  opacity: 0;
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}

.navBtn.expanded span:nth-of-type(3) {
  top: 30px;
  transform: rotate(-45deg);
  transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s;
  -webkit-transform: rotate(-45deg);
  -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s
}

.nav {
  width: 100%;
  height: fit-content;

}

.nav .top {
  width: 100%;
  height: 1.26rem;
  background-color: #FFF;
  background-image: url(../images/topbg.png);
  background-size: 100% 100%;
}

.nav .top .wrapper {
  width: 12.5rem;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav .top .wrapper .left {
  width: 3.88rem;
  height: 0.9rem;
}

.nav .top .wrapper .middle {
  width: 3.53rem;
  height: 0.9rem;
  margin-left: -1rem;
}

.nav .top .wrapper .right {
  width: 2.6rem;
  height: 0.9rem;
}

.nav .nav-list {
  width: 100%;
  height: 0.7rem;
  background-color: #335baa;
}

.nav .nav-list ul {
  width: 12.5rem;
  display: flex;
  margin: 0 auto;
  height: 100%;
  align-items: center;
  justify-content: space-around;
}

.nav .nav-list ul li {
  width: fit-content;
  height: 100%;
  box-sizing: border-box;


}

.nav .nav-list ul li a {
  font-size: 0.18rem;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.7rem;
  color: #ffffff;
  padding: 0rem 0.1rem;
 box-sizing: border-box;
}

.nav .nav-list ul .active>a {
  border-bottom: 0.04rem solid #FFF;
}
.nav .nav-list ul li:hover .subnav-s-006{
  /* display: block; */
  max-height: 100vh !important;
}
.swiper-container {
  width: 100%;
  height: 7rem;
}

.container {
  width: 100%;
  height: auto;
  background-color: #FFF;
}

footer {
  width: 100%;
  height: auto;
  background-image: url(../images/indexbg8.png);
  background-size: 100% 80%;

}

footer .top {
  width: 100%;
  color: #FFF;
  height: 0.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .top .wrapper ul {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

footer .top .wrapper ul li {
  position: relative;
  padding: 0rem 0.2rem;
  font-size: 0.16rem;
  box-sizing: border-box;

}

footer .top .wrapper ul li::after {
  content: "";
  width: 1px;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  right: 0;
  top: 0.08rem;
}

footer .top .wrapper ul li:nth-child(3)::after {
  display: none;
}

footer .middle {
  width: 100%;
  height: 2.9rem;
}

footer .bottom {
  width: 100%;
  height: 1rem;
  background-color: #1b4598;
}

footer .bottom .wrapper {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}

footer .bottom .wrapper a {
  font-size: 0.14rem;
  margin-bottom: 0.05rem;
  color: rgba(255, 255, 255, 0.5);
}

footer .middle .wrapper {
  /* width: 100%; */
  height: 100%;
  display: flex;
  justify-content: space-between;
}

footer .middle .wrapper .left {
  width: 2.2rem;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

footer .middle .wrapper .left a {
  margin: 0.1rem 0rem;
}

footer .middle .wrapper .right {
  width: 3.8rem;
  flex-shrink: 0;
  display: flex;
  box-sizing: border-box;
  padding: 0rem 0.2rem;
  justify-content: space-between;
  align-items: center;

}

footer .middle .wrapper .right .code {
  width: 1.6rem;
  text-align: center;
  color: white;
  font-size: 0.16rem;
}

footer .middle .wrapper .right .code p {
  margin: 0;
  line-height: 0.25rem;
}

footer .middle .wrapper .right .code img {
  width: 1.6rem;
  height: 1.6rem;
}

footer .middle .wrapper .middle {
  width: 7.5rem;
}

footer .middle .wrapper {
  display: flex;
  align-items: center;
  /* flex-direction: column; */
}

footer .middle .wrapper .middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 1.4rem;
  margin-left: 0.3rem;
}

footer .middle .wrapper .middle ul {}

footer .middle .wrapper .middle ul li {
  margin: 0.2rem 0rem;
}

footer .middle .wrapper .middle ul li a {
  color: white;
}

footer .middle .wrapper .middle ul li a b {
  font-size: 0.24rem;
}

.container .paragraph1 {
  width: 100%;
  height: 2.2rem;
  background-color: white;
  /* position: relative; */
}

.search-container {
  width: 12rem;
  height: 1.2rem;
  background-image: linear-gradient(#ffffff,
      #ffffff),
    linear-gradient(#2578c6,
      #2578c6);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 0.06rem 0.08rem 0px rgba(8, 38, 66, 0.25);
  margin-top: -0.45rem;
  position: relative;
  z-index: 999;
  justify-content: space-between;
  display: flex;
  box-sizing: border-box;
  padding: 0rem 0.6rem;
  align-items: center;
  border-bottom: 0.06rem solid #94070a;
}


.search-container .left {
  width: 7.00rem;
  height: 0.46rem;
  background-color: #ffffff;
  border-radius: 0.03rem;
  box-sizing: border-box;
  border: solid 1px #dcdcdc;
}

.search-container .left input {
  width: 100%;
  padding-left: 0.2rem;
  height: 100%;
  border: none;
  box-sizing: border-box;

  outline: none;
}

.search-container .right {
  width: 1.80rem;
  height: 0.46rem;
  background-color: #335baa;
  border-radius: 0.03rem;
  display: flex;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.16rem;

}

.search-container .right img {
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.1rem;
}

.paragraph2 {
  width: 100%;
  height: 8.2rem;
  background-image: url(../images/indexbg15.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.paragraph2 .layer1 {
  display: flex;
}

.paragraph2 .layer1 .left {
  height: 5rem;
  width: 7.1rem;
  flex-shrink: 0;
  margin-top: -0.5rem;
}

.paragraph2 .layer1 .right {
  width: 6rem;
  flex-shrink: 0;
  margin-top: 0.34rem;
  margin-left: -1.1rem;
}

.paragraph2 .layer1 .right ul {
  flex-wrap: wrap;
  width: 100%;
  display: flex;

}

.paragraph2 .layer1 .right ul li {
  width: 3rem;
  height: 2.08rem;
  color: white;
  background-color: #5a82cf;
}

.paragraph2 .layer1 .right ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.paragraph2 .layer1 .right ul li a h2 {
  margin: 0;
  font-size: 0.22rem;
  margin: 0.1rem 0;
}

.paragraph2 .layer1 .right ul li a h4 {
  font-size: 0.16rem;
  font-weight: 500;
  margin: 0;
}

.paragraph2 .layer1 .right ul li img {
  width: auto;
  height: 0.68rem;
}

.paragraph2 .layer1 .right ul li:nth-child(2) {
  background-color: #335baa;
}

.paragraph2 .layer1 .right ul li:nth-child(3) {
  background-color: #b29b6b;
}

.paragraph2 .layer1 .right ul li:nth-child(4) {
  background-color: transparent;

}

.paragraph2 .layer1 .right ul li:nth-child(4) a {
  display: flex;
  flex-direction: row;
}

.paragraph2 .layer1 .right ul li:nth-child(4) a img {
  width: 1.2rem;
  height: 1.2rem;
}

.paragraph2 .layer1 .right ul li:nth-child(4) a .title {
  text-align: left;
  margin-left: 0.1rem;
}


.paragraph2 .layer2 .left {
  width: 6rem;
  flex-shrink: 0;
  margin-top: 0;
  margin-left: 0;
}

.paragraph2 .layer2 .left ul {
  flex-wrap: wrap;
  width: 100%;
  display: flex;

}

.paragraph2 .layer2 .left ul li {
  width: 3rem;
  height: 2.08rem;
  color: white;
  background-color: #8a2934;
  position: relative;
  z-index: 11;
}

.paragraph2 .layer2 .left ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.paragraph2 .layer2 .left ul li a h2 {
  margin: 0;
  font-size: 0.22rem;
  margin: 0.1rem 0;
}

.paragraph2 .layer2 .left ul li a h4 {
  font-size: 0.16rem;
  font-weight: 500;
  margin: 0;
}

.paragraph2 .layer2 .left ul li img {
  width: auto;
  height: 0.68rem;
}

.paragraph2 .layer2 .left ul li:nth-child(2) {
  background-color: #8a909e;
}

.paragraph2 .layer2 .left ul li:nth-child(3) {
  background-color: transparent;
}

.paragraph2 .layer2 .left ul li:nth-child(4) {
  background-color: #5a82cf;

}

.paragraph2 .layer2 .right {
  width: 6rem;
  height: 3.4rem;
  flex-shrink: 0;
    overflow: hidden;
}

.paragraph2 .layer2 .right video {
  width: 6rem;
  height: 3.37rem;
  object-fit: fill;
}

.paragraph2 .layer2 {
  display: flex;
}

.paragraph2 .layer2 .right .swiper-slide {
  /* width: 100% !important; */
  /* flex-shrink: 0; */
}

.paragraph2 .layer2 .right .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.paragraph3 {
  width: 100%;
  height: 7.6rem;
  background-image: url(../images/indexbg12.jpg);
  position: relative;
}

.stone {
  width: 5.9rem;
  position: absolute;
  top: -1.2rem;
  left: 0rem;

  height: 7.7rem;
}

.paragraph3 .wrapper {
  display: flex;
  padding-top: 1rem;
}

.paragraph3 .wrapper .left {
  width: 7.30rem;
  flex-shrink: 0;
  height: 5.20rem;
  background-color: rgba(255, 255, 255, 0.85);
  position: relative;
  z-index: 9;
  margin-right: -0.8rem;
  margin-top: 0.4rem;
}

.paragraph3 .wrapper .right {
  width: 5.6rem;
  height: 6rem;
  flex-shrink: 0;
}

.paragraph3 .wrapper .left {
  box-sizing: border-box;
  padding: 0.35rem;
}

.paragraph3 .wrapper .left .title h2 {
  margin: 0;
  font-size: 0.3rem;
  color: #335baa;
}

.paragraph3 .wrapper .left .title h5 {
  margin: 0;
  line-height: 36px;
  font-size: 0.18rem;
  letter-spacing: 0px;
  color: #999999;
  opacity: 0.5;
}

.paragraph3 .wrapper .left ul {
  width: 100%;
  height: 3.6rem;
  /* border: 1px solid red; */
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-wrap: wrap;
}

.paragraph3 .wrapper .left .more {
  position: absolute;
  right: -0.3rem;
  top: -0.2rem;
  width: 2.40rem;
  height: 0.78rem;
  background-color: #335baa;
  display: flex;
  align-items: center;
  justify-content: center;

  color: white;
}

.paragraph3 .wrapper .left .more::after {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 0.36rem;
  width: 0.03rem;
  height: 0.1rem;
  background-color: #FFF;
}


.paragraph3 .wrapper .left ul::-webkit-scrollbar {
  width: 10px;
  height: 16px;
  border-radius: 0.08rem;
  background-color: #ccd5e4;
  /* background-color:#335baa; */
}

.paragraph3 .wrapper .left ul::-webkit-scrollbar-thumb {
  border-radius: 0.08rem;
  background-color: #335baa;
  opacity: 0.5;
}

.paragraph3 .wrapper .left ul li {
  font-size: 0.18rem;
  position: relative;
  width: 33%;
  color: #222222;
  box-sizing: border-box;
  padding-left: 0.2rem;
  margin-bottom: 0.22rem;
}

.paragraph3 .wrapper .left ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 0.03rem;
  background-color: #1b4598;
}

.paragraph4 {
  width: 100%;
  height: 6.6rem;
  background-image: url(../images/djbg.jpg);
  background-size: 100% 100%;
  overflow: hidden;
}

.paragraph4 .title {
  width: 12.5rem;
  margin: 0 auto;
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.paragraph4 .title h2 {
  margin: 0;
  font-size: 0.3rem;
  color: #ffffff;
}

.paragraph4 .title h4 {
  font-size: 0.18rem;
  margin: 0;
  margin-top: 0.1rem;
  color: #ffffff;
  opacity: 0.5;
}

.paragraph4 .title .left {
  display: flex;
}

.paragraph4 .title .left .tabs {
  display: flex;
}

.paragraph4 .title .left .tabs .tab {
  width: 1.7rem;
  height: 0.64rem;
  background-color: transparent;
  border-radius: 0.32rem;
  text-align: center;
  line-height: 0.64rem;
  font-size: 0.2rem;

  color: #ffffff;
  cursor: pointer;
}

.paragraph4 .title .left .tabs .active {
  background-color: #FFF;
  color: #1b4598;
  font-weight: 600;
}

.paragraph4 .title .right {
  color: white;
  position: relative;
  font-size: 0.16rem;
  /* border: 1px solid ; */
  box-sizing: border-box;
  padding-right: 0.6rem;
}

.paragraph4 .title .right::after {
  position: absolute;
  content: "";
  width: 0.4rem;
  background-color: #FFF;
  height: 1px;
  top: 0.1rem;
  right: 0;
}

.paragraph4 .title .right::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.1rem;
  background-color: #FFF;
  right: 0;
  top: 0.05rem;

}

.paragraph7 {
  height: 4.3rem;
  background-image: url(../images/indexbg5.png);
  background-size: 100% 100%;
}

.paragraph7 .title {
  width: 12.5rem;
  margin: 0 auto;
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.paragraph7 .title {
  width: 12.5rem;
  margin: 0 auto;
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.paragraph7 .title h2 {
  margin: 0;
  font-size: 0.3rem;
  color: #335baa;
}

.paragraph7 .title h4 {
  font-size: 0.18rem;
  margin: 0;
  margin-top: 0.1rem;
  color: #335baa;
  opacity: 0.5;
}

.paragraph7 .title .left {
  display: flex;
}

.paragraph7 .title .right {
  color: #000;
  position: relative;
  font-size: 0.16rem;
  /* border: 1px solid ; */
  box-sizing: border-box;
  padding-right: 0.6rem;
}

.paragraph7 .title .right::after {
  position: absolute;
  content: "";
  width: 0.4rem;
  background-color: #335baa;
  height: 1px;
  top: 0.1rem;
  right: 0;
}

.paragraph7 .title .right::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.1rem;
  background-color: #335baa;
  right: 0;
  top: 0.05rem;

}

.paragraph6 {
  width: 100%;
  height: 6.6rem;

}

.paragraph4 .wrapper .left {
  width: 6rem;
  height: 4.1rem;
  background-color: #5a82cf;
}


.paragraph4 .wrapper {
  display: flex;
  margin-top: 0.2rem;
  justify-content: space-between;
}

.paragraph4 .wrapper .left .swiper-container {
  width: 100%;
  height: 100%;
}

.paragraph4 .wrapper .right {
  width: 5.6rem;
  height: 4.1rem;
}

.paragraph4 .wrapper ul {
  color: white;
  font-size: 0.18rem;
  width: 100%;
  display: none;
  /* border: 1px solid red; */
}

.paragraph4 .wrapper ul:first-child{
  display: block;
}

.paragraph4 .wrapper ul .time {
  font-size: 0.16rem;
}

.paragraph4 .wrapper ul li {
  height: 1.35rem;
  border-bottom: 1px dashed #fff;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
}

.paragraph4 .right .title {
  margin: 0;
  margin-top: 0.1rem;
  display: inline-block;
  white-space: wrap;
  width: 100%;
  line-height: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.paragraph4 .right .title a{
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.paragraph4 .wrapper ul li:hover .title {
  color: #e0951e;
  cursor: pointer;
}

#newsSwiper .swiper-slide {
  position: relative;

}

#newsSwiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

#newsSwiper .swiper-slide .title {
  width: 100%;
  height: 0.6rem;
  color: white;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  padding-left: 0.2rem;
  font-size: 0.16rem;
}

#newsSwiper .swiper-pagination {
  left: 2.5rem;
  bottom: 0.2rem;
}
#videoSwiper{
width:100%;
height:100%;
}
#videoSwiper .swiper-slide .title {
  width: 100%;
  height: 0.6rem;
  color: white;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  padding-left: 0.2rem;
  line-height: 0.6rem;
  font-size: 0.16rem;
}
.swiper-pagination-bullet {
  background-color: #FFF;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #8a2934;
}

.paragraph5 {
  background-image: unset;
  /* border: 1px solid red; */
  height: 5.4rem;
}

.paragraph5 .title h2 {
  color: #1b4598;
}

.paragraph5 .title h4 {
  color: #999999;
}

.paragraph5 .title .left .tabs .tab {
  color: #555555;
}

.paragraph5 .title .left .tabs .active {
  background-color: #1b4598;
  color: white;
}

.paragraph5 .title .right {
  color: #333333;
}

.paragraph5 .title .right::before {
  color: #1b4598;
  background-color: #1b4598;
}

.paragraph5 .title .right::after {
  color: #1b4598;
  background-color: #1b4598;
}

.paragraph5 .wrapper ul {
  display: flex;

}

.paragraph5 .wrapper ul li {
  width: 3.8rem;
  margin-right: 0.2rem;
  flex-shrink: 0;
  height: 4rem;
  /* border: 1px solid red; */
}

.paragraph5 .wrapper ul li:nth-child(3n) {
  margin-right: 0;
}

.paragraph5 .wrapper ul li a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #000;
}

.paragraph5 .wrapper ul li a .time {
  font-size: 0.16rem;
  color: #999;
  margin: 0.15rem 0rem;
}
.paragraph5 .wrapper ul li a .img{
  height: 2.5rem;
  width: 100%;
}
.paragraph5 .wrapper ul li a .content {
  font-size: 0.18rem;
  color: #333;
  line-height: 0.26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.paragraph6 {
  width: 100%;
  height: 6.7rem;
  background-image: url(../images/indexbg13.jpg);
  background-repeat: no-repeat;
  position: relative;
  /* background-size: ; */
}
.paragraph7 .wrapper ul{
  display: flex;
  margin-top: 0.3rem;
  width: 100%;
  justify-content: space-between;
  text-align: center;
}
.bgbox{
  position: absolute;
  width: 6.8rem;
  height: 3.66rem;
  right:0rem;
}
.paragraph6 .wrapper {
  box-sizing: border-box;
  padding-top: 0.66rem;
}
.paragraph6 .wrapper ul{
  display: flex;
  flex-wrap: wrap;
  width: 6rem;
  height: 6rem;
  
}
.paragraph6 .wrapper ul li{
  width: 3rem;
  height: 3rem;
  position: relative;
}
.paragraph6 .wrapper ul li .title{
  font-size: 0.16rem ;
}
.paragraph6 .wrapper ul li:nth-child(2){
  background-color: white;
  box-sizing: border-box;
  padding: 0.6rem 0.26rem;
}
.paragraph6 .wrapper ul li .more{
  margin-top: 0.3rem;
  color: #333;
  display: flex;
  align-items: center;
}
.paragraph6 .wrapper ul li .more .line{
  width: 0.4rem;
	height: 1px;
	background-color: #335baa;
  margin-left: 0.1rem;
  position: relative;
}
.paragraph6 .wrapper ul li .more .line::after{
  content: "";
  position: absolute;
  width:0.07rem ;
  height: 0.07rem;
  border-radius: 100px;
  background-color: #1b4598;
  right:0;
  top: -0.03rem;
}
.paragraph6 .wrapper ul li .more .line::before{
  content: "";
  position: absolute;
  width: 0.27rem;
	height:  0.27rem;
	background-color: #335baa;
	opacity: 0.1;
  border-radius: 100px;
  background-color: #1b4598;
  right:-0.1rem;
  top: -0.13rem;
}

.paragraph6 .wrapper ul li:nth-child(3){
  width: 3rem;
	height: 3rem;
	background-color: #335baa;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.paragraph6 .wrapper ul li:nth-child(1)::after{
  content: "";
  width: 1px ;
  height: 1px ;
  /* background-color: white; */
  border-left: 0.13rem solid transparent;
  border-right: 0.13rem solid white;
  border-top: 0.13rem solid transparent;
  border-bottom: 0.13rem solid transparent;
  position: absolute;
  left: 2.75rem;
  top: 1rem;
}

.paragraph6 .wrapper ul li:nth-child(4)::after{
  content: "";
  width: 1px ;
  height: 1px ;
  /* background-color: white; */
  border-left: 0.13rem solid  #ecf2f8;
  border-right: 0.13rem solid transparent;
  border-top: 0.13rem solid transparent;
  border-bottom: 0.13rem solid transparent;
  position: absolute;
  left: 3rem;
  top: 1rem;
  z-index: 9;
}
.paragraph6 .wrapper ul li:nth-child(3) h3{
  font-size: 0.18rem;
	color: #ffffff;
	opacity: 0.5;
  margin: 0;
}

.paragraph6 .wrapper ul li:nth-child(3) h2{
  font-size: 0.3rem;
	color: #ffffff;
}
.paragraph6 .wrapper ul li:nth-child(4) {
  background-color: #ecf2f8;
  box-sizing: border-box;
  padding: 0.6rem 0.26rem;
}
.more{
  margin-top: 0.3rem;
  color: #333;
  display: flex;
  align-items: center;
}
 .more .line{
  width: 0.4rem;
	height: 1px;
	background-color: #335baa;
  margin-left: 0.1rem;
  position: relative;
}
 .more .line::after{
  content: "";
  position: absolute;
  width:0.07rem ;
  height: 0.07rem;
  border-radius: 100px;
  background-color: #1b4598;
  right:0;
  top: -0.03rem;
}
 .more .line::before{
  content: "";
  position: absolute;
  width: 0.27rem;
	height:  0.27rem;
	background-color: #335baa;
	opacity: 0.1;
  border-radius: 100px;
  background-color: #1b4598;
  right:-0.1rem;
  top: -0.13rem;
}
.paragraph6 .wrapper  {
  display: flex;
}
.paragraph6 .wrapper ul:nth-child(2) li:nth-child(2){
background-color: transparent;
padding-left: 0;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}

.paragraph6 .wrapper ul:nth-child(2) li:nth-child(4){
  background-color: #8a2934;
  color: white;
}
.paragraph6 .wrapper ul:nth-child(2) li:nth-child(4) .more{
  color: white;
}
.paragraph6 .wrapper ul:nth-child(2) li:nth-child(4) .more .line::after{
  color: white;

  background-color: white;
}
.paragraph6 .wrapper ul:nth-child(2) li:nth-child(4) .more .line{
  color: white;
  background-color: white;
}
.paragraph6 .wrapper ul:nth-child(2) li:nth-child(4) .more .line::before{
  color: white;
  background-color: white;
}


.paragraph6 .wrapper ul:nth-child(2) li:nth-child(4)::after{
  content: "";
  width: 1px;
  height: 1px;
  /* background-color: white; */
  border-left: 0.13rem solid transparent;
  border-right: 0.13rem solid transparent;
  border-top: 0.13rem solid transparent;
  border-bottom: 0.13rem solid #94070a;
  position: absolute;
  left: 1.5rem;
  top: -0.27rem;
  z-index: 9;
}
.landing{
  width: 100%;
  height: 100%;
  background-image: url(../images/landingbg.jpg);
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
  transition: 1.5s all;
  overflow: hidden;
}
.landing .logo{
  width: 4rem;
  height: auto;
  margin: 0.7rem auto;
  transition: 2s all;

}
.landing .middle{

}
.landing .wrapper{
  display: flex ;
  width: 14.5rem;
  position: absolute;
  justify-content: space-between;
  bottom:0.5rem;
  height: 3.65rem;
  margin: 0 auto;
  left: 2.5rem;
}

.landing .wrapper .middle{
  display: flex;
  flex-direction: column;
  width: 2.5rem;
  transition: 2s all;
}
.landing .wrapper .middle .top{
  width: 1.88rem;
  height: 1.8rem;
}
.landing .wrapper .middle .bottom{
  display: flex;
  justify-content: space-between;
  text-align: center;
  width: 100%;

}

.landing .wrapper .middle .bottom div{
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.landing .wrapper .middle .bottom img{
  width: 1.1rem;
  height: 1.1rem;

}
.landing .wrapper .middle  .top{
margin: 0.2rem auto;
}
.landing .wrapper .middle .bottom button{
  width: 0.9rem;
	height: 0.28rem;
	background-color: #335baa;
  box-sizing: border-box;
  border: none;
  font-size: 0.16rem;
  color: white;
  margin-top: 0.2rem;
  border-radius: 0.14rem;
}
.landing .wrapper .left,.landing .wrapper .right{
  width: 5.3rem;
  transition: 2s all;
}

.landing .wrapper .left ul,.landing .wrapper .right ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}


.landing .wrapper  ul li{
  width: 1.5rem;
	height: 1.75rem;
  background-image: url(../images/shield1.png);
  background-repeat: no-repeat;
    background-size: 100% 100%;
}
.landing .wrapper  ul li a{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.landing .wrapper  ul li a h2{
  margin: 0;
  margin-bottom: 0.3rem;
  margin-top: 0.1rem;
  color: white;
}
.landing .wrapper  ul li img{
  height: 0.4rem;
  width: auto;
}

.landing .wrapper  ul .active{
  background-image: url(../images/shield.png);
  
}
.banner{
  position: relative;
  width: 100%;
  height: 3.8rem ;
}

.banner .title{
  position: absolute;
  right: 3.6rem;
  top: 1.2rem;
  color: white;
  text-align: center;
} 

.banner .title h2{
  font-size: 0.36rem;
  text-shadow: 2px 2px 8px  
		rgba(0, 46, 87, 0.15);
  margin: 0;
}
.banner .title h5{
  font-size: 0.18rem;
  font-weight: 600;
  /* margin: 0.2rem; */
  text-shadow: 2px 2px 8px  
  rgba(0, 46, 87, 0.15);
  margin: 0;
  margin-top: 0.15rem;
}
.about .paragraph2{
  background-image: unset ;
  background-color: #f8f8f8;
  height: 7rem;
  padding-top: 0.5rem;
  box-sizing: border-box;
}

.about .paragraph2 .layer1 .left{
margin-top: 0;
width: 6rem;
height: 6rem;
}
.about .paragraph2 .layer1 .right{
  margin-top: 0;
  margin-left: 0;
}
.about .paragraph2 .layer1 .right ul li{
  width: 3rem;
  height: 3rem;
}
.about .paragraph2 .layer1 .right ul li:nth-child(4){
  background-color: #8a2934;
  flex-direction: row;
}
.about .paragraph2 .layer1 .right ul li:nth-child(2){
  background-color: #b29b6b;
}

.about .paragraph2 .layer1 .right ul li:nth-child(3){
 background-image: url(../images/icon3bg.png)
}
.about .paragraph2 .layer1 .right ul li:nth-child(4) a{
  flex-direction: column;
  text-align: center;
}
.about .paragraph2 .layer1 .right ul li:nth-child(4) a img{
  width: auto;
  height: 0.68rem;
}
.about .paragraph2 .layer1 .right ul li a h2{
  text-align: center;
}
.about .wrapper{
  width: 12rem;
}

.drop-nav{
  width: 100%;
  height:0.7rem;
  background-image: url(../images/dropNavBg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.drop-nav .wrapper{
  display: flex;
  width: 12rem;
  justify-content: space-between;
}
.drop-nav .left{
  height: 100%;
  align-items: center;
display: flex;  
}
.drop-nav .right{
  display: flex;
  align-items: center;
}

.drop-nav .left li{
  margin-right: 0.15rem;
  font-size: 0.16rem;
  height: 100%;
  box-sizing: border-box;
}

.drop-nav .left li a{
  height: 100%;
  display: block;
  line-height: 0.7rem;
}
.drop-nav .left .active{
  font-size: 0.16rem;
  font-weight: 600;
  color: #335baa;
  border-bottom: 0.03rem solid #8a2934;
}


.drop-nav  .right{
  color: #999999;
}

.drop-nav  .right .active{
  font-size: 0.14rem;
	color: #335baa;
}
.drop-nav  .right  span{
  margin-right: 0.08rem;
}


.page1{
  width: 100%;
  height: 6.85rem;
  overflow: hidden;
}

.page1 .wrapper  .more .line{
  width: 0.4rem;
	height: 1px;
	background-color: #335baa;
  margin-left: 0.1rem;
  position: relative;
  
}
.page1 .wrapper  .more .line::after{
  content: "";
  position: absolute;
  width:0.07rem ;
  height: 0.07rem;
  border-radius: 100px;
  background-color: #1b4598;
  right:0;
  top: -0.03rem;
}
.page1 .wrapper  .more .line::before{
  content: "";
  position: absolute;
  width: 0.27rem;
	height:  0.27rem;
	background-color: #335baa;
	opacity: 0.1;
  border-radius: 100px;
  background-color: #1b4598;
  right:-0.1rem;
  top: -0.13rem;
}
.page1 .title{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.54rem;
  margin-bottom: 0.35rem;
}
.page1  h1{
  font-size: 0.36rem;
  font-weight: 500;
  margin: 0;
}

.page1 .introduce{
  width: 100%;
  display: flex;
  position: relative;

}
.page1 .introduce .right{
  width: 6.26rem;
	height: 3.76rem;
  background-image: url(../images/indexbg1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  padding: 0.45rem;
  flex-shrink: 0;
  margin-top: 0.46rem;
  margin-left: -1.2rem;
}
.page1 .introduce h1{
  font-size: 0.28rem;
}
.page1 .introduce::after{
  content: "";
  width: 6rem;
  height: 3.5rem;
  background-color:#8c0e12 ;
  position: absolute;
  right: -0.2rem;
  top: 1rem;
  z-index: 1;
}

.page1 .introduce .left{
  width: 6.8rem;
  height: 4.6rem;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.page1 .introduce p{
  font-size: 0.16rem;
  color: #444444;
  line-height: 0.3rem;
}

.page2 {
  width: 100%;
  height: 6rem;
  overflow:hidden;
  background-image: url(../images/indexbg2.png);
  background-repeat: no-repeat;
  background-size: 100% 50%;
}
.page2  .wrapper{
  display: flex;
  justify-content: space-between;
}
.page2 .wrapper div{
  border: 1px solid #dadada;
  margin-top: 1.2rem;
  box-sizing: border-box; 
  width: 3.82rem;
}
.page2 .wrapper div:nth-child(1){
 
	height:5rem;
}
.page2 .wrapper div:nth-child(2){
 
	/* height:5rem; */
  margin-top: 0.85rem;
}
.page2 .wrapper div:nth-child(3){
  margin-top: 1.7rem;
}
.page2 .wrapper div:nth-child(1){
 
	height:5rem;
}
.page2 .wrapper div:nth-child(2) ul{
  background-color: #335baa;
}
.page2 .wrapper div:nth-child(3) ul{
  background-color: #911432;
}
.page2 .wrapper ul{
  width: 100%;
  height: fit-content;
  background-color: #1a4287;
  border: 1px solid #1a4287;
  box-sizing: border-box;
  position: relative;
  padding-left: 0.3rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.page2 .wrapper ul::after{
  position: absolute;
  content: "";
  width: 0.01rem;
  background-color: rgba(255, 255, 255, 0.2);
  height: 100%;
  left: 0.3rem;
  top: 0rem;
}

.page2 .wrapper ul li{
  color: white;
  height: 0.6rem;
  line-height: 0.6rem;
  padding-left: 0.3rem;
  box-sizing: border-box;
  font-size: 0.16rem;
  position: relative;
}
.page2 .wrapper ul li b{
  font-size: 0.24rem;
  
}

.page2 .wrapper ul li::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0.3rem;
  width: 0.2rem;
  height: 0.01rem;
  background-color: rgba(255, 255, 255, 0.2);
}
.page2 .more{
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 2rem;
}

.page3 .title{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-top: 0.54rem; */
  margin-bottom: 0.35rem;
}
.page3  h1{
  font-size: 0.36rem;
  font-weight: 500;
  margin: 0;
  color: white;
}

.page3 {
  width: 100%;
  height: 8rem;
  background-color: #f8f8f8;
  background-image: url(../images/indexbg3.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding-top: 0.6rem;
}
.page3 .wrapper img{
  width: 100%;
  height: 6rem;
}

.page4{
  width: 100%;
  height: 6rem;
}
.page4 .title{
  text-align: center;
  margin-top: 0.5rem;
}
.page4 h1{
  font-weight: 500;
  font-size: 32px;
}
.page4 .leader{ 
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.7rem;
}
.page4 .leader .left,.page4 .leader .right{
  width: 5.88rem;
	height: 4.1rem;
  /* border: 1px solid ; */
  box-shadow: 0px 0px 16px 0px 
  rgba(0, 0, 0, 0.12);
  display: flex;
}
.page4 .leader .left .aside,.page4 .leader .right .aside{
  width: 0.6rem;
  height: 100%;
  background-image: url(../images/indexbg4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.page4 .leader .left .list{
  background-image:url(../images/indexbg5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  flex-grow: 1;
}


.page4 .leader .right .list{
  background-image:url(../images/indexbg6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  flex-grow: 1;
}
.page4 .leader .left .list,.page4 .leader .right .list  {
box-sizing: border-box;
padding: 0.3rem;
}
.page4 .leader .left .list li,.page4 .leader .right .list li{
  border-bottom: 1px solid #dddddd;
  line-height: 0.72rem;
  height: 0.72rem;
  display: flex;
}


.page4 .leader .left .list li .lf,.page4 .leader .right .list li .lf{
 font-size: 0.18rem;
 color: #333;
 box-sizing: border-box;
 padding: 0rem 0.3rem;
position: relative;
}

.page4 .leader .left .list li .lf::after,.page4 .leader .right .list li .lf::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0.24rem;
  width: 1px;
  height: 0.25rem;
  background-color: #dddddd;
}

.page4 .leader .left .list li .rg,.page4 .leader .right .list li .rg{
  font-size: 0.18rem;
  color: #333;
  box-sizing: border-box;
 padding: 0rem 0.3rem;
 }

 .page4 .leader .left .list li:nth-last-child(1), .page4 .leader .right .list li:nth-last-child(1){
  border: none;
 }
 .facility{
  width: 100%;
  min-height: 7.8rem;
  background-image: url(../images/aboutBg.jpg);
  /* background-size: 100% 100%; */
  background-position: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-color: #ffffff;
  padding-bottom: 0.6rem;
  overflow: hidden;
  
 }
 .facility  .wrapper{
  width: 12rem;
 }
 .facility .list{
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding-top: 0.52rem;
  flex-wrap: wrap;
 }

 .facility .list li{
  margin-right: 0.36rem;
  width: 3.76rem;
  margin-bottom: 0.2rem;
  position: relative;
  text-align: center;
 }
 .facility .list li:nth-child(3n){
  margin-right: 0;
 }
 .facility .list li a{
  display: block;
 }
 .facility .list li a p{
  font-size: 0.18rem;
	color: #333333;
 }
 .facility .introduce{
  width: 100%;
 }
 .facility .introduce .title{
  text-align: center;
  font-size: 0.3rem;
  font-weight: 600;
	line-height: 0.3rem;
	letter-spacing: 0px;
	color: #335baa;
  margin-top: 0.5rem;
 }

 .facility .introduce .content {
  margin-top: 0.4rem;
	font-size: 0.16rem;
	font-weight: 500;
	line-height: 30px;
	color: #444444;
 }
 .news  {
  background-image: url(../images/aboutBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 1rem;
  box-sizing: border-box;
 }
 .news .page1 .wrapper{
  display: flex;
 }
 .news .more{
  margin-top: 0.1rem;
 }
 .news .page1 .wrapper .news-list{
  width: 3.8rem;
  margin-right: 0.3rem;
 }
 .news .page1 .wrapper .news-list:nth-child(3){
  margin-right: 0;
 }
 .news .page1 .wrapper .news-list .active{
  padding-bottom: 0.18rem;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  
 }
 .news .page1 .wrapper .news-list li .img{
  display: none;
 }
 .news .page1 .wrapper .news-list .active .img{
  display: block;
 }

 .news .page1 .wrapper .news-list li a{
  display: block;
  width: 100%;
  height: 100%;

 }

 .news .page1 .wrapper .news-list li .time{
  font-size: 0.14rem;
	color: #999999;
  margin: 0.2rem 0rem;
  display: none;
 }
 .news .page1 .wrapper .news-list li .title{
  font-size: 0.14rem;
  margin: 0;
	color: #333333;
  line-height: 0.3rem;

  
 }
 .news .page1 .wrapper .news-list .active .time{
  display: block;
 }

 .news .page1 .wrapper .news-list .active .title{
  font-size: 0.16rem;
 }
 .news .page1 .wrapper .news-list li:hover .title{
  color: #ce9f65;
 }
 .news h1{
  font-size: 0.32rem;
 }
 .news .page1 .wrapper .news-list .list li{
  height: 0.7rem;
  margin-bottom: 0.2rem;
  border: none;
 }
 .news .page1 .wrapper .news-list .list li .time{
  display: block;
  margin: 0;
 }

 .news .page1 .wrapper .news-list .list li  .title{
	font-size: 0.16rem;
	line-height: 0.24rem;
	letter-spacing: 0px;
	color: #333333;
 }
 .news .video{
  background:none;
 }
 .news .video .wrapper .title{
  width: 100%;
  display: flex;
  justify-content: space-between;
 }
 .news .video .wrapper  .video-list{
  width: 100%;
  display: flex;

 }
 .news .video .wrapper  .video-list li{
  width: 2.8rem;
  height: 2.58rem;
  flex-shrink: 0;
  margin-right: 0.27rem;
 }
 .news .video .wrapper  .video-list li:nth-child(4){
  margin-right: 0;
 }
 .news .video .wrapper  .video-list .video{
  width: 100%;
  height: 1.58rem;
 }
 .news .video .wrapper  .video-list li video{
  width: 100% ;
  height: 100%;
 }

 .news .video .wrapper  .video-list a{
  display: block;
  width: 100%;
  height: 100%;
 }

 .news .video .wrapper  .video-list li .content{
  width: 100%;
  height: 1rem;
  background-color:rgba(255, 255, 255, 0.6) ;
  box-sizing: border-box;
  padding: 0.15rem;

 }

 
 .news .video .wrapper  .video-list li .content .time{
  font-size: 0.14rem;
	color: #999999;
  /* margin: 0.2rem 0rem; */
 }

 .news .video .wrapper  .video-list li .content  .title{
  font-size: 0.16rem;
  color: #333;
 }

 .media ul{
  display: flex;
  flex-direction: column;
  width: 100%;
  
 }
 .media ul li {
  height: 2rem;
  width: 100%;
  border-bottom: 1px dashed #cdcdcd;
 }
 .media ul li a{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
 }
 
 .media ul li .left{
  width: 2.6rem;
  margin-right: 0.3rem;
	height: 1.5rem;

 }
  .media ul li .right {
    flex: 1;
  }
 .media ul li .right .title{
  font-size: 0.2rem;
  font-weight: 600;
	line-height: 30px;
	letter-spacing: 0px;
	color: #444444;
  margin-top: -0rem;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
 }

 .media ul li .right p{
	font-size: 0.14rem;
	color: #787878;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
 }
 .media ul li .right .time{
  font-size: 0.16rem;
	font-weight: normal;
	letter-spacing: 0px;
	color: #999999;
  margin-top: 0.5rem;
 }
 .facility .list li .img{
  width: 100%;
  height: 2.6rem;
 }
 .facility .list li a::after{
  content: '';
  width: 100%;
  height: 2.6rem;
  background-color: #335baa;
  opacity: 0;
  position: absolute;
  background-image: url(../images/add.png);
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  background-position: 50% 50%;
  /* display: none; */
  transition: 0.7s all;
  cursor: pointer;

 }

 .facility .list li a:hover::after{
  /* display: block; */
  opacity: 0.8;

 }
 .video .list li a::after{
  display: none;
 }
 /* .pagination{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
 }
 .pagination div{
  width: 0.42rem;
  height: 0.42rem;
  border: 1px solid #d4d5d3;
  line-height: 0.42rem;
  text-align: center;
  background-color: white;
  margin: 0rem 0.05rem;
  cursor: pointer;
  font-size: 0.14rem;
 }
 
 .pagination .active{
  background-color: #335baa;
  color: white;
 } */

 .announcement{
  background-image: url(../images/newsbg.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding-bottom: 1rem;
  overflow: hidden;
 }
 .announcement .wrapper ul{
  width: 100%;
  margin: 0.5rem 0rem;
 }

 .announcement .wrapper ul li{
  width: 100%;
  height:0.6rem ;
  box-sizing: border-box;
  padding-left: 0.1rem;
  position: relative;
  border-bottom: 1px dashed #cdcdcd;
 }

 .announcement .wrapper ul li a{
  width: 100% ;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
 }

 .announcement .wrapper ul li a .title{
  font-size: 0.16rem;
	color: #333333;

  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
 }
 .announcement .wrapper ul li a .time{
  font-size: 0.16rem;
	
	color: #999999;
 }

 .announcement .wrapper ul li::after{
  content: "";
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 0.1rem;
  background-color:#999999 ;
  position: absolute;
  left: 0;
  top: 0.3rem;
 }

 .announcement .wrapper ul li a:hover .title{
  color: #335baa;
 }
 
 
 .crumbs-nav{
  width: 100%;
  height: 1rem;
  background-color:rgba(196,214,249,0.8);
 }
 .crumbs-nav .wrapper{
  display: flex;
  align-items: center;
 }
 .crumbs-nav .icon{
  width: 0.22rem;
  height: 0.22rem;
 }

 .crumbs-nav .wrapper ul{
  display: flex;
  align-items: center;
 }
 .crumbs-nav .wrapper ul li{
  margin:0rem 0.04rem;
font-size: 0.16rem;
 }
 .crumbs-nav .wrapper ul li:nth-child(1){
  color:#787878 ;
 }

 .crumbs-nav .wrapper ul li:nth-last-child(1){
  color: #787878;
 }

.news-detail{
  background-image: url(../images/newsbg.png);
  background-repeat: no-repeat;
  min-height: 8rem;
  overflow: hidden;
}
.news-detail .header {
  width: 100%;
  margin-top: 0.5rem;
}
.news-detail .title{
  font-size: 0.3rem;
  font-weight: 600;
	color: #333333;
}

.news-detail .info{
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.5rem;
}
.news-detail .info .left{
  font-size: 0.14rem;
	color: #333333;
  display: flex;
  line-height: 0.5rem;
}

.news-detail .info .left .time{
  margin-right: 0.2rem;
  
}

.news-detail .info img{
  width: 0.25rem;
  height: 0.25rem;
}

.news-detail .content{
  box-sizing: border-box;
  padding-bottom: 0.6rem;
  border-bottom: 1px dashed #dddddd;
}

.news-detail .content video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-detail .content  p img{
max-width:100%;
width:auto;
}
.handle{
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}


.handle a {
  font-size: 0.16rem;
  color: #666;
}
.handle a  span{

	line-height: 48px;
	letter-spacing: 0px;
	color: #333333;
}

.handle .back a{
  width: 1.6rem;
	height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: white;
  font-size: 0.16rem;
	background-color: #335baa;
}
.booking{
  width: 100%;
  display: flex;
  margin-top: 0.4rem;
  justify-content: space-between;
}
.booking .left{
  display: flex;
}
.booking .left .wechat{
  background-image: url(../images/wechatbg.png);
  background-repeat: no-repeat;
  width: 4rem;
	height:2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.booking .left .wechat img,.booking .left .alipay img{
 width: 0.9rem; 
 height: 0.75rem;
}

.booking .left .wechat p,.booking .left .alipay p{
  font-size: 0.24rem;
	color: #ffffff;
}

.booking .left .alipay{
  width: 4rem;
	height:2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #335baa;
}
.booking .right{
  width: 4rem;
	height:2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: -1.5rem;
  background-color: #162a52;
}


.booking .right  img{
  width: 1.6rem; 
  height: 1.6rem;
 }
 
 .booking .right  p{
   font-size: 0.24rem;
   margin: 0.05rem 0rem;
   color: #ffffff;
 }
 .ks-container{
  box-sizing: border-box;
  padding: 0.8rem 0rem;
 }
 .ks-container .wrapper{
  width: 12rem;
 }
 .ks-container .wrapper .classify{
  width: 100%;
  margin-bottom: 0.4rem;
 }

 .ks-container .wrapper .classify .header{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 0.3rem;
 }

 .ks-container .wrapper .classify .header .left{
  font-size: 0.24rem;
  color: #333;
  margin-top: -0.1rem;
 }
 .ks-container .wrapper .classify ul{
  display: flex;
  flex-wrap: wrap;

 }
 .ks-container .wrapper .classify li{
  box-sizing: border-box;
  width: 2.26rem;
	height: 0.5rem;
  padding: 0.15rem;
  margin-right: 0.15rem;
  padding-left: 0.25rem;
  /* border: solid 1px #335baa; */
  margin-bottom: 0.2rem;
  border: solid 1px #dddddd;
  position: relative;
 }
 .ks-container .wrapper .classify li:nth-child(5n){
  margin-right: 0rem;
 }
 .ks-container .wrapper .classify li::after{
  content: "";
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 1rem;
  position: absolute;
  left: 0.1rem;
  top: 0.25rem;
  background-color: #335baa;
 }
 .ks-container .wrapper .classify li a{
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.16rem;
	color: #444444;
 }

 .ks-container .wrapper .classify .active{
  border: solid 1px #335baa;
 }
 .ks-container .wrapper .classify .active a{
  color: #335baa;

 }
 .ks .page1{
  background-color: #f8f8f8;
 }
 .ks .page1 .introduce .right{
  background-image: url(../images/indexbg5.png);
  height: 4.4rem;
 }
 .ks .page1 .introduce .left{
  height: 4.6rem;
 }
 .ks .page1 .introduce::after{
  height: 4rem;
 }
 .ks .pages2{
  width: 100%;
  height: 7.23rem;
 }
 .ks .pages2 .title{
  width: 100%;
  display: flex;
  justify-content: space-between;
 }
 .ks .pages2 .title h1{
  font-weight: 500;
  font-size: 0.32rem;
 }
 .ks .page2 .wrapper div:nth-child(1){

 }
 .ks .swiper-container{
  width: 100%;
  height: 4.82rem;
 }
 .ks .page3{
  background-color: white;
  background-image: url(../images/dtbg2.png);
  background-position: 100% 100%;
  height: 6rem;
 }

 .ks .page3 ul{
  display: flex;
  flex-wrap: wrap;
 }
 .ks .page3 li{
  width: 2.80rem;
	height: 3.60rem;
	background-color: #ffffff;
	box-shadow: 0px 0px 0.1rem 0px 
		rgba(0, 0, 0, 0.08);
	border: solid 1px #e4e4e4;
  box-sizing: border-box;
  padding: 0.25rem;
  margin-right: 0.24rem;
 }
 .ks .page3 li:nth-child(4){
  margin-right: 0;
 }
 .ks .page3 li a{
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  color: #000;
  
  font-size: 0.18rems;
  justify-content: space-between;
 }

 .ks .page3 li  .time{
  color: #ce9f65;
  font-size: 0.18rem;
 }
 .ks .page3 .active{
  background-image: url(../images/dtbg.png);
  background-repeat: no-repeat;
 }

 .ks .page3 .active  .time {
  color: white;
 }
 .ks .page3 .active a{
  color:#fff;
 }

 /* .ks .swiper-button-next,.ks .swiper-button-prev{
  position: relative;
 } */
 #zjSwiper .swiper-slide img{
  width: 100%;
  height: 3.6rem;
  display: block;
 }

 #zjSwiper .swiper-slide  .content{
  width: 100%;
  height: 1.3rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
 }
 #zjSwiper .swiper-slide  .content .line{
  width: 0.3rem;
  height: 0.04rem;
  background-color: #335baa;
  margin: 0.1rem 0rem;
 }
 #zjSwiper .swiper-slide  .content h1{
  color:#335baa ;
  font-size: 0.24rem;
  font-weight: 500;
  margin: 0;
 }

 #zjSwiper .swiper-slide  .content p{
  color:#666 ;
  font-size: 0.16rem;
  margin: 0 ;
 }
 #zjSwiper .swiper-slide:hover .content{
  background-color:#335baa ;  
 }
 #zjSwiper .swiper-slide:hover .content h1{
  color: white;
 }
 #zjSwiper .swiper-slide:hover .content p{
  color: #FFF;
 }
 #zjSwiper .swiper-slide:hover .content .line{
  background-color: white;
 }
 .topHandle{
  display: flex;

 }


 .topHandle a{
  width: 1.6rem;
	height: 0.5rem;
	background-color: #4f82d5;
	border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  color: #FFF;
  margin-right: 0.1rem;

 }
 .topHandle a img{
  width: 0.22rem;
  height: 0.2rem;
  margin-right:0.05rem ;
 }

 .topHandle a:nth-child(2){
  background-color: #b2a371;
 }
 .ks-banner {
  background-image: url(../images/zhaunjiabanner.png);
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
 }
 .ks-banner .title{
position: relative;
  margin: 1rem auto;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
 }

 .ks-banner .title h1{
  margin: 0;
 }
 .ks-banner .title .line{
  width: 0.7rem;
  height: 0.03rem;
  margin: 0.2rem 0rem;
  background-color: #FFF;
  /* position: relative; */
 }
 .ks-banner .title .line::after{
  content: "";
  width: 100vw;
  height: 0.01rem;
  position: absolute;
  left: 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
 }
 .ks-banner .title  h5{
  font-size: 0.14rem;
  font-weight: 500;
  margin: 0;
	color: rgba(255, 255, 255, 0.6);
 }
 .ks-banner .tabs{
  margin: 0 auto;
  width: 4rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 38%;
 }

 .ks-banner .tabs .tab{
  font-size: 0.18rem;
	color: #ffffff;
  height: 0.6rem;
  cursor: pointer;
  line-height: 0.6rem;

 }
 .ks-banner .tabs .active{
  border-bottom:0.03rem solid #FFF ;
 }

 .expert-list li img{
  width: 100%;
  height: 3.6rem;
  display: block;
 }
 .expert-list ul{
  display: flex;
  flex-wrap: wrap;
 }
 .expert-list li  .content{
  width: 100%;
  height: 1.3rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
 }
 .expert-list li  .content .line{
  width: 0.3rem;
  height: 0.04rem;
  background-color: #335baa;
  margin: 0.1rem 0rem;
 }
 .expert-list li  .content h1{
  color:#335baa ;
  font-size: 0.24rem;
  font-weight: 500;
  margin: 0;
 }

 .expert-list li  .content p{
  color:#666 ;
  font-size: 0.16rem;
  margin: 0 ;
 }
 .expert-list li:hover .content{
  background-color:#335baa ;  
 }
 .expert-list li:hover .content h1{
  color: white;
 }
 .expert-list li:hover .content p{
  color: #FFF;
 }
 .expert-list li:hover .content .line{
  background-color: white;
 }

 .expert-list li{
  margin-right: 0.15rem;
  width: 2.88rem;
  margin-bottom: 0.2rem;
 }
 .expert-list li:nth-child(4n){
  margin-right: 0;
 }

 .expert-list{
  box-sizing: border-box;
  padding-bottom: 0.3rem;
  padding-top: 0.4rem;
 }
 .expert-detail .page1{
  width: 100%;
  height: 6.2rem;
  display: flex;
 }

 .expert-detail .page1 .left {
  width: 50%;
  height: 100%;
  background-image: url(../images/zhuanjiabg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top:0.7rem;
  text-align: right;
  padding-right: 1rem;
 }
 
 .expert-detail .page1 .right{
  width: 50%;
  height: 100%;
  background-image: url(../images/zhuanjiabg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.6rem 0.5rem;
  text-align: left;
 }
 .expert-detail .page1 .right .inx{
  width: 5.8rem;
  height: 100%;
 }

 .expert-detail .page1 .left  img{
  width: 3.42rem;
	height: 4.60rem;
 }
 .expert-detail .page1 .right .header{
  display: flex;
  justify-content: space-between;
 }
 .expert-detail .page1 .right .header .back {
  display: flex;
  align-items: center;
  color: #666;
 }
 .expert-detail .page1 .right .header .back img{
width: 0.2rem;
height: 0.22rem;
margin-right: 0.06rem;
 }
 .expert-detail .page1 .right h1{
  font-size: 0.3rem;
	font-weight: 500;
  margin: 0;
	color: #335baa;
  margin-bottom: 0.2rem;
 }

 .expert-detail .page1 .right  .cell{
  font-size: 0.16rem;
  line-height: 0.36rem;
  color: #333;
 }
 .expert-detail .page1 .right  .line{
  width: 100%;
  height: 1px;
  background-color:#335baa;
  position: relative;
 }
 .expert-detail .page1 .right  .line::after{
  content: "";
  position: absolute;
  right: 0;
  top: -0.03rem;
  width: 0.08rem;
  height: 0.08rem;
  background-color: #335baa;
  border-radius: 0.04rem;
}
.jianjie h2{
  font-size: 0.24rem;
  font-weight: 500;
	color: #333333;
}
.time-table{
  width: 100%;
  height: 6.4rem;
  background-image: url(../images/zhuanjiaBg.png);
  overflow: hidden;
}

.time-table .card{
  width: 100%;
  height: 5.72rem;
  background-color: #FFF;
  margin-top: 0.4rem;
  box-sizing: border-box;
  padding: 0.45rem;
}

.time-table .card h1{
  margin: 0;
  font-size: 0.28rem;
  font-weight: 500;
	color: #333333;
}

.time-table .card h5{
  font-size: 0.16rem;
  font-weight: 500;
  margin: 0.22rem 0rem;
	color: #333333;
}
 
.time-table .card table{
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  height: 2.4rem;
}

.time-table .card table thead{
  background-color: #335baa;
  height: 0.6rem;
  color: white;
  font-size: 0.16rem;
}


.time-table .card table thead th{
  border: 1px solid #9b9b9b;

}
.time-table .card table tbody td{
    text-align: center;
    border: 1px solid #9b9b9b;
    box-sizing: border-box;
} 

.time-table .card table tbody  tr:nth-child(2n){
	height: 0.6rem;
	background-color: rgba(  51,91,170,0.1);
  
}
.time-table .card table tbody td button{
  width: 0.8rem;
	height: 0.3rem;
	background-color: #335baa;
	border-radius: 0.04rem;
  color: white;
  box-sizing: border-box;
text-align: center;
line-height: 0.3rem;
border: none;
outline: none;
}
.expert .wrapper{
  width: 12rem;
}
.expert-container{
  width: 100%;
  overflow: hidden;
}
.sift{
  width: 100%;
  min-height: 3.3rem;
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding: 0.34rem 0.28rem;
}
.sift .layer1{
  display: flex;
}
.expert  .paragraph1{
  height: 1.5rem;
}
.sift .left{
  font-size: 0.16rem;
	font-weight: bold;
	color: #111111; 
  height: 0.6rem;
  white-space: nowrap;
  line-height: 0.6rem;
}
.sift  .right{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: 0.2rem;
}
.sift  .tabs{
  display: flex;
  border-bottom: 1px solid #e4e4e4;
  height: 0.6rem;
  box-sizing: border-box;
  /* margin-bottom: 0.3rem; */
  flex-grow: 1;
  width: 100%;
}
.sift  .tabs .tab{
  height: 100%;
  cursor: pointer;
  line-height: 0.6rem;
  font-size: 0.16rem;
	margin-right: 0.3rem;
	color: #666666;
}

.sift  .tabs .active{
  font-size: 16px;
	color: #335baa;
  border-bottom: 0.04rem solid #335baa;
}
.sift  .tab-content{
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-bottom: 0.2rem;
  margin-top:0.2rem;
}

.sift  .tab-content li{
  font-size: 0.14rem;
	letter-spacing: 0px;
  cursor: pointer;
	color: #666666;
  margin-right: 0.3rem;
  margin-bottom: 0.2rem;
}
.sift  .tab-content li:hover{
  color: #4f82d5;
}

.expert-container .choose{
  display: flex;
  align-items: center;
  margin: 0.3rem 0rem;
  justify-content: space-between;
}
.expert-container .choose .label{
  font-size: 0.16rem;
	color: #999999;
}

.expert-container .choose  .value{
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
}

.expert-container .choose  .value .item
{
  box-sizing: border-box;
  padding:0rem 0.1rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 0.03rem;
  margin-right: 0.1rem;
  color: white;
  background-color: #335baa;
  padding-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.expert-container .choose  .value .item::after{
  content: 'X';
  color: white;
  position: absolute;
  right: 0.05rem;
  top: 0.0rem;
}

.expert-container ul .pitem {
  cursor: pointer;
  width: 3.8rem;
  height: 270px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px;
  box-sizing: border-box;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem ;
}
.expert-container ul .pitem:nth-child(3n){
  margin-right: 0;
}

.expert-container ul .pitem .infos {
  width: 100%;
  height: 136px;
  display: flex;
  align-items: flex-start;
}


.expert-container ul .pitem .infos .userinfo {
  display: flex;
  flex-direction: column;
}

.expert-container ul .pitem .infos .userinfo h1 {
  font-weight: bold;
  font-size: 20px;
  color: #335baa;
  margin-top: 0px;
  margin-bottom: 0.1rem;

}

.expert-container ul .pitem .infos .userinfo .iitem {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.expert-container ul .pitem .infos .userinfo .iitem span {
  font-size: 14px;
  color: #888888;
}

.expert-container ul .pitem .infos .userinfo .iitem h6 {
  font-size: 14px;
  margin: 0;
  color: #333333;
}

.expert-container ul .pitem .infos img {
  width: 106px;
  height: 100%;
  border-radius: 5px;
  margin-right: 18px;
}

.expert-container ul  .line_s {
  width: 100%;
  border: solid 1px #e5e5e5;
  margin: 0.2rem 0rem;

}

.expert-container ul  .tips {
  color: #666;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;

}
.expert-container ul {
  display: flex;
  flex-wrap: wrap;
  
}
.expert-container ul .active{
  box-shadow: 0px 2px 12px 0px 
		rgba(51, 91, 170, 0.5);
	border: solid 1px #335baa;
}
 .container .paragraph5 .dj{
  display: flex;
  flex-wrap: wrap;
}
.container .paragraph5 .dj li{
  width: 5.7rem;
  height: 1.3rem;
  box-sizing: border-box;
  padding: 0.25rem;
  background-color: white;
  margin-right: 0.24rem;
  margin-bottom: 0.2rem;
}
.container .paragraph5 .dj li:nth-child(2n){
  margin-right: 0;
}
.container .paragraph5 .dj li a{
  display: flex;
  width: 100%;

  height: 100%;
  flex-direction: row;
}


.container .paragraph5 .dj li a .left{
  border-right: 1px solid #dcdcdc;
  background-color: transparent;
  width: 0.7rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.container .paragraph5 .dj li a .left h2{
	font-size: 0.3rem;
  font-weight: 500;
  margin: 0;
	color: #335baa;
}
.container .paragraph5 .dj li a .left h4{
	font-size: 0.14rem;
  font-weight: 500;

  margin: 0;
	color: #333333;
}
.container .paragraph5 .dj li a .right{
  margin-left: 0.15rem;
  height: fit-content;
}
.container .paragraph5 .dj li a .right .title{
  font-size: 0.18rem;
	font-weight: 600;
  margin: 0;
	color: #335baa;
}

.container .paragraph5 .dj li a .right p{
  font-size: 0.14rem;
	color: #666666;
  margin: 0;
  margin-top: 0.1rem;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.party .paragraph5 .wrapper ul{
  display: flex;
  flex-wrap: wrap;
}
.party .paragraph5 .wrapper ul li:nth-child(3n){
  margin-right: 0.2rem;
}
.party .paragraph5 .wrapper ul li:nth-child(2n){
  margin-right: 0.2rem;
}
.party .paragraph4 .title {
  width: 12rem;
}
.party .paragraph4 .wrapper{
  width: 12rem;
}
.container .paragraph5 .dj li a .right .title{
  width: auto;
}                   
         
.teaching .wrapper{
  width: 12rem;
}
.teaching-page1{
  width: 100%;
  height: 5.76rem;
  background-color: #f8f8f8;
  padding-top: 0.4rem;
  position: relative;
}

.teaching-page1 .bg-color{
  width: 8.53rem;
	height: 3.2rem;
  position: absolute;
  right: 0;
  top: 0;
	background-color: #335baa;
}
.teaching-page1 .title{
  display: flex;
  justify-content: space-between;
}
.teaching .teaching-page1 .more {
  color: white;
}
.teaching .teaching-page1 .more .line{
  background-color: white;
}

.teaching .teaching-page1 .more .line::before{
  background-color: white;
  color: white;
}

.teaching .teaching-page1 .more .line::after{
  background-color: white;
  color: white;
}

.teaching .teaching-page1  .paragraph4{
  width: 100%;
  height: auto;
  background-image: none;
  display: flex;
}


.teaching .teaching-page1 .paragraph4 .left{
  width: 6rem;
  height: 4.1rem;
    flex-shrink: 0;
    overflow: hidden;
}
.teaching .teaching-page1 .paragraph4 .left .swiper-container{
height: 100%;
}





.teaching .teaching-page1 .paragraph4{
  margin-top: 0.4rem;
}

.teaching .teaching-page1 .paragraph4 .right{
  position: relative;
  z-index: 10;
}






 .dj{
  display: flex;
  flex-wrap: wrap;
}
 .dj li{
  width: 5.88rem;
  height: 1.3rem;
  box-sizing: border-box;
  padding: 0.25rem;
  background-color: white;
  margin-right: 0.24rem;
  margin-bottom: 0.2rem;
}
 .dj li:nth-child(2n){
  margin-right: 0;
}
 .dj li a{
  display: flex;
  width: 100%;

  height: 100%;
  flex-direction: row;
}


 .dj li a .lf{
  border-right: 1px solid #dcdcdc;
  background-color: transparent;
  width: 0.7rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
 .dj li a .lf h2{
	font-size: 0.3rem;
  font-weight: 500;
  margin: 0;
	color: #335baa;
}
 .dj li a .lf h4{
	font-size: 0.14rem;
  font-weight: 500;

  margin: 0;
	color: #333333;
    white-space: nowrap;
    margin-right: 0.1rem;
}
 .dj li a .rg{
  margin-left: 0.15rem;
  height: fit-content;
}
 .dj li a .rg .title{
  font-size: 0.18rem;
	font-weight: 600;
  margin: 0;
	color: #335baa;
}

 .dj li a .rg p{
  font-size: 0.14rem;
	color: #666666;
  margin: 0;
  margin-top: 0.1rem;
}
 .dj li:nth-child(3n){
  margin-right: 0.24rem;
}
 .dj li:nth-child(2n){
  margin-right: 0rem;
}
.party .paragraph4 .title {
  width: 12rem;
}
.party .paragraph4 .wrapper{
  width: 12rem;
}
 .dj li a .rg .title{
  width: auto;
}        
.teaching-page2 {
  width: 100%;
  height: 5.67rem;
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding-top: 0.35rem;
}
.teaching-page2 .wrapper{
  width: 12rem;
  display: flex;
  justify-content: space-between;
}
.teaching-page2 .wrapper .column{
  width: 5.9rem;
	height: 4.9rem;
  box-sizing: border-box;
  padding: 0.3rem 0.25rem;
	background-color: #ffffff;
}
.teaching-page2 .wrapper .column .title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
}

.teaching-page2 .wrapper .column .title .more{
  margin-top: 0.1rem;
}

.teaching-page2 .wrapper .column .title .left{
  position: relative;
}

.teaching-page2 .wrapper .column .title .left::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width:.65rem ;
  height: 0.04rem;
  background-color: #335baa;
}

.teaching-page2 .wrapper .column ul{
  width: 100%;
  height: 100%;
  display: flex;
  margin-top: 0.2rem;
  flex-direction: column;
}

.teaching-page2 .wrapper .column ul li{
  width: 100%;
  border-bottom: 1px dashed #cdcdcd;
  position: relative;
}
.teaching-page2 .wrapper .column ul li::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 1rem;
  background-color:#999999 ;
}
.teaching-page2 .wrapper .column ul li a{
  display: flex;
}
.teaching-page2 .wrapper .column ul li a .img{
  width: 1.5rem;
  flex-shrink: 0;
  height: 1.1rem;
  display: none;
}
.teaching-page2 .wrapper .column ul li a h1{
  /* font-size: 0.18rem;
	letter-spacing: 0px;
  margin: 0;
	color: #333333; */
  color: #333;
  font-size: 0.16rem;
  font-weight: 500;
  
}

.teaching-page2 .wrapper .column ul li a p{
  font-size: 0.14rem;
  margin: 0;
  display: none;

	color: #666666;
}

.teaching-page2 .wrapper .column ul li a .time{
  color: #666;
  font-size: 0.14rem;
  display: none;

}

.teaching-page2 .wrapper .column ul li a  .content{
  margin-left: 0.2rem;
}

.teaching-page2 .wrapper .column ul .active a h1{
  font-size: 0.18rem;
	letter-spacing: 0px;
  margin: 0;
	color: #333333;
  font-weight: 600;
  
}

.teaching-page2 .wrapper .column ul .active {
  border: none;
  margin: 0.2rem 0rem;

}

.teaching-page2 .wrapper .column ul .active  .img{
  display: block;
}

.teaching-page2 .wrapper .column ul .active  p{
  display: block;
  margin: 0.1rem 0rem;
} 

.teaching-page2 .wrapper .column ul .active  .time{
  display: block;
}
.download .wrapper li{
  display: flex;
  justify-content: space-between;
  flex-direction:row;
  align-items: center;
}

.download .wrapper li a:nth-child(2){
  width: 1rem;
	height: 0.32rem;
	background-color: #335baa;
	border-radius:0.03rem;
  color: white;
  text-align: center;
  justify-content: center;
}
.report form{
  width: 100%;
  background-color: #f8f8f8;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0.4rem 0rem;
  align-items: center;
  font-size: 0.16rem;
}

.report form textarea{
  width: 12rem;
	height: 3.2rem;
  border: 1px solid #999;
  padding-left: 0.15rem;
  padding-top: 0.15rem;
  font-size: 0.2rem;
  box-sizing: border-box;

}
.report form input{
  width: 12rem;
	height: 0.8rem;
  box-sizing: border-box;
  margin:0.3rem 0rem;
  outline: none;
  font-size: 0.2rem;
  padding-left: 0.15rem;
}
.report form .code{
  display: flex;
  width: 12rem;
  height: 0.8rem;
  justify-content: space-between;
  margin-top: 0.3rem;
}

.report form .code input{
  width: 9rem;

  margin: 0;
  border: 1px solid #999;
}
.report form .code img{
  width: 2.8rem;
  height: 100%;
}
.report form button{
  width: 272px;
	height: 76px;
	background-color: #335baa;
	border-radius: 38px;
  color: white;
  font-size: 0.18rem;
  cursor: pointer;
  border: none;
  outline: none;
  margin-top: 0.4rem;
}
.pages2 .arr{
  height: 0.4rem  ;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  margin-top: 0.3rem;
  position: relative;
}
.pages2 .left-arrow{
  width: 0.4rem;
  margin-right: 0.1rem;
  height: 0.4rem;
 
  /* left: 0 !important;
  top: 0 !important; */
  display: block;
}


.ppage {
	text-align: center;
	padding-top: 45px;
	font-size: 0;
}

	.ppage a {
		background: #fff;
		line-height: 32px;
		font-size: 16px;
		padding: 0 12px;
		display: inline-block;
		margin: 0 3px;
	}

		.ppage a.cur, .ppage a:hover {
			background: #0060a6;
			color: #fff;
		}

.nowpage {
	background: #fff;
	line-height: 32px;
	font-size: 16px;
	padding: 0 12px;
	display: inline-block;
	margin: 0 3px;
	background: #0060a6;
	color: #fff;
}


.menu_btn {
	position: fixed;
	width: 70px;
	height: 70px;
	top: 0px;
	right: 0%;
	z-index: 50;
	background: linear-gradient(135deg, #5a82cf, #dde2e4) center center no-repeat;
}

	.menu_btn span {
		top: 35px;
		left: 22px;
		width: 25px;
	}

		.menu_btn span:before {
			top: -6px;
			width: 18px;
		}

		.menu_btn span:after {
			top: 6px;
			width: 18px;
		}

		.menu_btn span, .menu_btn span:after, .menu_btn span:before {
			position: absolute;
			height: 2px;
			background-color: #fff;
			border-radius: 1px;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transition: all .4s ease;
			-o-transition: all .4s ease;
			transition: all .4s ease;
		}

			.menu_btn span:after, .menu_btn span:before {
				content: "";
				left: 0;
				-webkit-transform: translateY(0px) rotate(0deg);
			}

			.menu_btn span, .menu_btn span:after, .menu_btn span:before {
				position: absolute;
				height: 2px;
				background-color: #fff;
				border-radius: 1px;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				-webkit-transition: all .4s ease;
				-o-transition: all .4s ease;
				transition: all .4s ease;
			}

	.menu_btn.active span {
		background-color: transparent;
	}

		.menu_btn.active span:after, .menu_btn.active span:before {
			width: 25px;
		}

		.menu_btn.active span:before {
			-webkit-transform: translateY(6px) rotate(-45deg);
		}

		.menu_btn.active span:after {
			-webkit-transform: translateY(-6px) rotate(45deg);
		}



    .mask{
      width: 100%;
      height: 100%;
      position: fixed;
      background-color:#f8f8f8;
      z-index: 9999;
      overflow: hidden;
    }


    .loading-bar {
      position: relative;
      width: 110px;
      height: 110px;
      left: calc(50vw - 60px);
      top: calc(50vh - 60px);
      background: transparent;
      border: px solid #3c3c3c;
      border-radius: 50%;
      text-align: center;
      line-height: 111px;
      font-family: sans-serif;
      font-size: 15px;
      color: #000;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-shadow: 0 0 20px #000;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    }
    
    .loading-bar:before {
      content: "";
      position: absolute;
      top: -3px;
      left: -3px;
      width: 100%;
      height: 100%;
      border: 3px solid transparent;
      border-top: 5px solid #000;
      border-right: 5px solid #000;
      border-radius: 50%;
      animation: animateC 2s linear infinite;
    }
    
    @keyframes animateC {
      0% {
        transform: rotate(0deg);
      }
    
      100% {
        transform: rotate(360deg);
      }
    }
    
    @keyframes animate {
      0% {
        transform: rotate(45deg);
      }
    
      100% {
        transform: rotate(405deg);
      }
    }