@charset "utf-8";
@media screen and (min-width:1025px){nav .container>ul.menu>li ul{min-width:100%}}
.fap li{border:1px solid #ddd;margin-bottom:20px;padding:10px}
.fap li h3{font-size:16px;font-weight:500!important;color:#000;position:relative;padding-left:30px}
.fap div p{color:#505552}
.fap li h3::before{content:'“';font-size:50px;position:absolute;top:-20px;left:0;color:#0cb24a}
.fap div{position:relative;padding-left:30px}
.fap div::before{content:'”';font-size:50px;position:absolute;top:-20px;left:0;color:#eee}
.fap div p a{display:inline!important}
@media screen and (min-width:1025px){nav .container .search-box .search{left:0!important;border:none;position:static;transform:translateY(0);padding:0 10px;height:40px;box-sizing:border-box;width:100%}
nav .container .search-box{border:1px solid #FFF}
nav .container{align-items:center}
nav .container .search-box div{width:220px;height:auto}
nav .container .search-box img{cursor:pointer}}
@media screen and (max-width:1300px) and (min-width:1025px){nav .container{align-items:flex-end}
nav .container .search-box{margin-top:11px}}
.application{background:url(/js/35373/application-bg.jpg)}
.application .container{margin:0 auto}
.app-items{display:flex;align-items:center}
.app-items .app-content,.app-items .app-img{width:50%}
.app-items .app-img img{width:100%;display:block}
.app-items .app-content{padding:10px 30px}
.application{padding:50px 0}
.application .container{position:relative}
.application .swiper-button-next,.application .swiper-button-prev{background:#0cb24a;color:#FFF;font-size:20px;width:50px;height:50px}
.application .swiper-button-prev{left:-10px}
.application .swiper-button-next{right:-10px}
.application .swiper-button-next:after,.application .swiper-button-prev:after{display:none}
.application .swiper-container{padding:50px 0}
.application .swiper-pagination-bullet{width:48px;height:5px;border-radius:0;opaicty:.5}
.application .swiper-pagination-bullet{background:#0cb24a}
.app-content .title{font-size:26px;color:#0cb24a;margin:20px 0 30px 0}
.app-content .text p{font-size:16px;margin-bottom:15px;line-height:1.7}
.application h4{font-size:28px}
.application{position:relative}
.application:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.4)}
.app-items{background:#FFF}
.service{background:#FFF;padding:50px 0}
.service .container{margin:0 auto}
.service h4{font-size:28px}
.service .service-list{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap}
.service .service-list li{width:30%;box-sizing:border-box;padding:0 40px 40px;background:-webkit-gradient(linear,left top,right top,from(#fafafa),to(#f1f1f1));background:-o-linear-gradient(left,#fafafa,#f1f1f1);background:linear-gradient(90deg,#fafafa,#f1f1f1)}
.service-list li .service-list-title{font-size:20px;color:#0cb24a;height:60px;background:url(/js/35373/service1.png) no-repeat left top;background-size:auto 100%;padding-left:60px;line-height:60px}
.service-list li .service-list-content{line-height:1.7;margin-top:20px}
.service-list li:nth-child(2) .service-list-title{background-image:url(/js/35373/service2.png)}
.service-list li:nth-child(3) .service-list-title{background-image:url(/js/35373/service3.png)}
@media (max-width:991px){.service .service-list li{width:100%;margin-bottom:15px}}
@media (max-width:768px){.app-items .app-content,.app-items .app-img{width:100%}
.app-items{flex-wrap:wrap}}
@media screen and (min-width:1025px){header .container .info .block i img{max-width:80px}
header .container .info .block:nth-child(2){display:none}
nav .container>ul.menu>li>a{padding:0 10px;position:relative}
nav .container>ul.menu>li>a:after{content:'';background:url(/js/35373/icon.png) no-repeat;width:30px;height:12px;position:absolute;right:-5px;top:10px;opacity:0;transition:.3s}
nav .container>ul.menu>li:hover{background:0 0}
nav .container>ul.menu>li a.inmenu_1,nav .container>ul.menu>li:hover>a{color:#00b050}
nav .container>ul.menu>li a.inmenu_1:after,nav .container>ul.menu>li:hover>a:after{opacity:1}}
ul.nyourhistorylist{position:relative}
ul.nyourhistorylist:before{content:'';width:3px;height:100%;background:#00b050;position:absolute;top:0;left:50%;margin-left:-1px}
ul.nyourhistorylist:after{content:'';width:16px;height:16px;background:#00b050;border-radius:50%;position:absolute;bottom:0;left:50%;margin-left:-8px}
ul.nyourhistorylist li{display:flex;justify-content:flex-end}
ul.nyourhistorylist li:nth-child(2n){justify-content:start}
ul.nyourhistorylist li .nyourhisbox{width:50%;padding-left:38px;box-sizing:border-box;position:relative}
ul.nyourhistorylist li:nth-child(2n) .nyourhisbox{padding:0 38px 0 0}
ul.nyourhistorylist li .nyourhisicon{width:36px;height:36px;position:absolute;right:100%;border-radius:50%;border:1px solid #00b050;margin-right:-18.5px;background:#FFF}
ul.nyourhistorylist li:nth-child(2n) .nyourhisicon{right:auto;left:100%;margin:0 0 0 -18.5px}
ul.nyourhistorylist li .nyourhisicon:after{content:'';width:16px;height:16px;background:#00b050;border-radius:50%;position:absolute;top:50%;left:50%;margin:-8px}
ul.nyourhistorylist li .nyourhiscontent{display:flex;flex-direction:column}
ul.nyourhistorylist li:nth-child(2n) .nyourhiscontent{align-items:flex-end}
ul.nyourhistorylist li .nyourhistime{position:relative;width:138px;text-align:center;height:34px;border-radius:6px;background:#00b050;color:#FFF;line-height:34px;font-size:18px;margin-bottom:13px}
ul.nyourhistorylist li .nyourhistime:after{content:'';position:absolute;border-style:solid;border-width:8px;border-color:#00b050 transparent transparent;top:100%;left:50%;margin-left:-8px}
ul.nyourhistorylist li .nyourhisword{background:#f7f7f7;border-radius:2px;padding:15px;line-height:1.5}
@media screen and (max-width:640px){ul.nyourhistorylist:before{left:0}
ul.nyourhistorylist:after{left:0;width:14px;height:14px;margin-left:-7px}
ul.nyourhistorylist li .nyourhisbox{width:100%;padding-left:28px}
ul.nyourhistorylist li:nth-child(2n) .nyourhisbox{padding:0 0 0 28px}
ul.nyourhistorylist li{margin-bottom:20px}
ul.nyourhistorylist li:last-child{margin-bottom:0}
ul.nyourhistorylist li:nth-child(2n){justify-content:flex-end}
ul.nyourhistorylist li .nyourhisicon{width:24px;height:24px;margin-right:-13.5px}
ul.nyourhistorylist li .nyourhisicon:after{width:14px;height:14px;margin:-7px}
ul.nyourhistorylist li .nyourhistime{font-size:15px;width:120px}
ul.nyourhistorylist li:nth-child(2n) .nyourhisicon{right:100%;left:auto;margin:0 -13.5px 0 0}
ul.nyourhistorylist li:nth-child(2n) .nyourhiscontent{align-items:start}}
ul.nycompanylist{display:flex;flex-wrap:wrap}
ul.nycompanylist li{width:50%;border-bottom:1px solid #ccc;padding:20px 20px 20px 0;box-sizing:border-box}
ul.nycompanylist li:last-child{border:none}
ul.nycompanylist li:nth-child(2n){padding:20px 0 20px 20px}
ul.nycompanylist li em{background:#00b050;display:inline-block;width:18px;height:18px;border-radius:50%;color:#FFF;text-align:center;line-height:18px;font-size:12px;margin-right:10px;padding:1px 0 0 2px;box-sizing:border-box}
@media screen and (max-width:768px){ul.nycompanylist li{width:100%;padding:20px 0!important}}
.index section.about-us{padding:0}
.index section.about-us>.container{padding:0;max-width:100%}
.index section.about-us .container .box{padding:0}
.index section.about-us .container .box .circle{display:none}
.indaboutfir{flex-wrap:wrap;display:flex;background:#0cb24a;min-height:410px}
.indaboutfirlef{width:40%;color:#FFF;padding:3% 2% 0 8%;box-sizing:border-box}
.indaboutfirrig{width:60%;position:relative}
.indaboutfirrigbox{overflow:hidden;position:absolute;cursor:pointer;top:0;left:0;width:100%;height:100%}
.indaboutfirrigbox img{width:100%;display:block;height:100%;transition:.3s;object-fit:cover}
.indaboutfirrigbox:after{content:'';width:80px;height:86px;background:url(/js/35373/play.png) no-repeat center;background-size:cover;position:absolute;top:50%;left:50%;margin-top:-43px;margin-left:-40px}
.indaboutfirrigbox:hover img{transform:scale(1.1)}
.indaboutfirleftit{font-size:22px;font-weight:700;margin-bottom:15px}
.indaboutfirlef p{line-height:1.7;font-size:15px;font-weight:300}
.indaboutfirlef p i{font-weight:700}
.indaboutfirlef a{text-transform:uppercase;color:#0cb24a;background:#FFF;line-height:40px;display:inline-block;width:152px;text-align:center;margin-top:40px;font-size:14px;font-weight:300;box-shadow:1px 1px 6px #666}
@media screen and (max-width:1366px){.indaboutfir{min-height:440px}}
@media screen and (max-width:1200px){.indaboutfirlef{padding:2.5% 3% 0 3%}
.indaboutfirlef a{margin-top:25px}}
@media screen and (max-width:992px){.indaboutfirlef{width:100%;padding:3%}
.indaboutfirrig{width:100%;height:400px}}
@media screen and (max-width:560px){.indaboutfirrig{height:300px}
.indaboutfirlef{padding:25px 15px}}
.index section.about-us .container{margin:0 auto}
.indaboutbot{padding:50px 0}
ul.indaboutbotlist{flex-wrap:wrap;display:flex;justify-content:space-between}
ul.indaboutbotlist li{width:32%;box-shadow:0 10px 10px -3px rgba(102,102,102,.19)}
ul.indaboutbotlist li .indaboutbotpic{width:100%;position:relative;padding-bottom:72%;background:url(/js/35373/bg1.jpg) no-repeat;background-size:100%}
ul.indaboutbotlist li:nth-child(2) .indaboutbotpic{background-image:url(/js/35373/bg2.jpg)}
ul.indaboutbotlist li:nth-child(3) .indaboutbotpic{background-image:url(/js/35373/bg3.jpg)}
.indaboutbottit{color:#0cb24a;text-align:center;font-size:22px;background:url(/js/35373/tit.png) no-repeat;background-size:100%;padding:13% 0 3%;margin-top:-15%;position:relative}
.indaboutbottit:after{content:'';width:36px;height:4px;background:#0cb24a;position:absolute;bottom:0;left:50%;margin-left:-18px}
.indaboutbotword{padding:30px 8%;text-align:center;color:#111;font-weight:300;line-height:1.6;font-size:15px}
@media screen and (max-width:1250px){.indaboutbottit{font-size:19px}}
@media screen and (max-width:1080px){ul.indaboutbotlist li{width:49%;margin-bottom:35px}}
@media screen and (max-width:640px){ul.indaboutbotlist li{width:100%}}
#bloom,#leader{line-height:1.5em;font-size:14px}
#bloom .box-left p:nth-of-type(1),#leader .box-left p:nth-of-type(1){margin-bottom:30px}
.btnGroup-list{text-align:center}
.btnGroup-item{margin-right:10px}
.feedback article .btnGroup-link{padding-left:21px;padding-right:21px;box-sizing:border-box;border-color:#00b050;border-style:solid;border-width:2px;font-size:12px;color:#51af57;height:56px;line-height:56px;margin-bottom:10px;transition:background .2s}
.feedback article .btnGroup-link:hover{background:#51af57;color:#FFF}
#bloom{display:flex;margin:50px 0;font-family:Open Sans}
#bloom>div{width:50%}
#bloom .box-right{display:flex;align-items:center}
#bloom .box-right img{max-width:100%}
#how{background:#00b050;padding:50px 0}
#how>p{color:#FFF;text-align:center;margin:20px 0}
#how>p>span{color:#FFF!important}
.how-list{display:flex}
.how-list>div{width:33.3333%;padding:0 20px}
.how-item p{color:#FFF;font-family:Open Sans}
.how-item iframe{max-width:100%;height:200px}
.how-item:last-child{display:flex;align-items:center}
#leader{padding:100px 0;display:flex;font-family:Open Sans}
#leader .box-left{padding-right:50px;box-sizing:border-box}
#leader .box-right{display:flex;align-items:center}
#certi{background:#f3f6f4;padding:50px 0}
#certi>p{text-align:center}
#certi>p>img{width:100%;height:auto}
#uses{padding:100px 0;font-family:Open Sans}
#uses>p:nth-of-type(1){text-align:center}
#service img{width:100%;height:auto}
#productll>p{text-align:center}
.index section.email{background:url(/js/35373/index-1.jpg) no-repeat;background-size:cover;background-position:center}
.index section.about-us:before,.index section.email:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.index section.about-us,.index section.email,.index section.email .container{position:relative}
.indadpic{background:#FFF;padding-bottom:50px}
.nycompanylist2 .item{float:left;width:calc(25% - 20px);position:relative;margin:0 10px}
.nycompanylist2:after{content:'';display:block;clear:both}
.nycompanylist2 .item .textbox{position:absolute;left:0;bottom:0;background:#0cb24a90;width:100%;height:40px;display:flex;align-items:center;justify-content:center;color:#FFF;transition:.5s}
.nycompanylist2 .item img{width:100%;height:100%;object-fit:cover;display:block}
.nycompanylist2 .item:first-child{width:calc(50% - 20px);height:100%}
.nycompanylist2 .item:not(:first-child){height:calc(50% - 10px);margin-bottom:20px}
.nycompanylist2 .item:nth-child(4),.nycompanylist2 .item:nth-child(5){margin-bottom:0}
.nycompanylist2{height:410px}
.nycompanylist2 .item .imgbox{height:100%}
.nycompanylist2 .item:hover .textbox{height:100%}
@media (max-width:768px){.nycompanylist2 .item:first-child{width:calc(100% - 20px);margin:0 10px 20px 10px}
.nycompanylist2 .item{width:calc(50% - 20px)}
.nycompanylist2{height:auto}}
.indaboutfirrig iframe{height:580px;display:block}
@media (max-width:768px){.indaboutfirrig iframe{height:350px}}
.index section.email{background-image:url(/js/35373/ebg.jpg);position:relative;z-index:1}
.index section.email::after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}
@media (min-width:769px){#how .how-item{line-height:2;padding:0 15px}
#how .how-item:first-child{padding-right:50px;max-width:250px}
#how .how-item:nth-child(2){line-height:1.7}
.how-item p{font-size:14px}
#how .how-item iframe{height:100%}}
.btnGroup-item{display:inline-block}
.feedback article .btnGroup-link{display:block}
.feedback article .ab-btn{margin-top:20px}
.feedback article .ab-btn a{background-color:#0eb24b;color:#FFF;border-radius:2px;border-color:#333;border-style:solid;border-width:0;height:40px;line-height:40px;display:inline-block;padding:0 20px}
.feedback article .ab-btn a:hover{background-color:#000}
#how .ab-btn a{background-color:#FFF;color:#000}
#certi .ab-btn,#how .ab-btn,#productll .ab-btn,#service .ab-btn,#uses .ab-btn{text-align:center}
#leader{padding-bottom:0}
#leader+.ab-btn{margin-bottom:100px}
#productll{margin-top:50px}
.index-service{background:url(/js/35373/servicebg.jpg) no-repeat;background-size:cover;padding:80px 0}
.index-service .container{margin:0 auto}
.index-service h4{color:#FFF;font-size:22px;margin-bottom:40px;text-align:center}
.ab-btn,.index-service .imgbox{text-align:center}
.index-service .imgbox img{max-width:100%}
.index-service .ab-btn{margin-top:40px}
.index-service .ab-btn a{background-color:#0eb24b;color:#FFF;border-radius:2px;border-color:#333;border-style:solid;border-width:0;height:40px;line-height:40px;display:inline-block;padding:0 20px}
.ab-btn:hover a{background:#000}
section.content.feedback .container main{width:calc(100% - 330px)}
.feedback img{max-width:100%}
#case-container .swiper-wrapper{align-items:center}
.inner-contact-left{width:33%}
.contact-info h2{font-size:16px;color:#0cb24a;font-weight:700}
.contact-info .contact-items{padding-left:70px;background:url(/js/35373/tel.png) no-repeat left 5px;margin-bottom:20px;border-bottom:1px dotted #ccc;padding-bottom:20px}
.contact-info .contact-items:nth-child(2){background-image:url(/js/35373/address.png)}
.contact-info .contact-items:nth-child(3){background-image:url(/js/35373/email.png)}
.contact-info .contact-items:nth-child(4){background-image:url(/js/35373/Whatsapp.png)}
.contact-info .contact-items:nth-child(5){background-image:url(/js/35373/time.png)}
.contact-info .contact-items:nth-child(6){background-image:url(/js/35373/reply-time.png);border:none}
.contact-info .contact-items p{line-height:1.4}
.inner-contact{display:flex;justify-content:space-between;flex-wrap:wrap}
.inner-contact .inner-contact-right{width:60%}
#feedbackForm .send-inquiry .inquiry-form input{width:100%}
@media (max-width:768px){.inner-contact .inner-contact-left,.inner-contact .inner-contact-right{width:100%}}
.inner-contact-word em{color:#0cb24a;font-size:22px;display:inline-block;margin-right:8px}
.inner-contact-right h3{color:#0cb24a;font-weight:700!important;font-size:24px;margin-bottom:6px}
.hvr-bounce-to-right-y:before{background:#0cb24a}
body.nycontbody section.content.feedback .container main h1{display:none}
@media (max-width:1024px){header .container{height:35px}
header{height:60px;min-height:0}
.application,.index section.news,.index section.products,.service{padding-top:25px;padding-bottom:25px}}
@media (max-width:550px){#xyz{top:180%}
.application h4,.index section.news .container h4,.index section.products h4,.index section.recommended .container h4,.service h4{font-size:20px}}
section.content.productscontent .container main .description table tr{background:none !important}
section.content.products .container aside>ul.aside-menu>li ul{display:block!important}
section.content.productscontent .container main .description{font-size:18px}
section.content.productscontent .container aside>ul.aside-menu>li ul{display:block !important}
@media (max-width:1000px){.banner{display:block;min-height:0 !important}}
header .container .info{margin-right:0px !important;position:relative}
@media(max-width:1024px){#xyz{left:0;top:-50px}}
nav .container .mobile-menu{position:relative}
nav .container .mobile-menu:after{content:'';border-width:6px 4px;border-style:solid;border-color:#FFF transparent transparent;position:absolute;left:100%;margin-left:6px;top:50%;margin-top:-3px}
.table-responsive{touch-action:auto;width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
section.content.productscontent .container main .product-detail .right .btn .pdown2 span{background:#007dc3}
strong,th,var,optgroup{font-weight:600}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(/images/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(/images/down1_1.png)no-repeat;padding:0px 0px 0px 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:10px 0px 10px 0px;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{color:#111;display:inline-block;height:45px;background:url(/images/down2_1.png)no-repeat;padding:0px 12px 0px 16px}
.pdown2 #A_DownLoadProduct{background:url(/images/down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(/images/down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(/images/down2_4.png) right top no-repeat}
section.content.productscontent .container main .description{font-size:15px}
.wmkc-video lite-youtube{max-width:100% !important;height:100%}
@media (min-width:1025px){.scrollhead .head-info{width:100%;position:fixed;top:0;left:0;z-index:999999}}
@media (max-width:1024px){body{padding-top:60px}
.head-info{height:60px}}
.certificate-box{display:flex;flex-wrap:wrap}
.certificate-img{background:#eee;width:30%;margin:.5%;position:relative;padding-bottom:40%;height:0;text-align:center}
.certificate-img img{width:94%;height:94%;position:absolute;top:3%;left:3%;object-fit:contain}
@media (max-width:768px){.certificate-img{width:48%;margin:1%;padding-bottom:64%}}
@media (min-width:1025px){.home-video .videowrap .videoitem{width:19%}}
.home-video .videowrap .title{padding:10px;height:auto}
.home-service .service-wrap{background:#20242d}
.home-service .service-wrap .service-item{width:33.33%;flex:1}
.home-application .applist .item .pic{padding:5px}
#application-swiper>div{display:flex;justify-content:space-between}
#application-swiper>div>div{width:30%}
@media (min-width:1201px){.common-main>.l-wrap{padding-right:70px;padding-left:70px}}
.floatwindow_chat_item span{padding-left:44px!important}
.floatwindow_chat_box .floatwindow_chat_email+a span{background-position:3px -163px;background-color:#ffc000}
.contact-map{margin-bottom:15px}
.contact-wrap .contact-sidebar{margin:0;padding:30px}
.inquiry-wrap{padding:0}
.contact-wrap .contact-main{padding-top:30px}
.contact-wrap .contact-main .inquiry-title{margin-bottom:0}
.contact-wrap .contact-sidebar .h1{font-size:30px;margin-bottom:25px}
.contact-wrap .contact-sidebar .item{margin-bottom:40px}
.contact-wrap .contact-sidebar .item:last-child{margin-bottom:0}
@media (max-width:768px){.contact-wrap .contact-sidebar{padding:20px}
.prodetails-top{flex-direction:column}
.prodetails-top .preview-container{width:100% !important}
.prodetails-top .prodetails-info{width:100%;padding:20px 0}
.contact-wrap .contact-sidebar .item{margin-bottom:20px}
.contact-wrap .contact-sidebar .h1{font-size:5.33333vw;margin-bottom:15px}}
#case-container{max-width:800px;margin:0 auto}
#case-container .swiper-slide img{display:block;margin:0 auto}
#case-container .swiper-button-prev{background-image:url(/Content/uploads/2023848700/20230630184505810c8a78bea546d7a7fd825a1afd665b.png)}
#case-container .swiper-button-next{background-image:url(/Content/uploads/2023848700/2023063018452988813ef9b5a749a6840c5d76c3ab1612.png)}
@media (max-width:560px){#case-container .swiper-button-prev,#case-container .swiper-button-next{background-size:15px}}
@media (max-width:1440px){.sidebar{width:300px}
.prodetails-top .preview-container{width:460px}
.prodetails-top .prodetails-info{padding:20px 0px 10px 40px}
.prodetails-top .prodetails-info h1{font-size:24px}
.prodetails-top .prodetails-info .text{margin:10px 0}}
.prodetails-top .prodetails-info .prodetails-btnlist .pdown2{width:auto}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{color:#fff;background:none}
.prodetails-top{align-items:center}
.prodetails-content article p{word-break:break-word}
.new-main .news-main-title{flex-direction: column;}
.new-main .news-main-title h1{margin-bottom:10px;}
.news-main-title h1{text-align:center;-webkit-line-clamp: inherit;}
.home-video{display: none;}