@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
.dz-emptydata{ width:100%; height:auto; overflow:hidden; min-height:60px; padding-left:70px; box-sizing:border-box; color:#999; margin:0 auto; max-width:1000px; padding-top:10px;}
.dz-emptydata p{ line-height:22px; font-size:13px;}
.whauto{ width:100%; height:auto; overflow:hidden;}
.min-width{ min-width:1200px;}
.flex{ display:flex;}
.flex-c{display:flex;align-items:center;}
.flex-cc{display:flex; align-items:center; justify-content:center;}
.flex-cb{display:flex; align-items:center;justify-content: space-between;}
.flex-1{flex: 1;}
.flex-warp{flex-wrap: wrap;}

.top-bar{background:#179aa1;color:#ffffff;padding:12px 0%;display:flex;justify-content:space-between;align-items:center; max-width: 1300px; margin: 0 auto; overflow: hidden;}
.top-bar .logo-text{color:#fff;font-weight:bold; font-size: 18px;}
.top-contact div{margin-left:24px; font-size: 18px;}
.top-contact div img{margin-right:5px;}





.advantage-wrap{padding:60px 5%;background:#f5f5f5; max-width: 1500px; margin: 0 auto;}
.mod-title{text-align:center;font-size:32px;color:#333333;margin-bottom:8px; font-weight:bold;}
.mod-line{width:50px;height:4px;background:#179aa1;margin:20px auto 40px}
.advantage-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.adv-item{padding:35px 20px;color:#fff;text-align:center}
.adv-item:nth-child(1){background:#27A3A3}
.adv-item:nth-child(2){background:#C9784E}
.adv-item:nth-child(3){background:#54B2D2}
.adv-item:nth-child(4){background:#595480}
.adv-item h4{margin:24px 0 20px;font-size: 20px;}
.adv-item .icon{ height: 60px;}
.adv-item p{font-size:12px;line-height:1.5;opacity:0.9}
.about-wrap{display:grid;grid-template-columns:2fr 3fr}
.about-left{min-height:420px}
.about-right{background:#3c9ba1;color:#ffffff;padding:75px 60px}
.about-right h3{font-size:30px;margin-bottom:20px; font-weight: 550;}
.about-right .split-line{width:30px;height:3px;background:#ffffff;margin-bottom:22px}
.about-right .intro{font-size:15px;line-height:2;margin-bottom:16px;opacity:0.95; width: 65%; margin-top: 50px;}
.read-more{display:inline-block;padding:6px 14px;border:1px solid #fff;color:#fff;text-decoration:none;font-size:15px;margin-bottom:42px;border-radius: 3px;}
.data-row{display:flex;gap:50px; }
.data-item .num{display:block;font-size:30px;font-weight:bold; margin-bottom: 5px;}
.data-item .num span{ font-size: 17px; font-weight: normal;}
.data-item small{font-size:13px;}
.product-wrap{padding:60px 5%;background:#fff;overflow:hidden}
.pro-swiper-box{max-width:1300px;margin:0 auto;position:relative;overflow:hidden}
.pro-swiper-wrap{display:flex;transition:transform 0.4s ease}
.pro-card{flex:0 0 calc(50% - 15px);margin:0 7.5px;text-align:center}
.pro-card img{width:100%;height:550px;object-fit:cover;}
.pro-card h4{ background: #f5f5f5; width: 100%; padding: 25px 20px; box-sizing: border-box; font-weight: 500; font-size: 20px;}
.pro-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#27A3A3;color:#fff;border:none;font-size:18px;cursor:pointer;z-index:9}
.prev-arrow{left:0}
.next-arrow{right:0}
.news-wrap{padding:60px 5%;background:#f4f4f4}
.news-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1300px;margin:0 auto}
.news-card{ background: #ffffff;}
.news-card .newbox{ padding: 10px 15px 20px 15px;box-sizing: border-box;}
.news-card img{width:100%;height:260px;object-fit:cover;margin-bottom:14px}
.news-card h5{font-size:20px;margin-bottom:10px;color:#111111;word-break: break-all;}
.news-card p{font-size:14px;color:#666666;line-height:1.5;margin-bottom:12px;word-break: break-all;}
.news-card small{font-size:13px;color:#999999}
.form-wrap{background:#27A3A3;padding:60px 5%}
.form-wrap h3{color:#fff;text-align:center;font-size:20px;line-height:1.4;margin-bottom:12px; font-weight: 600;}
.form-wrap .split-line{width:30px;height:3px;background:#fff;margin:20px auto 55px}
.form-box{max-width:1300px;margin:0 auto}
.form-textarea{width:100%;height:180px;padding:12px;border:none;margin-bottom:16px}
.form-input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.form-input{width:100%;padding:9px 12px;border:none}
.submit-btn{width:100%;padding:11px;background:#187979;border:none;color:#fff;cursor:pointer; margin: 10px auto;}
.contact-wrap{padding:60px 5%;background:#ffffff;}
.contact-desc{text-align:center;font-size:14px;color:#333333;margin-bottom:35px;font-weight: 600;}
.contact-wrap .split-line{width:30px;height:3px;background:#179aa1;margin:20px auto 55px}
.contact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1300px;margin:0 auto}
.contact-item{border:1px solid #cccccc;padding:75px 20px;text-align:center;background: #ffffff; box-sizing: border-box;}
.contact-icon{width:100px;height:100px;border-radius:50%;background:#27A3A3;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fff;font-size:20px}
.contact-item h4{margin:20px auto;color:#222222; font-size:18px; font-weight: 500;}
.contact-item p{font-size:16px;color:#666666;line-height:1.5}

.footer{width:100%;background-color:#17898f;color:#ffffff;padding:25px 0}
.footer-content{max-width:1300px;margin:0 auto;display:flex;align-items:center;padding:0 20px}
.footer-logo{ width: 40%;}
.footer-logo img{height:130px;width:auto}
.footer-contact{line-height:2;font-size:16px}
.footer-contact h3{font-size:20px;margin-bottom:8px;}
.footer-contact p{display:flex;align-items:center;gap:4px; font-size: 16px; color: #ffffff;}
.footer-contact p img{ margin-right:0px; height: 15px;}
.footer-copyright{width:100%;background-color:#105c60;color:#ffffff;padding:12px 0;text-align:center;font-size:14px}

@media(max-width:768px){
    .advantage-wrap{ padding: 30px 5% !important;}
    .mod-title{ font-size: 24px !important;}
    .advantage-row,.about-wrap,.news-row,.contact-row,.form-input-row{grid-template-columns:1fr !important}
    .top-bar{flex-direction:column;gap:10px;text-align:center;}
    .top-contact div{margin:4px 8px; font-size: 14px;}
    .product-wrap{ padding: 20px 3% !important;}
    .pro-card{flex:0 0 calc(100% - 15px)}
    .pro-card img{ height: 300px !important;}
    .about-right{padding: 20px 20px !important; box-sizing: border-box; word-break: break-all;}
    .about-right h3{ font-size: 20px !important;}
    .about-right .intro{  width: 100% !important;}
    .about-right .data-row{ gap: 10px !important;}
    .about-right .data-item .num{ font-size: 20px !important;}
    .about-right .data-item .num span,.about-right .data-item small{ font-size: 12px !important;}
    .footer-content {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .footer-contact p {
        justify-content: center; line-height: 1.6; flex-wrap: wrap;
    }
}