@charset "utf-8";
:root {--color: #3D9F78;}
.home-certi{clear:both;padding:30px 40px;background:url(https://css02.v15cdn.com/m418/images/certi_bg.webp) var(--color) left top repeat;box-sizing:border-box;}
.home-certi .l-wrap{text-align:center;max-width:100%;padding:0;}
.home-certi .l-wrap .home-title {margin-bottom: 20px;display:inline-block;padding:7px 20px;background:#fff;border-radius:10px;}
.home-certi .l-wrap img{width:100%;display:block;}
@media (max-width:768px){.home-certi{padding:20px;}}
.certi-swiper{padding:30px 0 40px!important}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease}
.certi-swiper .swiper-slide img{max-width:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:138%}
.certi-swiper .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-width:350px;max-height:600px}
.certi-swiper .certi-name{padding:10px 0;font-size:var(--fontsize18);text-align:center;color:#fff}
.certi-swiper .certi-dot{width:10px;height:10px;background:#fff;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.certi-swiper .swiper-slide.is-active{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide.is-active .certi-dot{display:none}
.certi-swiper .swiper-slide.is-active .certi-name{background:#fff;color:var(--color);position:relative}
.certi-swiper .swiper-slide.is-active .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:var(--hovercolor)}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#fff;left:0}
@media screen and (max-width:769px){.certi-swiper .certi-name{font-size:var(--fontsize15);padding:1.3333333333vw 0}
.certi-swiper{padding:4vw 0 5.3vw!important;position:relative}
.certi-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}}
.certi-swiper{overflow:hidden!important;position:relative}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#fff;left:0}
@media (max-width:800px){.certi-swiper .certi-name{display:none}
.certi-swiper .certi-dot{display:none}
.certi-swiper:after{display:none}}
.writetous{overflow:hidden}
.writetous{background:var(--color);padding:2.5% 0}
.writetous .container-s{align-items:center;max-width: 1700px;margin: 0px auto}
.writetous h3,.writetous h5{font-size:var(--fontsize30,30px);color:#2e2b26;text-transform:uppercase}
.writetous h3 span,.writetous h5 span{color:#fff}
.writetous .home-more{color:#fff;border-color:#fff;text-transform:capitalize}
.writetous .home-more:hover{background:#fff;color:var(--color)}
@media(max-width:1024px){.write-text {margin: 20px 0 40px;}.writetous .container-s{display:block}
.writetous .home-more{background:#fff;color:var(--color)}
.writetous h3,.writetous h5{font-size:var(--fontsize26)}
.writetous h3,.writetous h5{font-size:var(--fontsize22)}} 
.flex-jc-sb { display: flex;flex-wrap: wrap;justify-content: space-between}
.write-text {max-width: 750px;font-size: var(--fontsize16);color: #2C2A28}
.home-more {display: block;padding: 8px 0px;width: 150px;font-size: var(--fontsize14);border: 1px solid var(--color);text-align: center;color: var(--color);border-radius: 4px;text-transform: lowercase;transition: all .2s ease-in-out}
.home-more:hover {background: var(--color);color: #FFFFFF}
.home-case{ padding-bottom: 0px;}.home-choose{ padding-top: 0px;}
.home-choose{background: none !important;}
.home-case .caselist .itemcase .info  {height: 170px;}
@media (min-width:551px){.home-company .company-info .inter div:nth-child(1){width:55%;}
.home-company .company-info .inter div:nth-child(2){margin-left:auto;width:30%;}}
.home-company .company-info .inter div img{margin-right:10px;}
@media (max-width:500px){.home-company .company-info .inter{flex-wrap:wrap;}
.home-company .company-info .inter div{width:100%;margin:7px 0;}}
@media(max-width:1450px){.home-case .caselist .itemcase .info {height: 250px;}}
@media(max-width:1200px){.home-case .caselist .itemcase .info {height: 280px;}}
@media(max-width:768px){.home-case .caselist .itemcase .info {height: 200px;}}
table tr:nth-child(even) {  background: #fff; }
.table tr:nth-child(odd) {  background: #eee; }
.home-company .company-info .btn{ text-transform: none;}
.prodetails-info .prodetails-name{text-transform: unset;}

.bannerbut-next,.bannerbut-prev{position: absolute;top: 50%;left: 30px;z-index: 15;display: flex;width: 45px;height: 45px;border-radius: 50%;background: #ffffff4d;color: #FFFFFF;font-weight: var(--fontblod5);font-size: var(--fontsize22);cursor: pointer;transform: translateY(-50%);align-items: center;justify-content: center;}
.bannerbut-next{right: 30px;left: auto;}
.bannerbut-prev em{position: absolute;left: 12px;transform: rotate(88deg);}
.bannerbut-next em{position: absolute;right: 12px;transform: rotate(268deg);}
.home-banners{padding-top: 3%;}
.home-banners .home-title{padding-bottom: 40px;}
body.index .expop-box{position: fixed;left: 0;z-index: 999;top: 30%;}
@media (max-width:768px){body.index .expop-box{display:none}}
.expop-box .close span{background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.expop-box .close{display: flex;position: absolute;right:-15px;top: -15px;background: #fff;width: 40px;height: 40px;border-radius: 50%;transform: rotate(-45deg);}
.expop-box .close span:nth-child(1){width: 30px;height: 3px;}
.expop-box .close span:nth-child(2){width: 3px;height: 30px;}
@media (min-width:1025px){footer .footer-main .foot-info {width: 24%;}
footer .foot-qrimg {max-width: 100%;}}
footer .footer-main .foot-info .foot-title{display:none;}