@charset "utf-8";

body {
  overflow-x: hidden;
}



.banner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.banner a {
  display: block
}

.banner>img {
  display: block;
  width: 100%
}

.banner .slick {
  position: relative;
  z-index: 9
}


.banner .slick-slide a {
  display: block;
  position: relative
}

.banner .slick-slide a>img, .banner .slick-slide a>video {
  display: block;
  width: 100%;
  /* height: calc(100vh - 1.86rem);  */
  object-fit: cover;
}

.banner .slick-slide a div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.banner .slick-slide a div img {
  display: block;
  max-width: 70%;
  max-height: 1.83rem;
  transition: all 1s;
  transform: scale(0);
  opacity: 0
}

.banner .slick-slide a div img.on {
  opacity: 1;
  transform: scale(1)
}

.banner .slick-slide.slick-current a>img {
  animation: img_scale linear 8s
}

@keyframes img_scale {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.05)
  }

  100% {
    transform: scale(1)
  }
}

.banner .slick-dots {
  font-size: 0;
  text-align: right;
  transform: translateX(-50%);
  left: 50%;
  bottom: .3rem;
  width: 1rem;
  z-index: 9;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner .slick-dots li {
  padding: 0;
  position: relative;
  transition: all .5s;
  margin: 0 0.09rem;
  width: auto;
  height: 5px;
  display: flex;
  align-items: center;
}

.banner .slick-dots li span {
  display: block;
  width: .12rem;
  height: .12rem;
  background: #fff;
  transition: all .5s;
  border-radius: .1rem;
}

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


.banner .slick-dots li.slick-active span {
  width: 0.5rem;
}

.index {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.tit {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: .4rem;
}

.tit:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #CDCDCD;
}

.tit-name {
  display: flex;
  align-items: center;
}

.tit-name>i {
  display: none;
}

.tit-name>i img {
  display: block;
  width: 0.86rem;
  margin-right: .2rem;
}

.tit-name>div {
  cursor: pointer;
  transition: all .5s;
  position: relative;
  display: flex;
}

.tit-name>div::after {
  content: "";
  position: absolute;
  left: 100%;
  bottom: 0.06rem;
  background: url(../images/tit-aft.png) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 0.74rem;
  height: 0.16rem;
  display: none;
}

.tit-name>div+div {
  margin-left: .45rem;
}

.tit-name>div h2 {
  display: flex;
  align-items: flex-end;
  font-family: "sys";
  position: relative;
  z-index: 1;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.42rem;
  letter-spacing: normal;
  color: #222222;
  padding-bottom: .12rem;
}

.tit-name>div h2:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #005A99;
  height: 0.03rem;
}

.tit-name>div h2 b {
  font-size: 0.76rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.51rem;
  letter-spacing: -0.3rem;
  color: #0c63ab;
}


.tit-name>div p {
  display: flex;
  align-items: center;
}



.tit-name>div p span {
  font-family: Century Gothic;
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.22rem;
  letter-spacing: normal;
  color: #005A99;
  margin-left: .06rem;
}


.tit-more {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  display: flex;
}

.tit-more a {
  position: relative;
  z-index: 9;
  opacity: 1;
  display: flex;
  align-items: center;
  font-size: 0.2rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.42rem;
  letter-spacing: 0rem;
  color: #6D7482;
  transition: all .5s;
  border-radius: 0.25rem;
  font-family: Century Gothic;
}



.publist li a {
  display: flex;
  align-items: center;
  position: relative;
  height: .74rem;
  border-top: 1px dashed #D8D8D8;
}

.publist li a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: all .5s;
  background: #166A1E;
}

.publist li:nth-child(1) a {
  border: none;
}

.publist li a p {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0 0 .15rem;
  position: relative;
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.4rem;
  letter-spacing: normal;
  color: #333333;
}

.publist li a p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.04rem;
  height: 0.04rem;
  background: #9E9E9E;
}

.publist li a span {
  min-width: .7rem;
  text-align: right;
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.26rem;
  letter-spacing: normal;
  color: #666666;
  font-family: Century Gothic;
}



.pub-slick ul li a {
  display: block;
  background: #fff;
  transition: all .5s;
  position: relative;
}

.pub-slick ul li a .date {}

.pub-slick ul li a .date b {
  font-size: 0.18rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.28rem;
  letter-spacing: 0rem;
  color: #2d5bac;
  margin-right: 0.07rem;
}

.pub-slick ul li a .date span {
  font-size: 0.16rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.2rem;
  letter-spacing: 0rem;
  color: #fff;
  opacity: .8;
  display: block;
}

.pub-slick ul li a .pic {
  padding-top: 79.6%;
}

.pub-slick ul li a .pic::after {
  height: 1.3rem;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(21, 21, 21, 0.8) 100%);
  z-index: 1;
}

.pub-slick ul li a .info {
  padding: 0 1.2rem .28rem .3rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.pub-slick ul li a .info h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.3rem;
  letter-spacing: normal;
  color: #FFFFFF;
  margin-top: .12rem;
}

.pub-slick ul li a .info span {
  display: block;
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: #fff;
  background: #005A99;
  width: 1.1rem;
  height: 0.32rem;
  font-family: Century Gothic;
  text-align: center;
}


.pub-slick .slick-dots {
  position: absolute;
  width: auto;
  left: auto;
  right: 0;

  bottom: 0.29rem;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.pub-slick .slick-dots::after {
  content: "";
  display: block;
  width: 0.26rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);

}

.pub-slick .slick-dots li {
  width: 0.16rem;
  height: 0.27rem;
  transition: all .5s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  margin-left: .08rem;
  margin-right: 0;
}

.pub-slick .slick-dots li:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/pub-slick-dot.png) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 0.16rem;
  height: 0.16rem;
  transition: all .5s;
  z-index: 1;
}

.pub-slick .slick-dots li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0);
  background: url(../images/pub-slick-dot-act.png) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 0.27rem;
  height: 0.27rem;
  z-index: 2;
  transition: all .5s;
  opacity: 0;
}

.pub-slick .slick-dots li button {
  display: none;
}

.pub-slick .slick-dots li.slick-active {
  width: 0.27rem;
}

.pub-slick .slick-dots li.slick-active::before {
  opacity: 0;
}

.pub-slick .slick-dots li.slick-active::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}


.s1 {
  padding: .7rem 0 .5rem 0;
}

.s1-c {
  display: flex;
  align-items: flex-start;
}

.s1-l {
  flex: 1;
  min-width: 0;
}

.s1-lc {
  display: flex;
}

.s1-ll {
  flex: 1;
  min-width: 0;
}

.s1-lr {
  width: 4rem;
  margin-left: .3rem;
}

.s1-r {
  width: 4rem;
  margin-left: .3rem;
}


.s2 {
  padding: .5rem 0;
  background: url(../images/s2-bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
}

.s2-c {
  display: flex;
  align-items: flex-start;
}

.s2-l {
  flex: 1;
  min-width: 0;
}

.s2-lc {
  display: flex;
}

.s2-ll {
  flex: 1;
  min-width: 0;
}

.s2-lr {
  width: 4rem;
  margin-left: .3rem;
}

.s2-r {
  width: 4rem;
  margin-left: .3rem;
}

.s3 {
  padding: .6rem 0 1rem 0;
  background: url(../images/s3-bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
}

.s3-c {
  display: flex;
}

.s3-l {
  flex: 1;
  min-width: 0;
}

.s3-l .slick {
  background: #FFFFFF url(../images/s3-litembg.png) no-repeat;
  background-position: 98% 95%;
  background-size: 1.66rem auto;
  box-shadow: 0rem 0.04rem 0.2rem 0rem rgba(0, 0, 0, 0.1);
  position: relative;
  padding-top: 3px;
}

.s3-l .slick::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(0deg, #005A99, #005A99), #005A99;
  box-shadow: 0rem 0.15rem 0.28rem 0rem rgba(175, 175, 175, 0.2);
}

.s3-l .slick ul li a {
  display: flex;
}

.s3-l .slick ul li a .pics {
  width: 3.1rem;
}

.s3-l .slick ul li a .pics .pic {
  padding-top: 129%;
}

.s3-l .slick ul li a .info {
  flex: 1;
  min-width: 0;
  padding: .47rem .25rem .62rem .25rem;
}

.s3-l .slick ul li a .info h3 {
  display: flex;
  align-items: flex-end;
}

.s3-l .slick ul li a .info h3 b {
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: 0.3rem;
  letter-spacing: normal;
  color: #222222;
  margin-right: .08rem;
}

.s3-l .slick ul li a .info h3 span {
  font-size: 0.14rem;
  font-weight: normal;
  line-height: 0.24rem;
  letter-spacing: normal;
  color: #666666;
}

.s3-l .slick ul li a .info p {
  font-size: 0.14rem;
  font-weight: normal;
  line-height: 0.24rem;
  letter-spacing: normal;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  height: 1.2rem;
  margin: .2rem 0 .95rem 0;
}

.s3-l .slick ul li a .info>b {
  display: block;
  font-size: 0.14rem;
  font-weight: normal;
  line-height: 0.24rem;
  letter-spacing: normal;
  color: #005A99;
  text-align: right;
  background: url(../images/icon-right.png) no-repeat;
  background-position: right center;
  background-size: .16rem;
  padding-right: .2rem;
}

.s3-r {
  width: 7.9rem;
  margin-left: .4rem;
}


.s3-r .slick {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.s3-r .slick ul {
  position: static;
}

.s3-r .slick .slick1 {
  flex: 1;
  min-width: 0;
  margin-right: -.25rem;
  position: relative;
  z-index: 1;
  box-shadow: 0rem 0.04rem 0.3rem 0rem rgba(0, 0, 0, 0.1);
}

.s3-r .slick .slick1 ul li a {
  display: block;
  position: relative;
}

.s3-r .slick .slick1 ul li a .pic {
  padding-top: 133.33%;
}
.s3-r .slick .slick1 ul li a .pic div{
  background-size:contain;
}
.s3-r .slick .slick1 ul li a .pic::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(21, 21, 21, 0.8) 100%);
  height: 1.23rem;
}

.s3-r .slick .slick1 ul li a h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: .3rem;
  letter-spacing: normal;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .15rem;
  z-index: 9;
  text-align: center;
}

.s3-r .slick .slick2 {
  width: 3rem;
  /* position: relative; */
  z-index: 2;
  box-shadow: 0rem 0.04rem 0.3rem 0rem rgba(0, 0, 0, 0.3);
}


.s3-r .slick .slick2 ul li a {
  display: block;
  position: relative;
}

.s3-r .slick .slick2 ul li a .pic {
  padding-top: 133.33%;
  background: #fff;
}

.s3-r .slick .slick2 ul li a .pic div{}

.s3-r .slick .slick2 ul li a .pic::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(21, 21, 21, 0.8) 100%);
  height: 1.23rem;
}

.s3-r .slick .slick2 ul li a h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0.2rem;
  font-weight: normal;
  line-height: .3rem;
  letter-spacing: normal;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .15rem;
  z-index: 9;
  text-align: center;
}

.s3-r .slick .slick2 ul li a .pic div {
  opacity: .8;
  background-size: contain;
}


.s3-r .slick .slick2 .slick-prev, .s3-r .slick .slick2 .slick-next {
  background: #C59761;
  width: 0.52rem;
  height: 0.52rem;
  transition: all .5s;
  border-radius: 50%;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
}

.s3-r .slick .slick2 .slick-prev {
  background: #246DBB url(../images/icon-prev-w.svg) no-repeat;
  background-position: center center;
  background-size: auto .11rem;
  transform: translateY(-50%) translateX(-50%);
  left: 0;
}

.s3-r .slick .slick2 .slick-next {
  background: #246DBB url(../images/icon-next-w.svg) no-repeat;
  background-position: center center;
  background-size: auto .11rem;
  transform: translateY(-50%) translateX(50%);
  left: auto;
  right: 0;
  margin-left: 20px;
}



.s3-r .slick .slick3 {
  flex: 1;
  min-width: 0;
  margin-left: -.25rem;
  position: relative;
  z-index: 1;
  box-shadow: 0rem 0.04rem 0.3rem 0rem rgba(0, 0, 0, 0.1);
}


.s3-r .slick .slick3 ul li a {
  display: block;
  position: relative;
}

.s3-r .slick .slick3 ul li a .pic {
  padding-top: 133.33%;
}
.s3-r .slick .slick3 ul li a .pic  div {
    background-size: contain;
}
.s3-r .slick .slick3 ul li a .pic::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(21, 21, 21, 0.8) 100%);
  height: 1.23rem;
}

.s3-r .slick .slick3 ul li a h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: .3rem;
  letter-spacing: normal;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .15rem;
  z-index: 9;
  text-align: center;
}

.s3-b {
  padding-top: .6rem;
}

.s3-b ul {
  display: flex;
  justify-content: space-between;
}



.s3-b ul li a {
  display: block;
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.24rem;
  letter-spacing: normal;
  color: #222222;
  padding-left: .2rem;
  position: relative;
  margin-top: .2rem;
}

.s3-b ul li a::before {
  content: "";
  position: absolute;
  top: .09rem;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #1A4398;
  left: 0;
}



@media screen and (min-width: 1025px) {

.s3-r .slick .slick2 .slick-prev:hover {
  background: #ED6F1D url(../images/icon-prev-w.svg) no-repeat;
  background-position: center center;
  background-size: auto .11rem;
  transform: translateX(-50%) translateY(-50%);
}

.s3-r .slick .slick2 .slick-next:hover {
  background: #ED6F1D url(../images/icon-next-w.svg) no-repeat;
  background-position: center center;
  background-size: auto .11rem;
  transform: translateX(50%) translateY(-50%);
}
  .publist li a:hover p ,.s3-b ul li a:hover{
    color: #005A99
  }

  .publist li a:hover p::before ,.s3-b ul li a:hover::before{
    background: #005A99;
  }

  .tit-more a:hover, .s3-l .slick ul li a:hover .info h3 b {
    color: #005A99;
  }
}

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

  html,
  body,
  .banner,
  .banner .slick,
  .banner .slick div,
  .banner .slick-slide a,
  .banner .slick-slide a img {
    height: auto !important;
  }

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



  .tit-name>div h2{font-size: .24rem;line-height: .3rem;}
  .tit-name>div p span{font-size: .16rem;}
  .tit-more a{font-size: .18rem;}
  .publist li a{height: .6rem;}
  .pub-slick ul li a .info{padding: 0 1.2rem .15rem .15rem;}
  .pub-slick .slick-dots{bottom: .15rem;}
  .s3-r .slick .slick2{width: 50%;}
  .s3-r .slick .slick1{margin-right: -15%;}
  .s3-r .slick .slick3{margin-left: -15%;}
  .s3-r .slick .slick2 .slick-prev{transform: translateY(-50%);}
  .s3-r .slick .slick2 .slick-next{transform: translateY(-50%);}
  .s3-l .slick ul li a .pics{width: 2rem;}
  .s3-l .slick ul li a .info{padding: .2rem .15rem;}
  .s3-l .slick ul li a .info p{margin: .15rem 0 .25rem 0;}
.s3-r .slick .slick2 .slick-prev, .s3-r .slick .slick2 .slick-next{width: .4rem;height: 0.4rem;}
.s3-r .slick .slick2 ul li a h3{padding: .1rem;}
.s3-b ul li{width: auto;}
.s3-b ul li a{margin-top: .15rem;}


  .s1-c,.s1-lc,.s2-c,.s2-lc,.s3-c,.s3-b ul{display: block;}
  .s1-l,.s1-ll,.s2-c,.s2-lc{width: auto;}
  .s1-r,.s1-lr,.s2-r,.s2-lr,.s3-r{width: auto;margin-left: 0;margin-top: .3rem;}
  
  
  .publist li a p,.s3-r .slick .slick2 ul li a h3,.s3-b ul li a,.pub-slick ul li a .info h3{font-size: .18rem;}

  .s1,.s2,.s3{padding: .35rem 0;}
  .s3-b{padding-top: .35rem;}
  .tit{margin-bottom: .3rem;}


}

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

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