@charset "utf-8";
/* ==========================================================================
   PC Override CSS v6 - Comprehensive Mobile-to-PC Conversion
   Loaded LAST via Nginx sub_filter (before </head>)
   Changes from v5:
   - Added display:block !important on list items (override jQuery .hide())
   - Added .sclwrap_box grid styles (in case mobile slider JS runs from cache)
   - Added slider container overflow fixes
   - Fixed body overflow (PC reset.css has overflow:hidden which clips content)
   ========================================================================== */

/* === BASE === */
html { font-size: 20px !important; -webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
body { min-width: 1200px !important; overflow: visible !important; font-size: 14px !important; font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif !important; }
.wrap, .b-main, .blk-main { width: 1200px !important; margin: 0 auto !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; position: relative !important; }
.g_bd { width: 1200px !important; margin: 0 auto !important; overflow: visible !important; }

/* === HIDE ALL MOBILE ELEMENTS === */
.g_fnva, .g-top2, .menu, .downmenu, .m1-go-top, .id_loading, .pageloader,
.main-footer-1, .main-footer-1-con, .main-footer-1-list, .main-footer-1-mata,
.g-kefu, .nightMode, .akb_night { display: none !important; }

/* === HEADER === */
.g-hd { position: relative !important; z-index: 100 !important; width: 1200px !important; margin: 0 auto !important; }
.top { height: 90px !important; background: #153379 !important; position: relative !important; }
.logo { float: left !important; padding-left: 30px !important; padding-top: 15px !important; }
.logo img { height: 60px !important; width: auto !important; }
.t_dh { float: right !important; color: #FFF !important; width: auto !important; margin-right: 30px !important; }
.t_dh a { text-align: center !important; display: inline-block !important; color: #FFF !important; font-size: 14px !important; padding-left: 25px !important; line-height: 90px !important; }

/* === NAVIGATION: slideMenu -> Horizontal PC Nav Bar === */
.slideMenu {
    width: 1200px !important; margin: 0 auto !important;
    background: #d8e2eb !important; background-image: none !important;
    position: static !important; top: auto !important; right: auto !important;
    padding: 0 !important; z-index: 9 !important;
    display: block !important; height: 50px !important;
    text-align: center !important; overflow: visible !important;
    box-sizing: border-box !important;
}
.slideMenu ul {
    display: flex !important; list-style: none !important;
    height: 50px !important; align-items: center !important;
    justify-content: center !important; padding: 0 !important;
    width: 100% !important; margin: 0 !important;
}
.slideMenu li {
    margin: 0 !important; height: 50px !important; line-height: 50px !important;
    position: relative !important; border: none !important; border-right: 1px solid #c5d2e0 !important;
    float: left !important; flex-shrink: 0 !important;
}
.slideMenu li:last-child { border-right: none !important; }
.slideMenu li.nones { border-right: none !important; }
.slideMenu li a {
    display: block !important; color: #343434 !important;
    font-size: 14px !important; padding: 0 18px !important;
    white-space: nowrap !important;
}
.slideMenu li a:hover { color: #153379 !important; background: #c5d2e0 !important; }
.slideMenu .tel { display: none !important; }

/* === BANNER === */
.banner { position: relative !important; overflow: hidden !important; width: 1200px !important; margin: 0 auto !important; }
.banner .m-box { overflow: hidden !important; }
.banner .sclwrap_box { overflow: hidden !important; }
.banner img { width: 100% !important; height: auto !important; display: block !important; }

/* === SLIDER FIX (in case nsw_mobile.js runs from cache) === */
.j-slide-auto, .j-slide-not, .j-slide-np { overflow: visible !important; }
.j-slide-auto .m-box, .j-slide-not .m-box, .j-slide-np .m-box { overflow: visible !important; }
.sclwrap_box { position: relative !important; overflow: visible !important; width: 100% !important; }
.sclwrap_box > * { display: block !important; }

/* === SECTION TITLES === */
.hdtit { padding-top: 40px !important; text-align: center !important; color: #153379 !important; margin-bottom: 20px !important; font-size: 24px !important; font-weight: normal !important; }
.hdtit a { color: #153379 !important; font-size: 24px !important; }
.hdtit span { display: block !important; font-size: 16px !important; color: #153379 !important; line-height: 24px !important; }
.hdtit em { position: relative !important; padding-bottom: 10px !important; line-height: 14px !important; font-size: 12px !important; color: #999 !important; display: block !important; text-transform: uppercase !important; border-bottom: 1px solid #f5f5f5 !important; }
.hdtit em:before { content: "" !important; position: absolute !important; height: 2px !important; width: 120px !important; left: 50% !important; margin-left: -60px !important; bottom: 0 !important; background: #8dc047 !important; }

/* === FEATURE SECTION (td) === */
.td { background-size: 100% auto !important; height: auto !important; padding: 30px 0 !important; }
.td h2 { border: 0 !important; }
.td p { color: #666 !important; font-size: 14px !important; line-height: 30px !important; text-align: center !important; margin-bottom: 15px !important; }
.td ul { display: block !important; padding: 0 1.56% !important; }
.td li { float: left !important; width: 23.4% !important; border: 2px solid #153379 !important; height: 156px !important; box-sizing: border-box !important; text-align: center !important; color: #153379 !important; font-size: 14px !important; line-height: 24px !important; margin-right: 1.25% !important; display: block !important; }
.td li img { margin: 0 auto !important; width: 60px !important; padding-top: 30px !important; }
.td li:last-child { margin-right: 0 !important; }

/* === COMPANY INTRO (gd) === */
.gd { padding-bottom: 30px !important; border-bottom: 10px solid #f7f7f7 !important; }
.gd p { font-size: 14px !important; color: #3a3a3a !important; line-height: 30px !important; padding: 0 3.75% !important; }
.gd p img.ico { float: left !important; width: 20px !important; padding-right: 15px !important; }
.gd p span { display: block !important; margin-bottom: 10px !important; }

/* === PRODUCT TABS === */
.pro .m-cnt { padding: 10px 1.56% 5px !important; }
.pro .m-cnt li { float: left !important; width: auto !important; border: none !important; margin: 0 3px !important; box-sizing: border-box !important; color: #FFF !important; font-size: 14px !important; text-align: center !important; height: 40px !important; line-height: 40px !important; background: #153379 !important; padding: 0 15px !important; display: block !important; }
.pro .m-cnt li:nth-of-type(3n) { border-right: none !important; }
.pro .m-cnt li.z-on { background: #8dc047 !important; }
.pro .m-cnt li a { color: #fff !important; }

/* === PRODUCT GRID - 4 COLUMNS === */
.pro .pro_con { padding: 10px 1.56% 0 !important; }
.pro .pro_con ul li {
    width: 25% !important; float: left !important; text-align: center !important;
    position: relative !important; margin-bottom: 20px !important; padding: 0 8px !important;
    box-sizing: border-box !important;
    display: block !important;  /* v6: override jQuery .hide() inline display:none */
}
.pro .pro_con ul li:nth-of-type(2n) { margin-left: 0 !important; }
.pro .pro_con ul li span { line-height: 40px !important; height: 40px !important; font-size: 14px !important; color: #FFF !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; width: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; position: absolute !important; bottom: 0 !important; left: 0 !important; }
.pro .pro_con ul li img { width: 100% !important; height: auto !important; }
.pro .pro_con ul li:nth-of-type(2n) { margin-left: 0 !important; }
.pro .pro_con .clear { display: none !important; }

/* === CASE SECTION - 3 COLUMNS === */
.case .m-cnt { padding: 0 1.56% 5px !important; }
.case .case_con { padding: 10px 1.56% 15px !important; }
.case .case_con ul li {
    width: 33.33% !important; float: left !important; text-align: center !important;
    position: relative !important; margin-bottom: 20px !important; padding: 0 8px !important;
    box-sizing: border-box !important;
    display: block !important;  /* v6: override jQuery .hide() inline display:none */
}
.case .case_con ul li span { line-height: 40px !important; height: 40px !important; font-size: 14px !important; color: #FFF !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; width: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; position: absolute !important; bottom: 0 !important; left: 0 !important; }
.case .case_con ul li img { width: 100% !important; height: auto !important; }
.case .case_con .clear { display: none !important; }
.case .m-cnt li { height: auto !important; line-height: 30px !important; font-size: 14px !important; display: block !important; }
.case .m-cnt li img { width: 30px !important; padding-top: 10px !important; }

/* === ADVANTAGES (ys) === */
.ys { background: #f2f2f2 !important; }
.ys em { border-color: #d3d3d3 !important; padding-bottom: 10px !important; }
.ys dl { border-bottom: 5px solid #dadada !important; padding: 25px 1.59% 0 !important; overflow: hidden !important; }
.ys dl .num { float: left !important; width: 80px !important; height: 70px !important; background: #153379 !important; border: 1px solid #000 !important; color: #FFF !important; text-align: center !important; line-height: 70px !important; font-size: 24px !important; margin-right: 20px !important; }
.ys dl h3 { color: #000 !important; font-size: 12px !important; text-transform: uppercase !important; padding-top: 10px !important; height: 70px !important; margin-bottom: 20px !important; }
.ys dl h3 b { font-size: 24px !important; padding: 10px 0 7px !important; font-weight: inherit !important; display: block !important; }
.ys dl p { line-height: 30px !important; padding-left: 100px !important; margin-bottom: 15px !important; background: url(../images/jt.png) no-repeat left 10px !important; background-size: 10px 10px !important; font-size: 14px !important; color: #3F3F3F !important; }
.ys dl.ys1 { padding-top: 0 !important; }
.ys dl.ys4 { background: url(../images/ys_bg.jpg) no-repeat left bottom !important; background-size: 100% auto !important; padding-bottom: 35px !important; border-bottom: 0 !important; }

/* === NEWS === */
.news { padding: 0 1.59% !important; }
.news ul { display: block !important; height: 30px !important; padding-top: 10px !important; }
.news ul li { float: left !important; width: auto !important; border-left: 3px solid #FFF !important; padding-left: 15px !important; height: 20px !important; line-height: 20px !important; font-size: 14px !important; color: #666 !important; margin-right: 20px !important; display: block !important; }
.news ul li.z-on { border-color: #8dc047 !important; color: #8dc047 !important; }
.news dl { padding: 15px 0 !important; border-bottom: 1px solid #d3d3d3 !important; }
.news dl:last-child { border-bottom: 0 !important; }
.news dl dt { float: left !important; width: 30% !important; }
.news dl dd { float: right !important; width: 68% !important; }
.news dl dd span { font-size: 14px !important; color: #000 !important; height: 30px !important; line-height: 30px !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.news dl dd p { line-height: 24px !important; font-size: 14px !important; color: #484848 !important; height: auto !important; max-height: 72px !important; overflow: hidden !important; }

/* === ABOUT === */
.about dl { margin-top: 50px !important; position: relative !important; }
.about dl dd { height: auto !important; min-height: 300px !important; padding-bottom: 30px !important; }

/* === FOOTER === */
.g-ft { padding: 30px 0 30px !important; color: #000 !important; font-size: 14px !important; border-top: 4px solid #153379 !important; text-align: center !important; }
.g-ft a { color: #000 !important; }
.ft_dz { font-size: 12px !important; line-height: 24px !important; color: #333 !important; text-align: center !important; }
.ft_dz img { width: auto !important; max-height: 60px !important; margin: 0 auto 10px !important; display: block !important; }
.ft_dz span { display: inline-block !important; margin: 0 10px !important; }

/* === SECONDARY PAGES === */

/* Page title bar */
.main-tit-11 { height: 60px !important; width: 100% !important; font-size: 20px !important; text-align: center !important; color: #414141 !important; line-height: 60px !important; background: url(images/m11-icon2.jpg) no-repeat center top !important; background-size: 100% 60px !important; border-bottom: 1px solid #153379 !important; }

/* Product listing - 4 columns */
.m4-prod-list-content-1-con { padding-top: 20px !important; }
.m4-prod-list-content-1-con li { width: 25% !important; float: left !important; padding: 0 10px !important; box-sizing: border-box !important; margin-bottom: 20px !important; display: block !important; }
.m4-prod-list-content-1-con li img { display: block !important; width: 100% !important; box-sizing: border-box !important; border: solid 1px #d7d7d7 !important; }
.m4-prod-list-content-1-con span { display: block !important; color: #3b3e3d !important; line-height: 30px !important; text-align: center !important; padding: 0 0 15px !important; font-size: 14px !important; }

/* Article list - single column full width */
.m-cl-xx-3-01 { position: relative !important; margin: 0 !important; padding: 15px 20px !important; border-bottom: 1px solid #e5e5e5 !important; }
.m-cl-xx-3-01-tt { width: 80px !important; height: 50px !important; font-size: 18px !important; text-align: center !important; line-height: 50px !important; color: #fff !important; background: #153379 !important; position: absolute !important; left: 0 !important; top: 15px !important; }
.m-cl-xx-3-01 dl { padding-left: 100px !important; padding-top: 15px !important; }
.m-cl-xx-3-01 dt { height: 30px !important; font-size: 16px !important; color: #626262 !important; line-height: 30px !important; text-overflow: ellipsis !important; white-space: nowrap !important; overflow: hidden !important; }
.m-cl-xx-3-01-desc { margin-top: 5px !important; height: auto !important; max-height: 48px !important; font-size: 14px !important; line-height: 24px !important; color: #626262 !important; overflow: hidden !important; }
.m-cl-xx-3-01-data { font-size: 14px !important; font-weight: bold !important; line-height: 24px !important; color: #626262 !important; }

/* Article list with image - 2 columns */
.m-cl-1nt4-3-01-list { padding: 0 !important; }
.m-cl-1nt4-3-01-list dl { padding: 15px 0 !important; border-bottom: 1px solid #e5e5e5 !important; display: inline-block !important; width: 100% !important; }
.m-cl-1nt4-3-01-list dt { width: 25% !important; float: left !important; margin-right: 3% !important; }
.m-cl-1nt4-3-01-list dt img { width: 100% !important; }
.m-cl-1nt4-3-01-list h3 { height: 40px !important; font-size: 16px !important; line-height: 40px !important; color: #626262 !important; text-overflow: ellipsis !important; border-bottom: 1px solid #f1f1f1 !important; overflow: hidden !important; white-space: nowrap !important; }
.m-cl-1nt4-3-01-list-desc { margin-top: 5px !important; height: auto !important; max-height: 48px !important; font-size: 14px !important; line-height: 24px !important; color: #626262 !important; overflow: hidden !important; }
.m-cl-1nt4-3-01-list-data { font-size: 14px !important; font-weight: bold !important; line-height: 24px !important; color: #626262 !important; }

/* === CONTENT AREAS === */
.endit-content, .content { font-size: 14px !important; line-height: 28px !important; max-width: 1200px !important; margin: 0 auto !important; }
.endit-content img, .content img { max-width: 100% !important; height: auto !important; }

/* Remove all mobile width limits */
.content, .m-box, .banner, .pageloader, .m4-prod-list-content-1, .main-tit-11, .id_loading {
    max-width: none !important; min-width: 0 !important;
}

/* === IMAGES === */
.wrap img { max-width: 100% !important; height: auto !important; }

/* === OVERRIDE MOBILE MEDIA QUERIES === */
@media screen and (min-width: 320px) { html { font-size: 20px !important; } }
@media screen and (min-width: 360px) { html { font-size: 20px !important; } }
@media screen and (min-width: 400px) { html { font-size: 20px !important; } }
@media screen and (min-width: 440px) { html { font-size: 20px !important; } }
@media screen and (min-width: 480px) { html { font-size: 20px !important; } }
@media screen and (min-width: 520px) { html { font-size: 20px !important; } }
@media screen and (min-width: 560px) { html { font-size: 20px !important; } }
@media screen and (min-width: 600px) { html { font-size: 20px !important; } }
@media screen and (min-width: 640px) { html { font-size: 20px !important; } }