/*banner*/
.banner{ width: 100%;}
.banner img{width: 100%;}
.banner_text{visibility: hidden;opacity: 0;transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
  transform: translate(20%,-50%); -webkit-transform: translate(20%,-50%);-ms-transform: translate(20%,-50%);-moz-transform: translate(20%,-50%);-o-transform: translate(20%,-50%);}
.banner .swiper-slide-active .banner_text{visibility: visible;opacity: 1;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);}
.banner_text{z-index: 2; color: #fff; width:100%; position:absolute; left:0; top:50%;}
.banner_text.color_black{color:#000;}
.banner_text h3{line-height: 1.2em;max-height: 2.4em;}
.banner_text p{margin:10rem 0 0; line-height: 1.6em;max-height: 3.2em;}
.banner_text .more{margin-top:50rem;}
.banner{position: relative;overflow: hidden; background: #D2DFFA;}
.banner li{position: relative;overflow: hidden; height: 100%;}
.banner li .v_box{width: 100%;}
.banner li video{width: 100%; height: 100%; object-fit:cover;}
.banner li>a{display: block;position: relative;height: 100%; color: #000!important;}
.banner .swiper-pagination{width: 100%;bottom:5%;}
.banner .swiper-pagination-bullet{position: relative; width:154rem;height: 20rem;background: none;margin:0 3rem;border-radius: 0; opacity: 0.8;}
.banner .swiper-pagination-bullet::before{content: ""; position: absolute; lefT:0; top:50%; width: 100%; height: 2rem;background:#fff;}
.banner .swiper-pagination-bullet::after{content: ""; position: absolute; lefT:0; top:50%; width: 0; height: 2rem;background:#299DDD;transition: all 1.5s;}
.banner .swiper-pagination-bullet-active::after{width: 100%;}


/*.banner .swiper-pagination {
  bottom: 55rem;
}

.banner .swiper-pagination-bullet {
  width: 150rem;
  height: 3rem;
  opacity: 0.3;
  border-radius: 0;
  position: relative;
  background: #ffffff;
}

.banner .swiper-pagination-bullet .progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background-color: #ed6c00;
  border-radius: 0;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #cdd1d5;
}
*/

@media only screen and (max-width:767px){
.banner,.banner li,.banner li .v_box{ height:240px!important;}
.banner li img{display: none;}
.banner_text .more{margin-top: 20rem;}
.banner_text{top:60%;}
}


.index-part01{padding: 50rem 0;}
.index-part01 h2{text-align: center;}
.index-part01 ul{/*margin: 0 -1%;*/margin-top:30rem; }
.index-part01 li{/* float: left; width: 23%; margin: 0 1%;*/}
.index-part01 li dt{ border-radius: 10rem; overflow: hidden;}
.index-part01 li dd{padding: 20rem; color: #3A3A3A;}
.index-part01 li dd h3{margin-bottom: 10rem;}
.index-part01 li dd a{color: #3A3A3A;}
.index-part01 .swbox{position: relative;}
.index-part01 .swbox .swiper-button-prev{left:-40rem; width: 40rem; height: 40rem; line-height: 40rem; top:130rem; margin-top: 0; text-align: center; bottom:140rem; background: none;}
.index-part01 .swbox .swiper-button-next{right:-40rem;width: 40rem; height: 40rem; line-height: 40rem; top:130rem; margin-top: 0; text-align: center; bottom:140rem; background: none;}


.index-part02{background:linear-gradient(to bottom,#E0E3EB,#F3F3F3);}
.index-part02 .swbox{position: relative;}
.index-part02 .swbox dt{ float: left; width:64.94%;}
.index-part02 .swbox dd{ float: right; width:35.06%;padding:50rem 55rem 120rem; border-radius: 10rem; margin-top: 165rem; background: #fff;}
.index-part02 .swbox dd span{display:block; color: #008CD6;}
.index-part02 .swbox dd h2{ line-height: 1.2; max-height: 2.4em; height: 2.4em; margin-top: 100rem;}
.index-part02 .swbox dd p{margin-top:40rem;}
.index-part02 .swbox .swiper-button-prev{left:510rem; width: 40rem; height: 40rem; line-height: 40rem; top:auto; margin-top: 0; text-align: center; bottom:140rem; background: none;}
.index-part02 .swbox .swiper-button-next{left:630rem;width: 40rem; height: 40rem; line-height: 40rem; top:auto; margin-top: 0; text-align: center; bottom:140rem; background: none;}
.index-part02 .swbox .swiper-pagination{left:550rem; bottom:140rem; width: 80rem; line-height: 40rem; text-align: center; color: #CCCCCC;}
.index-part02 .swbox span.swiper-pagination-current{color: #454545;}

.index-part03{position: relative; }
.index-part03 .imgbg{position: relative;}
.index-part03 .imgbg>img{width: 100%;}
.index-part03 .imgbg .txt_box{color: #fff; z-index: 2; height: 100%;}
.txt_box_ll{ position: absolute; top:140rem; left:0;}
.txt_box_ll span{color:#008CD6;}
.txt_box_ll h2{line-height: 1.2; margin-top: 40rem;}
.txt_box_rr{position: absolute; z-index: 3; width: 100%; height: 100%;}
.txt_box_rr li{ cursor: pointer; position: absolute;}
.txt_box_rr li::before{opacity: 0;content: ""; position: absolute; lefT:5rem; top:-8rem; width:100rem; height: 100rem; border-radius: 100%; border: 1rem solid rgba(255,255,255,0.5);}
.txt_box_rr li em{ display: block; margin: 5rem auto 0; width: 28rem; height: 28rem; border-radius: 100%; background:rgba(26,161,255,0.42);}
.txt_box_rr li.on::before{opacity: 1;}
.bot_txt{position: relative; z-index:10; margin-top:-240rem; border-bottom: 1rem solid #D7D7D7; background: #fff; height: 400rem; border-top-left-radius: 10rem; border-top-right-radius: 10rem; background: url(../images/index06_txt.jpg) no-repeat; background-size: cover; background-position: center;}
.bot_txt li{ opacity: 0; visibility: hidden; height: 0; position: absolute; lefT:0; top:0; width: 100%; height: 100%;}
.bot_txt li.on{opacity: 1; visibility: visible; height: auto;}
.bot_txt dl{padding:70rem 80rem;}
.bot_txt dt{ float: left; width: 35%;}
.bot_txt dd{ float: right; width: 60%;}
.bot_txt dt h3{line-height: 1.2;}
.bot_txt dt p{line-height: 1.2; margin-top: 20rem;}
.bot_txt dd .c{ height:10.5em;overflow: hidden;}
.bot_txt dd .c p{margin-bottom: 1.5em;}
.bot_txt dd .c p:last-child{margin-bottom: 0;}


.index-part04{position: relative; padding: 90rem 0; }
.index-part04 h4{color:#008CD6;}
.index-part04 h3{line-height: 1.2; margin-top: 40rem;}
.index-part04 .swbox{margin-left: 170rem;margin-top: 50rem;position: relative; padding-bottom: 80rem;}
.index-part04 .swbox ul{ padding: 5rem; }
.index-part04 .swiper-slide-duplicate-prev::after{content:""; position: absolute; z-index: 2; left:0; top:0; width: 100%; height: 100%; background: rgba(255,255,255,0.5);}
.index-part04 dl{ border-radius: 20rem; overflow: hidden; box-shadow: 0 0 5rem 5rem rgba(0,0,0,0.05);}
.index-part04 dd{padding: 30rem 50rem;}
.index-part04 a{color: #000;}
.index-part04 dd span{display: block;}
.index-part04 dd h2{margin-top: 10rem;}
.index-part04 dd p{margin-top: 20rem;}
.index-part04 dd i{ display: block; margin-top: 20rem;}
.index-part04 .swbox .swiper-button-prev{left:-10rem; width: 40rem; height: 40rem; line-height: 40rem; top:auto; margin-top: 0; text-align: center; bottom:0; background: none;}
.index-part04 .swbox .swiper-button-next{left:110rem;width: 40rem; height: 40rem; line-height: 40rem; top:auto; margin-top: 0; text-align: center; bottom:0; background: none;}
.index-part04 .swbox .swiper-pagination{left:30rem; bottom:0; width: 80rem; line-height: 40rem; text-align: center; color: #CCCCCC;}
.index-part04 .swbox span.swiper-pagination-current{color: #454545;}


.index-part05 li{ float: left; width: 67.08%; margin-bottom: 30rem; position:relative; border-radius: 10rem; overflow: hidden;}
.index-part05 li:nth-of-type(2),.index-part05 li:nth-of-type(3){ width: 31.07%;}
.index-part05 li:nth-of-type(2),.index-part05 li:nth-of-type(4){ float: right;}
.index-part05 li dd{position: absolute; lefT:0; top:0; width: 100%;height: 100%; color: #fff; padding: 65rem 50rem;}
.index-part05 li dd h2{line-height: 1.2; margin-top: 85rem;}
.index-part05 li dd p{margin-top: 30rem;}
.index-part05 li dd i{ display: block; margin-top: 40rem;}
.index-part05 li:nth-of-type(3) dd{color: #000;}
.index-part05 li dd h2 img{ width: 120rem; height: 120rem; overflow:hidden;}
.index-part05 li a:hover dd h2 img{transform:scale(1, 1);}


.bot_txt li,.txt_box_rr li::before{transition: all 0.5s;}
@media only screen and (min-width:1025px){
.index-part04 a:hover span,.index-part04 a:hover p{color: #000!important;}
}

@media only screen and (max-width:1023px){
  .index-part01 li{width: 47%; margin-bottom: 10rem;}
  .index-part01 li:nth-child(2n+1){ clear: both;}
  .index-part02 .swbox dt,.index-part02 .swbox dd{ float: none;width: 100%;}
  .index-part02 .swbox dd{ width: 90%; margin: 0 auto 5%;}
  .index-part02 .swbox dd h2{margin-top: 50rem;}
  .index-part02 .swbox .swiper-button-prev,.index-part02 .swbox .swiper-button-next,.index-part02 .swbox .swiper-pagination{bottom: 80rem;}
  .index-part03 .imgbg{ height: auto!important;}
  .index-part03 .imgbg .txt_box{position: static; color: #000; transform: translate(0, 0)!important;}
  .txt_box_ll,.txt_box_rr{position: static; margin-top: 40rem;}
  .txt_box_rr li{position: static; float: left; width: 33.33%; text-align: center; padding: 5rem; border-radius: 5rem; margin-bottom: 10rem;}
  .txt_box_rr li.on{ background: #008CD6; color: #fff;}
  .txt_box_rr li em{ display: none;}
  .bot_txt{margin-top: 20rem; height: auto;}  
  .bot_txt li{position: static; display: none; opacity: 1; visibility: visible;}
  .bot_txt li.on{display: block;}
  .bot_txt dl{padding: 30rem 50rem;}
  .index-part04 .swbox{margin-left: 5%; margin-right: 5%;}
  .index-part04 .swbox ul{padding: 0;}
  .index-part04 dl{box-shadow: none; border: 1px solid #efefef; border-radius: 30rem;}
  .index-part05 li{width: 100%!important; height: auto!important;}
  .index-part05 li dt{display: none;}
  .index-part05 li dd{padding: 30rem 50rem;position: static;}
  .index-part05 li dd h2,.index-part05 li dd i{margin-top: 20rem;}
}
@media only screen and (max-width:767px){
  .index-part01 .swbox .swiper-button-prev,.index-part01 .swbox .swiper-button-next{top:40%;}
}