/* ===== Tuoda Custom Styles - Matching en.uw360.cn ===== */
/* Color scheme: dark nav #272727, gold accent #f9b707, dark footer #272727 */

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;color:#333;background:#fff;line-height:1.6;}
a{color:#333;text-decoration:none;transition:color .3s;}
a:hover{color:#f9b707;}
img{max-width:100%;height:auto;}

/* ===== Top Bar ===== */
.top-bar{background:#1a237e;color:#fff;font-size:13px;line-height:36px;border-bottom:1px solid rgba(255,255,255,0.1);}
.top-bar .container{max-width:1600px;margin:0 auto;padding:0 3%;display:flex;justify-content:flex-end;gap:10px;}
.top-bar a{color:#fff;}
.top-bar a:hover{color:#f9b707;}
.top-bar span{color:rgba(255,255,255,0.3);}

/* ===== Navigation ===== */
.header{background:#272727;border-bottom:none;position:sticky;top:0;z-index:1000;}
.h_head{display:flex;align-items:center;max-width:1600px;margin:0 auto;padding:0 3%;justify-content:space-between;}
.h_head .e_image-15 img{max-height:60px;padding:10px 0;display:block;}
.h_head .cbox-14-0{flex:0 0 150px;}

.nav-area{flex:1;text-align:right;}
.p_navButton{display:none!important;cursor:pointer;padding:18px 10px;}
.p_navButton svg{fill:#fff;width:28px;height:28px;}
.p_level1Box{list-style:none;margin:0;padding:0;display:inline-flex;}
.p_level1Item{position:relative;}
.p_level1Item:last-child{display:none;}
.p_menu1Item a{display:block;padding:0 1.5vw;line-height:80px;font-size:17px;font-weight:400;color:#fff;text-transform:uppercase;text-align:center;}
.p_menu1Item a:hover{color:#f9b707;}
.p_level2Box{display:none;position:absolute;left:50%;top:100%;z-index:99;transform:translateX(-50%);background:#f2f2f2;width:200px;padding:15px 0;border-radius:0 0 5px 5px;list-style:none;}
.p_level1Item:hover .p_level2Box{display:block;}
.p_level2Item a{display:block;padding:0 20px;line-height:35px;font-size:15px;color:#666;text-align:center;transition:all ease .3s;}
.p_level2Item a:hover{color:#f9b707;}

/* ===== Banner ===== */
#c_banner-1681807949081{overflow:hidden;}
.swiper-container .swiper-wrapper .p_slide .p_img img{width:100%;display:block;max-height:500px;object-fit:cover;}

/* ===== Section: About ===== */
#c_static_001-1681808014912{padding:60px 3%;text-align:center;background:#f9f9f9;}
.e_container-1{max-width:1600px;margin:0 auto;}
#c_static_001-1681808014912 .e_text-2.s_title{font-size:30px;color:#272727;margin-bottom:10px;font-weight:bold;}
#c_static_001-1681808014912 .e_line-3{width:60px;height:3px;background:#f9b707;border:none;margin:0 auto 25px;}
#c_static_001-1681808014912 .e_text-4.s_title{font-size:15px;color:#666;line-height:1.8;max-width:900px;margin:0 auto;}

/* ===== Section: Products Grid ===== */
#c_static_001-1681808052480{padding:60px 3%;text-align:center;}
#c_static_001-1681808052480 .e_text-2.s_title{font-size:30px;color:#272727;margin-bottom:10px;font-weight:bold;}
#c_static_001-1681808052480 .e_line-3{width:60px;height:3px;background:#f9b707;border:none;margin:0 auto 25px;}
.e_loop-4 .p_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;max-width:1600px;margin:0 auto;padding:0;}
.e_loop-4 .p_loopitem .e_container-5{border:1px solid #eee;border-radius:4px;overflow:hidden;transition:all .3s;background:#fff;}
.e_loop-4 .p_loopitem .e_container-5:hover{box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.e_loop-4 .e_image-6{overflow:hidden;}
.e_loop-4 .e_image-6 img{width:100%;height:220px;object-fit:cover;transition:transform .5s;display:block;}
.e_loop-4 .p_loopitem:hover .e_image-6 img{transform:scale(1.05);}
.e_container-7{padding:15px 10px;}
.e_text-8.s_title a{font-size:15px;font-weight:600;color:#333;text-transform:uppercase;}
.e_text-8.s_title a:hover{color:#f9b707;}

/* ===== News Section ===== */
#c_static_001-1681808085567{padding:60px 3%;text-align:center;background:#f9f9f9;}
#c_static_001-1681808085567 .e_text-2.s_title{font-size:30px;color:#272727;margin-bottom:10px;font-weight:bold;}
#c_static_001-1681808085567 .e_line-3{width:60px;height:3px;background:#f9b707;border:none;margin:0 auto 25px;}
.e_loop-7 .p_list{max-width:1600px;margin:0 auto;padding:0;}
.e_loop-7 .p_loopitem{border-bottom:1px solid #f0f0f0;padding:18px 0;}
.e_container-8{display:flex;gap:20px;text-align:left;}
.e_container-8 .e_image-9{flex:0 0 100px;}
.e_container-8 .e_image-9 img{width:100px;height:70px;object-fit:cover;border-radius:3px;}
.e_text-11.s_title a{font-size:16px;color:#333;font-weight:400;display:block;margin-bottom:5px;}
.e_text-11.s_title a:hover{color:#f9b707;}
.e_text-12.s_summary{font-size:14px;color:#888;line-height:1.5;}
.e_timeFormat-13.s_title{font-size:12px;color:#aaa;margin-top:5px;}

/* ===== Breadcrumb ===== */
#c_static_001-1681808268590{background:#f5f5f5;padding:12px 3%;border-bottom:1px solid #eee;}
.p_breadcrumb{list-style:none;display:flex;gap:8px;max-width:1600px;margin:0 auto;font-size:13px;color:#888;}
.p_breadcrumb li+li:before{content:"/";margin-right:8px;color:#ccc;}
.p_breadcrumb a{color:#666;}
.p_breadcrumb a:hover{color:#f9b707;}

/* ===== Listing Page ===== */
.p_gridbox.e_container{display:grid;grid-template-columns:250px 1fr;gap:30px;max-width:1600px;margin:0 auto;padding:30px 3%;}
#c_category_005_P_006{border:1px solid #f0f0f0;border-radius:4px;padding:20px;background:#fafafa;}
#c_category_005_P_006 .e_text-2.s_title{font-size:18px;font-weight:bold;color:#272727;margin-bottom:10px;text-transform:uppercase;}
#c_category_005_P_006 .e_line-3{width:40px;height:2px;background:#f9b707;border:none;margin-bottom:15px;}
.e_categoryB-4 a{display:block;padding:10px 12px;border-bottom:1px solid #f5f5f5;color:#555;font-size:14px;transition:all .3s;}
.e_categoryB-4 a:last-child{border-bottom:none;}
.e_categoryB-4 a:hover,
.e_categoryB-4 a.active{background:#f9b707;color:#fff;padding-left:18px;}
#c_category_005_P_006 .e_container-5{padding:15px 0;margin-top:15px;}
#c_category_005_P_006 .e_text-6.s_title{font-size:16px;font-weight:bold;color:#272727;margin-bottom:10px;}

/* Product List Grid */
#c_product_list_011-1681808359672 .p_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;}
.p_loopitem .e_container-2{border:1px solid #f0f0f0;border-radius:4px;overflow:hidden;transition:all .3s;}
.p_loopitem .e_container-2:hover{box-shadow:0 4px 15px rgba(0,0,0,0.06);}
.e_image-3 img{width:100%;height:190px;object-fit:cover;display:block;}
.e_container-4{padding:12px;}
.e_text-5.s_title a{font-size:15px;font-weight:600;color:#333;display:block;margin-bottom:5px;}
.e_text-5.s_title a:hover{color:#f9b707;}
.e_text-6.s_summary{font-size:13px;color:#888;line-height:1.4;}

/* Pagination */
.p_page{margin:30px 0;text-align:center;}
.p_page a,.p_page span{display:inline-block;padding:6px 12px;margin:0 2px;border:1px solid #e0e0e0;border-radius:3px;color:#555;font-size:13px;transition:all .3s;}
.p_page a:hover{background:#f9b707;color:#fff;border-color:#f9b707;}
.p_page a.hover{background:#f9b707;color:#fff;border-color:#f9b707;}

/* ===== Detail Page ===== */
#c_product_detail_085_P_041 .e_container-28{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px;}
.e_magnifier-121 .magnifier-container{border:1px solid #f0f0f0;border-radius:4px;overflow:hidden;}
.e_magnifier-121 .magnifier-container img{width:100%;display:block;}
.e_h1-31.s_subtitle{font-size:22px;color:#272727;margin-bottom:12px;}
.e_text-32.s_summary{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px;}
.e_text-37.s_title a,.e_text-41.s_title a{font-size:20px;color:#f9b707;font-weight:bold;}
.e_text-37.s_title a:hover,.e_text-41.s_title a:hover{color:#d49a00;}
#c_product_detail_085_P_041 .e_richText-56{font-size:14px;color:#555;line-height:1.8;padding:20px 0;}
.e_container-57{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #f0f0f0;margin-top:10px;}
.e_text-58.s_title a,.e_text-59.s_title a{color:#f9b707;font-size:14px;}

/* ===== News List ===== */
#c_new_list_181-1681808616825{padding:30px 3%;}
.e_loop-1 .p_list{max-width:1200px;margin:0 auto;}
.e_container-2{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #f0f0f0;}
.e_image-3{flex:0 0 180px;}
.e_image-3 img{width:180px;height:120px;object-fit:cover;border-radius:4px;}
.e_text-4.s_title a{font-size:18px;font-weight:400;color:#333;}
.e_text-4.s_title a:hover{color:#f9b707;}
.e_text-5.s_summary{font-size:14px;color:#888;line-height:1.5;margin:8px 0;}
.e_timeFormat-6.s_title{font-size:12px;color:#aaa;}

/* ===== Footer ===== */
footer{background:#272727;border-top:5px solid #f9b707;padding:3% 0 2%;}
footer > div{max-width:1600px;margin:0 auto;padding:0 3%;}
footer .footer-top{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:2%;margin-bottom:1%;}
footer .footer-flex{display:flex;flex-wrap:wrap;gap:30px;}
footer .footer-logo{flex:0 0 40%;}
footer .footer-logo img{max-width:200px;}
footer .footer-logo p{color:rgba(255,255,255,0.5);font-size:14px;line-height:1.6;margin-top:10px;}
footer .footer-contact{flex:1;min-width:200px;}
footer .footer-contact h4{color:#fff;font-size:16px;margin-bottom:12px;font-weight:normal;}
footer .footer-contact p{color:rgba(255,255,255,0.5);font-size:14px;line-height:1.6;}
footer .footer-contact p strong{color:rgba(255,255,255,0.7);}
footer .footer-contact a{color:rgba(255,255,255,0.8);font-size:20px;font-family:Impact,sans-serif;}
footer .footer-contact a:hover{color:#f9b707;}
footer .footer-nav{flex:1;min-width:150px;}
footer .footer-nav h4{color:#fff;font-size:16px;margin-bottom:12px;font-weight:normal;}
footer .footer-nav ul{list-style:none;padding:0;margin:0;}
footer .footer-nav li{margin-bottom:6px;}
footer .footer-nav a{color:rgba(255,255,255,0.5);font-size:13px;}
footer .footer-nav a:hover{color:#f9b707;}
footer .footer-bottom{text-align:center;padding-top:15px;font-size:12px;color:rgba(255,255,255,0.3);}
footer .footer-bottom a{color:rgba(255,255,255,0.3);margin:0 5px;}
footer .footer-bottom a:hover{color:#f9b707;}

/* ===== Contact Form in Footer ===== */
footer .footer-form{flex:1;min-width:200px;}
footer .footer-form input,footer .footer-form textarea{width:100%;padding:8px 12px;margin-bottom:8px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:#fff;border-radius:2px;font-size:13px;}
footer .footer-form input::placeholder,footer .footer-form textarea::placeholder{color:rgba(255,255,255,0.4);}
footer .footer-form button{padding:8px 25px;background:#f9b707;border:none;color:#272727;font-weight:bold;cursor:pointer;border-radius:2px;}

/* ===== Scroll Up Button ===== */
#footer .e_top-21{position:fixed;bottom:80px;right:20px;z-index:100;}
#footer .e_top-21 .p_top{display:block;width:40px;height:40px;background:#272727;color:#fff;text-align:center;line-height:40px;border-radius:4px;border:1px solid rgba(255,255,255,0.2);}
#footer .e_top-21 .p_top:hover{background:#f9b707;}

/* ===== Responsive ===== */
@media (max-width:1024px){
    .p_gridbox.e_container{grid-template-columns:1fr;}
    #c_category_005_P_006{display:none;}
    .e_loop-4 .p_list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
    #c_product_detail_085_P_041 .e_container-28{grid-template-columns:1fr;}
    footer .footer-logo{flex:0 0 100%;}
}

@media (max-width:768px){
    .top-bar .container{justify-content:center;font-size:11px;flex-wrap:wrap;}
    .top-bar a{margin:0 5px;}
    .h_head{flex-wrap:nowrap;padding:0 10px;}

    .p_navButton{display:block!important;}
    .p_navContent{display:none;position:absolute;top:100%;left:0;width:100%;background:#272727;z-index:999;max-height:80vh;overflow-y:auto;}
    .p_navContent.active{display:block;}
    .p_level1Box{display:block;text-align:left;}
    .p_menu1Item a{line-height:44px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,0.08);font-size:15px;}
    .p_level2Box{position:static;transform:none;background:#333;width:100%;border-radius:0;padding:0;}
    .p_level1Item:hover .p_level2Box{display:block;}
    .p_level2Item a{color:rgba(255,255,255,0.7);text-align:left;padding-left:30px;line-height:36px;}

    .e_loop-4 .p_list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
    .e_loop-4 .e_image-6 img{height:140px;}

    #c_static_001-1681808014912,
    #c_static_001-1681808052480,
    #c_static_001-1681808085567{padding:30px 15px;}
    #c_static_001-1681808014912 .e_text-2.s_title,
    #c_static_001-1681808052480 .e_text-2.s_title,
    #c_static_001-1681808085567 .e_text-2.s_title{font-size:22px;}

    .e_container-8{flex-direction:column;}
    .e_container-8 .e_image-9 img{width:100%;height:auto;}
    .e_container-2{flex-direction:column;}
    .e_image-3{flex:0 0 auto;}
    .e_image-3 img{width:100%;height:auto;}

    .e_h1-31.s_subtitle{font-size:20px;}
    .e_container-57{flex-direction:column;gap:8px;}

    footer .footer-flex{flex-direction:column;}
    footer .footer-logo{flex:0 0 100%;}
    footer{padding:20px 0 15px;}
}

@media (max-width:480px){
    .e_loop-4 .p_list{grid-template-columns:1fr;}
    .p_menu1Item a{font-size:14px;}
}