.p-tb80{padding: 80px 0;}
.m-t80{margin-top: 80px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t30{margin-top: 30px;}
.m-t20{margin-top: 20px;}
.fz-48{font-size: 48px;}
.fz-36{font-size: 36px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.content-text{font-size: 16px;line-height: 2;color: #454545;}
:root{--fz-36: 36px;--fz-28: 28px;--fz-20: 20px;--fz-18: 18px;}
.text-p p{margin-bottom: 0;}
.bga{background: #F8FAFC;}

@media (max-width: 1440px) {
    .p-tb80{padding: 60px 0;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .m-t30{margin-top: 22px;}
    .m-t20{margin-top: 15px;}
    .fz-48{font-size: 39px;}
    .fz-36{font-size: 30px;}
    .fz-24{font-size: 21px;}
    .fz-20{font-size: 18px;}
    .fz-16{font-size: 15px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 15px;}
    :root{--fz-36: 30px;--fz-28: 24px;--fz-20: 18px;--fz-18: 16px;}
}
@media (max-width: 991px) {
    .p-tb80{padding: 40px 0;}
    .m-t80{margin-top: 40px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t30{margin-top: 15px;}
    .m-t20{margin-top: 10px;}
    .fz-48{font-size: 30px;}
    .fz-36{font-size: 24px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .fz-14{font-size: 12px;}
    .content-text{font-size: 14px;}
    :root{--fz-36: 24px;--fz-28: 20px;--fz-20: 16px;--fz-18: 15px;}
}


ul.main-pro-class{font-size: 0;position: relative;}
ul.main-pro-class:after{content: "";width: 100%;height: 1px;background: #dadcde;position: absolute;left: 0;bottom: 0;}
ul.main-pro-class li{width: 14.285%;display: inline-block;text-align: center;}
ul.main-pro-class li>a{display: inline-block;color: #999;cursor: pointer;padding-bottom: 20px;position: relative;}
ul.main-pro-class li>a:after{content: "";opacity: 0;width: 17px;height: 17px;background: rgba(0,165,79,0.24);border-radius: 50%;position: absolute;bottom: -9px;left: 50%;transform: translateX(-50%);z-index: 5;}
ul.main-pro-class li>a:before{content: "";opacity: 0;width: 7px;height: 7px;background: #00a54f;border-radius: 50%;position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);z-index: 9;}
ul.main-pro-class li.active>a{font-size: var(--fz-18);font-weight: 700;color: #00a54f;}
ul.main-pro-class li.active>a:after,ul.main-pro-class li.active>a:before{opacity: 1;}
.main-pro-tab{display: none;}
.main-pro-tab.active{display: block;}

.aboutus-picurl-you{width: 50%;}
.aboutus-contxt-you{width: 50%;padding: 15px 0 30px 1.5rem;background: url('../images/aboutbg.jpg') no-repeat top center/cover;}
.aboutus-contxt-you .classname-box{white-space: nowrap;font-size: 0.72rem;font-weight: 500;color: rgba(255,255,255,0.08);position: relative;}
.aboutus-contxt-you .classname-box .name{position: absolute;top: 50%;transform: translateY(-50%);left: 32px;color: #fff;}
.aboutus-contxt-you .content-text{color: #fff;}
ul.life-item li{color: #fff;}
ul.life-item li .top .number{font-weight: 500;}
ul.life-item li .top .source{font-weight: 500;}
a.view-more span{padding-right: 30px;color: #fff;background: url('../images/more.png') no-repeat center right/20px;}
.line-item{border-top: 1px solid #dadcde;}
.partners-width{max-width: 900px;margin: auto;}

@media (max-width: 1680px) {
    .aboutus-contxt-you{padding: 15px 0 30px 1.2rem;}
    .aboutus-contxt-you .classname-box{font-size: 0.82rem;}
}
@media (max-width: 1440px) {
    .aboutus-contxt-you{padding: 15px 0 30px 0.9rem;}
    .aboutus-contxt-you .classname-box{font-size: 0.92rem;}
}
@media (max-width: 991px) {
    ul.main-pro-class{padding-bottom: 6px;overflow-x: auto;white-space: nowrap;}
    ul.main-pro-class:after,ul.main-pro-class li>a:after,ul.main-pro-class li>a:before{display: none;}
    ul.main-pro-class li{width: auto;}
    ul.main-pro-class li>a{padding: 8px 14px;background: #f7f8f9;color: #333;}
    ul.main-pro-class li.active>a{font-weight: 400;font-size: 14px;background: #00a54f;color: #fff;}

    .aboutus-picurl-you{width: 100%;}
    .aboutus-contxt-you{width: 100%;padding: 30px 0;}
    .aboutus-contxt-you .classname-box{font-size: 34px;}
    .aboutus-contxt-you .classname-box .name{left: 24px;}
    a.view-more span{padding-right: 24px;background-size: 16px;}
}


.slide-con-name{padding-bottom: 24px;position: relative;}
.slide-con-name.cur{color: #ee1d23;}
.slide-con-name:before{content: "";width: 64px;height: 4px;background: #00a54f;position: absolute;left: 0;bottom: 0;}
.slide-con-name.on:before{left: 50%;transform: translateX(-50%);}
.box-item-title span{color: #ee1d23;}
.slide-item-title span{color: #00a54f;}
.slide-item-title.cur{color: #00a54f;}
.slide-item-title.cur span{color: #ee1d23;}

.certificate{gap: 0.6rem;}
.certificate .list-item{width: calc(33.33% - 0.4rem);position: relative;}
.certificate .list-item .picurl{width: 84%;height: 86%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background: url(../images/lt_arrow.png) no-repeat center left/64px;left: 15px;}
.nextArrow{background: url(../images/rt_arrow.png) no-repeat center right/64px;right: 15px;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 16px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

.products-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 60px 30px;}
.products-grid.production{grid-template-columns: repeat(3,1fr);gap: 60px;}
.products-grid .pro-list-item .pic-img-top{background: #e9edf0;border-radius: 20px;box-shadow: 0 6px 24px rgba(0,0,0,0.08);}
.products-grid .pro-list-item .title{font-weight: 500;color: #333;}
.products-grid .pro-list-item .title span{font-weight: 500;color: #00a54f;}

.contactus-info-zuo{width: 48%;}
.contactus-info-zuo .info-box{display: flex;flex-wrap: wrap;padding: 24px;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.08);}
.contactus-info-zuo .info-box .img{width: 60px;height: 60px;padding: 12px;background: #f7f8f9;border-radius: 4px;}
.contactus-info-zuo .info-box .con{width: calc(100% - 64px);padding-left: 20px;}
.contactus-info-zuo .info-box .name{margin-bottom: 8px;color: #666;}
.contactus-form-you{width: 48%;background: #fff;padding: 32px;box-shadow: 0 6px 24px 0 rgba(0,0,0,0.08);}
.contactus-form-you .desc{color: #666;}
.contactus-form-you .messageForm .title{font-weight: 700;margin-bottom: 6px;}
.contactus-form-you .messageForm .title span{color: #f00;}
.contactus-form-you .messageForm .con,.contactus-form-you .messageForm .sel{width: 100%;height: 42px;padding: 0 10px;border: 1px solid #c9cbcb;}
.contactus-form-you .messageForm .txt{width: 100%;height: 160px;padding: 10px;border: 1px solid #c9cbcb;}
.contactus-form-you .messageForm .con:focus,.contactus-form-you .messageForm .sel:focus,.contactus-form-you .messageForm .txt:focus{border-color: #00a54f;}
.contactus-form-you .messageForm .sumbit{width: 100%;height: 48px;background: #00a54f;color: #fff;}
.contactus-form-you .messageForm .sumbit:hover{background: #002145;}

@media (max-width: 1440px) {
    .products-grid{gap: 40px 20px;}
    .products-grid.production{gap: 40px;}
    .products-grid .pro-list-item .pic-img-top{border-radius: 15px;}
}
@media (max-width: 991px) {
    .slide-con-name{padding-bottom: 16px;}
    .slide-con-name:before{width: 42px;height: 3px;}
    .products-grid{grid-template-columns: repeat(2,1fr);gap: 1.2rem 0.6rem;}
    .products-grid.production{grid-template-columns: repeat(2,1fr);gap: 1.2rem 0.6rem;}
    .products-grid .pro-list-item .pic-img-top{border-radius: 10px;}

    .contactus-info-zuo{width: 100%;margin-bottom: 30px;}
    .contactus-info-zuo .info-box{padding: 16px;}
    .contactus-info-zuo .info-box .img{width: 42px;height: 42px;padding: 8px;}
    .contactus-info-zuo .info-box .con{width: calc(100% - 42px);padding-left: 12px;}
    .contactus-form-you{width: 100%;padding: 20px;}
}