@font-face {
    font-family:  "oswald";
    src: url(https://yingyuanrain.oss-cn-hangzhou.aliyuncs.com/font/3948Oswald.woff2);
}
*{
    padding:0px;
    margin:0px;
    font-family: "oswald,微软雅黑";
}
body{
    align-items: center;
    justify-content: space-around;
    min-height: 100vh;
    flex-direction: column;
}
.top{
    background-color: #1F1F1F00;
    padding: 0px 0px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    z-index: 9;
    position:fixed;
    top:0px;
    width:100%;
}
.top_bg{
    background: #000000c7;
}
.top_move{
    background-color: #000000AD !important;
   
}
img{
    max-width:100%;
}
.flair {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}
.navlink{
    font-family: "oswald";
    font-size: 30px !important;
    font-weight: 900;
    color:#ffffff;
    line-height: 20px;
}
.flex{
    display: flex;
    justify-content: space-between; /* 主轴两端对齐 */
    align-items: center; /* 交叉轴居中对齐 */
}
.active{
    color:#97c743 !important
}
.borderbottom{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #F2FFD84A;
}
.videoBg{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1;
}
.top_box{
    background-color: #000000AD;
    padding: 0px 0px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    z-index: 9;
    height:130px;
}
.margin{
    margin:auto;
}
.margin18{
    margin:18px auto;
}
.overflow{
    overflow: hidden;
}
.but1 {
  font-family: "Times New Roman";
  background-color: #97c734;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.47);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  border-radius: 25px 0px 25px 0px;
  padding: 14px 18px 14px 18px;
  color:#ffffff;
  cursor: pointer;
  
}
.display{
    display:block;
}
.but1:hover{
    transform: scale(.9);
    transition-duration: .3s;
    transition-property: transform;
    color:#4cb5de;
}
.but1_txt{
    font-family: 'Times New Roman';
    font-size:15px;
    font-weight: 800;
  letter-spacing: 0.6px;
  text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.47);
}
.svg_icon{
    fill: #fff;
    font-size: 15px;
  line-height: 1;
  text-align: center;
  height: 1em;
}
.left{
    float:left;
}
.right{
    float:right;
}
.fd1{
   padding:1px 0px;
}
.mt5{
    margin-top:5px;
}
.mt10{
    margin-top:10px;
}
.mt15{
    margin-top:15px;
}
.mt20{
    margin:20px auto;
}
.mt25{
    margin-top:25px;
}
.mt30{
    margin-top:30px;
}
.mt35{
    margin-top:35px;
}
.mt40{
    margin-top:40px;
}
.mt45{
    margin-top:45px;
}
.mt50{
    margin-top:50px;
}
.mt55{
    margin-top:55px;
}
.mt60{
    margin-top:60px;
}
.mt65{
    margin-top:65px;
}
.mt70{
    margin-top:70px;
}
.mt75{
    margin-top:75px;
}

.mt80{
    margin-top:80px;
}

.mt85{
    margin-top:85px;
}.mt90{
    margin-top:90px;
}
.mt100{
    margin-top:100px;
}
.mt200{
    margin-top:200px;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.menuUl{
    list-style: none;
    padding: 0px;
    display:none;
    width:400px;
}
.layui-nav-item:hover .menuUl{
    display:block;
    background:#fff;
    margin-top:18px;
    color:black
}
.menuUl .navlink{
    color:black;
}
.menuUl{
    padding:10px 20px;
    background:#fff;
    top:42px;
    color:black
}
.menuUl li{
    width:100%;
    float:left;
    margin-top:20px;
}

.width1100{
    width:1100px !important;
}
.width1200{
    width:1200px !important;
}
.width1300{
    width:1300px !important;
}
.width100{
    width:100% !important;
}
.width95{
    width:95% !important;
}
.width90{
    width:90% !important;
}
.width85{
    width:85% !important;
}
.width80{
    width:80% !important;
}
.width75{
    width:75% !important;
}
.width70{
    width:70% !important;
}
.width65{
    width:65% !important;
}
.width60{
    width:60% !important;
}
.width55{
    width:55% !important;
}
.width50{
    width:50% !important;
}
.width45{
    width:45% !important;
}
.width40{
    width:40% !important;
}
.width38{
    width:38% !important;
}
.width35{
    width:35% !important;
}
.width33{
    width:33% !important;
}
.width30{
    width:30% !important;
}
.width25{
    width:25% !important;
}
.width23{
    width:23% !important;
}
.width20{
    width:20% !important;
}
.width15{
    width:15% !important;
}
.width10{
    width:10% !important;
}
.width7{
    width:7% !important;
}
.width5{
    width:5% !important;
}
.width2{
    width:2% !important;
}
.width1{
    width:1% !important;
}
.width150px{
    width:150px !important;
}
.pd20{
    box-sizing: border-box;
    padding: 20px;
}
.bigtxt{
    font-size:25px;
    font-weight: 600;
}
.middertxt{
    font-size:20px;
    font-weight: 600;
}
.textcenter{
    text-align: center;
}
.block{
    display:block;

}
.arrow-icon {
     width: 20px;
  height: 20px;
  background-image: url('https://yyrain.com/wp-content/uploads/2025/12/Arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease; 
}

  .image-wrapper {
  position: relative;
  width: 88%;
  height: 210px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.module {
  background-color: white;
  border: 2px solid #98C734;
  border-radius: 12px;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
  overflow: visible;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 115px;
}
.arrow-box {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.arrow-bg {
  width: 100%;
  height: 100%;
  background-color: #98C734;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.module-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 88%;
}









.float{
    float: left;
}

.hero {
 height: 100vh;
 &__inner {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
 }

 &__image-cont {
  position: relative;
  overflow: hidden;
  &:not(:last-child):after {
   content: "";
   position: absolute;
   right: 0px;
   background-color: #111111;
   height: 100%;
   top: 0;
   width: 2.5px;
   z-index: 999;
  }

  img,
  .anim-swipe {
   position: absolute;
   width: 700%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
  }
 }

 .anim-swipe {
  width: 100%;
  background-color: #111111;
 }

 &__image-cont:nth-child(1) img {
  left: -100%;
 }
 &__image-cont:nth-child(2) img {
  left: -200%;
 }
 &__image-cont:nth-child(3) img {
  left: -300%;
 }
 &__image-cont:nth-child(4) img {
  left: -400%;
 }
 &__image-cont:nth-child(5) img {
  left: -500%;
 }
 &__image-cont:nth-child(6) img {
  left: -600%;
 }
}

.spacer {
 height: 300vh;
}

.scroll {
 position: fixed;
 bottom: 1rem;
 left: 50%;
 transform: translateX(-50%);
 z-index: 999;
}
.test{
    width:100px;
    height:150px;
    background:#111111;
    position:fixed;
    top:100px;
    left:100px;
    z-index:9999;
    display:none;
}
.wrapper{
     width:100%;
     position:relative;
}
.absolute{
    position:absolute;
}
.background{
    background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;

}
.textleft{
    text-align:left;
}
.pline p{
  font-weight: 300;
  line-height: 30px;
  font-size: 18px;
}
.bdt-ep-button {
  color: #FFFFFF;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #FFFFFFBA;
  border-radius: 50px 50px 50px 50px;
  padding: 10px 40px 10px 40px;
  font-family: "Montserrat", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  background-color: #98C734;
  overflow: hidden;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  position: relative;
  transition: all .3s ease-out;
  z-index: 0;
  text-align: center;
  display:block;width:150px;
}
.bdt-ep-button .bdt-ep-button-content-wrapper {
  display: flex;
  align-items: center;
}
.bdt-ep-button-icon {
  color: #01709C;
}
.bdt-flex-align-right {
  margin-left: 15px;
}
.elementor-element {
  padding: 30px 15px 30px 15px;
  z-index: 5;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 10px 25px 5px rgba(111.18159790039063, 111.18159790039063, 111.18159790039063, 0.42);
}

.showdow{
    padding: 30px 15px 30px 15px;
  z-index: 5;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 10px 25px 5px rgba(111.18159790039063, 111.18159790039063, 111.18159790039063, 0.42);
}
.elementor-spacer{
     background:#98c734;
     width:5px;
     height:70px;

}
.soubigtxt{
    font-size:40px;
}
.txt120{
    font-size:120px;
    font-size: 120px;  
    font-weight: 800;  
    text-transform: uppercase;  
    text-shadow: 3px 3px 2px rgba(21.442474365234375, 21.442474365234375, 21.442474365234375, 0.25);
}
.container_bg{
  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* 黑色遮罩，50%透明度 */
  z-index: 1; /* 确保遮罩在图片下方 */
}
.bdt-ep-creative-button--janus{ background: #98c734;  -webkit-clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");  clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");  transition: clip-path .5s cubic-bezier(.585, 2.5, .645, .55),-webkit-clip-path .5s cubic-bezier(.585, 2.5, .645, .55),background .5s ease;  z-index: 1;}
.bdt-ep-creative-button--janus{
    font-weight: 600;
  width: 175px;
  height: 120px;
  color: #fff;

  font-size: 14px;
}
.bdt-ep-creative-button {
  pointer-events: auto;
  cursor: pointer;
  color: #fff;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bdt-ep-creative { 
    height: 130%;
  width: 60%;
  top: -15%;
  border-radius: 58% 42% 55% 45% / 56% 45% 55% 44%;
  border: 1px solid #798184;
  transform: rotate(-126deg);
  z-index: 0;
  transition: transform .5s cubic-bezier(.585, 2.5, .645, .55);
  left: 19%;}
  .weight{
    font-weight: 600;

  }
input,textarea,.but{
     line-height:40px;
     text-indent:5px;
}
.fff{
    color:#fff;
}
.smailtxt,.smailtxt p{
    font-size:16px;
}
.footer ul li{
    margin-top:10px;
}