body {
  position: relative;
  background: #fff;
  background-size: 100% 100%;
}

.index {
  position: fixed;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99;
  background: #fff;
}

.banner-box {
  margin-top: 0;
  position: relative;
}

.banner .slick-slide::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
}

.banner {
  position: relative;
  /* z-index: 9; */
  overflow: hidden;
  height: auto;
}


.banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 6rem;
}

.banner .slick-prev {
  width: .5rem;
  height: .5rem;
  background: url(../images/bal.png) no-repeat center center rgba(255, 255, 255, 0.1);
  background-size: 20%;
  left: 0.3rem;
  z-index: 9;
  border-radius: 50%;
  transition: all 0.3s;
  display: none
}

.banner .slick-prev:hover {
  background: url(../images/bal.png) no-repeat center center rgba(255, 255, 255, 0.7);
  background-size: 20%;
}

.banner .slick-next {
  width: .5rem;
  height: .5rem;
  background: url(../images/bar.png) no-repeat center center rgba(255, 255, 255, 0.1);
  background-size: 20%;
  background-size: 20%;
  right: 0.3rem;
  z-index: 9;
  border-radius: 50%;
  transition: all 0.3s;
  display: none
}

.banner .slick-next:hover {
  background: url(../images/bar.png) no-repeat center center rgba(255, 255, 255, 0.7);
  background-size: 20%;
}


.banner .slick-dots {
  width: auto;
  bottom: .1rem;
  height: .52rem;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
}

.banner .slick-dots li {
  margin: 0 .1rem;
  background: #FCFCFC;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  opacity: .5;
}

.banner .slick-dots li button {
  display: none
}

.banner .slick-dots li.slick-active {
  width: .26rem;
  border-radius: .1rem;
  opacity: 1;
}

.banner .slick-dots li.slick-active button {
  font-size: 0
}

.banner .slick-dots li.slick-active button {
  color: #fff;
}

/*  */
.index_tit {
  text-align: center;
  position: relative;
  margin-bottom: .25rem;
  width: 100%;
}

.proj-tabs {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-end;
}

.proj-tabs button {
  height: .4rem;
  line-height: .4rem;
  padding: 0 .24rem;
  font-size: .16rem;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  cursor: pointer;
  transition: all .2s;
}

.proj-tabs button.on {
  background: #004C97;
  color: #FFFFFF;
  border-color: #004C97;
  font-weight: bold;
}

.proj-tabs button:first-child {
  border-radius: .04rem 0 0 .04rem;
}

.proj-tabs button:last-child {
  border-radius: 0 .04rem .04rem 0;
  border-left: none;
}

.tit_center .index_tc {
  text-align: center;
}

.index_tc {
  position: relative;
  text-align: left;
  transition: all .3s;
  display: flex;
  align-items: center;
  padding-left: .18rem;
}

.index_tc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: .05rem;
  height: .28rem;
  transform: translateY(-50%);
  background: #004C97
}




.index_tc h3 {
  display: inline;
  background-size: .34rem .37rem;
  font-size: 0.27rem;
  font-weight: bold;
  line-height: 0.5rem;
  text-align: center;
  letter-spacing: normal;
  color: #333333;
}

.index_tc h3 span {
  color: #333;
}

.index_tc h5 {
  position: relative;
  color: #999999;
  font-size: 0.13rem;
  font-weight: normal;
  line-height: 0.5rem;
  letter-spacing: normal;
  padding-left: .1rem;
}

.en_tit1 {
  background: url() center no-repeat;
  background-size: .35rem .06rem;
  display: block;
  width: 0.35rem;
  height: 0.06rem;
  margin-right: .01rem;
}

.en_tit2 {
  background: url(../images/tit_enline.png) right center no-repeat;
  background-size: auto;
  display: block;
  flex: 1;
  min-width: 0;
  height: .07rem;
  margin-left: .01rem;
}

.index_more {
  width: 100%;
  margin: .2rem;
}

.index_more .news-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: .4rem;
  margin: 0 auto;
  font-size: .16rem;
  color: #666666;
  background: #FFFFFF;
  border: .01rem solid #DDDDDD;
  border-radius: .04rem;
  transition: all .2s;
}

.index_more .news-more .arr {
  padding: 0 .05rem;
}

.index_more .news-more:hover {
  background: #004C97;
  color: #FFFFFF;
  border-color: #004C97;
}

.index_more .news-more .arr:hover {}

.news-more:hover {}








.index_more a {}

.index_more:hover a {
  transition: all 0.3s;
  color: #01627a;
}



/*  */
.tab-panel.on {
  opacity: 1;
  position: relative !important;
  z-index: 99 !important;
  pointer-events: auto !important;
  transition: all .3s;
}

.tab-panel {
  opacity: 0;
  transition: all .3s;
}

.section1 {}

.section1 {}

.section1 {
  padding: .5rem 0;
  position: relative;
  height: auto;
  overflow: hidden;
  background-size: 10.5rem 7.56rem;
}

.section1 .px1600 {
  position: relative;
}

.section1 .s1-c {
  position: relative;
  height: auto;
  overflow: hidden;
}

.section1 .s1-c .tab-panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: absolute;
  top: .1rem;
  left: 0;
  z-index: -9;
  pointer-events: none;
  flex-wrap: wrap;
}

.section1 .s1-c .tab-panel.on {
  top: 0rem;
}

.img_news {
  width: 7.15rem;
  margin-right: .5rem;
  position: relative;
}

.img_news ul li a {
  display: block;
  position: relative;
}

.img_news ul li a .pic {
  padding-top: 50.6025%;
  border-radius: .2rem;
  overflow: hidden;
}

.img_news ul li a .pic :after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, #00000000 0%, #000000 100%);
  width: 100%;
  height: 0.72rem;
  z-index: 999;
  background-size: 100% 100%;
  opacity: .8;
}

.img_news ul li a .date {
  font-size: 0.15rem;
  font-weight: normal;
  line-height: 0.36rem;
  letter-spacing: normal;
  color: #666;
  display: none;
}

.img_news ul li a .date i {
  font-style: normal;
}

.img_news ul li a .info {
  width: 100%;
  padding: .15rem 0;
  /* height: 1.4rem; */
  background-size: 2.2rem 1.2rem;
}

.img_news ul li a .info h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 0.2rem;
  font-weight: 800;
  line-height: normal;
  letter-spacing: normal;
  color: #333;
  line-height: .36rem;
}

.img_news ul li a .info h3 i {
  font-style: normal;
}

.img_news ul li a .info h3 span {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: Georgia;
  font-size: .18rem;
  font-weight: normal;
  line-height: .36rem;
  color: #ffffff;
}

.img_news ul li a .info p {
  /* height: .3rem; */
  margin-top: 0.3rem;
  font-size: 0.15rem;
  font-weight: normal;
  line-height: 0.24rem;
  color: #666;
  /* max-height: .6rem; */
  /* height: .6rem; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: justify;
}

.img_news li:hover .info h3 {
  color: #004C97 !important;
}

.img_news ul li:hover .date {
  color: #222 !important;
}

.img_news ul li:hover .info p {
  color: #222 !important;
}

.img_news ul .slick-dots {
  position: static;
  margin-right: 1.7rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: auto;
  margin-left: 0;
  align-content: center;
}

.img_news ul .slick-dots::before {
  content: "";
  display: block;
  width: .9rem;
  height: .06rem;
  background: url() no-repeat;
  background-position: right center;
  background-size: auto .06rem;
  margin-right: .2rem;
}

.img_news ul .slick-dots::after {
  content: "";
  display: block;
  flex: 1;
  min-width: 0;
  height: .06rem;
  background: url() no-repeat;
  background-position: lrgy center;
  background-size: auto .06rem;
  margin-left: .2rem;
}

.img_news ul .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 .07rem;
  transition: all 0.5s;
  width: .2rem;
}

.img_news ul .slick-dots li button {
  display: block;
  font-size: .16rem;
  font-weight: normal;
  line-height: .44rem;
  color: #B22923;
  margin: 0 auto;
  padding: 0;
  width: auto;
  height: auto;
  transition: font-size 0.5s;
  font-family: Bebas;
  color: rgba(18, 50, 98, 0.4);
}

.img_news ul .slick-dots li.slick-active {
  min-width: .55rem;
}

.img_news ul .slick-dots li.slick-active button {
  font-size: .36rem;
  color: #B22923;
}

.img_news .slick-prev {
  width: .5rem;
  height: .5rem;
  background: url(../images/bal.png) no-repeat center center rgba(255, 255, 255, 0.1);
  background-size: 20%;
  left: 0.1rem;
  z-index: 9;
  border-radius: 50%;
  transition: all 0.3s;
  top: 40%;
}

.img_news .slick-prev:hover {
  background: url(../images/bal.png) no-repeat center center rgba(255, 255, 255, 0.7);
  background-size: 20%;
}

.img_news .slick-next {
  width: .5rem;
  height: .5rem;
  background: url(../images/bar.png) no-repeat center center rgba(255, 255, 255, 0.1);
  background-size: 20%;
  background-size: 20%;
  right: 0.1rem;
  z-index: 9;
  border-radius: 50%;
  transition: all 0.3s;
  top: 40%;
}

.img_news .slick-next:hover {
  background: url(../images/bar.png) no-repeat center center rgba(255, 255, 255, 0.7);
  background-size: 20%;
}


/*  */

.tzgg_list {
  padding-top: .15rem;
  flex: 1;
  min-width: 0;
}

.tzgg_list ul {
  margin-top: -.15rem;
}

.tzgg_list .wl {
  position: relative;
  z-index: 1;
}

.tzgg_list li:hover .date p {
  color: #fefefe;
}

.tzgg_list li:hover .date i {
  color: #fff;
}

.tzgg_list li {
  margin-bottom: 0;
  border-bottom: 0.01rem dashed #D8D8D8;
  padding: .15rem 0;
  transition: all .3s;
}

.tzgg_list li:hover {
  border-bottom: 0.01rem dashed #004C97;
}

.tzgg_list li:last-child {
  border-bottom: none;
}

.tzgg_list li a {
  display: flex;
  height: .75rem;
  align-items: center;
  justify-content: space-between;
  background-size: 100% 100%;
}



.tzgg_list .date {
  width: .7rem;
  height: .7rem;
  position: relative;
  background: #f5f7fa;
  border-radius: .1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  transition: all .3s;
}



.tzgg_list .con {
  width: calc(100% - .9rem);
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: .2rem;
}


.tzgg_list li .con::after {
  width: .18rem;
  height: .12rem;
  background-size: 100% 100% !important;
  opacity: 0;
  right: .05rem;
  left: auto;
  bottom: -0.1rem;
}

.tzgg_list li .date p {
  text-align: center;
  display: block;
  color: #004C97;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.3rem;
  letter-spacing: normal;
  font-weight: bold;
  width: 100%;
}


.tzgg_list li .date i {
  display: block;
  font-style: normal;
  font-size: 0.14rem;
  font-weight: normal;
  line-height: 0.24rem;
  text-align: center;
  letter-spacing: normal;
  color: #666666;
  width: 100%;
}

.tzgg_list li .date .tim2 {
  margin-top: .2rem;
}

.tzgg_list li h3 {
  max-height: .6rem;
  height: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: justify;
  /* 浏览器可能不支持 */
  transition: all .3s;
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.3rem;
  letter-spacing: normal;
  color: #222222;
  transition: all .3s;
  font-weight: 400;
}

.tzgg_list li:hover h3 {
  color: #004C97;
  font-weight: 800;
}

.tzgg_list li:hover .date:after {
  opacity: 1;
}

.tzgg_list li:hover .date {
  background: #004c97;
}

.itzgg ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.itzgg {
  width: 100%;
  flex: auto;
}

.itzgg li {
  width: 48%;
}

.itzgg li:last-child {
  border-bottom: 0.01rem dashed #D8D8D8;
}

/*  */
.section2 {
  background: #F7F8FA;
  padding: .5rem 0;
}

.section2 .index_more {
  width: auto;
  position: absolute;
  right: 0;
  top: -.6rem;
  margin: 0;
}

.section2 .index_more .news-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: .4rem;
  margin: 0 auto;
  font-size: .16rem;
  color: #666666;
  background: #FFFFFF;
  border: .01rem solid #DDDDDD;
  border-radius: .04rem;
  transition: all .2s;
}

.section2 .index_more .news-more .arr {
  padding: 0 .05rem;
}

.section2 .index_more .news-more:hover {
  background: #004C97;
  color: #FFFFFF;
  border-color: #004C97;
}

.s2-c {
  display: flex;
  justify-content: space-between;
}

.s2_right {
  flex: 1;
  min-width: 0;
  position: relative;
}

.s2_right .tab-panel {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -99;
  pointer-events: none;
  transition: all .5s;
  width: 100%;
}

.s2_right .tab-panel.on {
  position: relative !important;
  top: 0rem !important;
  left: 0 !important;
  opacity: 1 !important;
  z-index: 99 !important;
  pointer-events: all !important;
  transition: all .5s !important;
}

.bid-side {
  border-radius: .08rem;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(0, 76, 151, 0.72) 0%, rgba(0, 60, 126, 0.85) 100%), url(../images/bid-side-bg.jpg) center / cover no-repeat;
  margin-right: .2rem;
  width: 3rem;
  height: 3.4rem;
}


.bid-side .side-hd {
  padding: .26rem .24rem .16rem;
  color: #FFFFFF;
  font-size: .2rem;
  font-weight: 700;
  border-bottom: .01rem solid rgba(255, 255, 255, 0.12);
}

.bid-side .side-hd em {
  display: block;
  font-style: normal;
  font-size: .12rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 400;
  margin-top: .04rem;
  letter-spacing: .01rem;
}

.bid-side button {
  display: block;
  padding: .16rem .24rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .16rem;
  border-bottom: .01rem solid rgba(255, 255, 255, 0.08);
  transition: all .2s;
}

.bid-side button:last-child {
  border-bottom: none;
}

.bid-side button.on, .bid-side button:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

.bid-side .side-hd em {
  display: block;
  font-style: normal;
  font-size: .12rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 400;
  margin-top: .04rem;
  letter-spacing: .01rem;
}

.bid-side button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .16rem .24rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .18rem;
  border-bottom: .01rem solid rgba(255, 255, 255, 0.08);
  transition: all .2s;
  background: none;
  cursor: pointer;
}

.bid-side button:last-child {
  border-bottom: none;
}

.bid-side button span.cnt {
  font-size: .12rem;
  color: rgba(255, 255, 255, 0.5);
}

.bid-side button.on, .bid-side button:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

.xxgk_list {
  padding-top: .15rem;
  flex: 1;
  min-width: 0;
}

.xxgk_list ul {
  margin-top: -.15rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.xxgk_list .wl {
  position: relative;
  z-index: 1;
}

.xxgk_list li:hover .date p {
  color: #fefefe;
}

.xxgk_list li:hover .date i {
  color: #fff;
}

.xxgk_list li {
  margin-bottom: .2rem;
  padding: .15rem 0;
  transition: all .3s;
  width: 49%;
  background: #FFFFFF;
  border-radius: .08rem;
  padding: .12rem .2rem;
  display: flex;
  align-items: center;
  gap: .16rem;
  border: .01rem solid #EEF0F2;
  transition: all .3s ease;
}

.xxgk_list li:hover {
  transform: translateY(-0.02rem);
  box-shadow: 0 .04rem .2rem rgba(0, 0, 0, 0.08);
}

.xxgk_list li:last-child {
  border-bottom: none;
}

.xxgk_list li a {
  display: flex;
  height: .75rem;
  align-items: center;
  justify-content: space-between;
  background-size: 100% 100%;
}



.xxgk_list .date {
  width: .7rem;
  height: .7rem;
  position: relative;
  background: #f5f7fa;
  border-radius: .1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  transition: all .3s;
}



.xxgk_list .con {
  width: calc(100% - .9rem);
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: .2rem;
}


.xxgk_list li .con::after {
  width: .18rem;
  height: .12rem;
  background-size: 100% 100% !important;
  opacity: 0;
  right: .05rem;
  left: auto;
  bottom: -0.1rem;
}

.xxgk_list li .date p {
  text-align: center;
  display: block;
  color: #004C97;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.3rem;
  letter-spacing: normal;
  font-weight: bold;
  width: 100%;
}


.xxgk_list li .date i {
  display: block;
  font-style: normal;
  font-size: 0.14rem;
  font-weight: normal;
  line-height: 0.24rem;
  text-align: center;
  letter-spacing: normal;
  color: #666666;
  width: 100%;
}

.xxgk_list li .date .tim2 {
  margin-top: .2rem;
}

.xxgk_list li h3 {
  max-height: .6rem;
  height: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: justify;
  /* 浏览器可能不支持 */
  transition: all .3s;
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.3rem;
  letter-spacing: normal;
  color: #222222;
  transition: all .3s;
}

.xxgk_list li:hover h3 {
  color: #004C97;
  font-weight: bold;
}

.xxgk_list li:hover .date:after {
  opacity: 1;
}

.xxgk_list li:hover .date {
  background: #004c97;
}

.section3 {
  padding: .5rem 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(248, 251, 254, 0.80) 55%, rgba(255, 255, 255, 0.90) 100%), url(../images/campus-panorama.jpg);
  background-attachment: scroll;
  background-position: 0 0, center center;
  background-size: auto, cover;
  background-repeat: no-repeat;
}

.section3 {}

.section3 .s3-c {
  position: relative;
}

.section3 .tab-panel {
  position: absolute;
  top: -.03rem;
  left: 0;
  opacity: 0;
  z-index: -99;
  pointer-events: none;
  transition: all .5s;
  width: 100%;
}

.section3 .tab-panel.on {
  position: relative !important;
  top: 0rem !important;
  left: 0 !important;
  opacity: 1 !important;
  z-index: 99 !important;
  pointer-events: all !important;
  transition: all .5s !important;
}

.i_imglist {}

.i_imglist ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.i_imglist li {
  width: 49%;
  margin-bottom: .25rem;
  position: relative;
  transition: all .3s
}

.i_imglist li a {
  display: block;
  background: #fff;
  border-radius: .1rem;
  overflow: hidden;
  border: 1px solid #E5E7EB;
  transition: all .3s
}

.i_imglist li:hover {
  transform: translateY(-0.05rem);
  box-shadow: 0 .04rem .2rem rgba(0, 0, 0, 0.08);
}

.i_imglist li:hover a {
  border: 1px solid #074580;
}

.i_imglist li .pic {
  padding-top: 50%;
}

.i_imglist li .pic img {
  object-fit: cover;
}

.i_imglist li .s3_tit {
  padding: .15rem .2rem;
}

.i_imglist li .s3_tit h3 {
  font-size: .18rem;
  font-weight: bold;
  color: #222;
  line-height: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.i_imglist li .s3_tit span {
  font-size: .14rem;
  font-weight: normal;
  color: #999;
  line-height: .24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

/*  */
@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1200px) {
  .banner-box {
    margin-top: 0rem
  }
}

@media screen and (max-width: 1024px) {

  .banner {
    height: auto;
  }

  .banner img {
    height: auto;
  }

  .banner .slick-dots li {}

  .banner .slick-dots li button {
    font-size: 0.2rem;
  }

  .banner .slick-dots {
    bottom: .2rem;
  }

  .section1 .s1-c .tab-panel {
    display: block
  }

  .img_news {
    width: 100%;
    margin: 0 auto .2rem auto;
  }

  .tzgg_list {
    width: 100%
  }

  .index_more {
    margin: .2rem 0;
  }

  .itzgg li {
    width: 100%;
  }

  .s2-c {
    display: block;
  }

  .bid-side {
    width: 100%;
    height: auto;
    margin: 0 auto .25rem auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: row;
  }

  .bid-side .side-hd {
    clear: both;
    width: 100%;
}

  .section2 .index_more {
    top: -1.5rem;
    right: .2rem;
  }

  .xxgk_list li {
    width: 100%
  }
}

@media screen and (max-width: 768px) {
  .i_imglist li {
    width: 100%
  }
}

@media screen and (max-width: 640px) {}