@import url('css2-AmaticSCwght400700_swaptq8u18.css');






.breadcrumb_b{font-size:120%;}

.breakspan{
    display:block;
}



.navbar_type7{
    background-color: rgba(42,67,0,0.6);
    position:absolute;
    z-index:2;
}
#main_index .navbar_type7{
    background-color:transparent!important;                
}

.navbar_type7 .logo img{
    width: 90%;
    transform: translate(35%,2%);
}

.navbar_type7 .nav_menu{
    margin-left:6%;
}

.navbar_type7 .nav_menu .nav_item a{
    color:#fff;
    font-size:1vw;
    font-family:"DM Sans";
    padding:5px 9px;
}
#main_index .navbar_type7 .nav_menu .nav_item a{
    font-family:"DM Sans";
    color:#ffffff;
    font-size:1vw;
    text-shadow: 2px 2px 5px #000000;
    padding:5px 9px;
}

.navbar_type7 .nav_menu .nav_item a:hover{
        color: lightgray;
}
#main_index .navbar_type7 .nav_menu .nav_item a:hover{
       color: lightgray;
}

.navbar_mobile{
    background-color: rgba(42,67,0,0.6);
}

.navbar_mobile .btn-outline-light{
   border-color:#fff;
   color:#fff;
}


.buttonToTheTop_button{
    background-color:#5f7547;
    border-radius:30px;
    font-family:"DM Sans";
    font-size:1vw!important;
    font-weight:400;
    color:#fff;
    margin-right:1%;
    transition:0.35s all ease-in-out;
 }
 
 .buttonToTheTop_button:hover{
     text-decoration: none;
     color:#fff;
     transform:scale(0.95);
 }
 


.iconHeader{
    transform: rotate(-30deg);
}

@media screen and (max-width: 1420.5px) {
    .navbar_type7 .nav_menu .nav_item a{
        font-size:1.1vw;
        padding: 5px 0px;
    }
    #main_index .navbar_type7 .nav_menu .nav_item a{
        font-size:1.1vw;
        padding: 5px 0px;
    }
}



#main_index{
    overflow:hidden;
}


.breakspan{
    display:block;
}
.index_wrapper_2{                            
    margin-top:-85px;
}

.hp_banner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.hp_banner_title{
    font-family:"DM Sans";
    font-size:39px;
    font-weight:500;
    color:#fff;
    text-align:center;
}


@media screen and (max-width: 991.5px) {          
    .index_wrapper_2{margin-top:0px;}
}

@media screen and (max-width: 500.5px) { 
    .hp_banner_title{
        font-size:4vw;
    }
}


.Theorder{
    background-color:#4a5a36;
    margin-top:-5%;
    padding-bottom:2%;
}

.TheorderWord1 img{
    margin-top:-20%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:60%;
    
}
.TheorderWord1 h3{
    text-align:center;
    color:#ffffff;
    padding-top:5%;
    font-size:40px;
    font-family:"Amatic SC";
}
html:lang(zh-Hans) .TheorderWord1 h3{
    font-size:30px;
}

.TheorderWord1 p{
    font-family:"DM Sans";
    font-size:14px;
    text-align:center;
    color:#ffffff;
    width:70%;
    margin-left:15%;
    
}
.TheorderWord2 img{
    margin-top:-20%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:60%;
    
}
.TheorderWord2 h3{
    text-align:center;
    color:#ffffff;
    padding-top:5%;
    font-size:40px;
    font-family:"Amatic SC";
}
html:lang(zh-Hans) .TheorderWord2 h3{
    font-size:30px;
}

.TheorderWord2 p{
    font-family:"DM Sans";
    font-size:14px;
    text-align:center;
    color:#ffffff;
    width:70%;
    margin-left:15%;
    
}
.TheorderWord3 img{
    margin-top:-20%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:60%;
    
}
.TheorderWord3 h3{
    text-align:center;
    color:#ffffff;
    padding-top:5%;
    font-size:40px;
    font-family:"Amatic SC";
}
html:lang(zh-Hans) .TheorderWord3 h3{
    font-size:30px;
}

.TheorderWord3 p{
    font-family:"DM Sans";
    font-size:14px;
    text-align:center;
    color:#ffffff;
    width:70%;
    margin-left:15%;
    
}


@media screen and (max-width: 1053px) {
  .Theorder{margin-top:3%;}
  .TheorderWord1{margin-bottom:100px;margin-top:2%;}
  .TheorderWord2{margin-bottom:100px;margin-top:2%;}
  .TheorderWord3{margin-bottom:100px;margin-top:2%;}
}

@media screen and (max-width: 1025px) {
   .Theorder{padding-bottom:0%;}
}


@media screen and (max-width: 767px) {
   .Theorder{
       margin-top:20%;
   }
    .TheorderWord1 img{width:50%;}
   .TheorderWord2 img{margin-top:0px;width:50%;}
   .TheorderWord3 img{margin-top:0px;width:50%;}
}



.index_wrapper_4{
    overflow:hidden;
}

.Spreco{
    margin-top:5%;
}


.SprecoWord{
    padding:5%;
    
}
.SprecoTitle{
    font-family:"DM Sans";
    color:#4a5a36;
    font-size:15px;
    font-weight:bold;
}

.spanSpreco{
    position:relative;
}

.SprecoSubTitle{
    font-size:50px;
    font-family:"Amatic SC";
    font-weight:bold;
}
html:lang(zh-Hans) .SprecoSubTitle{
    font-size:30px;
}


.spanSpreco::after{
    position: absolute;
    content: "";
    width: 3rem;
    height: 10%;
    top: 0;
    bottom: 0;
    right: -4rem;
    background-color: #4a5a36;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
}

.SprecoContent{
    font-family:"DM Sans";
    font-size:17px;
    padding-top:3%;
    line-height:25px;
    color:#989898;
    
}
.SprecoBigButton{
    margin-top:5%;
    
}
.SprecoBigButton a{
    width:160px;
    height:60px;
    background-color:#4a5a36;
    border-radius:30px;
    font-family:"DM Sans";
    font-size:15px;
    color:#ffffff;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-top:1%;
    transition:all 0.25s ease-in-out;
}
.SprecoBigButton a:hover{
    color:#4a5a36;
    text-decoration:none;
    background-color:#ffffff;
    border-radius:30px;
    border:1px solid #4a5a36;
}

@media screen and (max-width: 1024px){
    .TheorderWord1{margin-bottom:5%;}
    .TheorderWord2{margin-bottom:5%;}
    .TheorderWord3{margin-bottom:5%;}
}

@media screen and (max-width: 986px) {
    .SprecoImg{padding-top:40%;}
    .SprecoBigButton{height:10%;}
}

@media screen and (max-width: 767.5px) {
      .SprecoWord{
         padding: 5% 6%; 
      }
      .SprecoImg{
          padding-top:15%;
      }
}

.buildUpbgbg{
    background-image: url("../jpg/1670305357sec3-bckgtz7wu8.jpg");
    padding-top:3%;
    padding-bottom:4%;
    
}
.buildUpMiddleSmall{
    font-family:"DM Sans";
    color:#4a5a36;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    margin-left: -20%;
}
.spanBuild{
    position:relative;
}

.spanBuild::after{
    position: absolute;
    content: "";
    width: 3rem;
    height: 10%;
    top: 0;
    bottom: 0;
    right: -4rem;
    background-color: #4a5a36;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
}

.buildUpBigTitle{
    font-weight:bold;
    text-align:center;
    font-size:50px;
    padding-bottom:3%;
    font-family:"Amatic SC";
}
 html:lang(zh-Hans) .buildUpBigTitle{
    font-size:30px;
}


.hp_served_box{
   margin:3% 0%; 
}
.hp_served_imagebox{
    overflow:hidden;
}

.hp_served_image{
    margin:0 auto;
    display:block;
    width:100%;
    transform:scale(1.05);
    transition:0.35s all ease-in-out;
}

.hp_served_image:hover{
    transform:scale(1.1);
}

.hp_served_contentbox{
    background-color: #5f7547;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
    height: 5vw;
    position:relative;
}

.hp_served_content{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display:grid;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1vw;
    text-align:center;
    padding: 4% 0%;
    margin-bottom:0px;
}

.buildUpLogo1{
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-top:-25%;
    
}
.buildUpLogo2{
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-top:-25%;
    
}
.buildUpLogo3{
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-top:-25%;
    
}
.buildUpText1{
    background-color:#ffffff;
    box-shadow: 0 5px 0px -2px #4a5a36;
    
}
.buildUpText1 h2{
    font-weight:bold;
    text-align:center;
    margin-top:10%;
    font-family:"Amatic SC";
}
.buildUpText1 h5{
    font-family:"DM Sans";
    font-size:16px;
    text-align:center;
    padding-bottom:15%;
    line-height:25px;
    color:#989898;
    
}
.buildUpText2{
    background-color:#ffffff;
    box-shadow: 0 5px 0px -2px #4a5a36;
    
}
.buildUpText2 h2{
    font-weight:bold;
    text-align:center;
    margin-top:10%;
    font-family:"Amatic SC";
}
.buildUpText2 h5{
    font-family:"DM Sans";
    font-size:16px;
    text-align:center;
    padding-bottom:15%;
    padding-top:11%;
    line-height:25px;
     color:#989898;
    
}
.buildUpText3{
    background-color:#ffffff;
    box-shadow: 0 5px 0px -2px #4a5a36;
    
}
.buildUpText3 h2{
    font-weight:bold;
    text-align:center;
    margin-top:10%;
    font-family:"Amatic SC";
}
.buildUpText3 h5{
    font-family:"DM Sans";
    font-size:16px;
    text-align:center;
    padding-bottom:15%;
    padding-top:11%;
    line-height:25px;
    color:#989898;
}


@media screen and (max-width:991.5px) {
    .hp_served_content{
        font-size: 9px;
    }
}

@media screen and (max-width: 820px) {
  .buildUpbgbg{padding-bottom:5%;}
}

@media screen and (max-width:767.5px) {
  .hp_served_contentbox{
      height: 80px;
  }
  .hp_served_content{
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}



.numWeDonebgbg{
    background-image: url("../jpg/1670308529sec4-bckgsvnhtl.jpg");
}
.numWeDoneRow{
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 5% 0%;
}
.numWeDoneBox1,
.numWeDoneBox2,
.numWeDoneBox3{
    background-image: url("../jpg/1670308545sec4-column3q4bn9.jpg");
    margin-right:1%;
}
.numWeDoneBox1 h1,
.numWeDoneBox2 h1,
.numWeDoneBox3 h1{
    font-weight:bold;
    font-size:5vw;
    color:#000000;
    padding: 10% 0%;
    font-family:"Amatic SC";
}
.numWeDoneBox1 h2,
.numWeDoneBox2 h2,
.numWeDoneBox3 h2{
    font-weight:700;
    font-size:2vw;
    font-family:"Amatic SC";
}

@media screen and (max-width: 767.5px) {
    .numWeDoneBox1,
    .numWeDoneBox2,
    .numWeDoneBox3{
        margin:3% 15%;
        padding: 9% 0%;
    }
    .numWeDoneBox1 h1,
    .numWeDoneBox2 h1,
    .numWeDoneBox3 h1{
        font-size:5rem;
        text-align:center;
    }
    .numWeDoneBox1 h2,
    .numWeDoneBox2 h2,
    .numWeDoneBox3 h2{
        font-size:3rem;
        text-align:center;
    }
}
@media screen and (max-width: 500.5px) {
    .numWeDoneBox1,
    .numWeDoneBox2,
    .numWeDoneBox3{
        margin:3% 9%;        
    }
    .numWeDoneBox1 h1,
    .numWeDoneBox2 h1,
    .numWeDoneBox3 h1{
        font-size:3rem;
        text-align:center;
    }
    .numWeDoneBox1 h2,
    .numWeDoneBox2 h2,
    .numWeDoneBox3 h2{
        font-size:2rem;
        text-align:center;
    }   
}

.index_wrapper_7{
    padding: 4% 12% 2%;
}
.serviceWordContTitle{
    padding-top:2%;
}

.serviceWordTitle1 p{
    font-family:"DM Sans";
    color:#4a5a36;
    font-weight:bold;
    font-size:16px;
}

.spanServiceTitle1{
    position:relative;
    font-size:1vw;
}

.spanServiceTitle1::after{
    position: absolute;
    content: "";
    width: 3rem;
    height: 10%;
    top: 0;
    bottom: 0;
    right: -4rem;
    background-color: #4a5a36;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
}

.serviceWordTitle1 h1{
    font-weight:bold;
    font-size:30px;
    font-family:"Amatic SC";
}
.serviceWordTitle2{
    font-family:"DM Sans";
    color:#989898;
    font-weight:bold;
    font-size:1.2vw;
    
}


@media screen and (max-width: 767.5px) {
    .index_wrapper_7{
    padding: 15% 6% 0%;
    } 
    .spanServiceTitle1{
        font-size:1rem;
    }
    .serviceWordTitle1 h1{
        font-size:2.5rem;
    }
    html:lang(zh-Hans) .serviceWordTitle1 h1{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .serviceWordTitle2{
        font-size:1.2rem;
    }
}



.hp_service{
    padding: 3% 9% 7%;
}

.hp_service_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap:5%;
}

.hp_service_box{
    position:relative;
    background-color:#f0ecec;
}

.hp_service_image{
    width:100%;
    margin:0 auto;
    display:block;
}

.hp_service_icon{
    position:absolute;
    top:40%;
    Left:0;
    right:0;
    width:40%;
    margin:0 auto;
    display:block;
}

.hp_service_content{
     font-family:"Amatic SC";
    font-size:1.5vw;
    font-weight:bold;
    text-align:center;
    margin-top:20%;
    margin-bottom:20%;
    padding:0% 1%;
}

@media screen and (max-width: 1700.5px) {
    .hp_service_icon{
        
    }
}

@media screen and (max-width: 900.5px) {
    .hp_service_content{
        font-size:1.5vw;
    }
}

@media screen and (max-width: 767.5px) {
    .hp_service{
        padding:6% 3%;
    }
    .hp_service_grid{
        grid-template-columns: 1fr;
    }
    .hp_service_box{
        margin: 9% 0%;
    }
    .hp_service_icon{
        top:50%;
        left:50%;
        right:initial;
        transform:translate(-50%,-35%);
    }
    .hp_service_content{
        font-size:1.5rem;
    }
    .hp_service_content{
        padding:0 6%;
    }
}

@media screen and (max-width: 450.5px) {
    .hp_service_icon{
        transform:translate(-50%,-50%);
    }
}

@media screen and (max-width: 320.5px) {
    .hp_service_icon{
        transform:translate(-50%,-60%);
    }
}



.hp_contact{
    margin: 0% 9% -9%;
}
.contactCont{
    background-color: #cbd9b8;
    position: relative;
    z-index: 1;
    padding: 2.5% 4%;
    
}
.contactCont .row{
    align-items:center;
}

.contactWord1 h1{
    font-family:"Amatic SC";
    font-size: 4.3vw;
    font-weight:700;
}
html:lang(zh-Hans) .contactWord1 h1{
    font-size:30px;
}

.contactWord2 img{
    width:100%;
    margin:0 auto;
    display:block;
}

.contactWord3 h3{
    font-family:"DM Sans";
    font-size:1.5vw;
    color:#5e5f5b;
    font-weight:700;
    text-align:center;
}

.contactWord3 h2{
    font-family:"DM Sans";
    font-size:1.5vw;
    font-weight:700;
    text-align:center;
}


@media screen and (max-width: 767.5px) {
    .hp_contact{
        margin-bottom:9%;
    }
    .contactCont{
        padding: 12% 4%;
    }
  .contactWord1 h1{
        font-size: 30px;
        text-align: center;
  }
  .contactWord2 img{
      margin:12% auto;
    width: 66%;
  }
  .contactWord3 h3{
      font-size: 20px;
  }
  .contactWord3 h2{
      font-size: 20px;
  }
}

@media screen and (max-width: 500.5px) {
  .contactWord1 h1{
        font-size: 25px;
        text-align: center;
  }    
}


.galleryCont{
    background-color:#3e493b;
    padding-top:9%;
}

.galleryWord{margin-top:50px;}

.galleryWord p{
    text-align: center;
    color:#ffffff;
    padding-top:4%;
    margin-left: -14%;
}

.spanGallery{
    font-size:1rem;
    position:relative;
}


.spanGallery::after{
    position: absolute;
    content: "";
    width: 3rem;
    height: 10%;
    top: 0;
    bottom: 0;
    right: -4rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
}

.galleryWord h1{
    text-align:center;
    color:#ffffff;
    font-size:70px;
    font-family:"Amatic SC";
}
html:lang(zh-Hans) .galleryWord h1{
    font-size:50px;
}
@media screen and (max-width: 767.5px) {
    .galleryWord{
        margin-top: 6%;
    }
    .galleryCont .col-md-4:nth-child(1){
        display:none;
    }
}



.hp_photoGallerySliderWithTitle{
    background-color:#3e493b;
    width:0 auto;
}
.gallerycategory .img_frame{
    background-color:rgba(255,255,255,0.5);
}

.gallerycategory{
    background-color: #3e493b;
    padding:3% 0% 0%;
}

.gallerycategory .col-lg-3.col-md-6.col-sm-12.p-0{
    margin:0% 1%;
}

.gallerycategory .row{
    justify-content: center;
    align-items: center;
}

.gallerycategory .text-center{
    color:#fff;
}


.hp_photoGallerySliderWithTitle .photo-gallery .outline_box .gallery_box img{
    object-fit:contain;
}
   
@media screen and (max-width:991px) {
   .galleryWord h1{font-size:50px;}
}

@media screen and (max-width:767.5px) {
   .gallerycategory .row{
       margin:0% 3%;
   }
}



.hp_news{
    padding-top: 80px;
}

.news_bottom_box {
    margin-top: 25px;
}

.imageMarquee {
    height: 80px;
    background-image: url('../jpg/1673424918sec8-running-logoyqvd1n.jpg');
    background-size:cover;
    animation: imageMovement 100s linear infinite;
}

@keyframes imageMovement {
    100% {
        background-position-x: -2000px;
    }
}


.happenCont{
    margin-top:6%;
    color:#4a5a36;
    
}
.happenWord p{
    font-family:"DM Sans";
    font-size:17px;
    padding-top:2%;
    font-weight:bold;
}

.spanHappen{display:flex;}


.spanHappen::after{
    content:"";
    width:20%;
    height:2px;
    margin-top:4%;
    margin-left:2%;
    background-color:#4a5a36;
    display:flex;
    justify-content:center;
    align-items:center;
}

.happenWord2 h1{
    text-align:center;
    font-size:60px;
    font-weight:bold;
    margin-top:0%;
    font-family:"Amatic SC";
}


@media screen and (max-width: 1025px) {
   .happenWord h1{margin-top:8%;}
}

@media screen and (max-width: 991px) {
   .happenWord h1{margin-top:2%;}
}

@media screen and (max-width: 767px) {
   .happenWord p{margin-left:25%;}
   .newsPic1{margin-left:8%;}
   .newsPic2{margin-left:7%;}
   .newsPic3{margin-left:20%;}
   .newsPic4{margin-left:15%;}
}

@media screen and (max-width: 500px) {
   .newsPic1{margin-left:5%;}
   .newsPic2{margin-left:3%;}
   .newsPic3{margin-left:17%;}
   .newsPic4{margin-left:10%;}
}

@media screen and (max-width: 601px) {
   .happenWord h1{margin-top:2%;}
}



.date{font-family:"DM Sans";
    font-size:17px;}


.latest_new_type6{
    width:90%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.row .latestnewsAjax{
   width:90%;
   margin-left:5%;
}


.footer_type4{
    background-color:#3d473a;
    background-image:none;   
}

.footer_type4 p{ font-family:"DM Sans";}
.footer_type4 input btn{margin:50px;}

.footerCont{background-color:#3d473a;padding-top:80px;}
.footerCont2{border-bottom:1px solid white;}
.footerCont hr{color:white;}
.footerword1 img{width:200px;padding-bottom:12%;}
.footerword2 p{text-align:center;color:white;font-size:15px;font-family:"DM Sans";margin-top:20px;}
.footerword3 i{color:white;float:right;margin-top:13px;}


.all_font_md.footer_subtitle{font-family:"Amatic SC";font-size:250% !important;}
.col-md-3.mb-3.mb-lg-0.left_line p{font-size:16px;}
.footer_type4 .col-md-3.mb-3.mb-lg-0 input.btn.btn-primary.mt-3{background-color:#f6f7f9 !important;
color:#3d473a !important;width:100px;height:60px;}

@media screen and (max-width: 767px) {
   .footerword1 img{padding-bottom:9%;margin-left:auto;margin-right:auto;display:block;}
   .footerword3 i{color:white;margin-bottom:10px;float:none;display:flex;justify-content:center;align-items:center;}
}