﻿@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){
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:580px}
.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.png) no-repeat;background-size:100%}
ul.indaboutbotlist li:nth-child(2) .indaboutbotpic{background-image:url(/js/35373/bg2.png)}
ul.indaboutbotlist li:nth-child(3) .indaboutbotpic{background-image:url(/js/35373/bg3.png)}
.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}
nav.fixed{position:fixed;z-index:99999;left:0;top:0;width:100%}
.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}
}
@media (min-width:769px){
.certificate-box{display:flex;flex-wrap:wrap}
.certificate-img{background:#eee;width:30%;margin:.5%;height:363px;line-height:460px;text-align:center;padding-top:10px}
.certificate-img img{width:70%}
}
.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}
#feedbackForm .send-inquiry .inquiry-form input{padding:0 10px;border:1px solid #ccc;box-shadow:1px 1px 2px rgb(0 0 0 / 10%) inset}
#feedbackForm .send-inquiry .inquiry-form #in-content{padding:12px 10px;border:1px solid #ccc;box-shadow:1px 1px 2px rgb(0 0 0 / 10%) inset;height:220px}
#feedbackForm .send-inquiry .send-btn{margin:30px 0;border-color:#0cb24a;background:#0cb24a}
#feedbackForm .send-inquiry .send-btn .span:nth-child(1){color:#fff}
#feedbackForm .send-inquiry .send-btn:hover{border-color:#0cb24a}
.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}
}