@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

body{font-family:'Inter','Microsoft YaHei',arial,sans-serif !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333 !important;}

header{height:90px !important;line-height:90px !important;background:rgba(255,255,255,0.98) !important;box-shadow:0 1px 30px rgba(0,0,0,0.06) !important;position:sticky !important;top:0 !important;z-index:1000 !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;}
.heada img{transition:transform 0.3s ease;}
.heada img:hover{transform:scale(1.03);}

.x-menu > li > a{font-size:15px !important;color:#1a1a2e !important;line-height:90px !important;font-weight:500 !important;letter-spacing:0.5px !important;position:relative !important;transition:color 0.3s ease !important;}
.x-menu > li > a::after{content:'' !important;position:absolute !important;bottom:28px !important;left:50% !important;width:0 !important;height:2px !important;background:linear-gradient(90deg,#047ceb,#25c1ff) !important;transition:width 0.4s cubic-bezier(0.4,0,0.2,1) !important;transform:translateX(-50%) !important;border-radius:1px !important;}
.x-menu > li > a:hover{color:#047ceb !important;}
.x-menu > li > a:hover::after{width:100% !important;}

.x-sub-menu{top:65px !important;border-radius:16px !important;padding:12px 0 !important;box-shadow:0 20px 60px rgba(0,0,0,0.12) !important;border:1px solid rgba(0,0,0,0.04) !important;}
.x-sub-menu > li > a{color:#4a5568 !important;font-weight:400 !important;padding:6px 16px !important;transition:all 0.3s ease !important;}
.x-sub-menu > li > a:hover{background:#f0f7ff !important;color:#047ceb !important;}

.page-banner{position:relative;overflow:hidden;}
.page-banner::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(10,22,40,0.3) 0%,rgba(10,22,40,0.6) 100%);pointer-events:none;}
.page-banner .nybt{position:relative;z-index:2;}
.page-banner .nybt h3{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,0.3);}

.page-position{background:#f8fafc;border-bottom:1px solid rgba(0,0,0,0.04);padding:14px 0;}
.page-position a{color:#5a6577;transition:color 0.3s ease;}
.page-position a:hover{color:#047ceb;}

.xypg-left-box{border-radius:16px;overflow:hidden;transition:box-shadow 0.3s ease;border:1px solid rgba(0,0,0,0.04);}
.xypg-left-box:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);}

.xypg-left-title{background:linear-gradient(135deg,#0a1628 0%,#0d2137 100%) !important;padding:18px 24px !important;}
.xypg-left-title h3{color:#fff !important;font-size:16px !important;font-weight:600 !important;letter-spacing:0.5px !important;}
.xypg-left-title span{color:rgba(255,255,255,0.5) !important;}
.xypg-left-title i{color:rgba(255,255,255,0.08) !important;}

.xypg-left-nav > li{border-bottom:1px solid rgba(0,0,0,0.03) !important;}
.xypg-left-nav > li:last-child{border-bottom:none !important;}
.xypg-left-nav > li > a{font-size:14px !important;color:#4a5568 !important;transition:all 0.3s ease !important;position:relative !important;padding:12px 18px !important;}
.xypg-left-nav > li > a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#047ceb,#25c1ff);border-radius:2px;transition:height 0.3s ease;}
.xypg-left-nav > li:hover > a,
.xypg-left-nav > li.clicked > a{color:#047ceb !important;background:#f0f7ff !important;padding-left:24px !important;}
.xypg-left-nav > li:hover > a::before,
.xypg-left-nav > li.clicked > a::before{height:60%;}

.xypg-left-contact .xypg-left-con{padding:16px 20px;}
.page-wrap-contact p{font-size:13px;color:#5a6577;line-height:1.8;margin:0;padding:4px 0;}

.page-message-img img{border:none !important;border-radius:16px !important;transition:transform 0.3s ease !important;}
.page-message-img:hover img{transform:translateY(-3px);}

.xypg-product-list li{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,0.06) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;background:#fff;}
.xypg-product-list li .img{background:#f8fafc;display:flex !important;align-items:center;justify-content:center;padding:16px !important;min-height:180px;overflow:hidden !important;}
.xypg-product-list li .img img{max-width:100%;max-height:200px;width:auto !important;height:auto !important;object-fit:contain;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}
.xypg-product-list li:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(4,124,235,0.12);border-color:rgba(4,124,235,0.15) !important;}
.xypg-product-list li:hover .img img{transform:scale(1.06);}
.xypg-product-list li h3 a{font-size:15px !important;color:#1a1a2e !important;font-weight:600 !important;transition:color 0.3s ease !important;padding:12px 10px !important;}
.xypg-product-list li:hover h3 a{color:#047ceb !important;}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next{outline:none !important;position:absolute !important;top:44% !important;z-index:9999 !important;height:52px !important;width:52px !important;margin-top:-26px !important;border-radius:14px !important;background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border:1px solid rgba(255,255,255,0.18) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 24px rgba(0,0,0,0.08) !important;overflow:hidden !important;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover{background:linear-gradient(135deg,#047ceb 0%,#25c1ff 100%) !important;border-color:rgba(255,255,255,0.3) !important;transform:scale(1.06) !important;box-shadow:0 8px 32px rgba(4,124,235,0.4) !important;}
.x-banner .owl-carousel .owl-nav .owl-prev{left:4% !important;}
.x-banner .owl-carousel .owl-nav .owl-next{right:4% !important;}
.x-banner .owl-carousel .owl-nav .icon-font{display:block !important;width:100% !important;height:100% !important;position:relative !important;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow,
.x-banner .owl-carousel .owl-nav .icon-right-arrow{background:none !important;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after{display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:22px !important;height:22px !important;content:'' !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.9)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M12 19l-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat !important;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;}
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after{display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:22px !important;height:22px !important;content:'' !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.9)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat !important;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover .icon-left-arrow:after{transform:translate(-50%,-50%) translateX(-3px) !important;}
.x-banner .owl-carousel .owl-nav button.owl-next:hover .icon-right-arrow:after{transform:translate(-50%,-50%) translateX(3px) !important;}
@media(max-width:990px){
.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next{height:42px !important;width:42px !important;margin-top:-21px !important;border-radius:12px !important;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after,
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after{width:18px !important;height:18px !important;}
}

.xypg-right-content > div > img,
.xypg-right-content > img{border-radius:16px;margin:10px 0;box-shadow:0 4px 20px rgba(0,0,0,0.06);max-width:100%;}
.xypg-right-content > div{line-height:1.8;color:#4a5568;font-size:15px;}
.xypg-right-content p{margin:8px 0;line-height:1.8;color:#4a5567;font-size:15px;}

.yc_pages{clear:both;text-align:center;padding:30px 0 10px;}
.paging{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;}
.paging span,.paging a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.08);color:#4a5568;background:#fff;}
.paging a:hover{background:#047ceb;color:#fff;border-color:#047ceb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(4,124,235,0.3);}
.paging .page-num-current{background:linear-gradient(135deg,#047ceb,#0256a3) !important;color:#fff !important;border-color:transparent !important;font-weight:600;box-shadow:0 4px 12px rgba(4,124,235,0.3);}

.footer{background:linear-gradient(180deg,#0a1628 0%,#060d18 100%) !important;padding:70px 0 50px !important;position:relative !important;}
.footer::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:3px !important;background:linear-gradient(90deg,#047ceb,#25c1ff,#047ceb) !important;}
.foot_nav .fli{font-weight:700 !important;letter-spacing:1px !important;}
.foot_nav .fli::before{background:linear-gradient(90deg,#047ceb,#25c1ff) !important;border-radius:2px !important;}
.foot_nav .fli dd a{color:#6b7d8e !important;transition:all 0.3s ease !important;display:inline-block !important;}
.foot_nav .fli dd a:hover{color:#25c1ff !important;padding-left:6px !important;}
.footerb dd p{color:#6b7d8e !important;line-height:1.6 !important;}
.footerb dt img{border-radius:12px !important;box-shadow:0 8px 25px rgba(0,0,0,0.3) !important;transition:transform 0.3s ease !important;}
.footerb dt img:hover{transform:scale(1.05) !important;}
.footerb dt p{color:#6b7d8e !important;font-size:12px !important;}

.footer-label{font-size:12px !important;color:#6b7d8e !important;text-transform:uppercase !important;letter-spacing:2px !important;font-weight:600 !important;margin-bottom:8px !important;}
.footer-phone{font-size:26px !important;color:#25c1ff !important;font-weight:800 !important;letter-spacing:-0.5px !important;}
.footer-email{margin-top:12px !important;}
.footer-addr{margin-top:8px !important;line-height:1.7 !important;}
.footer-qrcodes{margin-top:28px;display:flex;gap:20px;}
.footer-qrcodes dt{text-align:center;}
.footer-qrcodes dt img{border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.3);transition:transform 0.3s ease;}
.footer-qrcodes dt img:hover{transform:scale(1.05);}
.footer-qrcodes dt p{font-size:12px;color:#6b7d8e;margin-top:8px;text-align:center;}

.ylink{background:#060d18 !important;border-top:1px solid rgba(255,255,255,0.06) !important;}
.copyright{background:#040a12 !important;color:#4a5568 !important;font-size:13px !important;}
.copyright a{color:#6b7d8e !important;transition:color 0.3s ease !important;}
.copyright a:hover{color:#25c1ff !important;}

.xymob-head{box-shadow:0 2px 15px rgba(0,0,0,0.1) !important;}
.xymob-navbtn span,.xymob-navbtn:after,.xymob-navbtn:before{background:#1a1a2e !important;}
.xymob-menu{background:linear-gradient(180deg,#1a1a2e 0%,#091b27 100%) !important;}
.xymob-nav > li{border-bottom:1px solid rgba(255,255,255,0.1) !important;}
.xymob-nav > li > a{font-weight:500 !important;}

.footer3{background:linear-gradient(180deg,#1a1a2e 0%,#091b27 100%) !important;box-shadow:0 -5px 20px rgba(0,0,0,0.2) !important;}

.page-mob-tool ul li{border-radius:12px !important;transition:all 0.3s ease !important;}
.page-mob-tool ul li:hover{transform:scale(1.1) !important;}

.swiper-container{border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);}
.swiper-button-next,.swiper-button-prev{width:44px !important;height:44px !important;border-radius:50% !important;background:rgba(255,255,255,0.9) !important;box-shadow:0 4px 15px rgba(0,0,0,0.1) !important;transition:all 0.3s ease !important;}
.swiper-button-next:hover,.swiper-button-prev:hover{background:#047ceb !important;transform:scale(1.1) !important;}
.swiper-button-next::after,.swiper-button-prev::after{font-size:16px !important;color:#1a1a2e !important;font-weight:700 !important;}
.swiper-button-next:hover::after,.swiper-button-prev:hover::after{color:#fff !important;}
.swiper-pagination-bullet{width:10px !important;height:10px !important;border-radius:50% !important;opacity:0.5 !important;background:#047ceb !important;transition:all 0.3s ease !important;}
.swiper-pagination-bullet-active{opacity:1 !important;transform:scale(1.3) !important;background:#047ceb !important;}

@media(max-width:992px){
    .footer .footera{display:none !important;}
    .footer .footerb{width:100% !important;text-align:center !important;}
    .footerb dt{text-align:center !important;}
    .footerb dt p{margin:0 auto !important;}
    .page-wrap-left{display:none !important;}
    .page-wrap-right{width:100% !important;float:none !important;overflow:visible !important;}
    #container{width:100% !important;max-width:100% !important;padding:0 20px !important;box-sizing:border-box !important;}
    .xypg-product-list li{width:47% !important;margin-right:3% !important;}
    .xypg-product-list li:nth-child(2n){margin-right:0 !important;}
    .xymob-menu-click .xypg-left-contact,
    .xymob-menu-click .page-message-img{display:block !important;}
}

@media(max-width:768px){
    .page-banner .nybt h3{font-size:1.3rem;}
    .xypg-product-list li .img{min-height:140px;padding:12px !important;}
    .xypg-product-list li .img img{max-height:140px;}
    .xypg-product-list li{width:47% !important;}
    .xypg-right-content img{max-width:100% !important;height:auto !important;}
    .xypg-right-content > div{font-size:14px !important;line-height:1.7 !important;}
    .xypg-right-content p{font-size:14px !important;line-height:1.7 !important;}
}

@media(max-width:375px){
    .xypg-product-list li{width:100% !important;margin-right:0 !important;}
}