@charset "utf-8";
/* CSS Document */
body {
  /* min-width: 1200px; */
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: Microsoft YaHei, Arial;
}
ul,
li,
dt,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
html,
form,
table,
tr,
td,
dt,
dl,
dd,
span,
input,
a,
img {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  border: none;
  font-weight: normal;
}

a {
  text-decoration: none;
  cursor: pointer;
}
img {
  vertical-align: top;
}
/*Banner*/
.tp_banner {
  position: relative;
  width: 100%;
}
.tp_banner img {
  width: 100%;
}
.bannerx {
  position: relative;
  width: 100%;
}
.bannerx img {
  width: 100%;
}

footer {
  margin: 0 auto;
}

.clear {
  clear: both;
}
/* 弹框 在线客服 咨询按键 和 表单*/
.tk_kefu {
  text-align: center;
  /* padding-bottom: 3%; */
}
.ztbtn {
  display: inline-block;
  padding: 10px;
  margin: 2% 5%;
  /* border: 2px solid rgb(59, 136, 230); */
  color: #345f8a;
  text-align: center;
  font-size: 18px;
  border-radius: 50px;
  transition: 0.5s;
  position: relative;
  background: linear-gradient(
    0deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 212, 255, 0) 0%,
    rgba(32, 104, 227, 1) 0%,
    rgba(81, 155, 247, 1) 100%
  );
}
.ztbtn:hover {
  box-shadow: 0 0 25px #888;
  transform: scale(1.1);
}
.tk_kefu .btn1 {
  display: inline-block;
  border: 2px solid #b0131f;
  width: 10em;
  color: #b0131f;
  top: 0em;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.tk_kefu .btn2 {
  background: rgb(223, 182, 111);
  background: linear-gradient(
    90deg,
    rgba(223, 182, 111, 1) 0%,
    rgba(201, 135, 0, 1) 50%,
    rgba(172, 105, 19, 1) 100%
  );
  width: 10em;
  color: #fff;
  top: 1em;
}
.tk_kefu .btn3 {
  background: #b28850;
  width: 10em;
  color: #fff;
  top: 1em;
}
.tk_kefu .btn4 {
  background: #b0131f;
  width: 10em;
  color: #fff;
  top: 0em;
}
.ztbtn1 {
  display: inline-block;
  padding: 5px;
  margin: 2% 5%;
  color: #345f8a;
  text-align: center;
  font-size: 16px;
  border-radius: 50px;
  transition: 0.5s;
  position: relative;
  background: linear-gradient(
    0deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 212, 255, 0) 0%,
    rgba(32, 104, 227, 1) 0%,
    rgba(81, 155, 247, 1) 100%
  );
}
.ztbtn1:hover {
  box-shadow: 0 0 25px #888;
  transform: scale(1.1);
}
.tk_kefu .btn5 {
  background: #b0131f;
  width: 10em;
  color: #fff;
  top: 1%;
}
.zt_p {
  position: relative;
  font-size: 1em;
  color: #999;
  text-align: right;
  padding: 2% 5% 0 0;
}
.zt_p1 {
  position: relative;
  font-size: 0.9em;
  color: #000;
  text-align: right;
  padding: 2% 5% 0 0;
}
.zt_title_w {
  position: relative;
  color: #fff;
  font-size: 2em;
  font-family: "微软雅黑";
  margin: 0 0 0 10%;
  padding: 40px 0 40px 20px;
  height: 50px;
  line-height: 50px;
  background: url("./Allicons.png") no-repeat -135px -85px;
}
/*成功案例开始*/
.success_case {
  position: relative;
  background: url(./bg_06.jpg) no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  max-width: 1920px;
}
.swiper-container-anli {
  margin-top: 3em;
  padding-bottom: 50px;
  padding-right: 30px;
}
.swiper-container-anli img {
  padding: 10px;
  border-radius: 15px;
  width: 90%;
}

.swiper-container-anli .swiper-button-next,
.swiper-button-prev {
  width: 60px;
  height: 60px;
  background-size: 100%;
  margin-top: -50px;
}
.swiper-wrapper {
  height: 100%;
  padding-left: 30px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #e60012;
}

.swiper-container-anli .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  /* background-image: url(images/left.png); */
  left: 0;
}
.swiper-container-anli .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  /* background-image: url(images/right.png); */
  right: 0;
}
/*成功案例结束*/

/*内容1*/
.zt_content1 {
  position: relative;
  background: url("./bg_03.jpg") no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 3em;
}
.zt_title {
  position: relative;
  font-size: 2em;
  font-family: "微软雅黑";
  margin: 0 0 0 10%;
  padding: 40px 0 40px 20px;
  height: 50px;
  line-height: 50px;
  background: url("./Allicons.png") no-repeat -135px 35px;
}
.zt_text {
  position: relative;
   width: 1200px;
  margin: 0 auto;
}
.zt_text ul {
  position: relative;
  display: flex;
flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    gap: 1%;
    padding: 0 10%;
}
.zt_text ul li {
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.card1,
.card3 {
  width: 230px;
  height: 330px;
  border-radius: 10px;
  box-shadow: 15px 15px 30px #bebebe, -15px -15px 30px #ffffff;
  background: rgb(166, 224, 238);
  background: linear-gradient(
    180deg,
    rgba(166, 224, 238, 1) 0%,
    rgba(255, 255, 255, 1) 50%
  );
  padding: 0 10px;
}
.card1 h3,
.card3 h3 {
  font-size: 20px;
  color: #067285;
  border-bottom: 1px dashed #067285;
  text-align: center;
  line-height: 20px;
  padding: 30px 0 15px 0;
}
.card2,
.card4 {
  width: 230px;
  height: 330px;
  border-radius: 10px;
  box-shadow: 15px 15px 30px #bebebe, -15px -15px 30px #ffffff;
  background: rgb(255, 237, 207);
  background: linear-gradient(
    180deg,
    rgba(255, 237, 207, 1) 0%,
    rgba(255, 255, 255, 1) 50%
  );
  padding: 0 10px;
}
.card2 h3,
.card4 h3 {
  font-size: 20px;
  color: #b28850;
  border-bottom: 1px dashed #b28850;
  text-align: center;
  line-height: 20px;
  padding: 30px 0 15px 0;
}
.cardImg {
  padding-top: 20px;
}
.cardImg img {
  height: 58px;
}
.cardtext p {
  text-align: justify;
  font-size: 18px;
  color: #000;
  line-height: 1.8;
  padding: 10px;
}
.zt_text ul li:hover {
  box-shadow: 0 0 16px 5px #dadada;
  border-radius: 10px;
  -webkit-transform: translateY(-1.1rem);
  -ms-transform: translateY(-1.1rem);
  transform: translateY(-1.1rem);
}
/*内容2*/
.zt_content2 {
  position: relative;
}
.zt_title2 {
  position: relative;
  font-size: 2em;
  font-family: "微软雅黑";
  margin: 0 0 0 10%;
  padding: 40px 0 40px 20px;
  height: 50px;
  line-height: 50px;
  background: url("./Allicons.png") no-repeat -135px -85px;
}

.zt_content2_text {
  position: relative;
}
.zt_content2_text ul {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: baseline;
  text-align: center;
  gap: 1%;
  margin-bottom: 2em;
  padding: 0 10%;
}
.zt_content2_text ul li {
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.zt_content2_text ul li:hover {
  box-shadow: 0 0 16px 5px #dadada;
  border-radius: 10px;
  -webkit-transform: translateY(-1.1rem);
  -ms-transform: translateY(-1.1rem);
  transform: translateY(-1.1rem);
}
.zt_content2_card {
  position: relative;
  width: 270px;
  height: 330px;
  border-radius: 10px;
  box-shadow: 15px 15px 30px #bebebe, -15px -15px 30px #ffffff;
  background-color: #f2fdff;
}
.zt_content2_card_txt {
  position: relative;
  text-align: justify;
  font-size: 17px;
  color: #000;
  line-height: 1.8;
  padding: 10px;
}
.zt_content2_card_txt p {
  padding-left: 16px;
  background: url("./Allicons.png") no-repeat -15px -353px;
  max-height: 35px;
  margin-bottom: 10px;
}

.zt_content2_card_tit1 {
  position: relative;
  background: url("./pic01-1.png") no-repeat center center;
  background-size: 100% 100%;
  height: 130px;
}
.zt_content2_card_tit2 {
  position: relative;
  background: url("./pic02-1.png") no-repeat center center;
  background-size: 100% 100%;
  height: 130px;
}
.zt_content2_card_tit3 {
  position: relative;
  background: url("./pic03-1.png") no-repeat center center;
  background-size: 100% 100%;
  height: 130px;
}
.zt_content2_card_tit4 {
  position: relative;
  background: url("./pic04-1.png") no-repeat center center;
  background-size: 100% 100%;
  height: 130px;
}
.zt_content2_card_tit1 p,
.zt_content2_card_tit2 p,
.zt_content2_card_tit3 p,
.zt_content2_card_tit4 p {
  position: absolute; /* 把文本绝对定位 */
  top: 50%; /* 向下移动50%的高度 */
  transform: translate(30%, -50%); /* 调整自身位置，使其完全居中 */
  color: #fff;
  text-align: center;
  font-size: 20px;
}

/*内容3*/
.zt_content3 {
  padding-bottom: 2em;
}

.m1200 {
  position: relative;
  margin: 0 auto;
}
.zt_title3 {
  position: relative;
  font-size: 2em;
  font-family: "微软雅黑";
  margin: 0 0 0 10%;
  padding: 40px 0 40px 20px;
  height: 50px;
  line-height: 50px;
  background: url("./Allicons.png") no-repeat -135px 35px;
}
.zt_content3 .navList {
  position: relative;
  height: 100px;
  overflow: hidden;
  width: 85%;
  margin: 0 auto;
}

.zt_content3 .li {
  height: 100%;
  position: absolute;
  top: 10px;
  font-size: 20px;
  color: #000;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  transition: top 0.2s;
  width: 50%;
}

.zt_content3 .li1 {
  width: 55%;
  left: 0px;
  background: url("./nav2.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: 9;
  padding-right: 10px;
  box-sizing: border-box;
}

.zt_content3 .li2 {
  left: 50%;
  background: url("./nav2.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: 8;
}

.zt_content3 .li.active {
  top: 0;
  line-height: 80px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.zt_content3 .li1.active {
  background: url("./nav1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .li2.active {
  background: url("./nav1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .ztcontent {
  width: 85%;
  border-radius: 0 0 22px 22px;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.212);
  margin: -35px auto 0px;
  position: relative;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zt_content3 .box {
  padding: 20px 10px 20px 20px;
  width: 100%;
  box-sizing: border-box;
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.zt_content3 .box.active {
  display: flex;
}

.zt_content3 .select {
  width: 48%;
  height: 210px;
  border-radius: 22px;
  line-height: 1;
  background: #f1fcff;
  padding-left: 250px;
  border: 1px solid #e9e3f8;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-right: 1%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.zt_content3 .select2 {
  width: 48%;
  height: 240px;
  border-radius: 22px;
  line-height: 1;
  background: #fff3df;
  padding-left: 250px;
  border: 1px solid #e9e3f8;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-right: 1%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.i5 {
  z-index: 10;
}
.zt_content3 .leftIcon {
  width: 280px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.zt_content3 .leftIcon .blue {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 15%;
  overflow: hidden;
  padding: 5px 20px;
  background: rgb(21, 85, 108);
  background: radial-gradient(
    circle,
    rgba(21, 85, 108, 1) 70%,
    rgba(255, 255, 255, 0) 100%
  );
}
.zt_content3 .leftIcon .blue2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 15%;
  overflow: hidden;
  padding: 5px 20px;
  background: rgb(178, 136, 80);
  background: radial-gradient(
    circle,
    rgba(178, 136, 80, 1) 70%,
    rgba(255, 255, 255, 0) 100%
  );
}

.zt_content3 .icon2 {
  width: 50%;
}

.zt_content3 .icon4 {
  width: 50%;
}

.zt_content3 .icon6 {
  width: 50%;
}

.zt_content3 .icon7 {
  width: 100%;
}

.zt_content3 .icon1 .leftIcon {
  background: url("./pic05-1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .icon2 .leftIcon {
  background: url("./pic06-1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .icon3 .leftIcon {
  background: url("./pic07-1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .icon4 .leftIcon {
  background: url("./pic08-1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .icon5 .leftIcon {
  background: url("./pic09-1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .icon6 .leftIcon {
  background: url("./pic10-1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .icon7 .leftIcon {
  background: url("./pic11-1.png") no-repeat center center;
  background-size: 100% 100%;
}

.zt_content3 .icon1 .blue {
  bottom: 85px;
}

.zt_content3 .icon2 .blue {
  bottom: 85px;
}

.zt_content3 .icon3 .blue {
  bottom: 85px;
}

.zt_content3 .icon4 .blue {
  bottom: 85px;
}

.zt_content3 .icon5 .blue2 {
  bottom: 85px;
}

.zt_content3 .icon6 .blue2 {
  bottom: 85px;
}

.zt_content3 .icon7 .blue2 {
  bottom: 85px;
}

.zt_content3 .tit {
  font-size: 20px;
  color: #15556c;
  font-weight: bold;
  padding: 8px 0 17px;
}

.zt_content3 .font {
  font-size: 16px;
  color: #000;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
  line-height: 1.5;
}

/* .zt_content3 .font::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background: url("./zt_content3_icon.png") no-repeat;
  margin-right: 10px;
  flex-shrink: 0;
} */

.zt_content3 .select {
  transition: 0.4s;
}

.zt_content3 .select:hover {
  transform: translateY(-10px);
}

.zt_content3 .leftIcon .blue::after {
  content: "";
  display: block;
  width: 14%;
  height: 290%;
  background: rgba(255, 255, 255, 0.4);
  transform: rotate(35deg);
  position: absolute;
  left: -20%;
  top: -120%;
}

.zt_content3 .leftIcon .blue.active::after {
  animation: leftTransiformzt_content3 0.5s;
}

@keyframes leftTransiformzt_content3 {
  0% {
    left: -20%;
  }

  100% {
    left: 120%;
  }
}
/*内容5*/

.zt_content5 {
  background: url("./bg_08.jpg") no-repeat center center;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.zt_content5 .leftImg {
  position: absolute;
  left: -239px;
  top: -80px;
}

.zt_content5 .rightImg {
  position: absolute;
  right: -258px;
  top: 614px;
}

.zt_content5 .ztcontent {
  height: 560px;
  position: relative;
  margin: -8px 0 52px;
  background: url("./xian.png") no-repeat center top 280px;
}

.zt_content5 .li {
  width: 275px;
  height: 288px;
  position: absolute;
  top: 0;
  line-height: 1;
  padding: 65px 18px 0 30px;
  box-sizing: border-box;
  transition: transform 0.5s;
}

.zt_content5 .li1 {
  background: url("./zt_content5_01.png") no-repeat;
  height: 288px;
  left: -10px;
}

.zt_content5 .li2 {
  background: url("./zt_content5_02.png") no-repeat;
  top: 325px;
  left: 160px;
  padding: 130px 18px 0 25px;
}

.zt_content5 .li3 {
  background: url("./zt_content5_03.png") no-repeat;
  height: 288px;
  left: 365px;
}

.zt_content5 .li4 {
  background: url("./zt_content5_04.png") no-repeat;
  top: 325px;
  left: 552px;
  padding: 130px 18px 0 25px;
}

.zt_content5 .li5 {
  background: url("./zt_content5_05.png") no-repeat;
  height: 288px;
  left: 743px;
}

.zt_content5 .li6 {
  background: url("./zt_content5_06.png") no-repeat;
  top: 325px;
  left: 942px;
  padding: 130px 18px 0 25px;
}

.zt_content5 .tit {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  padding-bottom: 10px;
}

.zt_content5 .font {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  display: flex;
  justify-content: flex-start;
}

.zt_content5 .font::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("./Allicons.png") no-repeat -15px -411px;
  margin: 6px 8px 0 0;
  flex-shrink: 0;
}
.zt_content5 .font2 {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  display: flex;
  justify-content: flex-start;
}

.zt_content5 .font2::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("./Allicons.png") no-repeat -15px -362px;
  margin: 6px 8px 0 0;
  flex-shrink: 0;
}

.zt_content5 .li:hover {
  transform: translateY(-10px);
}
/*内容6*/
.zt_content6 {
  padding-bottom: 3em;
}
.zt_content6_text {
  position: relative;
  margin: 0 auto;
  width: 1200px;
}
.zt_content6 .zt_content6_text1 {
  position: relative;
}
.zt_content6 .zt_content6_text1 li {
  width: 24.25%;
  float: left;
  box-sizing: border-box;
  margin: 1% 1% 1% 0;
  position: relative;
  transition: 0.5s;
  overflow: hidden;
}
.zt_content6 .zt_content6_text1 li:nth-of-type(4) {
  margin-right: 0;
}
.zt_content6 .zt_content6_text1 li:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
.zt_content6 .zt_content6_text1 li dl {
  position: absolute;
  top: -20px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  line-height: 30px;
  transition: 0.5s;
}
.zt_content6 .zt_content6_text1 li dl dt {
  text-align: justify;
  font-size: 16px;
  line-height: 40px;
  color: #000;
  padding-top: 3em;
}
.zt_content6 .zt_content6_text1 li dl dt span {
  text-align: justify;
  font-size: 18px;
  color: #ffff;
  font-weight: bold;
}
.zt_content6 .zt_content6_text1 li dl dt span::after {
  text-align: justify;
  line-height: 100px;
  font-size: 18px;
  background-color: #00b7ee;
}
.zt_content6 .zt_content6_text1 li dl dd {
  opacity: 0;
  transition: 0.5s;
  line-height: 30px;
  font-size: 16px;
}
.zt_content6 .zt_content6_text1 li dl dd span {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}
.zt_content6 .zt_content6_text1 li img {
  width: 100%;
}
.zt_content6 .zt_content6_text1 li:hover::before {
  background-color: rgb(29 95 162 / 80%);
}
.zt_content6 .zt_content6_text1 li:hover dl {
  top: 0;
}
.zt_content6 .zt_content6_text1 li:hover dl dt {
  display: none;
}
.zt_content6 .zt_content6_text1 li:hover dl dd {
  opacity: 1;
}

/*荣誉服务*/
.service {
  background: url("./bg_10.jpg") no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 80px;
}
.zt_service_title {
  position: relative;
  font-size: 2em;
  font-family: "微软雅黑";
  margin: 0 0 0 10%;
  padding: 40px 0 40px 20px;
  height: 50px;
  line-height: 50px;
  background: url("./Allicons.png") no-repeat -135px -85px;
}
.zt_service_text {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  display: block !important;
}
.service .ztcontent {
  /* background: url("./cont_bg.png") no-repeat; */
  /* width: 85%; */
  margin: 0 auto;
  height: 400px;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.service .li {
  width: 300px;
  height: 200px;
  padding: 30px 40px 0;
  box-sizing: border-box;
  overflow: hidden;
  text-align: justify;
  background: rgb(237, 237, 237);
  background: linear-gradient(
    0deg,
    rgba(237, 237, 237, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.service .tit {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  padding-bottom: 12px;
}

.service .font {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
}

.service .img {
  padding: 0;
}

.service .img img,
.service .pen {
  transition: 0.5s;
}

.service .img img:hover {
  transform: scale(1.1);
}

.service .li:hover .pen {
  transform: translateY(-10px);
}
/*内容4*/
.zt_content4 {
  position: relative;
}
.zt_content4 .zt_content4_text {
  position: relative;
  margin: 0 auto;
  padding-bottom: 3em;
}
.zt_content4 .zt_w1200 {
  width: 1200px;
  margin: 0 auto;
}

.schoolpan {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.universitylist {
  width: 89%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.schoolpan dd,
.universitylist li {
  background-color: #c8ecf4;
  color: #067285;
  font-size: 20px;
  width: 40%;
  text-align: center;
  margin: 1rem 0 0 0;
  padding: 12px 5px;
}

.schoolpan dd.schoolhover,
.universitylist li.schoolhover {
  background-color: #067285;
  color: #fff;
  border-bottom: #067285 2px solid;
}
.school {
  position: relative;
  width: 80%;
  background-color: #fff;
  padding: 1rem;
  font-size: 18px;
  line-height: 2;
}

.highschool_1 {
  background-color: #ffecec;
  padding: 1rem;
  font-size: 18px;
  line-height: 2;
}
.highschool_2_text {
  background-color: #e4eeff;
  padding: 1.3rem;
  font-size: 18px;
  line-height: 2;
}

.highschool_2 p {
  color: #275299;
  padding: 0.3rem 1.3rem;
  font-size: 20px;
}
.highschool_2 li {
  padding: 0.2rem 1.3rem;
  font-size: 18px;
}
.highschool_2 li span {
  color: #275299;
  font-weight: bold;
}

.university {
  position: relative;
  width: 86%;
  height: auto;
  padding: 0rem;
  font-size: 18px;
  margin: 0 auto;
}
.university_text1,
.university_text2 {
  padding: 2rem;
  font-size: 18px;
  line-height: 2;
  background: rgb(200, 236, 244);
  background: linear-gradient(
    0deg,
    rgba(200, 236, 244, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}
.university_box {
  display: flex;
}
.university_text1 .university_1_left {
  position: relative;
  width: 35%;
}
.university_text1 .university_1_right {
  position: relative;
  width: 65%;
  border-left: #067285 2px dashed;
  padding-left: 1em;
}

.university_text1 .university_1_left span {
  position: relative;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.university_text1 p,
.university_text2 p {
  font-weight: normal;
  color: #000;
  text-align: justify;
  padding-right: 1em;
}

.university_text3 {
  background-color: #e4eeff;
  padding: 2rem;
  font-size: 18px;
  line-height: 2;
}
.university_text3 p {
  font-weight: bold;
  color: #000;
}
.university_text4 {
  padding: 0;
  position: relative;
  width: 100%;
  font-size: 18px;
  height: 390px;
}
.university_text4 .university_text4_left {
  position: relative;
  width: 20%;
  float: left;
  text-align: center;
  margin: 20px auto;
}
.university_text4 .university_text4_right {
  position: relative;
  width: 70%;
  float: right;
}
.li-1 {
  padding: 0.2rem 1rem;
  border-radius: 1rem;
  line-height: 1.8;
  font-size: 16px;
  color: #000;
  background: rgb(242, 245, 246);
  background: linear-gradient(
    180deg,
    rgba(242, 245, 246, 1) 0%,
    rgba(237, 237, 237, 1) 100%
  );
}
.li-1 span {
  color: #00479d;
  font-style: bold;
  font-size: 22px;
}
.li-2 {
  padding: 0.2rem 1rem;
  border-radius: 1rem;
  line-height: 1.8;
  font-size: 16px;
  color: #fff;
  background: rgb(32, 104, 227);
  background: linear-gradient(
    180deg,
    rgba(32, 104, 227, 1) 0%,
    rgba(81, 155, 247, 1) 100%
  );
}
.li-2 span {
  color: #fff;
  font-style: bold;
  font-size: 20px;
}
/*排名*/
.zybox {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.university_1_right_tit {
  color: #000;
  font-size: 18px;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1em;
  text-align: center;
  font-weight: bold;
}
.zybox div {
  overflow: auto;
  height: 35em; /*固定高度 */
  width: 100%;
}
.zybox table {
  table-layout: fixed;
  width: 100%;
  display: none;
}

.zybox table tbody {
  width: 100%;
  position: -webkit-sticky;
}

.zybox thead tr th {
  line-height: 30px;
  font-size: 16px;
  border: 1px solid #117688;
  background-color: #067285;
  text-align: center;
  /*text-indent: 30px;*/
  color: #fff;
  overflow: auto;
  width: auto;
  height: 1.2em; /* 固定高度 */
}
.zybox td,
th {
  border: 1px solid gray;
}

.zybox p,
.zybox1 p,
.zybox2 p {
  position: sticky;
  bottom: 0rem;
  text-align: right;
  margin-top: 2rem;
  background-color: #fff;
  padding: 1em;
  z-index: 10;
}

#td1,
#th1 {
  width: 14em;
  text-align: center;
}
#td2,
#th2 {
  width: 35em;
  text-align: center;
}
#td3,
#th3 {
  width: 26em;
  text-align: center;
}
th:first-child {
  position: sticky;
  background-color: #067285;
}

.zybox tr td {
  line-height: 30px;
  text-align: left;
  border: 1px solid #067285;
  text-align: center;
 font-size: 14px;
}

.zybox1 table,
.zybox2 table {
  position: relative;
  table-layout: fixed;
  display: block;
  width: 100%;
  background-color: #e6eeff;
  margin-right: auto;
  margin-left: auto;
  /*left: 50%;*/
  /*transform: translate(-63%, 0);*/
  font-size: 16px;
}
.u_qs {
  position: relative;
  color: #000;
  text-align: justify;
  padding-right: 1em;
  font-weight: bold;
}
.num {
  position: relative;
  background-color: #067285;
  padding: 2%;
  color: #fff;
  border-radius: 20px;
  text-align: center;
  font-weight: bold;
}