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

body {
  min-width: 1200px;
}

.w1440 {
  max-width: 14.4rem;
  min-width: 12rem;
  margin: 0 auto;
}

a {
  color: white;
  text-decoration: none;
  font-weight: normal;
}

.swiper1 .text {
  position: absolute;
  z-index: 2;
  top: 2.95rem;
  left: 2.55rem;
}

.swiper1 .text h2 {
  color: #0168B7;
  font-size: 0.52rem;
  font-weight: bold;
}

.swiper1 .text h1 {
  /* color: #fff; */
  width: 7.2rem;
  font-size: 0.7rem;
  font-weight: bold;
  background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(255, 255, 255)), to(#3878d4));
  
  -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
  
  -webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
}

.swiper1 .text>p {
  width: 3.2rem;
  height: 0.02rem;
  background-color: #fff;
  margin: 0.3rem 0;
}

.swiper1 .text span {
  font-size: 0.36rem;
  color: #fff;
  font-weight: bold;
  float: left;
}

button {
  overflow: hidden !important;
  font-size: 0.16rem;
}

/* 轮播图 */
.swiper1.swiper-container {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.swiper-containe {
  position: relative;
  overflow: hidden;
}
.swiper1 .swiper-slide {
  text-align: center;
  font-size: 0.16rem;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper1 .swiper-slide>img {
  width: 100%;
  height: 9.5rem;
}

/* Add Pagination */
.swiper-pagination {
  bottom: 0.5rem !important;
}
.swiper1 .swiper-pagination-bullet {
  width: 0.09rem;
  height: 0.09rem;
  background-color: #FFFFFF;
}

.swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.288rem;
  height: 0.096rem;
  background: #0168B7;
}

/* 左右移动箭头 */
.toleftbar,
.torightbar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 0.48rem;
  height: 0.48rem;
  cursor: pointer;
}

.toleftbar {
  left: 0.4288rem;
}

.torightbar {
  right: 0.4288rem;
}

/* 轮播图结束 */

.main_1 {
  background: url(../img/main_1.png);
  background-size: cover;
  width: 100%;
  height: 10rem;
  overflow: hidden;
}

.main_1 .title {
  overflow: hidden;
  padding-top: 0.79rem;
  width: 100%;
  text-align: center;
}

.main_1 .title h2 {
  color: #27273A;
  font-size: 0.4rem;
  font-weight: 400;
}

.main_1 .title span {
  float: left;
  width: 100%;
  text-align: center;
  color: #999999;
  font-size: 0.24rem;
  margin-top: 0.1rem;
  font-weight: 400;
}

.main_1 .banner_2 ul {
  margin-top: 0.3rem;
  width: 100%;
  height: 2.19rem;
}

.main_1 .banner_2 ul li {
  position: relative;
  float: left;
  cursor: pointer;
  font-size: 0.16rem;
  width: 2.68rem;
  height: 1.44rem;
  margin: 0.1rem;
  background: url(../img/banner_bgimg.png) no-repeat;
  background-size: cover;
}
.main_1 .banner_2 ul a li:hover img{
  transform: scale(1.3);
}
.main_1 .banner_2 ul a li:hover span{
  /* font-size: 0.2rem; */
  transform: scale(1.3);
}

.main_1 .banner_2 ul li img {
  position: absolute;
  top: 0.4rem;
  left: 1.12rem;
  height: 0.356rem;
  width: 0.37rem;
  transition: 0.5s ease;
}

.main_1 .banner_2 ul li span {
  position: absolute;
  top: 0.8rem;
  width: 100%;
  text-align: center;
  color: black;
  transition: 0.5s ease;
  padding-top: 0.06rem;
}

/* .main_1 .banner_2 ul li:first-of-type {
  background: url(../img/banner_bgimg_select.png?type=isClick) no-repeat;
  background-size: cover;
}

.main_1 .banner_2 ul li:first-of-type span {
  color: white;
} */

.main_1 .banner_2_contain {
  position: relative;
  padding: 0.4rem;
  /* overflow: hidden; */
  background-color: rgb(244, 246, 249);
  width: 100%;
  height: 5rem;
  box-sizing: border-box;
}

.main_1 .banner_2_contain img {
  float: left;
}

.main_1 .banner_2_contain .right {
  position: absolute;
  left: 7.2rem;
  width: 5.8rem;
}

.main_1 .banner_2_contain .banner_2_main {
  width: 100%;
  height: 100%;
  /* background: url(../img/banner_2_contain.png) no-repeat; */
  /* background-size: cover; */
  background-color: #fff;
  display: none;
}

.main_1 .banner_2_contain .first {
  display: block;
}

.main_1 .banner_2_contain .banner_2_main img {
  width: 50%;
  height: 100%;
}

.main_1 .banner_2_contain .banner_2_main .right {
  padding: 0.5rem;
  height: 3.2rem;
  background: url(../img/index_bjt.png);
  background-size: 100% 100%;
}

.main_1 .banner_2_contain .banner_2_main .right h2 {
  font-size: 0.22rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.15rem;
}

.main_1 .banner_2_contain .banner_2_main .right p {
  font-size: 0.18rem;
  color: black;
  margin-top: 0.16rem;
  margin-bottom: 0.3rem;
  font-weight: 300;
}
.new_p p{
  margin: 0 !important;
}
.main_1 .banner_2_contain .banner_2_main .right .line {
  width: 1.3rem;
  height: 0.02rem;
  background-color: #0168B7;
  margin-bottom:0.3rem;
}

.main_1 .banner_2_contain .banner_2_main .right span {
	height: 1.65rem;
  display: block;
  color: #999999;
  font-size: 0.14rem;
  line-height: 0.41rem;
  /* margin-bottom: 0.59rem; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.main_1 .banner_2_contain .banner_2_main .right a {
  cursor: pointer;
  font-size: .14rem;
  float: left;
  width: 1.27rem;
  height: 0.46rem;
  background-color: #0168B7;
  border: none;
  text-align: center;
  line-height: 0.46rem;
  border-radius: 0.23rem;
  color: white;
  transition: .5s;
  margin-top: 0.2rem;
}

.main_1 .banner_2_contain .banner_2_main .right button:hover {
  background-color: #003371;
}

.main_2 {
  width: 100%;
  height: 9.1rem;
  box-sizing: border-box;
}

.main_2 .title {
  width: 100%;
  height: 1rem;
  background: url(../img/main_2_title.png) no-repeat;
  background-size: cover;
  overflow: hidden;
  text-align: center;
}

.main_2 .title h2 {
  font-size: 0.4rem;
  font-weight: 400;
  color: #27273A;
}

.main_2 .title span {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 0.1rem;
  color: #CCCCCC;
  font-size: 0.24rem;
}

.main_2 .contain {
  position: relative;
  width: 100%;
  height: 6.36rem;
  overflow: hidden;
}

.main_2 .contain a {
  float: left;
  cursor: pointer;
  width: 16.4%;
  height: 6.35rem;
  border: 0.03rem solid white;
  border-top: 0;
  border-bottom: 0;
  transition: .5s;
  backdrop-filter: saturate(-150%);
  overflow: hidden;
}

.main_2 .contain img {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 50%;
  height: 100%;
}

.main_2 .contain img:last-of-type {
  position: absolute;
  left: 50%;
}

.main_2 .contain a .zhezhao {
  position: relative;
  z-index: -1;
  top: -55%;
  height: 110%;
  width: 200%;
  background-color: rgba(0, 0, 0, .3);
}
.main_2 .contain a:first-of-type .zhezhao {
  display: none;
}
.main_2 .contain a:last-child .zhezhao {
  display: none;
}
.main_2 .contain .zhezhao_1 {
  position: absolute;
  left: 0;
  z-index: -1;
  height: 110%;
  width: 200%;
  background-color: rgba(0, 0, 0, .3);
}
.main_2 .contain a {
  position: relative;
}
.main_2 .contain a img {
  height: 100%;
  width: 7rem;
  top: 0;
  left: -55px !important;
  position: absolute;
  z-index: -2;
      transform: skewX(10deg);
}
.main_2 .contain a:first-of-type img {
  display: none;
}
.main_2 .contain a:last-child img {
  display: none;
}
.main_2 .contain a:nth-child(4) {
  border: 0;
  background-color: transparent;
  transform: skewX(-10deg);
}

.main_2 .contain a:nth-child(5) {
  border-left: 0.06rem solid white;
  transform: skewX(-10deg);
}

.main_2 .contain a:nth-child(6) {
  transform: skewX(-10deg);
}

.main_2 .contain a:nth-child(7) {
  transform: skewX(-10deg);
}

.main_2 .contain a:nth-child(8) {
  border-right: 0.06rem solid white;
  transform: skewX(-10deg);
}

.main_2 .contain a:nth-child(9) {
  border: 0;
  background-color: transparent;
  transform: skewX(-10deg);
}

.main_2 .contain a:nth-child(4)>h1,
.main_2 .contain a:nth-child(5)>h1,
.main_2 .contain a:nth-child(6)>h1,
.main_2 .contain a:nth-child(7)>h1,
.main_2 .contain a:nth-child(8)>h1,
.main_2 .contain a:nth-child(9)>h1 {
  transform: skewX(10deg);
}

.main_2 .contain a h2 {
  position: relative;
  z-index: 2;
  font-size: 0.26rem;
  font-weight: bold;
  width: 100%;
  margin-top: 2.64rem;
  text-align: center;
  color: #99C3E2;
}

.main_2 .contain a p {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-top: 0.16rem;
  font-size: 0.14rem;
  font-weight: 300;
  color: #99C3E2;
}

.main_2 .contain li:nth-child(2) p {
  margin-top: 0.16rem;
}

.main_2 .contain li:nth-child(3) p {
  margin-top: 0.16rem;
}

.main_2 .contain li:nth-child(2) {
  width: 25.8%;
}

.main_3 {
  width: 100%;
  padding: 1.2rem 0;
  /* height: 9.24rem; */
  box-sizing: border-box;
  background: url(../img/main_3.png) no-repeat;
  background-size: cover;
}

.main_3 .contain {
  padding: 1.19rem 0.75rem 0.71rem;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 0.4rem;
  overflow: hidden;
  width: 15rem;
  background: url(../img/main_3_contain.png) no-repeat;
  background-size: cover;
}

.main_3 .contain .first,
.main_3 .contain .second,
.main_3 .contain .third,
.main_3 .contain .final {
  width: 2.56rem;
  float: left;
}
.main_3 .contain .first {
  width: 3.4rem;
}
.main_3 .contain h2 {
  margin-top: -0.1rem;
  color: #0168B7;
  font-size: 0.46rem;
}

.main_3 .contain .first div {
  width: 3rem;
  height: 1.2rem;
  /* min-height: 0.9rem; */
  font-size: 0.14rem;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-top: 0.3rem;
  color: #999999;
  line-height: 0.3rem;
}

.main_3 .contain .first {
  margin-top: -0.32rem;
}

.main_3 .contain h2 {
  width: 2.56rem;
  color: #4C4C4C;
  font-weight: 300;
  font-size: 0.46rem;
}

.main_3 .contain>p {
  width: 2.56rem;
  margin-top: 0.4rem;
  /* height: 2.4rem; */
  overflow: hidden;
  line-height: 0.3rem;
  color: #999999;
  font-weight: 0.14rem;
  height: auto !important;
}

.main_3 .contain .first a {
  float: left;
  font-size: .14rem;
  margin-top: 0.3rem;
  cursor: pointer;
  width: 1.27rem;
  height: 0.46rem;
  background-color: #0168B7;
  border: none;
  text-align: center;
  line-height:0.5rem;
  border-radius: 0.23rem;
  color: white;
  transition: .5s;
}

.main_3 .contain button:hover {
  background-color: #003371;
}

.main_3 .contain .second {
  padding: 0 0.3rem;
  margin-left: 0.5rem;
  /* height: 3.8rem; */
  border-left: 0.04rem solid #F4F4F4;
  border-right: 0.04rem solid #F4F4F4;
}
.main_3 .contain .second:nth-child(3) {
  margin-left: 0;
  border-left:  0;
  border-right: 0.04rem solid #F4F4F4;
}
.main_3 .contain .second:nth-child(4) {
  margin-left: 0;
  border: 0;
}

.main_3 .contain div a:hover {
  color: #3b2e7e;
}

.main_3 .contain .second .aa {
  color: #A8A8A8;
  font-size: 0.16rem;
  margin-bottom: 0.1rem;
}

.main_3 .contain .second h2 {
  color: #333333;
  letter-spacing: 0.02rem;
  font-weight: bold;
  font-size: 0.15rem;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main_3 .contain .second h3 {
  color: #333333;
  font-weight: bold;
  font-size: 0.15rem;
}

.main_3 .contain .second div {
  margin-top: 0.15rem;
  width: 2.46rem;
  font-size: 0.14rem;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  text-align: justify;
  font-weight: 300;
  color: #999999;
  line-height: 0.24rem;
}

.main_3 .contain .second a {
  float: left;
  margin-top: 0.3rem;
  color: #0168B7;
  font-size: 0.14rem;
}

.main_3 .contain .third {
  padding: 0 0.3rem;
  margin-left: 0rem;
  height: 3.8rem;
  border-right: 0.04rem solid #F4F4F4;
}

.main_3 .contain .third h1 {
  color: #A8A8A8;
  font-size: 0.16rem;
}

.main_3 .contain .third h2 {
  color: #333333;
  letter-spacing: 0.02rem;
  font-weight: bold;
  font-size: 0.15rem;
}

.main_3 .contain .third h3 {
  color: #333333;
  font-weight: bold;
  font-size: 0.15rem;
}

.main_3 .contain .third p {
  margin-top: 0.15rem;
  width: 2.46rem;
  font-size: 0.14rem;
}

.main_3 .contain .third a {
  display: inline-block;
  margin-top: 0.16rem;
  color: #0168B7;
  font-size: 0.14rem;
}

.main_3 .contain .final {
  padding: 0 0.3rem;
  margin-left: 0rem;
  height: 3.8rem;
}

.main_3 .contain .final h1 {
  color: #A8A8A8;
  font-size: 0.16rem;
}

.main_3 .contain .final h2 {
  color: #333333;
  letter-spacing: 0.02rem;
  font-weight: bold;
  font-size: 0.15rem;
}

.main_3 .contain .final h3 {
  color: #333333;
  font-weight: bold;
  font-size: 0.15rem;
}

.main_3 .contain .final p {
  margin-top: 0.15rem;
  width: 2.46rem;
  font-size: 0.14rem;
}

.main_3 .contain .final a {
  display: inline-block;
  margin-top: 0.16rem;
  color: #0168B7;
  font-size: 0.14rem;
}

.footer {
  width: 100%;
  height: 4rem;
}

.footer .title {
  padding-top: 0.3rem;
  width: 100%;
  height: 2.3rem;
  background: url(../img/footer.png) no-repeat;
  background-size: cover;
  text-align: center;
}

.footer .title h2 {
  color: white;
  font-weight: 300;
  font-size: 0.4rem;
}

.footer .title p {
  color: #A2B4DC;
  margin-top: 0.1rem;
  font-weight: 300;
  font-size: 0.22rem;
}

.footer .title a {
  display: block;
  margin: 0.4rem auto 0;
  cursor: pointer;
  width:1.27rem;
  font-size: .14rem;
  height: 0.46rem;
  background-color: #0168B7;
  border: none;
  text-align: center;
  line-height: 0.46rem;
  border-radius: 0.23rem;
  color: white;
  transition: .5s;
}

.footer .title a:hover {
  background-color: #003371;
}

.footer .other {
  box-sizing: border-box;
  padding: 0.64rem 2.3rem;
  background-color: #0168B7;
  height: 1.7rem;
}

.footer .other .w1440 .left {
  position: relative;
  font-size: 0.14rem;
  color: white;
}

.footer .other .w1440 {
  width: 14.4rem;
}

.footer .other .w1440 .left>p {
  position: absolute;
  left: -0.8rem;
}
.footer .other .w1440 .left>p:last-of-type {
  top: 20px;
}

.footer .other .w1440 .left p img {
  top: 0;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.06rem;
}


.footer .other .w1440 .number {
  position: absolute;
  right: -0.8rem;
  width: 240px;
  font-size: 0.14rem;
  color: white;
  top: 0;
}

.footer .other .w1440 .number p {
  display: inline-block;
  margin-left: 0.1rem;
  font-size: 0.14rem;
  font-weight: bold;
  color: white;
}


/* 动画相关 */
div.at-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.at-item {
  color: #3079ed;
  animation-name: focus-in-expand;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  /* shorthand 
  animation: focus-in-expand 1s ease 0s 1 normal none;
  */ 
}
/* .at-item img{
	max-height: 4rem;
	max-width: 7rem
} */
@keyframes focus-in-expand {
  0%{
    letter-spacing: -.5em;
    filter: blur(12px);
    opacity: 0;
  }
  100%{
    filter: blur(0);
    opacity: 1;
  }
}


.footer .other .w1440 .left span {
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 500px;
}
.footer .other .w1440 .left span a{
  color: white;
  margin: 0 5px;
}