.btscls .container,.btscls .container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;max-width:1600px;padding-right:calc(var(--bs-gutter-x) * .2);padding-left:calc(var(--bs-gutter-x) * .2);margin-right:auto;margin-left:auto}
@media (min-width:576px){.btscls .container{max-width:540px}
}@media (min-width:768px){.btscls .container{max-width:720px}
}@media (min-width:992px){.btscls .container{max-width:960px}
}@media (min-width:1200px){.btscls legend{font-size:1.5rem}
.btscls .container{max-width:1140px}
}@media (min-width:1400px){.btscls .container{max-width:1320px}
}.btscls .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.2 * var(--bs-gutter-x));margin-left:calc(-.2 * var(--bs-gutter-x))}
.btscls .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .2);padding-left:calc(var(--bs-gutter-x) * .2);margin-top:var(--bs-gutter-y)}
.btscls .col-2{flex:0 0 auto;width:16.66666667%}
.btscls .col-4{flex:0 0 auto;width:33.33333333%}
.btscls .col-6{flex:0 0 auto;width:50%}
.btscls .col-8{flex:0 0 auto;width:66.66666667%}
.btscls .col-12{flex:0 0 auto;width:100%}
@media (min-width:768px){.btscls .col-md-1{flex:0 0 auto;width:8.33333333%}
.btscls .col-md-4{flex:0 0 auto;width:33.33333333%}
.btscls .col-md-6{flex:0 0 auto;width:50%}
.btscls .col-md-7{flex:0 0 auto;width:58.33333333%}
.btscls .col-md-8{flex:0 0 auto;width:66.66666667%}
}@media (min-width:992px){.btscls .col-lg-1{flex:0 0 auto;width:8.33333333%}
.btscls .col-lg-2{flex:0 0 auto;width:16.66666667%}
.btscls .col-lg-3{flex:0 0 auto;width:25%}
.btscls .col-lg-4{flex:0 0 auto;width:33.33333333%}
.btscls .col-lg-6{flex:0 0 auto;width:50%}
.btscls .col-lg-7{flex:0 0 auto;width:58.33333333%}
.btscls .col-lg-8{flex:0 0 auto;width:66.66666667%}
.btscls .col-lg-9{flex:0 0 auto;width:75%}
}

.btscls .btn-round{padding:10px 12px;font-size:14px;border-radius:50px}
.btscls .btn-blue{background-color:#5bbf21;color:#fff;border:1px solid #5bbf21}
.btscls .btn-round.bg-btn{font-size:16px;font-weight:500;padding:15px 24px}
.btscls .btn-blue:hover{color:#5bbf21;background-color:#fff;border:1px solid #5bbf21}
.btscls .bg-f5f5f5{background-color:#f5f5f5}
.btscls .border-20{border-radius:20px}
.btscls a{color:#5bbf21;text-decoration:none}
.btscls .color-unset{color:#211e1c}
.btscls .bg-f5f5f5{background-color:#f5f5f5}
.btscls .mt-80{margin-top:2rem !important}
.btscls .pt-64{padding-top:4rem}
.btscls .mt-40{margin-top:0.25rem !important}
.btscls .mb-4{margin-bottom:0.15rem!important}
@media (min-width:992px){.btscls .text-lg-end{text-align:right !important}
}
.btscls .px-3{padding-right:0.1rem!important;padding-left:0.1rem!important}
.btscls .m-2{margin:.5rem!important}
.btscls .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.btscls .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.btscls .mx-3{margin-right:1rem!important;margin-left:1rem!important}
.btscls .mt-2{margin-top:.25rem !important}
.btscls .mb-3{margin-bottom:.5rem !important}
.btscls .fs-20{font-size:20px;line-height:28px}
.btscls .fs-14{font-size:14px;line-height:24px}
.btscls .fw-600{font-weight:600}
.btscls .fs-16 p{font-size:16px}
.btscls .fs-32{font-size:32px;line-height:40px}
.btscls .fs-40{font-size:40px;line-height:44px}
.btscls .p-3{padding:.05rem!important}
.btscls .pt-2{padding-top:.5rem !important}
.btscls .mt-4{margin-top:0.15rem !important}
.btscls .h2,.btscls .h3,.btscls .h4,.btscls h1,.btscls h2,.btscls h3,.btscls h4{margin-top:0;margin-bottom:.2rem;font-weight:500;line-height:1.2;position: relative;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
.w88{width:88%;max-width:1700px;display:block;margin:0 auto;box-sizing:border-box}
.welcome_box{width: 100%;height: 100vh;background-color: #fff;}
.swiper-button-prev,.swiper-button-next{background:none;outline:none}
.swiper-button-prev::after{content:"\e630";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased}
.swiper-button-next::after{content:"\e631";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased}
.swiper-pagination{width:100%;box-sizing:border-box;text-align:center;bottom:0.2rem !important;font-size:0}
.swiper-pagination span{outline:none;width:0.12rem;height:0.12rem;background-color:#fff;border-radius:50%;opacity:1;margin:0 0.05rem !important}
.swiper-pagination .swiper-pagination-bullet-active{background-color:#5bbf21}
.welcome_box .more_a{display:block;width:120px;height:40px;background-color:#f7b50c;color:#fff;font-size:16px;text-align:center;line-height:40px}
.welcome_box .slide4{background-image:url(../images/tp40.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center}
.welcome_box .slide4 .h4{text-align:center;color:#fff;margin-bottom:0.4rem;margin-top:0.9rem}
.welcome_box .slide4 .h4 strong{display:block;font-size:36px;height: 36px;}
.welcome_box .slide4 .h4 small{display:block;font-size:18px;text-transform:uppercase;margin:16px 0}
.welcome_box .slide4 .w88{position:relative;padding:0 7%}
.welcome_box .slide4 .swiper-container{width:100%}
.welcome_box .slide4 .swiper-slide{}
.welcome_box .slide4 .swiper-slide h5{color:#fff;margin-bottom:0.14rem}
.welcome_box .slide4 .swiper-slide h5 strong{display:block;font-size:40px;transition:all 0.3s;line-height: 40px;}
.welcome_box .slide4 .swiper-slide h5 small{display:block;font-size:24px;margin-top:8px}
.welcome_box .slide4 .swiper-slide em{display:block;padding-bottom:60%;overflow:hidden;position:relative}
.welcome_box .slide4 .swiper-slide em i{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center;transition:all 0.3s}
.welcome_box .slide4 .swiper-slide div{padding:0.24rem 0.24rem 0.2rem;background-color:#f6f6f6;transition:all 0.3s}
.welcome_box .slide4 .swiper-slide div h6{font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.welcome_box .slide4 .swiper-slide div p{font-size:16px;line-height:1.6;color:#666;height:0.5rem;overflow:hidden;margin-top:0.14rem}
.welcome_box .slide4 .swiper-slide div span{display:block;width:0.4rem;height:0.4rem;margin-left:calc(100% - 0.42rem);background-color:#5bbf21;border-radius:50%;color:#fff;font-size:0.26rem;text-align:center;line-height:0.4rem;transition:all 0.3s}
.welcome_box .slide4 .swiper-slide div span::after{content:"\eaf4";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased}
.welcome_box .slide4 .more_div{margin-top:0rem}
.welcome_box .slide4 .more_a{margin:0 auto}
.welcome_box .slide4 .swiper-button-prev{width:0.4rem;height:0.4rem;background-color:#fff;margin-top:-0.2rem;left:0;border-radius:50%;text-align:center;line-height:0.4rem;font-size:0.24rem;transition:all 0.3s}
.welcome_box .slide4 .swiper-button-next{width:0.4rem;height:0.4rem;background-color:#fff;margin-top:-0.2rem;right:0;border-radius:50%;text-align:center;line-height:0.4rem;font-size:0.24rem;transition:all 0.3s}

@media (min-width:992px){
.welcome_box .slide4 .swiper-button-prev:hover{background-color:#5bbf21;color:#fff}
.welcome_box .slide4 .swiper-button-next:hover{background-color:#5bbf21;color:#fff}
.welcome_box .slide4 .swiper-slide:hover h5 strong{color:#5bbf21}
.welcome_box .slide4 .swiper-slide:hover em i{transform:scale(1.1)}
.welcome_box .slide4 .swiper-slide:hover div span{background-color:#fff;color:#5bbf21}
.welcome_box .slide4 .swiper-slide:hover div{background-color:#5bbf21;color:#fff}
.welcome_box .slide4 .swiper-slide:hover div p{color:#fff}
}
@media (max-width:1200px){
.w78,.w88{width:92%}
.welcome_box{height:calc(100vh - 0.7rem)}
.welcome_box .slide4 .h4{margin-top:0}
.welcome_box .slide4 .w88{padding:0}
.welcome_box .slide4 .swiper-slide h5{display:flex;align-items:center}
.welcome_box .slide4 .swiper-slide h5 small{margin-top:0.14rem;margin-left:0.14rem}
}

.text-center{text-align:center !important}
.fea_witr{background-image:url("/template/default/images/c8.jpg");background-position:center center;background-size:cover;padding:23% 0 23% 0}
.fea_left{padding:12% 24% 0px 0px}
.witr_section_title_inner p{width:100%;padding:0 0 0 0;margin-top:10px}
.witr_section_title_inner h1,.witr_section_title_inner h2,.witr_section_title_inner h3{font-size:2.2rem;margin:auto;line-height:1.2;color: #fff;margin-bottom: 10px;}
.witr_section_title_inner h2{font-size:23px;display:inline-block;color:#fff;text-transform: uppercase;}
.witr_section_title_inner p span a,.witr_section_title_inner p span,.witr_section_title_inner h1 span,.witr_section_title_inner h2 span,.witr_section_title_inner h3 span{color:#f1b902}
.video-overlay{padding:70px 0 50px}
.video-item a{position:relative;display:inline-block;width:100px;height:100px;font-size:28px;border-radius:100%;background:#f1b902}
.tx_svd_icon{line-height:75px;animation:1s linear infinite witr-shadow}
@keyframes witr-shadow{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 10px rgba(255,255,255,0.3),0 0 0 20px rgba(255,255,255,0.3)}
100%{box-shadow:0 0 0 10px rgba(255,255,255,0.3),0 0 0 20px rgba(255,255,255,0.3),0 0 0 30px rgba(255,255,255,0)}
}.video-item i{color:#fff;font-size: 28px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}

@media (max-width:767px){
.fea_left{padding:0px 0 60px 0px;}
.fea_witr{padding:0}
.witr_section_title_inner h1,.witr_section_title_inner h2,.witr_section_title_inner h3{font-size:30px;}
.witr_section_title_inner h2{font-size:18px !important}
.title_in_area,.witr_section_title_inner.text-center p,.witr_section_title_inner.text-left p,.witr_section_title_inner.text-right p{width:100%}
.video-overlay{padding:90px 0 90px 0}
.services-section-two {padding: 30px 0;}
.sec-title h5{font-size: 2rem;padding-bottom: 5px;}
.sec-title span{font-size:14px;}
.sec-title{margin-bottom:45px}
.more1{margin:24px 0 0;float:left}
}
.witr_section_title_inner{background-color:#5bbf21;padding:54px 46px;}
.wl_fea_area p{font-size:14px;color:#ffffff;line-height:28px}
.more{display:block;font-size:16px;text-align:center;color:#222222;width:274px;height:50px;border:1px solid #d9d9d9;line-height:50px;}
.wl_fea_area .more{margin-top:38px;color:#ffffff;position:relative;overflow:hidden}
.wl_fea_area .more::after{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 550ms cubic-bezier(0.19,1,0.22,1);transition:all 550ms cubic-bezier(0.19,1,0.22,1);width:50px}
.wl_fea_area .more:hover::after{left:120%;-webkit-transition:all 800ms cubic-bezier(0.19,1,0.22,1);transition:all 800ms cubic-bezier(0.19,1,0.22,1)}

.mask{display:none;position:fixed;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.6);z-index:1030}
.mask .panel{position:absolute;top:50%;left:50%;width:80%;height:80%}
.mask .panel video{display:block;width:100%;height:100%}
.mask .panel i{position:absolute;top:0;right:0;width:26px;height:26px;background:url(/template/default/images/icon15.png) center no-repeat;cursor:pointer}
.translate50{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.fun-fact-section{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;padding:80px 0 60px;}
.fun-fact-section:before{position:absolute;left:0;top:0;height:100%;width:100%;content:""}
.fun-fact-section .fact-counter{position:relative}
.fun-fact-section .counter-column{position:relative;text-align:center;margin-bottom:0px}
.fun-fact-section .count-box{position:relative}
.fun-fact-section .count-box{position:relative;font-size:53px;line-height:normal;font-weight:700;line-height:1em;color:#222222}
.fun-fact-section .count-box .count-text{position:relative;display:block;font-size:50px;line-height:1.2em;font-weight:border;color:#ffffff;}
.fun-fact-section .count-box .counter-title{position:relative;display:block;font-size:18px;line-height:1.2em;font-weight:500;color:#f7b50c;}
.fun-fact-section .count-box .count-text em{font-size: 12px;font-style: normal;font-weight: normal;}


.services-section-two{position:relative;padding:60px 0;}
.services-section-two .services-carousel{position:relative;padding-bottom:65px}
.service-block-two{position:relative}
.service-block-two .inner-box{position:relative;overflow: hidden;}
.service-block-two .image-box{position:relative}
.service-block-two .image{position:relative;margin:0}
.service-block-two .image img{display:block;width:100%;height:300px;object-fit: cover;}
.service-block-two .image-box .overlay-box{position:absolute;left:0;top:0;height:100%;width:100%}
.service-block-two .image-box .overlay-box:before{position:absolute;left:0;top:0;height:100%;width:0%;background-color:#211e1c;content:"";opacity:0.20;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.service-block-two .inner-box:hover .overlay-box:before{width:100%}
.service-block-two .image-box .overlay-box .read-more{position:absolute;left:0px;bottom:35px;font-size:16px;line-height:23px;width:100%;color:#ffffff;font-weight:400;z-index:1;opacity:0;text-align:left;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.service-block-two .inner-box:hover .overlay-box .read-more{opacity:1;left:35px}
.service-block-two .image-box .overlay-box .read-more:before{position:absolute;right:0;top:10px;height:3px;width:0;background-color:#ffffff;content:""}
.service-block-two .inner-box:hover .overlay-box .read-more:before{width:70%;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}
.service-block-two .lower-content{position:relative;padding:35px 0 0;text-align:center}
.service-block-two .lower-content h4{position:relative;display:block;font-size:18px;color:#211e1c;}
.service-block-two .lower-content h4 a{color:#211e1c;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.service-block-two .lower-content h4 a:hover{color:#5bbf21}
.service-block-two .lower-content .text{position:relative;font-size:14px;line-height:30px;color:#777777;font-weight:400}
.services-carousel .owl-nav{display:none}
.services-carousel .owl-dots{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.services-carousel .owl-dot{position:relative;display:inline-block;width:35px;height:5px;background-color:#e1e1e1;margin:0 5px}
.services-carousel .owl-dot:hover,.services-carousel .owl-dot.active{background-color:#211e1c}
.services-section-two.alternate{padding: 60px 0 0px;background: none;}
.services-section-two.alternate .service-block-two{margin-bottom:55px}
.services-section-two.alternate .service-block-two .image img{display:block;width:100%;height:auto}
.sec-title .h4{text-align:center;color:#211e1c;margin-bottom:0.4rem;margin-top:1.4rem;}
.sec-title .h4 strong{display:block;font-size:36px;position: relative;height: 60px;}
.sec-title .h4 small{display:block;font-size:18px;text-transform:uppercase;margin:18px 0 36px}
.sec-title .h4 strong:before{position:absolute;left:0;bottom:0px;height:2px;width:50px;background-color:#5bbf21;content:'';right:0;margin:0 auto}



.contact-section{background:#F8F8F8;padding:0 0 127px}
.contact-form-content{margin-bottom:55px}
.contact-form-content h4{font-size:14px;color:#7eb63b;text-transform:uppercase;font-weight:400;margin-bottom:-7px}
.contact-form-content h3{font-size:40px;margin-top:0;color:#fff;}
.form-box input{width:100%;border:transparent;background:#F8F8F8;height:54px;border-radius:5px;margin-bottom:28px;padding:0 25px;outline:0}
.submit-button button{background:#5bbf21;border:transparent;color:#fff;font-size:14px;padding:14px 36px;border-radius:5px;border:1px solid #5bbf21;text-transform:uppercase;position:relative;z-index:1;transition:0.5s}
.submit-button button:hover{color:#5bbf21}
.submit-button button:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#fff;transform:scale(0);transition:0.5s;z-index:-1;border-radius:5px}
.submit-button button:hover:before{transform:scale(1)}
.contact-form-tow{padding:130px 0 30px}
.contact-form-content p{font-size:18px;font-family:Roboto;padding:19px 0 0;color:#fff;opacity:.702;}
.contact-form-tow .form-box input{width:90%}
.contact-form-tow .form-box textarea{width:95%;height:160px;padding:11px 22px;background:#F8F8F8;border:transparent;border-radius:5px;outline:0;margin-bottom:35px}

.single-contact-info-box{background:url();background-repeat:no-repeat;background-size:cover;background-position:center;padding:30px 50px 40px;border-radius:5px;margin-left:20px}
h3.cntc-info-title{font-size:26px;color:#ffffff;font-weight:600;padding:0 0 25px 120px!important;position:relative;z-index:1}
h3.cntc-info-title:before{position:absolute;content:"";width:80px;height:2px;background-color:#5bbf21;top:18px;left:12px}
.contact-information2{border-bottom:1px solid rgba(255,255,255,0.12156862745098039);padding:25px 0 25px;margin-bottom:12px}
.contacts-icon{float:left;margin-right:20px;width:80px;height:80px;line-height:80px;background-color:rgba(255,255,255,0.5196078431372549);text-align:center;border-radius:0 50px 50px 50px;display:inline-block;transition:.5s}
.contacts-icon i{color:#fff;font-size:30px;transition:.5s}
.contacts-title h5{font-weight:600;font-size:17px;color:#fff}
.contacts-title h6{font-size:14px;line-height:23px;color:#fff;opacity:.702;font-weight:400;margin-top:5px}
.contact-information2:hover .contacts-icon{transform:rotateY(180deg);background:#5bbf21}
.contact-information2.upper2{border-bottom:none;margin-bottom:20px}
.single-contact-info-box .follow-company-icon2 a{font-size:14px;display:inline-block;color:#fff;margin-right:7px;transition:.5s;width:40px;height:40px;line-height:40px;border-radius:30px;background-color:rgba(255,255,255,0.2);text-align:center}
.follow-company-icon2 a:hover{background:#5bbf21;}
.single-contact-info-box .follow-company-icon2 a:hover{color:#fff;}
