@charset "utf-8";
/* CSS Document */
body{overflow-x:hidden; background-color:#fff;}
html{font-size: 100px;}
body{font-size: 16px;}
.pw1400{max-width: 14rem; width:94%; margin:0 auto;}
.pw1200{max-width: 12rem; width:94%; margin:0 auto;}
img{vertical-align: middle;}
svg{vertical-align: middle;} 




.cur{transform: translateY(100px);opacity: 0;transition:transform .3s,opacity .3s;}

.eff.cur{transform: translateY(0px);opacity: 1;}

.cur1{transform: translateY(100px);opacity: 0; animation:cur .6s .2s forwards;}
.cur2{transform: translateY(100px);opacity: 0; animation:cur .6s .4s forwards;}
.cur3{transform: translateY(100px);opacity: 0; animation:cur .6s .6s forwards;}

@keyframes cur{
0%{transform: translateY(100px);opacity: 0;}
100%{transform: translateY(0px);opacity: 1;}
}



.bannerbox{max-width: 100%;transition:width .3s; width: 92.4%;overflow: hidden; margin: 0 auto;border-radius: .2rem; background: #151515;}


.idxrebanner .ban_img{position: absolute;left: 7.7rem;top: 0;}
.ban_img .banner-bg{width: 9.47rem;}
.ban_img .banner-img{position: absolute;left: 21.5%;top: -2%;z-index: 5;width: 4.78rem; }
.ban_img .banner-img1{position: absolute;left: 18%;top: 16%;z-index: 3;width: 1.66rem; animation: banner-img 3s -1.5s linear infinite;}
.ban_img .banner-img2{position: absolute;left: 53%;top: 23%;z-index: 3;width: 2.78rem; animation: banner-img 3s -.5s linear infinite;}
.ban_img .banner-img3{position: absolute;left: 7%;top: 28%;z-index: 3;width: 1.92rem; animation: banner-img 3s -2s linear infinite;}
.ban_img .banner-img4{position: absolute;left: 22%;top: 56%;z-index: 3;width: .58rem; animation: banner-img 3s -.1s linear infinite;}


@keyframes banner-img {
0%{transform: translateY(0);}
25%{transform: translateY(-5px);}
50%{transform: translateY(0);}
75%{transform: translateY(5px);}
100%{transform: translateY(0);}
}


.idxrebanner{padding: 1.63rem 0 2.84rem;}
.idxrebanner .ban_text{color: #fff;width: 7.34rem;}
.ban_text div{color: inherit;}

.ban_text .logo_title{font-size: .2rem;font-weight: 600;}
.logo_title img{margin-right: .15rem;}
.ban_text .banner_title{font-size: .48rem;font-weight: 700;margin: .3rem 0;color: white;}
.ban_text .banner_info{color: #E7E7E7;font-size: .18rem;margin: .3rem 0;}


.idxbtn_cont{display: flex;justify-content: space-between;text-align: center; color: white;max-width: 5.08rem;}

.btn_item em{display: block; color: #E7E7E7;font-size: 12px;margin-top: 10px;}


.btn_item .idxbtndl{display: inline-block; border-radius: 10px;color: white; width: 2.34rem;height: .64rem;line-height: .64rem;text-decoration: none; font-size: .2rem;font-weight: 600;background: linear-gradient(108deg, #DB74FF 0.14%, #256CFF 47.725%, #DB74FF 99.86%);background-size: 200% 100%;background-position: left;transition: background .3s;}
.btn_item .idxbtndl:hover{background-position: right;}
.btn_item .idxbtnlm{display: inline-block;box-sizing: border-box; border-radius: 10px;transition:color .3s, background .3s; color: white; width: 2.34rem;height: .64rem;line-height: .64rem;text-decoration: none;font-size: .2rem;font-weight: 600;border: 2px solid #FFF;}
.btn_item .idxbtnlm:hover{color: #000;background: white;}

.idxpro_develop{position: absolute;bottom: 0;width: 100%;z-index: 7;}
.idxpro_deve{display: flex;justify-content: center;align-items: center;border-radius: .23rem;opacity: 0.6;padding: .15rem;box-sizing: border-box;background: #000;}
.idxpro_defig{display: flex;align-items: center;width: 2.46rem;height: 1rem;margin: 0 .2rem;}
.idxpro_defig p{color: #E7E7E7;font-size: .2rem;font-weight: 500;margin-left: .1rem;}

.wrap{padding: 0 .3rem;box-sizing: border-box;}
/* part1 */
.part1{max-width: 14.4rem;padding: .8rem 0rem;margin: 0 auto; box-sizing: border-box; text-align: center;}

.title_h2{text-align: center; color: #000;font-size: .44rem;font-weight: 700;text-transform: capitalize;margin: 0 auto;}
.part1_nav{margin: .5rem auto .6rem;display: flex;justify-content: center;border-radius: .6rem;
width: 6.1rem;
height: .6rem;position: relative;
box-sizing: border-box;  border: .02rem solid #EAEAEA;}


.part1_nav .nav_item{position: relative;z-index: 3;cursor: pointer; width: 50%;line-height: .57rem; color: #000;font-size: .2rem;font-weight: 500;text-transform: capitalize;}

.nav_itemmo{width: 4.2rem;display: none;height: .8rem;border-radius: .8rem;line-height: .8rem;font-size: .32rem;margin: .6rem auto .3rem;font-weight: 500;text-transform: capitalize;}

.part1_nav::after{content: "";position: absolute;transform: translate(0,0);transition: .3s; width: 50%;height: 100%;border-radius: .6rem;background: #EAEAEA;left: 0;top: 0;}
.part1_nav.act::after{transform: translate(100%,0);}

.cont_cont{display: none;justify-content: space-between;flex-flow: wrap;}
.cont_cont.act{display: flex;}
.cont_cont .cont_item{position: relative;overflow: hidden; margin: 0 0rem .3rem;height: 3.6rem;padding: 0 .3rem;display: flex;flex-flow: column;justify-content: center;align-items: center; border-radius: 10px;box-sizing: border-box;}


.cont_cont .cont_item1{width: 32%;max-width: 4.6rem;background: #FDF4F4; background: url(https://keeprix-resource.com/en/img/keeprix-part1-bg1.png) #FDF4F4 no-repeat; background-size: contain;background-position: center top;}
.cont_cont .cont_item2{width: 32%;max-width: 4.6rem;background: #E7F3F7;background: url(https://keeprix-resource.com/en/img/keeprix-part1-bg2.png) #E7F3F7 no-repeat; background-size: contain;background-position: center top;}
.cont_cont .cont_item3{width: 32%;max-width: 4.6rem;background: #E4F6F8;background: url(https://keeprix-resource.com/en/img/keeprix-part1-bg3.png) #E4F6F8 no-repeat; background-size: contain;background-position: center top;}
.cont_cont .cont_item4{width: 32%;max-width: 4.6rem; background: #E2E4F7;background: url(https://keeprix-resource.com/en/img/keeprix-part1-bg4.png) #E2E4F7 no-repeat; background-size: contain;background-position: center top;}
.cont_cont .cont_item5{width: 32%;max-width: 4.6rem; background: #EAFAF0;background: url(https://keeprix-resource.com/en/img/keeprix-part1-bg5.png) #EAFAF0 no-repeat; background-size: contain;background-position: center top;}
.cont_cont .cont_item7{width: 32%;max-width: 4.6rem; background: #E4ECF8;background: url(https://keeprix-resource.com/en/img/keeprix-part1-bg7.png) #E4ECF8 no-repeat; background-size: contain;background-position: center top;}


.cont_item::after{content: "";position: absolute;pointer-events: none;transform-origin: center bottom;transform: translateY(100%);transition: .3s; bottom: 0;left: 0;width: 100%;height: 1.6rem; background: url(https://keeprix-resource.com/en/img/keeprix-part1-actbg1.png) no-repeat;background-size: cover;}
.cont_item1::after{height: 1.9rem;background: url(https://keeprix-resource.com/en/img/keeprix-part1-actbg1.png) no-repeat;background-size: cover; }
.cont_item2::after{height: 1.9rem;background: url(https://keeprix-resource.com/en/img/keeprix-part1-actbg2.png) no-repeat;background-size: cover;}
.cont_item3::after{background: url(https://keeprix-resource.com/en/img/keeprix-part1-actbg3.png) no-repeat;background-size: cover;}
.cont_item4::after{background: url(https://keeprix-resource.com/en/img/keeprix-part1-actbg4.png) no-repeat;background-size: cover;}
.cont_item5::after{background: url(https://keeprix-resource.com/en/img/keeprix-part1-actbg5.png) no-repeat;background-size: cover;}
.cont_item7::after{background: url(https://keeprix-resource.com/en/img/keeprix-part1-actbg7.png) no-repeat;background-size: cover;}


.cont_cont .title_h3{max-width: 4.76rem;margin: .2rem auto .1rem;color: #333;font-size: .24rem;font-weight: 600;}
.cont_cont img{width: 2rem;}
.cont_item1 .title_h3{font-size: .28rem;}
.cont_item2 .title_h3{font-size: .28rem;}
.cont_cont p{max-width: 4.5rem;margin:  0 auto;color: #666;font-size: .16rem;}

.cont_item:hover::after{transform: translateY(0);}
.cont_item:hover a{height: .4rem;opacity: 1;}

.cont_cont a{display: block;text-decoration: none;margin:.15rem auto 0;position: relative;z-index: 5;color: #333;font-size: .16rem;width: 1.63rem;height: .4rem;line-height: .4rem;border-radius: 10px;transition: .3s;opacity: 0;background: #FFF;overflow: hidden;height: 0;}




.cont_item6{width: 100%;display: flex;justify-content: center;align-items: center;flex-flow: column;}
.cont_item6::after{display: none;}
.cont_cont .cont_item6{width: 100%;height: 3.95rem; border-radius: .1rem; background: #EAFAF0;background: url(https://keeprix-resource.com/en/img/keeprix-part1-bg6.png) #F1E9FF no-repeat; background-size: cover;background-position: center top;}

.cont_item6 span{display: inline-block;border-radius: 18px;padding: .04rem .24rem;color: #F9F5FF;font-size: .18rem;background: linear-gradient(90deg, #AC79FF 5.58%, #331ACE 95.67%), #D9D9D9;}
.cont_item6 .title_h3{font-size: .28rem;max-width: 4.63rem;}
.cont_item6 p{color: #444;font-size: .16rem;font-weight: 400;height: 0;overflow: hidden;transition: .3s;}
.cont_item6:hover p{height: .48rem;}
.cont_item6 a{color: #35294B;background: #E0D1FA; cursor: default;}

.media-title { color: #1D1D1F; text-align: center; font-size: .36rem; font-weight: 600; margin: 0.6rem auto 0.4rem; }
.media-title::before { content: ""; display: inline-block; width: calc((100% - 4.8rem) / 2); height: 3px; background: linear-gradient(to right, rgba(234, 234, 234, 0), rgba(180, 180, 180, 1)); vertical-align: middle; margin-right: 0.2rem; }
.media-title::after { content: ""; display: inline-block; width: calc((100% - 4.8rem) / 2); height: 3px; background: linear-gradient(to right, rgba(180, 180, 180, 1), rgba(234, 234, 234, 0)); vertical-align: middle; margin-left: 0.2rem; }
.media-lists { display: flex; justify-content: center; gap: .3rem; flex-wrap: wrap; }
.media-item { display: flex; justify-content: center; max-width: 3.37rem; width: 100%; border-radius: .1rem; padding: .18rem 0; background: #F5F6F7; }

/* part2 */

.part2_cont{border-radius: .2rem;position: relative; background: url(https://keeprix-resource.com/en/img/keeprix-part2-bg.png) #000 no-repeat; background-size: cover;text-align: center;padding: .6rem .6rem .13rem; box-sizing: border-box;}
.part2_cont::after{content: "";border-radius: .2rem .2rem 0 0; display: none; position: absolute;pointer-events: none; width: 100%;left: 0;top: 0; height: 4rem;background: url(https://keeprix-resource.com/en/img/part2_mobg.png) no-repeat;background-position: center top;}

.part2_cont .title_h2{color: white;font-size: .36rem;}
.part2_cont .part2_info{color:#E7E7E7;font-size: .16rem;margin: .3rem auto .2rem;max-width: 10.8rem;}
.part2_cont .part2_link{display:inline-block ;transition:color .3s ,background .3s; margin: .2rem auto .38rem; width: 1.7rem;height: .4rem;line-height: .4rem;border-radius: .1rem;border: 1px solid #E7E7E7;color: #E7E7E7;font-size: .16rem;text-decoration: none;}
.part2_cont .part2_link:hover{background: white;color: #000;}
.part2_video video{width: 90%;max-width: 11.26rem;}




.part3_cont{text-align: center;margin: 1rem 0;padding-bottom: .42rem;position: relative;}


.part3_info{margin: .2rem auto 0;font-size: .16rem;color: #666;}

.comment_box{max-width: 14.4rem;margin:  .5rem auto 0;position: relative;}
.comment_cont{position: relative; display: flex;justify-content: space-between;width: 100%;transition: .3s;transform: translateX(10%);opacity: 0;}
.comment_cont.abs{position: absolute;left: 0;top: 0;z-index: 2;}
.comment_cont.act{transform: translateX(0);opacity: 1;z-index: 4;}


.comment_cont>div{height: 4.2rem;}

.comment_item{display: flex;justify-content: space-between;border-radius: .1rem;}

.comment_item.type1{max-width: 8.77rem;width: 61%;align-items: center;justify-content: center;padding: 0 .5rem;box-sizing: border-box;}
.comment_item.type2{flex-flow: column;height: 2rem;justify-content: center;padding: 0 .3rem;box-sizing: border-box;text-align: left;}

.comment_item.type2.mo{display: none;}


.comment_item.type1 .comment_text{margin-left: .4rem;text-align: left;}
.comment_item.type1 img{width: 1.88rem;}
.comment_item.type1 p{color: #333;font-family: "Poltawski Nowy";font-size: .28rem;font-weight: 500;}
.comment_item.type1 span{color: #666;font-family: "Poltawski Nowy";margin-top: .3rem;display: inline-block;font-size: .2rem;font-weight: 500;}
.comment_item.type2 img{width: .46rem;}
.comment_item.type2 p{color: #333;font-family: "Poltawski Nowy";font-size: .16rem;font-weight: 500;}
.comment_item.type2 span{color: #666; font-family: "Poltawski Nowy";font-size: .16rem;margin-left: .1rem;font-weight: 500;}


.comment_cont2{width: 38%;max-width: 5.43rem;display: flex;justify-content: space-between;flex-flow: column;}



.comment_item1{background: url(https://keeprix-resource.com/en/img/keeprix_comment_bg1.png) no-repeat; background-size: cover;}
.comment_item2{background: #EFF2FB;}
.comment_item3{background: #F8F9FA;}
.comment_item4{background: url(https://keeprix-resource.com/en/img/keeprix_comment_bg2.png) no-repeat; background-size: cover;}
.comment_item5{background: #F8F9FA;}
.comment_item6{background: #F2EFFB;}

.comment_name{margin-top: .2rem;}


.comment_nav{display: flex;justify-content: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.comment_nav p{width: .6rem; height: .12rem;border-radius: .12rem;background: #D9D9D9;margin: 0 .1rem;cursor: pointer;}
.comment_nav p.act{background: #7B7B7B;}



.part4_cont{position: relative;overflow: hidden; text-align: center; max-width: 15.53rem;width: 100%;margin: 0 auto;}
.part4_cont .part4_list{opacity: 0; position: absolute;z-index: 4;max-width: 12rem;top: .6rem; width: 90%; left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;}
.part4_list .list_item{display: flex;flex-flow: column; justify-content: center;align-items: center;}
.list_item p{color: #333;text-align: center;font-family: "Poltawski Nowy";font-size: .28rem;font-weight: 500;}
.list_item span{color: #333;text-align: center;font-family: Poppins;font-size: .14rem;font-weight: 400;margin-top: .05rem;}
.list_item1{width: 2.46rem;height: 1.39rem;border-radius: 2rem;background: #E9DFFF;transform: translate(-.2rem,.10rem);}
.list_item2{width: 1.68rem;height: .94rem;border-radius: 2rem;background: #D8EAFF;transform: translate(0,0rem);}
.list_item3{width: 1.89rem;height: .98rem;border-radius: 2rem;background: #D0C4FF;transform: translate(-.3rem,.95rem);}
.list_item4{width: 1.94rem;height: 1.02rem;border-radius: 2rem;background: #F4EAD5;transform: translate(-.4rem,.14rem);}
.list_item5{width: 2.54rem;height: 1.06rem;border-radius: 2rem;background: #D8EAFF;transform: translate(.2rem,.10rem);}

.part4 {
  margin-top: 0.8rem;
}
.part4_content{
  position: relative;
  margin: 0 auto;
  max-width: 15.52rem;
  background: url(https://keeprix-resource.com/en/img/keeprix-part4-bg.png) no-repeat;
  background-size: 100% auto;
  background-position: top center;
  padding-top: 160px;
}
.part4_content::after {
  display: block;
  content: "";
  position: absolute;
  background: rgba(177,147,237,0.5);
  border-radius:50%;
  width: 9.2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2rem;
  filter: blur(120px);
  position:absolute;
  z-index:-1;
}
.part4_content h3{
  color: #000;
  font-family: Poppins;
  font-size: .63rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: .8rem;
}
.part4_content_list{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
}
.part4_list_item_cont{
  padding: .22rem .45rem;
  width: fit-content;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
.part4_list_item_cont:hover{
  transform: scale(1.2);
}
.part4_list_item_cont p{
  color: #333;
  text-align: center;
  font-family: "Poltawski Nowy";
  font-size: 0.32rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.part4_list_item_cont span{
  color: #333;
  text-align: center;
  font-family: Poppins;
  font-size: 0.14rem;
  font-weight: 400;
}
.part4_item1{
  background: #E9DFFF;
}
.part4_item2{
  background: #D8EAFF;
}
.part4_item3{
  background: #D0C4FF;
}
.part4_item4{
  background: #F4EAD5;
}
.part4_item5{
  background: #D8EAFF;
}
.part4 .part4_list_item.cur{
  transform: translateY(0px);
}
.part4 .part4_list_item.eff{
  animation: part4_animate .6s linear forwards;
}
.part4 .part4_list_item.eff:nth-child(1){
  animation-delay: .2s;
}
.part4 .part4_list_item.eff:nth-child(2){
  animation-delay: .4s;
}
.part4 .part4_list_item.eff:nth-child(3){
  animation-delay: .6s;
}
.part4 .part4_list_item.eff:nth-child(4){
  animation-delay: .8s;
}
.part4 .part4_list_item.eff:nth-child(5){
  animation-delay: 1s;
}

@keyframes part4_animate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes list_item {0%{opacity: 0;transform: translate(-50%,20px);}100%{opacity: 1;transform: translate(-50%,0rem);}} 
.part4_cont .part4_list.eff{animation: list_item .6s .4s linear forwards;}
.part4_cont .part4_icons.eff{animation: list_item .6s 0s linear forwards;}


.part4_cont .part4_img{position: relative;}
.part4_img img{width: 100%;}
.part4_cont .part4_text{position: absolute;background: linear-gradient(180deg, rgba(149, 149, 149, 0.20) 5.91%, rgba(66, 66, 66, 0.20) 93.01%), #212121;left: 50%;transform: translateX(-50%);  bottom: 2.3rem;line-height: 1.86rem;border-radius: .1rem;width: 11.20rem;height: 1.86rem;color: #FFF;font-size: .52rem;font-weight: 600;text-transform: uppercase;}


.part4_cont .part4_icons {opacity: 0; display: flex;justify-content: space-between;align-items: end; max-width: 10rem;width: 90%;position: absolute;left: 50%;transform: translateX(-50%); bottom: 6.6rem;z-index: 5;}


.part4_icons .icon1{width: .86rem;height: 1.17rem;}
.part4_icons .icon2{width: .35rem;height: .67rem;transform: translate(200%,-50%);}
.part4_icons .icon3{width: 1.19rem;height: 1.1rem;transform: translate(20%,-30%);}



.part5{margin-top: 1.8rem;margin-bottom: .9rem;padding: 0 .3rem;}
.part5_cont{max-width: 12rem;margin: 0 auto 0;}

.idx_needbox{display: flex;justify-content: space-between;margin-top: .5rem;}
.idx_needitem{
  padding: .34rem .26rem .34rem .26rem;
width: 49%;max-width: 5.84rem;
  border-radius: .2rem;
border: 1px solid #D7DAE6;
background: rgba(255, 255, 255, 0.80);box-sizing: border-box;
backdrop-filter: blur(.1rem);
 }
 .idx_needitem a{color: #1D1D1F;display: inline-block;text-decoration: none;
  margin: .1rem 0;
  font-size: 14px;position: relative;
  font-weight: 400;padding-left: 14px;
 }
 .idx_needitem a::after{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #D7DAE6;left: 0;top: 8.5px;}
 .idx_needitem a:hover{color: #256CFF;}

/* part2 */
.idx_media{overflow: hidden; margin-top: 1rem; }
.idx_media>p { color: #666; text-align: center; font-size: 16px; margin: .2rem auto .6rem; }
.media_cont{ display: flex; justify-content: space-between; align-items: center; max-width: 14rem; width: 94%; margin: 0 auto;box-sizing: border-box;position: relative; border-radius: .2rem; background: radial-gradient(96.31% 73.61% at 26.88% 27.95%, rgba(207, 178, 255, 0.12) 15.58%, rgba(178, 132, 255, 0.00) 100%), linear-gradient(103deg, rgba(255, 255, 255, 0.00) 33.76%, rgba(255, 255, 255, 0.50) 66.99%, rgba(255, 255, 255, 0.00) 96.17%), #EFECFB; padding: .6rem .8rem; box-sizing: border-box;}

.media_navbox{display: flex;justify-content: center; gap: .2rem; flex-flow: wrap; max-width: 6.1rem; width: 50%;}
.media_nav{cursor: pointer;border: .015rem solid #fff; border-radius: .2rem;background: rgba(255, 255, 255, 0.70);backdrop-filter: blur(1.5px);transition: .3s;width: 1.9rem;height: 1.9rem;box-sizing: border-box;}
.media_nav img{vertical-align: bottom;width: 100%;}
.media_nav.act{border-radius: 50%;}
.media_nav:hover{border-radius: 50%;}


/* text */
.media_itembox{max-width: 5.9rem; width: 48%; position: relative;}
.media_itembox h4{color: #000;font-family: Poppins;font-size: .44rem;font-weight: 600;}
.media_itembox .media_item{position: absolute;pointer-events: none; transform: translateX(1rem);opacity: 0; width: 100%;}
.media_itembox .media_item.act{transform: translateX(0);opacity: 1;pointer-events: all; position: relative; transition: all .3s ease-in;  }
.media_itembox .media_title { color: #1D1D1F; font-size: .36rem; font-weight: 600; }
.media_itembox .media_title a { color: inherit; font-size: inherit; font-weight: inherit; }
.media_itembox .media_text{color: #333; font-size: .2rem; margin-top: .24rem;}
.media_itembox .media_link{margin-top: .31rem;font-size: .16rem;font-weight: 400;}
.media_link em{color: #6E6E73;font-size: inherit;}
.media_link a{color: #2376FF;font-size: inherit;}

/* section_8 */
.section_8 {
  margin-top: .4rem;
  background: linear-gradient(0deg, #FFF 0%, #F8F9FA 19.61%, #F8F9FA 79.64%, #FFF 100%);
}
.section_8_slider .seamless-scroller-item {
  margin-right: .2rem;
}
.section_8_slider .seamless-scroller-list {
  align-items: center;
}
.section_8_slider {
  margin-top: .9rem;
}
.section_8_card_style {
  width: 3.08rem;
  border-radius: .1rem;
  background:
    linear-gradient(180deg, #111 0%, #1b1b1b 50.31%, #111 100%),
    linear-gradient(180deg, #0a0a0a 0%, #1b1b1b 50.31%, #0a0a0a 100%);
  box-sizing: border-box;
  overflow: hidden;
  padding: .25rem .2rem;
}
.section_8_card_style > img {
  border-radius: .06rem;
  margin-bottom: .2rem;
}
.section_8_card_style_author {
  margin: 0 auto;
  border-radius: .36rem;
  background: #232323;
  width: 1.77rem;
  height: .52rem;
  box-sizing: border-box;
  padding: 0 .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .08rem;
}
.section_8_card_style_author > img {
  border-radius: 50%;
}
.section_8_card_name p {
  color: #8d8d8d;
  font-size: .14rem;
  font-weight: 400;
}

.section_8_carousel {
  margin: 0 auto;
  max-width: 14rem;
  width: 94%;
}

.section_8_carousel .carousel-component-nav {
  margin: 0 auto;
  max-width: 5.78rem;
  width: 98%;
  padding: .14rem 0;
}

.section_8_carousel .carousel-component-btn {
  width: 0.4rem;
  height: 0.4rem;
}
.section_8_carousel .carousel-component-btn.active .avatar {
  opacity: 1;
}

.section_8_carousel .avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.5;
}

.section_8_carousel .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_8_carousel_title {
  text-align: center;
  margin-bottom: .24rem;
  margin-top: .2rem;
}

.section_8_carousel_title img {
  width: 2.28rem;
}

.section_8_carousel_title p {
  color: #999;
  text-align: center;
  font-family: Poppins;
  font-size: .14rem;
  font-style: italic;
  font-weight: 400;
  margin-top: .08rem;
}

.section_8_carousel .carousel-component-content {
  margin: 0 auto;
  padding: .38rem 0;
  margin-bottom: .3rem;
  background: url('https://keeprix-resource.com/en/img/home_section_8_carousel_1.png') top center no-repeat;
  background-size: 100% 100%;
}

.section_8_carousel .carousel-component-panel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section_8_carousel .text {
  margin: 0 auto;
  margin-bottom: .2rem;
  max-width: 70%;
}

.section_8_carousel .comment {
  color: #333;
  text-align: center;
  font-size: .2rem;
  margin-bottom: .26rem;
}

.section_8_carousel .comment a {
  color: #2c67ff;
  text-decoration-line: underline;
  display: inline-block;
}

.section_8_carousel .author {
  text-align: center;
}

.section_8_carousel .author p {
  color: #e6e6e6;
  font-size: .18rem;
  font-weight: 400;
  margin-bottom: .1rem;
}

.section_8_carousel .author > a {
  color: #999;
  font-size: .18rem;
  font-weight: 400;
}

.section_8_carousel .author > a:hover {
  text-decoration: underline;
}

.section_8_text {
  color: #999;
  text-align: center;
  font-size: .14rem;
  font-style: italic;
  font-weight: 300;
  margin-top: .2rem;
}

@media screen and (max-width: 1200px){
.idxrebanner {padding: 1.63rem 0 0.84rem;}
.idxrebanner .ban_text{max-width: 1000px;width: auto; text-align: center;margin: 0 auto;}
.idxbtn_cont{margin: 0 auto;}
.idxrebanner .ban_img{position: relative;width: 88%; left: 55%;top: .3rem; transform: translateX(-50%); max-width: 853px;}
.ban_img .banner-bg{max-width: 100%;}
.part4_cont .part4_text {bottom: 2.1rem;line-height: 1.361rem;width: 8.20rem;height: 1.361rem;font-size: .42rem;}
.part4_cont .part4_list {max-width: 9rem;top: .9rem;width: 90%;}
.part4_cont .part4_icons {max-width: 8rem;width: 90%;left: 50%;transform: translateX(-50%);bottom: 5.5rem;}
.part4_icons .icon1{width: .602rem;height: .819rem;}
.part4_icons .icon2{width: .245rem;height: .469rem;transform: translate(200%,-50%);}
.part4_icons .icon3{width: .833rem;height: .77rem;transform: translate(20%,-30%);}
.list_item p{font-size: .24rem;}
.list_item span{font-size: 12px;}
.list_item1{width: 1.722rem;height: .973rem;border-radius: 1.4rem;background: #E9DFFF;transform: translate(-.14rem,.07rem);}
.list_item2{width: 1.176rem;height: .658rem;border-radius: 1.4rem;background: #D8EAFF;transform: translate(0,0rem);}
.list_item3{width: 1.323rem;height: .686rem;border-radius: 1.4rem;background: #D0C4FF;transform: translate(-.21rem,.665rem);}
.list_item4{width: 1.358rem;height: .714rem;border-radius: 1.4rem;background: #F4EAD5;transform: translate(-.28rem,.098rem);}
.list_item5{width: 1.778rem;height: .742rem;border-radius: 1.4rem;background: #D8EAFF;transform: translate(.14rem,.0.07rem);}

.part4_content{
  padding-top: 1.4rem;
}
.part4_content_list{
  gap: 0.3rem;
}
.part4_content h3{
  font-size: 0.52rem;
}
.part4_list_item_cont{
  border-radius: 1.4rem;
  padding: 0.1rem 0.2rem; 
}
.part4_list_item_cont p{
  font-size: 0.24rem;
}
.part4_list_item_cont span{
  font-size: 12px;
}
  .media_cont { padding: .3rem .4rem; }
  .media_nav { width: 30%; height: auto; }
  .media_itembox .media_text { font-size: clamp(14px, .18rem, 36px); }
}





@media screen and (max-width: 980px){
.idxrebanner {padding: 1rem 0 1.4rem;}
.idxrebanner .ban_img{left: 50%;}
.ban_img .banner-img2 {left: 63%;top: 17%;}
.comment_item.type1 p{font-size: .2rem;}
.part4_img img {width: 134%;position: relative;left: 50%;transform: translateX(-50%);}
.idx_needbox{display: block;}
.idx_needitem{width: 100%;max-width: none;margin-top: .4rem;}

}




@media screen and (max-width: 750px){
.ban_text .banner_title{font-size: .56rem;}
.ban_text .banner_info{font-size: .32rem;}
.ban_text .logo_title{font-size: .32rem;}
.idxbtn_cont{display: block;max-width: none;}

.btn_item .idxbtndl {border-radius: .1rem;font-size: .34rem;width: 5.6rem;margin-top: .4rem;height: 1.03rem;line-height: 1.03rem;}
.btn_item .idxbtnlm{border-radius: .1rem;font-size: .34rem;width: 5.6rem;margin-top: .3rem;height: 1.03rem;line-height: 1.03rem;}
.btn_item .idxbtndl svg{width: .3rem;height: .36rem;}
.btn_item em{font-size: .24rem;}

.idxrebanner {padding: 1rem 0 3.5rem;}
.ban_img .banner-img{left: 14.5%;}
.ban_img .banner-img1{left: 8%;}
.ban_img .banner-img3{left: -5%;top: 36%;}
.ban_img .banner-img4{left: 17%;top: 71%;}

.idxpro_defig{width: 2.7rem;}
.idxpro_deve{flex-flow: wrap;}
.idxpro_img img{width: .6rem;}
.idxpro_defig p{font-size: .24rem;}
.part1{padding-top: .7rem;}

.part1_nav{width: auto;height: .8rem;display: none;}
.part1_nav .nav_item{font-size: .28rem;line-height: .78rem;}

.part1_box{margin-top: .4rem;}
.cont_cont{display: block;}
.cont_cont.act{display: block;}
.cont_cont .cont_item{width: auto;max-width: none;height: auto; padding: .6rem .3rem;}
.nav_itemmo{display: block;}
.cont_cont .cont_item6{background: linear-gradient(180deg, #F0E7FF 6.86%, #CFB1FF 100%);}

.cont_cont .title_h3{font-size: .36rem;max-width: none;margin: .3rem auto .2rem;}
.cont_cont p{font-size: .28rem;max-width: none;}

.cont_cont a {margin: .3rem auto 0;font-size: .32rem;width: 3.2rem;height: .7rem;line-height: .7rem;border-radius: .1rem;opacity: 1;}
.cont_item:hover a {height: .7rem;opacity: 1;}
.cont_item6 span {border-radius: .36rem;padding: .06rem .30rem;font-size: .28rem;}
.cont_item::after{height: 1.8rem;}
.cont_item6 p{height: auto;}
.cont_item6:hover p{height: auto;}


.part2_cont::after{display: block;}
.part2_cont{padding: .6rem .3rem .3rem;}
.part2_cont .title_h2{font-size: .44rem;position: relative;z-index: 4;}
.part2_cont .part2_info{font-size: .32rem;}

.part2_cont .part2_link {margin: .4rem auto .38rem;width: 3.2rem;height: .7rem;line-height: .7rem;color: #E7E7E7;font-size: .32rem;}
.cont_item::after{transform: translate(0,0);background-size: 100%;}


.part3_cont{margin: .8rem 0;}

.part3_info{font-size: .32rem;}


.comment_cont{display: block;}

.comment_cont.abs{}
.comment_item.type1{width: auto;padding: 0 .3rem;}
.comment_cont2{width: auto;max-width: none;}
.comment_box{margin-top: .2rem;overflow: hidden;}
.comment_item.type2{margin-top: .3rem;padding: .3rem;height: auto;height: 2.8rem;}
.comment_cont>div{height: auto;}
.comment_item.type2.mo{display: flex;}
.comment_item.type1.pc{display: none;}

.comment_item.type2 span,
.comment_item.type2 p{font-size: .28rem;}
.comment_name{margin-top: .3rem;display: flex; align-items: center;}

.part4_cont .part4_text {bottom: 1.6rem;line-height: 1rem;width: 6rem;height: 1rem;font-size: .32rem;}
.part4_cont{border-top: 1px solid #D9D9D9;}
.part4_cont .part4_list{top: 0rem;position: relative; flex-flow: wrap;opacity: 1;transform: translate(-50%,.8rem);}
.part4_list .list_item{width: 48%;height: 1.4rem;transform: translate(0rem, .0rem);margin-top: .2rem;}
.part4_list .list_item5{width: 100%;}
.list_item p{font-size: .32rem;}
.list_item span{font-size: .24rem;}
.part4_cont .part4_list.eff{animation: none;}

.part4_cont .part4_icons {display: none;}
.part5{margin-top: 1rem;}

.part4_content h3{
  margin-bottom: 0.6rem;
}
.part4_content{
  background: none;
  padding-top: 0.4rem;
}
.part4_content_list{
  flex-wrap: wrap;
  padding: 0 16px;
}
.part4_list_item_cont{
  padding: 16px 20px;
}
.part4_list_item_cont p{
  font-size: 0.3rem;
}

.media-title { font-size: .4rem; background: none; }
.media-lists { 
  gap: 0.2rem 4%;
  flex-wrap: wrap;
  justify-content: left;
 }
.media-item { max-width: 48%; }
.media-item img { height: 0.54rem; }
.media-title::before, .media-title::after { display: none; }
.part4_content::after { display: none; }
.media_cont { flex-direction: column-reverse; gap: 0.4rem; }
.media_itembox{width: 100%;margin: 0 auto;text-align: center;}
.media_navbox{width: auto;max-width: 6rem;margin: 0 auto;}

.section_8_carousel .carousel-component-content {
  padding: 20px;
  background: none;
  border-radius: 20px;
  border: 2px solid #E0E0E0;
  max-width: 400px;
}
.section_8_carousel .carousel-component-nav {
  max-width: 330px;
}

.section_8_carousel .text {
  max-width: none;
}
.section_8_carousel .carousel-component-btn { width: 40px; height: 40px; }
.section_8_carousel .comment { font-size: clamp(16px, 0.2rem, 40px); }
.section_8_carousel .author > a { font-size: clamp(14px, 0.18rem, 36px); }
.section_8_carousel_title img { width: 228px; }
}