.banner {
    position: relative;
  }

  .banner .swiper-container {
    width: 100%;
  }

  .banner .swiper-slide {
    position: relative;
    width: 100%;
  }

  .banner .swiper-slide img {
    width: 100%;
    transition: transform 5s cubic-bezier(.23, 1, .32, 1);
  }

  .banner .swiper-slide.swiper-slide-active img {
    transform: scale(1.1)
  }

  .banner .swiper-slide.swiper-slide-active.ban_video img {
    transform: scale(1)
  }

  .banner .swiper-slide.ban_video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
  }

  .banner .txt {
    z-index: 2; width: 100%; text-align: left; color: #1F2160;
  }
  .banner .txt .inner{ width: 65%; padding-left: 0.78rem;}

  .banner .txt .inner h2{line-height: 1.2;}
  .banner .txt .inner h1{line-height: 1; margin-top: 2%; color: #fff;font-family: "mexlmb";}
  .banner .txt .inner a.more{margin-top: 8%;}

  .banner .swiper-slide em.icon-bofang{
    z-index: 2;
    display: none;
    cursor: pointer;
    color: #fff;
  }

  .banner .swiper-pagination {
    bottom: 5%;
  }

  .banner .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    background: #fff;
    margin: 0 0.1rem !important;
    width: 0.2rem;
    height: 0.2rem;
  }

  .banner .swiper-pagination-bullet-active {
    background: #1F2160;
  }


  .banner .swiper-button-prev,
  .banner .swiper-button-next {
    width: 1rem;
    height: 1rem;
    color: #00BCFF;
    background: none;
  }


.index_part01{padding: 0 1rem 5%; background: #fff;}
.index_part01 .ll{ float: left; width: 55%; color: #1F2160; padding-top: 8%;}
.index_part01 .ll h1{line-height: 1em;font-family: "mexlmb";}
.index_part01 .ll h2{line-height: 1; margin-top: 2%;}
.index_part01 .ll p{margin-top: 3%; line-height: 1.2em;}
.index_part01 .rr{ float: right; width: 42%; position: relative;}
.index_part01 .rr .img{ width: 4.57rem; margin-left: 1.6rem; /*border: 1px solid #900;*/}
.index_part01 .rr svg{margin-left: 0.8rem; width: 5rem; /*height: 8.52rem;*/opacity: 0; visibility: hidden;}
.index_part01.active .rr svg{opacity: 1; visibility: visible;}
.index_part01 .rr svg path {
  stroke-dasharray: 2442;
  stroke-dashoffset: 2442;
}
@keyframes draw {
  to { stroke-dashoffset: 4884; }
}
.index_part01.active svg path{
  animation: draw 1s 0.1s linear forwards;
  -webkit-animation: draw 1s 0.1s linear forwards;
}


.index_part01 .rr ul{position: absolute; lefT:0; top:0; width: 100%; height: 100%;}
.index_part01 .rr li{position: absolute;padding-right: 0.5rem;}
.index_part01 .rr li.li_01{right:66%; top:46%; color: #262161; text-align: right;}
.index_part01 .rr li.li_01 p{text-align: left;}
.index_part01 .rr li.li_02{left:62%; top:60%; color: #00705E; padding-right: 0; padding-left: 0.5rem;}
.index_part01 .rr li.li_03{right:75.1%; top:73%; color: #F36F20; text-align: right; padding-right: 0.4rem;}
.index_part01 .rr li.li_04{left:50%; bottom:0; color: #00B8DE;}
.index_part01 .rr li span{font-weight: bold; line-height: 1;font-family: 'mexlmb';}
.index_part01 .rr li em{position: absolute; right:0; top:45%; width:0.3rem; height: 0.3rem; background: #fff; border:0.04rem solid #262161;}
.index_part01 .rr li em::before{content: ""; position: absolute; left:0.06rem; top:0.06rem; width: 0.1rem; height: 0.1rem; background: #262161;}
.index_part01 .rr li p{line-height: 1;font-family: "mexlmb";}
.index_part01 .rr li.li_02 em{left:0; top:38%; border-color: #00705E;}
.index_part01 .rr li.li_02 em::before{background: #00705E;}
.index_part01 .rr li.li_03 em{top:35%; border-color: #F36F20;}
.index_part01 .rr li.li_03 em::before{background: #F36F20;}


.index_part01 p.btn{margin-top: 5%; text-align: center;}

.index_part02{padding: 5% 1rem 0; background: #fff;}
.index_part02 .con{padding: 0 2rem;}
.index_part02 .con .slogo{width: 4.28rem; height: 0.57rem; overflow: hidden;}
.index_part02 .con p{margin-top: 2%; color: #1F2160; line-height: 1.2em;}
.index_part02 .con h2{color: #1F2160;padding-top: 0.15rem;font-family: "mexlmb";}
.index_part02 .con a.more{margin-top: 2%;}
.video-box{ margin-top: 3%; cursor: pointer; position: relative; border-radius:0.5rem; box-shadow: 0 5px 5px 5px rgba(0,0,0,0.05); overflow: hidden;}
.video-box em{color: #fff; display: none;}
.video-box video{ width: 100%; height: 100%; object-fit: fill;}


.index_part03{padding: 6% 0; position: relative;margin: 0 1rem;background: #E6F7FC; border-radius: 0.6rem;}
.wrap_1280{max-width: 1280px; margin: 0 auto; width: 90%;}
.index_part03 h1{ text-align: center;line-height: 1; color: #1F2160;font-family: "mexlmb";}
.index_part03 ul{margin:6% -1.5% 0;}
.index_part03 ul li{ float: left; width: 30.33%; margin: 0 1.5% 2.5%; position: relative; border-radius: 0.8rem; border-bottom-right-radius: 0; overflow: hidden; -webkit-border-radius: 0.8rem; -moz-border-radius: 0.8rem; -ms-border-radius: 0.8rem; -o-border-radius: 0.8rem; }
.index_part03 ul li dd{ position: absolute; lefT:0; bottom:0; width: 100%; box-sizing: border-box;padding: 10% 5%; text-align: center;
  overflow: hidden;
}
.index_part03 ul li dd h3{ color: #fff; line-height: 1em;font-family: "mexlmb";
   transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); }
.index_part03 ul li dd p{color: #fff;margin-top: 0.25rem;line-height: 1.2em;
visibility: hidden;transform: translateY(100px);height: 0;}
.index_part03 svg,.index_part04 svg{position: absolute; left:0; top:35%;width: 5.1rem; opacity: 0; visibility: hidden;/*stroke:#00AFDD;stroke-width: 0.15rem;stroke-miterlimit:0.1rem;*/}
.index_part03.active svg,.index_part04.active svg{opacity: 1; visibility: visible;}
.index_part03 svg path,.index_part04 svg path{
  stroke-dasharray: 2220;
  stroke-dashoffset: 2220;
}

@media only screen and (min-width:1025px) {
  .index_part03 ul li:hover dd{height: 100%;background: rgba(0,0,0,0.7);transition: all .3s;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
  .index_part03 ul li:hover h3{
    transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);
    -ms-transform: translateY(0px); -o-transform: translateY(0px);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
  }
  .index_part03 ul li:hover dd p{
    visibility: visible;height: auto;
    transform: translateY(0px);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
}


.index_part04 svg{top:0.95rem}
@keyframes draw2{
  to { stroke-dashoffset: 4440; }
}
.index_part03.active svg path,.index_part04.active svg path{
  animation: draw2 1s 0.1s linear forwards;
  -webkit-animation: draw2 1s 0.1s linear forwards;
}




.index_part04{ padding:6% 1rem 3%;  overflow: hidden; position: relative;
  /* margin: 0 0.2rem;background: #E6F7FC; border-radius: 0.6rem; */
}
.index_part04 h1{text-align: center;line-height: 1; color: #1F2160;font-family: "mexlmb";}
.index_part04 ul{margin-top:3%;}
.index_part04 ul li{ float: left; position: relative; margin-bottom:2%; width: 57.38%;border-radius: 0.62rem; border-bottom-right-radius: 0; overflow: hidden;border: 1px solid #ededed;}
.index_part04 ul li:nth-child(2),.index_part04 ul li:nth-child(3){width: 40.88%;}
.index_part04 ul li:nth-child(2),.index_part04 ul li:nth-child(4){ float: right;}
.index_part04 ul li dd{position: absolute; lefT:0; bottom:0; display: inline-block; border-top-right-radius: 0.35rem; padding: 0.2rem 0.4rem 0.2rem 0.55rem; background: #fff; overflow: hidden;}
.index_part04 ul li dd h3{ display: inline-block; line-height: 1;font-family: "mexlmb";}
.index_part04 ul li dd i{display: inline-block; margin-left: 0.7rem; position: relative; top:-0.05rem; font-size: 0.16rem; vertical-align: middle;}



.index_part05{padding: 5% 1rem; background: #fff; position: relative; overflow: hidden;}
.index_part05 h1{text-align: center;line-height: 1; color: #1F2160;font-family: "mexlmb";}
.index_part05 .swbox{ margin-top: 5%; position: relative; z-index: 2;}
.index_part05 .swbox .swiper-container{padding-top: 0.15rem;}
.index_part05 .swbox .swiper-button-prev,.index_part05 .swbox .swiper-button-next{background: none; font-size: 0.6rem; left:12%; margin-top: -0.6rem; text-align: center; width: 0.6rem; height: 0.6rem; line-height: 0.6rem;}
.index_part05 .swbox .swiper-button-next{left:auto; right:12%;}
.index_part05 li{ width: 10.45rem;padding:3% 5%;border-radius: 0.6rem; transform: scale(0.8); box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.05); filter:blur(5px); color: #666; background: #F6FCFE; }
.index_part05 li.swiper-slide-active{transform: scale(1);filter:blur(0); color: #000; background: #E6F7FC; z-index: 100;}
.index_part05 li.swiper-slide-prev{ transform:scale(0.8) rotate(-10deg); margin-top: 5%;}
.index_part05 li.swiper-slide-next{transform:scale(0.8) rotate(10deg); margin-top: 5%;}

.index_part05 li dt{line-height: 1;height: 10em; overflow-y: auto;}
.index_part05 li dt p{line-height: 1.2em}
.index_part05 li dt i{ font-size: 0.6rem; line-height: 1;}
.index_part05 li dt i:last-child{ float: right;}
.index_part05 li dd{ clear: both; float: right; margin-top:3%;}
.index_part05 li dd span{ float: left; margin-right: 0.2rem; width: 1.2rem; height:0.672rem; overflow: hidden;}
.index_part05 li dd h3{ float: right;font-family: "mexlmb";}

.index_part05 svg{position: absolute; z-index: 1; right:0; top:12%; width: 7.16rem; opacity: 0; visibility: hidden;}
.index_part05.active svg{opacity: 1; visibility: visible;}
.index_part05 svg path{
  stroke-dasharray: 2700;
  stroke-dashoffset: 2700;
}
@keyframes draw3{
  to { stroke-dashoffset: 5400; }
}
.index_part05.active svg path{
  animation: draw3 1s 0.1s linear forwards;
  -webkit-animation: draw3 1s 0.1s linear forwards;
}

/*@media only screen and (max-width:1600px) {
.index_part05 svg{top:5%;}
}
@media only screen and (max-width:1440px) {
  .index_part05 svg{top:0;}
}
@media only screen and (max-width:1024px) {
  .index_part05 svg{top:-12%;}
}
@media only screen and (max-width:1023px) {
  .index_part05 svg{top:-30%;}
}*/
@media only screen and (max-width:767px) {
  .index_part02 .con{padding: 0;}
.index_part03 svg{top:5%;}
/* .index_part04 svg{top:0;} */
.index_part05 svg{top:40px;}
.index_part05 .swbox{margin-bottom: 20px;}
.index_part05 li dt{height: auto;margin-bottom: 10px;padding: 0 20px;box-sizing: border-box;}
.index_part05 li dt p{line-height: 1.2;height: 9.6em;overflow: hidden;}
.index_part05 li dd{display: flex;justify-content: space-between;width: 100%;align-items: center;}
.index_part05 li dd span{width: 80px; height: 44.8px;}
.index_part05 li dd h3{width: calc(100% - 90px);margin-top: 0!important;line-height: 20px;height: 60px;overflow: hidden;}

  .index_part04{padding: 40px 1rem 30px;}
  .index_part04 svg{top: 40px;}
}


.index_part06{position: relative; margin: 0 1rem;padding: 1.4rem 1rem 0.7rem;margin-bottom: 1rem;background: #E6F7FC; border-radius: 0.6rem; overflow: hidden;}
.index_part06 h1{line-height: 1; color: #1F2160; position: absolute; lefT:2rem; top:1.3rem; z-index: 1;font-family: "mexlmb";}
.index_part06 ul{ position: relative;}
.index_part06 li{position: absolute; width: 3.68rem; height: 3.68rem; padding: 0.3rem 0.5rem; box-shadow: 0 0 0.15rem 0.15rem rgba(0,0,0,0.05); background: #FFFFFF; border-radius: 0.3rem; border-bottom-right-radius: 0;}
.index_part06 li.li01{lefT:0; bottom:0;}
.index_part06 li.li02{lefT:2.8rem; bottom:0.7rem;}
.index_part06 li.li03{lefT:5.8rem; bottom:1.4rem;}
.index_part06 li.li04{lefT:8.8rem; bottom:2.1rem;}
.index_part06 li.li05{right:0; bottom:2.8rem;}
.index_part06 li span.ico{ display: block; width: 1.2rem; height: 1.2rem;}
.index_part06 li span.img{ display: none; width: 2.3rem; height: 2.3rem;}
.index_part06 li h2{position: absolute; lefT:0.6rem; bottom:0.3rem; line-height: 1;font-family: "mexlmb";}
.index_part06 li.on{z-index: 2;background: #e6f7fc;}
.index_part06 li.on span.ico{ display: none;}
.index_part06 li.on span.img{ display: block; margin-left: -0.2rem; border-radius: 0.42rem; overflow: hidden;}
.index_part06 li.on h2{left:0.8rem; bottom:0.2rem; font-size: 0.4rem; color: #00b8de; line-height: 0.8;}
.index_part06 li.on h2 i{font-size: 0.2rem; vertical-align: text-top;}

/* .index_part06 li.li01.on{background: #00705E; }
.index_part06 li.li02.on{background: #F36F20; }
.index_part06 li.li03.on{background: #1F2160; }
.index_part06 li.li04.on{background: #00AFDD; }
.index_part06 li.li05.on{background: #900; } */

.index_part06 li:hover{transform: scale(1.15)!important; }


.index_part07{margin: 5% 0.2rem 0; padding:2.25rem 0.2rem 2.35rem;text-align: center; border-radius: 0.6rem; overflow: hidden;}
.index_part07 h1{line-height: 1;}
.index_part07 a.more{ transform: scale(2); margin-top:4%;}

@media only screen and (max-width:1024px) {
  .index_part03 ul li dd h3{transform: translateY(0px);}
  .index_part03 ul li dd i{color: #fff;display: block;}
.index_part04 ul li dd i{font-size: 14px;}
.index_part05 li dd h3{margin-top: 5%;}
.index_part07 a.more{transform:scale(1.5);}

}
@media only screen and (max-width:1023px) {
  .index_part07 a.more{transform:scale(1);}
  .index_part05 .swbox .swiper-button-prev{left:10px;}
  .index_part05 .swbox .swiper-button-next{right: 10px;}
}
.index_part06 li>i{display: none;}
@media only screen and (max-width:767px) {
  .banner .swiper-pagination-bullet{width:6px; height:6px;}
  .index_part01 .ll{ width: 100%;}
  .index_part01 .ll h2 br{ display: none;}
  .index_part01 .rr{ width: 100%;}
  .index_part01 .rr svg{ width: 50%; margin-left: 25%;}
  .index_part01 .rr li.li_01{right: 65%;top: 52%;}
  .index_part01 .rr li.li_02{left: 65%;top: 55%;}
  .index_part01 .rr li.li_03{right:66%;}
  .index_part01 .rr li.li_04{left:55%;}

  .index_part03 ul li{width: 47%;}
  .index_part04 ul li,.index_part04 ul li:nth-child(2), .index_part04 ul li:nth-child(3){ width: 100%;}
  .index_part05{padding-bottom: 0;padding-top: 30px;}
  .index_part05 .swbox .swiper-button-prev,.index_part05 .swbox .swiper-button-next{left:0; font-size: 20px; width: 20px; height: 20px; line-height: 20px; margin-top: -20px;}
  .index_part05 .swbox .swiper-button-next{left:auto; right: 0;}
  .index_part06{padding: 1rem;}
  .index_part06 h1{position: static; margin-bottom: 4%;}
  .index_part06 ul{text-align: center;height: auto!important;}
  .index_part06 li{ position: relative;left: 0!important;
    top: 0!important; float: none; width:30%; height: 5.3rem; margin:0 0.3rem 0.3rem 0;text-align: left;display: inline-block;}
  .index_part06 li h2{position: static; margin-top: 5%;}
  .index_part06 li>i{display: block;position: absolute;bottom: 8px;}
  .index_part06 li.on h2{font-size: 14px;}
}




.index_part04 ul li dd,.index_part06 li{transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
.index_part04 ul li dd p{display: none;margin-top: 0.2rem;margin-bottom: 0.3rem;}
@media only screen and (min-width:1025px) {
  .index_part04 ul li:hover dd{
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.6rem;
  }
  .index_part04 ul li:hover dd p{display: block;}
  .index_part04 ul li:hover dd i{margin-left: 0;}
}

/* 首页更多按钮 */
.index_part01 .pub_more,.index_part02 .pub_more {padding-top: 0.5rem;}
.index_part02 .con a.more{margin: 0;}


.eacon_modal{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;display: none;}
.eacon_blank{position: absolute;left: 0;width: 100%;background: rgba(0,0,0,.5);height: 100%;top: 0;cursor: pointer;}
.eacon_modal-con{width: 90%;background: #fff;margin: 100px auto;position: relative;z-index: 2;}
.eacon_modal-div{padding: 50px 20px 40px;}
.eacon_modal-div img{width: 45%;margin: 0 auto;display: block;}
.eacon_modal-div h3{margin-top: 20px;font-size: 20px;margin-bottom: 5px;}
.eacon_modal-div p{font-size: 16px;line-height: 20px;overflow: hidden;max-height: 100px;}
.eacon_modal-close{position: absolute;width: 50px;height: 50px;right: 0;top: 0;text-align: center;line-height: 50px;font-size: 18px;cursor: pointer;}