@charset "utf-8";
/* bannerwrap */
.bannerwrap {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}

.bannerwrap .bannerswiper {
  width: 100%;
  height: 100%;
}

.bannerwrap .box {.index .three .thr .threec .tlist
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.bannerwrap .box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.centerBig .box img {
  -webkit-animation-name: centerBig;
  animation-name: centerBig;
}

@-webkit-keyframes centerBig {
  100% {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
}

@keyframes centerBig {
  100% {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
}

.swiper-slide .box img {
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}

/* botpage */
.botpage {
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -8.5rem;
  z-index: 1;
  height: 1rem;
}

.botpage .page {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
}

.botpage .bannercril {
  position: relative;
}

.botpage .page .swiper-pagination-bullet {
  opacity: 1;
  margin-right: 16px;
  background-color: #e4e4e4;
}

.botpage .page .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.botpage .page .bannercril .swiper-pagination-bullet-active {
  background-color: #2e5c72;
}

.botpage .page .swiper-num {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 60px;
}

.botpage .page .swiper-num span {
  font-size: 14px;
  color: #333333;
}

.botpage .page .swiper-num strong {
  display: block;
  width: .1rem;
  height: .01rem;
  background-color: #333333;
  margin: 0 .1rem;
}

/* i-cont */
.i-cont {
  width: 86%;
}

.bannerwrap .box:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.bannerwrap .banner-to {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  display: block;
  font-size: 1em;
  width: .21rem;
  height: .31rem;
  border: .01rem solid #ffffff;
  background-color: transparent;
  border-radius: .1rem;
  overflow: hidden;
  z-index: 9;
  margin: auto;
}

.bannerwrap .banner-to strong {
  animation: downico 1.5s ease-out infinite;
  position: relative;
  display: block;
  line-height: .31rem;
  width: .03rem;
  height: 0.08rem;
  background: #ffffff;
  margin: .1rem auto;
}

@keyframes downico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 40%;
    opacity: 0;
  }
  65% {
    top: -40%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes downico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 40%;
    opacity: 0;
  }
  65% {
    top: -40%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

.botpage .swiper-pagination-bullet {
  font-size: .24rem;
  font-family: Georgia;
  color: #ffffff;
  width: .55rem;
  height: auto;
  padding-top: .25rem;
  border-radius: inherit;
  text-align: left;
  background-color: inherit;
  margin-right: .2rem;
  opacity: 1;
  position: relative;
}

.botpage .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.botpage .swiper-pagination-bullet-active {
  border-top: .01rem solid #ffffff;
}

.botpage .swiper-pagination-bullet-active:after {
  position: absolute;
  left: 0;
  top: -.34rem;
  content: "";
  display: block;
  width: .22rem;
  height: .18rem;
  background: url("../images/banner1/0.png") no-repeat center;
  background-size: 100% 100%;
}

.botpage .mouse {
  text-align: center;
}

.botpage .mouse img {
  width: .17rem;
  height: .1rem;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.botn {
  position: relative;
  width: .9rem;
  display: none;
}

.botn .swiper-button-next1,
.botn .swiper-button-prev1 {
  width: .39rem;
  height: .39rem;
  border-radius: 50%;
  background-size: 100% 100%;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 0;
}

.botn .swiper-button-prev1 {
  background: url("../images/banner1/02.png") no-repeat center;
}

.botn .swiper-button-next1 {
  background: url("../images/banner1/03.png") no-repeat center;
}

.phone {
  display: none;
}

.truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 限制显示的行数 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 超出部分用省略号表示 */
  white-space: normal;
  /* 允许换行 */
}

.truncate1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;

}

.actives {
  display: block;
}

.activestime {
  background-color: #00bfc3;
  border-radius: 1rem;
  color: #fff !important;
  height: 50%;
  line-height: 50%;
  transform: scale(0.7);
  /* 缩放到原来的 90% */
  transform-origin: center;
  /* 设置缩放中心为元素中心 */
}

.havetime {
  border-radius: 1rem;
  color: #00c4c2;
  height: 50%;
  line-height: 50%;
  border: .01rem dashed #00bfc3;
  transform: scale(0.7);
  /* 缩放到原来的 90% */
  transform-origin: center;
  /* 设置缩放中心为元素中心 */
}

/*index*/
.index {
  /*第一块*/
}

.index .titles {
  display: flex;
}

.index .titles p {
  color: #333;
  font-size: .3rem;
  font-weight: bold;
}

.index .titles p img {
  width: 1.75rem;
}

.index .more p img {
  width: 1.08rem;
}

.index .more:hover {
  animation: swing 0.5s;
}

.index .one {
  padding: .73rem 0rem;
  position: relative;
  background-color: #f3f3fb;
  background: url(../images/index/one-bg.png) no-repeat center/cover;
}

.index .one .onecont {
  margin-top: .2rem;
}

.index .one .onecont .onel .oneA {
  width: 7.74rem;
}

.index .one .onecont .onel .onecontent .onel-img {
  width: 7.73rem;
  height: 5rem;
  overflow: hidden;
}

.index .one .onecont .onel .onecontent .onel-img img {
  width: 100%;

}

.index .one .onecont .onel .onecontent .text {
  width: 7.74rem;

  background: linear-gradient(to right, #017cc2, #81cbf3);
  padding: .2rem;
  color: #ffffff;
  font-size: .14rem;
}

.index .one .onecont .onel .onecontent .text .tit {
  margin-bottom: .2rem;
}

.index .one .onecont .onel .onecontent .text .tit a {
  color: #ffffff;
  font-size: .2rem;
  font-weight: bold;
}

.index .one .onecont .onel .onecontent .text .dec {
  padding: 0rem 1rem 0rem 0rem;
}
.index .one .onecont .onel .onecontent .text .truncate {
    -webkit-line-clamp: 1;
}

.index .one .onecont .onel .btnbgs {
  z-index: 999;
}

.index .one .onecont .onel .btnbgs .swiper-button-next1,
.index .one .onecont .onel .btnbgs .swiper-button-prev1 {
  position: absolute;
  bottom: 0%;
  transform: translateY(-50%);
  width: .4rem;
  height: .40rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.index .one .onecont .onel .btnbgs .swiper-button-next1 {
  right: .1rem;
  background: url(../images/index/rx.png) no-repeat center;
}

.index .one .onecont .onel .btnbgs .swiper-button-prev1 {
  right: .5rem;
  background: url(../images/index/lx.png) no-repeat center;
}

.index .one .onecont .oner {
  width: 50%;
  background: url(../images/index/one-rbg.png) no-repeat center;
}

.index .one .onecont .oner ul li {
display: flex;
    justify-content: space-between;
    margin-bottom: .2rem;
    background-color: #ffffff;
    padding: .2rem;
}

.index .one .onecont .oner ul li:hover {
background-color: #0377ba;
}
.index .one .onecont .oner ul li:hover .text p:nth-child(1) a,.index .one .onecont .oner ul li:hover .text p:nth-child(2) {
    color: #fff;
}

.index .one .onecont .oner ul li .time {
  width: .65rem;
  height: .9rem;
  border: 1px solid #7ecaf3;
  text-align: center;
  border-radius: .05rem;
  position: relative;
}

.index .one .onecont .oner ul li .time .timeb {
  position: absolute;
  width: .8rem;
  height: .9rem;
  background-color: #fff;
  text-align: center;
  border-radius: .05rem;
  margin-top: .05rem;
  margin-left: -.08rem;
  box-shadow: 0px 0px 7px 0px rgba(18, 135, 201, 0.31);
  cursor: pointer;
}

.index .one .onecont .oner ul li .time .timeb p {
  font-family: Arial;
  line-height: .28rem;
}

.index .one .onecont .oner ul li .time .timeb p:nth-child(1) {
  font-weight: bold;
  font-size: .2rem;
  color: #027DC2;
  margin-top: .2rem;
}

.index .one .onecont .oner ul li .time .timeb p:nth-child(2) {
  font-size: .18rem;
  color: #333333;
}

.index .one .onecont .oner ul li .time .timeb:hover {
  background-color: #46a8df;
}

.index .one .onecont .oner ul li .time .timeb:hover p {
  color: #fff;
}

.index .one .onecont .oner ul li .text {
  width: 7.4rem;
margin-left: .4rem;

}

.index .one .onecont .oner ul li .text p:nth-child(1) {
  line-height: .28rem;
}

.index .one .onecont .oner ul li .text p:nth-child(1) a {
  font-weight: bold;
  font-size: .18rem;
  color: #333333;
}



.index .one .onecont .oner ul li .text p:nth-child(1) .truncate {
  -webkit-line-clamp: 1;
}

.index .one .onecont .oner ul li .text p:nth-child(2) {
  line-height: 24px;
  font-weight: 400;
  font-size: .14rem;
  color: #666666;
  margin-top: .15rem;
}

.index .two {
  padding: .73rem 0rem;
  position: relative;
  background: url(../images/index/two-bg.png) no-repeat center/cover;
}

.index .two .two1 {
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  position: relative;
}

.index .two .twol {
  width: 45%;
}

.index .two .twol ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7.80rem;
  height: .8rem;
  background: #FFFFFF;
  border: 1px solid #C9E0EA;
  margin: .2rem 0rem;
}

.index .two .twol ul li .img {
  background: url(../images/index/two-add.png) no-repeat center/cover;
  width: .2rem;
  height: .2rem;
  margin-left: .2rem;
}

.index .two .twol ul li .text {
  margin: 0rem .2rem;
  width: 5.7rem;
}

.index .two .twol ul li .text a {
  font-weight: 400;
  font-size: .18rem;
  color: #333333;
  line-height: .28rem;
}

.index .two .twol ul li .text .truncate {
  -webkit-line-clamp: 1;
}

.index .two .twol ul li .time {
  margin-right: .2rem;
  font-size: .14rem;
  font-family: Arial !important;
}

.index .two .twol ul li:hover {
  background: linear-gradient(to right, #017cc0, #84ccf4);
  border-radius: .4rem;
  color: #fff;
}

.index .two .twol ul li:hover .img {
  background: url(../images/index/addl.png) no-repeat center/cover;
}

.index .two .twol ul li:hover a {
  color: #fff;
}

.index .two .twor {
  width: 50%;
}

.index .two .twor .tworcont {
  margin-top: .2rem;
  display: flex;
  justify-content: space-between;
}

.index .two .twor .tworcont .tworcont-left .img {
  background: url(../images/index/twoedu-bg.png) no-repeat center/cover;
  width: 4.1rem;
  height: 1.8rem;
  text-align: center;
}

.index .two .twor .tworcont .tworcont-left .img a {
  text-align: center;
  line-height: 1.83rem;
  font-weight: bold;
  font-size: .22rem;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: .2rem;
}

.index .two .twor .tworcont .tworcont-left .img2 {
  background: url(../images/index/two-sybg.png) no-repeat center/cover;
}

.index .two .twor .tworcont .tworcont-left .line {
  width: 4.1rem;
  height: .8rem;
  background: linear-gradient(90deg, #DAE8F2 0%, #C6F1F3 100%);
  display: flex;
  justify-content: space-between;
  padding: .2rem;
  align-items: center;
  margin: .2rem 0rem;
}

.index .two .twor .tworcont .tworcont-left .line a {
  font-size: .18rem;
}

.index .three {
  padding: .73rem 0rem;
  position: relative;
  background-color: #f3f3fb;
  background: url(../images/index/three-bg.png) no-repeat center/cover;
  display: flex;
}

.index .three .titles p:nth-child(1) {
  color: #fff;
}

.index .three .titles .more {
  margin-left: 1rem;
}

.index .three .thl {
  width: 50%;
  padding-left: 1rem;
}

.index .three .thl .threeB {
  height: 3.6rem;
  margin-top: .4rem;
}

.index .three .thl .threeB .swiper-slide {
  height: 1.8rem !important;
  /* 固定每个滑块高度 */
}

.index .three .thl .threeB .threecont {
  width: 100%;
  background: #FFFFFF;
  border: .01rem solid #C9E0EA;
  position: relative;
}
.index .three .thl .threeB .threecont:hover {
  background: #0377ba;
  border: .01rem solid #0377ba;
}

.index .three .thl .threeB .threecont:hover .text .tit,.index .three .thl .threeB .threecont:hover .text .dec p{
    color: #ffffff;
}

.index .three .thl .threeB .threecont .text {
  padding: 0rem .2rem;
}

.index .three .thl .threeB .threecont .text .tip {
  background-color: #489e2d;
  padding: 0.05rem .1rem;
  font-size: .16rem;
  color: #fff;
  width: 35%;
}

.index .three .thl .threeB .threecont .text .tit {
  font-weight: bold;
  font-size: .18rem;
  color: #333333;
  line-height: .28rem;
  padding-top: .1rem;
}

.index .three .thl .threeB .threecont .text .dec {
  padding: .1rem 0rem;
}

.index .three .thl .threeB .threecont .text .dec p {
  padding: .03rem 0rem;
  font-size: .16rem;
  color: #999;
}

.index .three .thl .threebtn {
  z-index: 999;
}

.index .three .thl .threebtn .custom-next,
.index .three .thl .threebtn .custom-prev {
  position: absolute;
  bottom: 0%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.index .three .thl .threebtn .custom-next {
  left: 7rem;
  top: .9rem;
  background: url(../images/index/jr.png) no-repeat center;
}

.index .three .thl .threebtn .custom-prev {
  left: 6.5rem;
  top: .9rem;
  background: url(../images/index/jl.png) no-repeat center;
}

.index .three .thr {
  width: 50%;
  margin-left: .7rem;
  margin-right: 1rem;
}

.index .three .thr .threec {
  height: 3.6rem;
  margin-top: .4rem;
}

.index .three .thr .threec .swiper-slide {
  height: 1.8rem !important;
  /* 固定每个滑块高度 */
}

.index .three .thr .threec .tlist {
 
  width: 100%;
  height: 1.5rem;
  background-color: #fff;
  border: 1px solid #C9E0EA;

  display: flex;
  padding: .15rem;
}
.index .three .thr .threec .tlist:hover{
background-color:#0377ba;
border:1px solid #0377ba;

}
.index .three .thr .threec .tlist:hover .thtext a,.index .three .thr .threec .tlist:hover .thtext p{
    color: #fff;
}

.index .three .thr .threec .tlist .img {
  width: 23%;
  height: 1.2rem;
  overflow: hidden;
background-color:#fff;
}

.index .three .thr .threec .tlist .img img {
  width: 100%;
}

.index .three .thr .threec .tlist .thtext {
  width: 70%;
  margin-left: .2rem;
}

.index .three .thr .threec .tlist .thtext a {
  font-size: .18rem;
  font-weight: bold;
  color: #0377ba;
}

.index .three .thr .threec .tlist .thtext p {
  font-size: .14rem;
  color: #999;
  margin-top: .2rem;
}

.index .three .thr .threec .tlist .thtext .truncate {
  -webkit-line-clamp: 2;
}

.index .three .thr .threectb {
  z-index: 999;
}

.index .three .thr .threectb .custom-next2,
.index .three .thr .threectb .custom-prev2 {
  position: absolute;
  bottom: 0%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.index .three .thr .threectb .custom-next2 {
  left: 16.2rem;
  top: .9rem;
  background: url(../images/index/jr.png) no-repeat center;
}

.index .three .thr .threectb .custom-prev2 {
  left: 15.8rem;
  top: .9rem;
  background: url(../images/index/jl.png) no-repeat center;
}

.index .four {
  padding: .73rem 0rem;
  position: relative;
  background-color: #f3f3fb;
  background: url(../images/index/four-bg.png) no-repeat center/cover;
}

.index .four .fourC {
  margin-top: .5rem;
}

.index .four .fourC .fourcont {
  width: 3.16rem;
  padding: .18rem;
  position: relative;
  display: flex;
}

.index .four .fourC .fourcont .l {
  margin: 0 auto;
  animation: fadeInUp 0.5s;
}

.index .four .fourC .fourcont .l .topline {
  width: 0.07rem;
  height: .22rem;
  background: #027DBD;
  margin-left: -0.025rem;
}

.index .four .fourC .fourcont .l .bottomline {
  width: 0.01rem;
  height: 100%;
  background: #027DBD;
  transition: height 0.5s;
}

.index .four .fourC .fourcont .r {
  margin-left: .3rem;
  animation: fadeInRight 0.5s;
}

.index .four .fourC .fourcont .r .time {
  display: flex;
  align-items: center;
  font-family: Arial;
  font-size: .36rem;
  color: #333333;
  line-height: .28rem;
}

.index .four .fourC .fourcont .r .time img {
  margin-right: .1rem;
}

.index .four .fourC .fourcont .r .text {
  font-size: .16rem;
  color: #333333;
  margin: .2rem 0rem;
}

.index .four .fourbtn {
  z-index: 999;
}

.index .four .fourbtn .custom-next1,
.index .four .fourbtn .custom-prev1 {
  position: absolute;
  bottom: 0%;
  transform: translateY(-50%);
  width: .56rem;
  height: .41rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.index .four .fourbtn .custom-next1 {
  right: 9.2rem;
  bottom: .5rem;
  background: url(../images/index/four-btnr.png) no-repeat center;
}

.index .four .fourbtn .custom-prev1 {
  right: 10rem;
  bottom: .5rem;
  background: url(../images/index/four-btnl.png) no-repeat center;
}

.index .four .imgs {
  margin-top: -1.5rem;
}

/*小屏幕*/
@media screen and (max-width: 1200px) {
  .top {
    display: none;
  }
  .phone {
    display: block;
  }
  .index .one {
    padding: .73rem .3rem;
  }
  .index .one .onecont .onel .oneA,
  .index .one .onecont .onel .onecontent .text {
    width: 6.9rem;
  }
  .index .one .onecont .oner {
    width: 100%;
    background: 0;
  }
  .index .one .onecont .onel .onecontent .text .dec,
  .botpage .mouse {
    display: none;
  }
  .index .one .onecont .onel .onecontent .text .tit a {
    font-size: .28rem;
  }
  .index .more p img {
    width: 1.5rem;
  }
  .index .titles p {
    font-size: .4rem;
  }
  .index .one .onecont .oner {
    margin-top: .5rem;
  }
  .index .one .onecont .oner ul li .text {
    width: 5.8rem;
  }
  .index .one .onecont .oner ul li .text p:nth-child(2) {
    line-height: .3rem;
    font-size: .18rem;
    color: #999;
  }
  .index .one .onecont .oner ul li .text p:nth-child(1) a {
    font-size: .26rem;
  }
  .index .two {
    padding: .73rem .3rem;
  }
  .index .two .two1 {
    display: inline;
  }
  .index .two .twol ul li {
    width: 100%;
    height: 1.4rem;
  }
  .index .two .twol ul li .text .truncate {
    -webkit-line-clamp: 2;
  }
  .index .two .twol ul li .text a {
    font-size: .26rem;
    line-height: .45rem;
  }
  .index .two .twol ul li .time {
    font-size: .22rem;
  }
  .index .two .twol {
    width: 100%;
  }
  .index .two .twor {
    width: 100%;
  }
  .index .two .twor .tworcont .tworcont-left .line,
  .index .two .twor .tworcont .tworcont-left .img {
    width: 3.3rem;
  }
  .index .two .twor .tworcont .tworcont-left .line a {
    font-size: .24rem;
  }
  .index .two .twor .tworcont .tworcont-left .line p img {
    width: 70%;
  }
  .index .two .twor .tworcont .tworcont-left .img a,
  .index .four .fourC .fourcont .r .text,

  .index .three {
    padding: .73rem .3rem;
        display: block;
  }
.index .three .thl {
    width: 100%;
    padding-left: 0;
}
.index .three .thr {
    width: 100%;
    margin-left: 0;
    margin-right: 1rem;
    margin-top: .4rem;
}
.index .three .thl .threebtn{display: none;}
  .index .four .fourbtn .custom-next1 {
    right: 2.5rem;
    bottom: -0.5rem;
  }

.index .three .thl .threeB .threecont .text .tip {
    background-color: #489e2d;
    padding: 0.05rem .1rem;
    font-size: .3rem;
    color: #fff;
    width: 100%;
}
.index .three .thl .threeB .threecont .text .tit {
    font-weight: bold;
    font-size: .3rem;
    color: #333333;
    line-height: .28rem;
    padding-top: .2rem;
}
.index .three .thl .threeB .swiper-slide{height: 2.5rem !important;}
.index .three .thr .threec .tlist .thtext p{display: none;}
.index .three .thr .threec .tlist .thtext a{    font-size: .3rem;}
.index .three .thl .threeB .threecont .text .dec p{font-size: .22rem;}
  .index .four .fourbtn .custom-prev1 {
    right: 4rem;
    bottom: -0.5rem;
  }
  .index .four .fourbtn .custom-next1,
  .index .four .fourbtn .custom-prev1 {
    width: 1.1rem;
    height: 0.8rem;
  }

  .index .two .twol ul li .text {
    width: 4.7rem;
  }

  .index .four {
    padding: .73rem .3rem;
  }
}