.header_main{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.zt{width:100%;height:2.1rem}main .banner{position:relative}main .banner .mask{position:absolute;width:100%;height:100%;top:0;left:0;content:'';background-color:rgba(0,0,0,.3)}main .banner .mask .txt{max-width:760px;width:100%;position:absolute;top:50%;transform:translateY(-50%);left:10%}main .banner .mask .txt *{color:#fff}main .banner .mask .txt p{font-size:16px;color:#E5E5E5}main .banner .mask .txt h3{font-size:.4rem}main .banner .mask .txt .line{width:32px;height:4px;background-color:#fff;margin-top:.8rem;margin-bottom:.2rem}main .banner .mask .txt .btn{position:relative;margin-top:.4rem;height:.66rem}main .history{display:flex;margin-bottom:1rem}main .history>div{width:50%}main .history .right{display:flex;justify-content:center;align-items:center;padding:.3rem}main .history .right .title{max-width:670px;width:100%;margin-bottom:0}main .history .right .title h2{font-size:.4rem}main .history .right .title p{margin-bottom:0;text-align:left;font-size:16px;color:#888;margin-top:.15rem}main .history:nth-child(odd){flex-direction:row-reverse}main .history:nth-child(odd) .right{background-color:#EAEAEA}main .production .title{align-items:center}main .production .swiper{position:relative;margin-bottom:.5rem}main .production .swiper .swiper-slide img{width:100%}.swiper-button-next-production{right:-5%}.swiper-button-prev-production{left:-5%}.swiper-button-next-production::after,.swiper-button-prev-production::after{font-size:30px;color:#0F4E48}main .product_bg{overflow:hidden;background:url(/lib/images/about/product_bg.png);background-repeat:no-repeat;background-size:cover;margin-bottom:1rem}main .product_bg .product_top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}main .product_bg .product_top .title{margin:0;max-width:1120px;margin-right:.3rem}main .product_bg .product_top .title p{text-align:left;font-size:16px;color:#888}main .product_bg .product_top .btn{width:140px;height:66px;position:relative}main .product_bg .swiper-product{overflow:inherit;margin-bottom:1rem}.swiper-button-next-product,.swiper-button-prev-product{width:66px;height:66px;top:0;margin-top:0}.swiper-button-next-product::after,.swiper-button-prev-product::after{font-size:30px;font-weight:700}.swiper-button-next-product{background-color:#0F4E48;color:#fff;right:0}.swiper-button-prev-product{background-color:#EAEAEA;color:#0F4E48;left:0}main .certificate{display:flex}main .certificate>div{width:50%}main .certificate .left .swiper-slide>img{width:100%}main .certificate .left .mask{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background-color:rgba(18,18,18,.3);display:flex;justify-content:center;align-items:center;padding:.3rem}main .certificate .left .mask .txt{max-width:670px;width:100%}main .certificate .left .mask .txt *{color:#fff}main .certificate .left .mask .txt p{font-size:16px;text-align:left;margin-top:.2rem}main .certificate .left .swiper .btn{position:absolute;right:20px;bottom:20px;width:140px;height:66px}.swiper-button-next-certificate,.swiper-button-prev-certificate{width:66px;height:66px;background-color:#fff;top:0;margin-top:0}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1}.swiper-button-next-certificate{right:0}.swiper-button-prev-certificate{left:0}.swiper-button-next-certificate::after,.swiper-button-prev-certificate::after{font-size:30px;color:#0F4E48}main .certificate .right{padding:.3rem 1.2rem}main .certificate .right .txt_over{max-height:300px;overflow-y:auto}main .certificate .right h2{font-size:.4rem}main .certificate .right p{font-size:16px;color:#888;margin-top:.2rem}main .certificate .right ul{display:flex;justify-content:space-between;margin-top:.4rem;flex-wrap:wrap}main .service{display:flex}main .service>div{width:50%}main .service .left{background-color:#EAEAEA;padding:30px 15px}main .service .left .title{max-width:500px;align-items:center;margin:0;margin-top:.2rem}main .service .left .title p{font-size:16px;color:#888}main .service .right{position:relative}main .service .right>img{width:100%}main .service .right .mask{background-color:#fff;max-width:860px;width:100%;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);left:-1.1rem}main .service .right .mask .box{display:flex;align-items:center;margin-bottom:.4rem}main .service .right .mask .box p{margin-left:20px}main .service .right .mask .box:last-child{margin-bottom:0}.keywords{margin-bottom:1rem}.keywords .line{width:100%;height:1px;background-color:#EAEAEA;margin-bottom:1rem}.keywords .title{align-items:center}.keywords ul{display:flex;justify-content:center;flex-wrap:wrap}.keywords ul li{margin:.1rem}.keywords ul li a{display:flex;padding:10px 30px;border-radius:20px;border:1px solid #E5E5E5}main .video{margin-bottom:1rem}main .video .content{max-width:1344px}main .video .content iframe{margin:0 auto}@media (max-width:1279px){main .banner .mask .txt{max-width:50%}.swiper-button-next-production{right:0;display:none}.swiper-button-prev-production{left:0;display:none}main .certificate{flex-direction:column}main .certificate>div{width:100%}main .service{flex-direction:column}main .service>div{width:100%}main .service .right .mask{left:50%;transform:translate(-50%,-50%);width:80%}}@media (max-width:1023px){main .history{flex-direction:column}main .history>div{width:100%}main .history:nth-child(odd){flex-direction:column}}@media (max-width:767px){main .banner img{width:100%;object-fit:cover;height:350px}main .banner .mask .txt{max-width:100%;padding:0 15px;left:0}main .product_bg .product_top{flex-direction:column}.swiper-button-next-product::after,.swiper-button-prev-product::after{font-size:30px}.swiper-button-next-certificate::after,.swiper-button-prev-certificate::after{font-size:16px}main .certificate .left .swiper-slide>img{height:250px;object-fit:cover}main .certificate .left .swiper-slide>img{position:absolute;width:100%;height:100%;top:0;left:0}main .certificate .left .mask{position:relative}main .certificate .left .mask .txt{margin-bottom:80px}main .certificate .left .mask .txt p{line-height:1.8}main .certificate .right{padding:.3rem 15px}main .certificate .right ul li{max-width:100px}main .service .right .mask{position:inherit}main .service .right .mask{transform:translate(-50%,-10%);width:95%}main .video .content iframe{height:280px}main .history .right{padding-bottom:0}}