/* Yonglong Hardware - Minified CSS for English site */
/* Replaces all Chinese text image backgrounds with pure CSS */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;color:#333;line-height:25px;background:#fff}ul,ol{list-style:none}a:link,a:visited{text-decoration:none;color:#333}a:hover{color:#ff5808;text-decoration:none}a:active{text-decoration:none}img{border:0;vertical-align:middle;max-width:100%}.container{width:1100px;margin:0 auto}.top-bar{background:#f0f0f0;border-bottom:1px solid #ddd;height:29px;line-height:29px}.top-bar .container{display:flex;justify-content:space-between;align-items:center;height:29px}.top-bar .welcome{font-size:12px;color:#333}.top-bar .hotline{font-size:12px;color:#FE0000}.top-bar .lang-switch{font-size:12px;color:#333}.top-bar .lang-switch a{color:#333}.header{height:100px;display:flex;align-items:center;justify-content:space-between}.header .logo img{max-width:100%;height:auto}.header .slogan img{max-width:100%;height:auto}.nav-wrapper{height:40px;background-color:#0384c6;border-bottom:2px solid #ff5808}.nav{width:1100px;margin:0 auto;height:40px}.nav>ul{display:flex;height:40px}.nav>ul>li{position:relative;width:157px;text-align:center;line-height:40px;font-size:15px}.nav>ul>li>a{display:block;width:157px;color:#fff;font-weight:400;line-height:40px}.nav>ul>li>a:hover{background:#ff5808;color:#fff}.nav>ul>li>ul{position:absolute;top:40px;left:0;width:157px;visibility:hidden;z-index:1000;background:#0270a8}.nav>ul>li>ul>li{width:157px;line-height:40px}.nav>ul>li>ul>li>a{display:block;width:157px;font-size:14px;color:#fff;background:#0270a8;line-height:40px}.nav>ul>li>ul>li>a:hover{background:#ff5808;color:#fff}.banner{width:100%;height:500px;overflow:hidden;position:relative}.banner .slides{position:relative;width:100%;height:500px}.banner .slides li{position:absolute;width:100%;height:500px;background-position:center top;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out}.banner .slides li.active{opacity:1}.divider-bar{background:linear-gradient(to right,#0384c6,#ff5808);height:4px}.section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCC;height:45px}.section-title .title-left{display:flex;align-items:center;height:45px}.section-title .big-letter{font-family:"Times New Roman",Times,serif;font-size:60px;color:#ff5808;line-height:45px;margin-right:10px}.section-title .title-en{font-family:"Times New Roman",Times,serif;font-size:24px;color:#666}.section-title .title-cn{font-size:13px;color:#333;margin-left:10px}.section-title .title-sub{font-family:"Times New Roman",Times,serif;font-size:14px;font-weight:700;color:#666;line-height:20px}.section-title .more-link{font-size:12px;color:#333}.section-title .more-link:hover{color:#ff5808}.about-section{padding:10px 0}.about-content{display:flex;align-items:center;padding:15px 0}.about-content .about-img{border:2px solid #f1f1f1;width:326px;height:205px;overflow:hidden;flex-shrink:0}.about-content .about-img img{width:326px;height:205px}.about-content .about-text{flex:1;padding-left:20px;font-size:13px;color:#333;line-height:25px}.product-showcase{padding:10px 0}.product-scroll-wrapper{display:flex;align-items:center;padding:15px 0}.product-scroll-wrapper .scroll-btn{width:23px;height:24px;flex-shrink:0;cursor:pointer}.product-scroll-wrapper .scroll-area{flex:1;overflow:hidden;height:250px}.product-scroll-wrapper .scroll-track{display:flex;gap:10px;height:250px;align-items:center}.product-item{width:300px;text-align:center;flex-shrink:0}.product-item img{width:300px;height:200px}.product-item .product-name{height:28px;line-height:28px;text-align:center;color:#FBFBFB;background:#666;font-size:13px}.category-section{display:flex;gap:10px;padding:15px 0}.category-section .category-left{width:540px}.category-section .category-right{width:530px}.category-grid{display:flex;flex-wrap:wrap;gap:10px}.category-item{display:flex;align-items:center;width:260px;height:80px}.category-item img{width:100px;height:80px}.category-item .cat-name{width:160px;height:80px;background:#6aa1e4;color:#FFF;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:25px}.category-item .cat-name a{color:#FFF}.category-item .cat-name a:hover{color:#ff5808}.category-item .cat-note{color:#FFF;font-size:12px}.contact-card{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px;padding:15px;margin-top:20px}.contact-card .contact-info{width:400px;margin-left:auto;padding:10px;font-size:13px;color:#333;line-height:25px}.search-box{border:1px solid #CCC;display:flex;align-items:center;height:50px;margin-top:15px}.search-box .search-icon{width:44px;text-align:center}.search-box .search-label{width:78px;text-align:center;font-size:13px;color:#333;font-weight:700}.search-box .search-input-area{flex:1;padding-right:10px}.search-box input[type=text]{width:300px;height:30px;line-height:30px;border:1px solid #b7b7b7;padding:0 5px}.search-box input[type=submit]{height:32px;cursor:pointer;border:none;background:#ff5808;color:#fff;padding:0 15px}.application-area{padding:15px 0}.application-area .app-images{display:flex;justify-content:center;gap:15px;padding:15px 0}.certificates{padding:15px 0}.cert-scroll-wrapper{display:flex;align-items:center;padding:15px 0}.cert-scroll-wrapper .scroll-btn{width:23px;height:24px;flex-shrink:0;cursor:pointer}.cert-scroll-wrapper .scroll-area{flex:1;overflow:hidden;height:250px}.cert-scroll-wrapper .scroll-track{display:flex;gap:10px;height:250px;align-items:center}.cert-item{text-align:center;flex-shrink:0}.cert-item img{border:2px solid #f1f1f1}.cert-item .cert-name{height:28px;line-height:28px;color:#FBFBFB;background:#666;font-size:13px}.category-card{border:1px solid #CCC;padding:6px;margin:10px 0;display:flex;align-items:center}.category-card .cat-card-img{width:183px;height:48px}.category-card .cat-card-text{flex:1;padding-left:15px}.img-hover a:hover img{opacity:.7}.footer{background:#f9f9f9;border-top:3px solid #0384c6;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:10px}.footer .footer-text{font-size:12px;color:#333;line-height:25px}.footer .footer-text a{color:#333}.footer .footer-text a:hover{color:#ff5808}.inner-layout{display:flex;gap:15px;padding-top:30px}.inner-layout .sidebar{width:275px;flex-shrink:0}.inner-layout .sidebar .sidebar-title{height:38px;line-height:38px;text-align:center;background:#0384c6;color:#FFF;font-size:18px;border-radius:2px}.inner-layout .sidebar .sidebar-menu{margin-top:10px}.inner-layout .sidebar .sidebar-menu li{height:32px;line-height:32px;text-align:center;border-bottom:1px dashed #CCC;font-size:13px}.inner-layout .sidebar .sidebar-menu li a{color:#333}.inner-layout .sidebar .sidebar-menu li a:hover{color:#ff5808}.inner-layout .sidebar .contact-block{margin-top:20px}.inner-layout .sidebar .contact-block .contact-title{height:38px;line-height:38px;text-align:center;background:#0384c6;color:#FFF;font-size:18px;border-radius:2px}.inner-layout .sidebar .contact-block .contact-body{padding:10px;font-size:13px;color:#333;line-height:25px;background:#f8f8f8;border:1px solid #e0e0e0}.inner-layout .main-content{width:800px;flex-shrink:0}.inner-layout .main-content .breadcrumb{display:flex;justify-content:space-between;align-items:center;height:40px;border-bottom:3px solid #f1f1f1}.inner-layout .main-content .breadcrumb .page-title{font-size:16px;font-weight:700;color:#333}.inner-layout .main-content .breadcrumb .breadcrumb-path{font-size:13px;color:#333}.inner-layout .main-content .breadcrumb .breadcrumb-path a{color:#333}.inner-layout .main-content .breadcrumb .breadcrumb-path a:hover{color:#ff5808}.inner-layout .main-content .content-body{padding:15px 0;line-height:25px;font-size:13px;color:#333}.inner-layout .main-content .content-body p{margin-bottom:15px}.inner-layout .main-content .content-body img{max-width:100%;display:block;margin:15px auto}.product-grid{display:flex;flex-wrap:wrap;padding:15px 0}.product-grid .grid-item{width:225px;margin:5px 0 10px 0;padding:0 15px;overflow:hidden;height:230px;text-align:center}.product-grid .grid-item img{width:220px;height:165px;border:1px solid #e4e4e4;padding:2px}.product-grid .grid-item .product-name{display:block;overflow:hidden;width:220px;line-height:30px;height:30px;text-align:center;font-size:13px;color:#333}.product-grid .grid-item:hover .product-name{color:#ff5808}.pagination{border-top:1px solid #ddd;padding:10px 0 25px 0;margin:10px auto 0;width:98%;text-align:center}.pagination a,.pagination span{border:1px solid #ccc;padding:4px 8px;margin:2px;color:#333;text-decoration:none}.pagination a:hover{font-weight:700;color:#0b3779;background:#eee}.pagination .current{border:1px solid #aaa;color:#000;background:#eee}.line-divider{text-align:center;padding:10px 0}.line-divider img{width:1100px;height:7px}.info-table{width:100%;border-collapse:collapse;margin:15px 0}.info-table th{background:#0384c6;color:#fff;padding:8px 12px;text-align:left;font-size:13px;font-weight:400;border:1px solid #0270a8}.info-table td{padding:8px 12px;border:1px solid #ddd;font-size:13px}.info-table tr:nth-child(even){background:#f9f9f9}.product-detail{display:flex;gap:20px;margin:15px 0}.product-detail .product-image{flex-shrink:0}.product-detail .product-image img{max-width:400px;border:1px solid #e4e4e4}.product-detail .product-info{flex:1}.feedback-form{max-width:600px;margin:20px 0}.feedback-form .form-group{margin-bottom:15px}.feedback-form label{display:block;margin-bottom:5px;font-size:13px;color:#333}.feedback-form .required{color:#ff5808}.feedback-form input[type=text],.feedback-form input[type=tel],.feedback-form input[type=email]{width:100%;height:32px;border:1px solid #ccc;padding:0 10px;font-size:13px}.feedback-form textarea{width:100%;border:1px solid #ccc;padding:8px 10px;font-size:13px}.feedback-form .btn-submit{background:#ff5808;color:#fff;border:none;padding:8px 25px;cursor:pointer;font-size:14px;border-radius:2px}.feedback-form .btn-submit:hover{background:#e04d00}.feedback-form .btn-reset{background:#999;color:#fff;border:none;padding:8px 25px;cursor:pointer;font-size:14px;border-radius:2px;margin-left:10px}h1[style*="clip"]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.lang-disabled{color:#999;cursor:default}.e-slogan{font-size:15px;color:#ff5808;font-weight:700;padding:15px 0;text-align:right;line-height:1.4}.e-welcome{font-size:12px;color:#555}.e-hotline{font-size:12px;color:#555}.e-section-en{font-size:14px;color:#0384c6;font-weight:700;letter-spacing:2px}.e-section-cn{font-size:20px;color:#333;font-weight:700}.e-section-sub{font-size:12px;color:#999}.e-more-link{font-size:13px;color:#0384c6;text-decoration:none;font-weight:700}.e-more-link:hover{color:#ff5808}.e-scroll-btn{width:23px;height:24px;display:inline-block;cursor:pointer;background:#0384c6;color:#fff;text-align:center;line-height:24px;font-size:14px;border-radius:2px;font-weight:700}.e-search-icon{width:35px;height:33px;background:#0384c6;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.e-cat-card-img{width:183px;height:48px;background:#0384c6;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.e-float-title{font-size:14px;font-weight:700;color:#0384c6;padding:8px 0;border-bottom:1px solid #eee}@media(max-width:1200px){.container,.nav,.inner-layout .main-content{width:100%;padding:0 15px}.header .logo img,.header .slogan img{max-width:100%;height:auto}.nav>ul>li{width:auto;flex:1}.nav>ul>li>a{width:auto}.inner-layout{flex-direction:column}.inner-layout .sidebar{width:100%}.inner-layout .main-content{width:100%}.product-grid .grid-item{width:50%}.category-section{flex-direction:column}.category-section .category-left,.category-section .category-right{width:100%}.about-content{flex-direction:column}.about-content .about-img{margin:0 auto}.banner{height:300px}.banner .slides,.banner .slides li{height:300px}}
.lang-switch{display:inline-flex;align-items:center;gap:4px}.lang-active{font-size:12px;color:#999;font-weight:700}.lang-link{font-size:12px;color:#333;text-decoration:none;padding:2px 6px;border-radius:3px;transition:background .2s}.lang-link:hover{background:#0384c6;color:#fff!important}
.lang-sep{color:#ccc;font-size:12px;margin:0 2px}
@media(max-width:768px){
.top-bar{height:auto;padding:5px 0}
.top-bar .container{flex-direction:column;align-items:flex-start;height:auto;line-height:1.8}
.top-bar .welcome,.top-bar .hotline,.top-bar .lang-switch{display:block;width:100%;font-size:11px;white-space:normal}
.top-bar .lang-switch{text-align:right}
.header{height:auto;padding:10px 0;flex-direction:column;align-items:flex-start}
.header .logo img{max-height:50px;width:auto}
.header .slogan{display:none}
.nav-wrapper{height:auto}
.nav{height:auto}
.nav>ul{flex-wrap:wrap;height:auto}
.nav>ul>li{width:33.333%;font-size:13px;flex:none;white-space:nowrap}
.nav>ul>li>a{width:auto;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav>ul>li>ul{position:static;width:100%;visibility:visible;display:none;background:#015a87}
.nav>ul>li:hover>ul{display:block}
.nav>ul>li>ul>li{width:100%}
.nav>ul>li>ul>li>a{width:auto;padding:0 10px}
.banner{height:200px}
.banner .slides,.banner .slides li{height:200px;background-size:cover}
.contact-card .contact-info{width:100%;margin-left:0}
.product-grid .grid-item{width:50%}
.product-item{width:160px}
.product-item img{width:160px;height:110px}
.about-content .about-img{width:100%;height:auto;border:none}
.about-content .about-img img{width:100%;height:auto}
.category-item{width:100%}
.category-item img{width:120px;height:80px}
.category-item .cat-name{flex:1;width:auto;height:auto;min-height:80px}
.product-detail{flex-direction:column}
.product-detail .product-image img{max-width:100%}
.application-area .app-images{flex-wrap:wrap}
.cert-scroll-wrapper .scroll-area,.product-scroll-wrapper .scroll-area{height:auto}
.search-box{flex-wrap:wrap;height:auto;padding:10px}
.search-box input[type=text]{width:100%;margin-bottom:5px}
.search-box .search-input-area{width:100%;padding-right:0}
.footer{height:auto;padding:15px}
.line-divider img{width:100%;height:auto}
}
.flag-cn,.flag-en{display:inline-block;width:18px;height:12px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:4px}.flag-cn{background-image:url("/images/flag-cn.svg")}.flag-en{background-image:url("/images/flag-en.svg")}