*{box-sizing:border-box}
body,html{margin:0;color:#5f5f5f;font:15px/1.75 "Microsoft YaHei",Arial,sans-serif;background:#fff}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-header{position:fixed;z-index:50;left:0;right:0;top:0;height:147px;background:#fff}
.header-inner{position:relative;width:1210px;height:147px;margin:auto}
.logo{position:absolute;left:0;top:0;width:300px;height:90px;object-fit:contain}
.brand{position:absolute;left:1px;top:88px;width:365px;margin:0;color:#0751af;font-size:23px;font-weight:700;line-height:1.08;letter-spacing:-1.25px;white-space:nowrap;text-shadow:1px 1px #ffd221}
.brand em{color:#efa500;font-style:normal}
.brand .brand-en-mobile,.brand-mobile{display:none}
.brand small{display:block;margin-top:5px;color:#565656;font:12px/1.2 Arial,sans-serif;letter-spacing:4.55px;text-shadow:none}
.notice{position:absolute;left:548px;top:17px;max-width:650px;overflow:hidden;color:#777;font-size:17px;letter-spacing:.3px;white-space:nowrap}
.notice b{color:#c5262d;font-weight:400}
.notice a{margin-left:20px}
.main-nav{position:absolute;right:0;bottom:11px;display:flex;height:80px;align-items:stretch}
.main-nav>a{display:flex;align-items:center;padding:0 21px;font-size:16px;color:#3e3e3e}
.main-nav>a.home,.main-nav>a:hover{background:#0752b5;color:#fff}
.desktop-scroll{position:fixed;z-index:1;inset:0;overflow-y:auto;overflow-x:hidden;padding-top:147px}
.hero{position:relative;height:606px;overflow:hidden;background:#eef7fb}
.hero-slide,.hero-track{position:absolute;inset:0}
.hero-slide{opacity:0;transition:opacity .65s ease}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:606px;object-fit:cover}
.hero-dots{position:absolute;z-index:3;left:0;right:0;bottom:17px;display:flex;justify-content:center;gap:14px}
.hero-dot{width:16px;height:16px;padding:0;border:2px solid rgba(128,0,0,.45);border-radius:50%;background:#fff;cursor:pointer}
.hero-dot.active{border-color:#8f0000;background:#8f0000}
.section-title{height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;text-align:center}
.section-title h2{margin:0;color:#0752b5;font-size:25px;font-weight:700;line-height:1.3}
.section-title p{margin:7px 0 0;color:#777;font:14px Arial,sans-serif}
.section-title i{display:block;width:10px;height:10px;margin-top:17px;background:#0752b5}
.product-stage{height:513px;display:grid;grid-template-columns:36.3% minmax(0,63.7%);overflow:hidden;background:#f2f2f2}
.product-cover{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;background-color:#0752b5;background-image:url('/template/cn/static/images/8f5660466452e616.jpg');background-position:left center;background-size:auto 100%;background-repeat:no-repeat;color:#fff}
.product-cover h2{margin:0;font-size:27px;line-height:1.3}
.product-cover p{margin:7px 0 0;text-align:center;font:14px Arial}
.product-cover i{display:block;width:10px;height:10px;margin:17px auto 0;background:#fff}
.product-panel{min-width:0;display:grid;grid-template-columns:185px minmax(0,1fr);gap:8px;padding:10px 59px 10px 0;overflow:hidden}
.product-cats{min-width:0;display:flex;flex-direction:column;gap:3px}
.product-cats a{height:42px;padding:8px 8px 6px 18px;background:#fff;color:#666;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:clip}
.product-cats a:first-child,.product-cats a:hover{background:#f5a313;color:#fff}
.product-grid{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:39px 20px;padding:4px 0}
.product-card{min-width:0;height:224px;border:1px solid #fff;background:#f4f4f4;padding:33px 10px 12px;text-align:center;overflow:hidden}
.product-card img{width:150px;max-width:100%;height:112px;margin:auto;object-fit:cover}
.product-card p{margin:28px 0 0;color:#666;font-size:15px;white-space:nowrap}
.about-head{height:309px;padding-top:92px}
.action-row{display:flex;justify-content:center;gap:20px;margin-bottom:52px}
.outline-btn{width:160px;height:53px;border:1px solid #0752b5;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#0752b5}
.outline-btn.gold{border-color:#e6a31e;color:#e6a31e}
.about-title{height:auto;justify-content:flex-start}
.about-cards{width:1169px;margin:0 auto 76px;display:flex;align-items:flex-start;gap:0}
.about-card{position:relative;width:342px}
.about-card:nth-child(2){width:387px;margin-left:35px}
.about-card:nth-child(3){width:388px;margin-left:17px}
.about-card img{width:100%;height:242px;object-fit:cover}
.about-card:nth-child(2) img,.about-card:nth-child(3) img{height:240px}
.about-card .text{position:relative;height:464px;margin-top:18px;padding:14px 2px 76px;color:#666;font-size:15px;line-height:25.5px;text-align:justify;overflow:hidden}
.about-card.primary .text{padding:15px 47px 76px;background:#0752b5;color:#fff}
.about-card .text p{margin:0 0 12px}
.about-card .outline-btn{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);width:160px;color:#666;border-color:#aaa}
.about-card.primary .outline-btn{border-color:#fff;color:#fff}
.news-wrap{width:1200px;height:478px;margin:-8px auto 96px;display:grid;grid-template-columns:564px 579px;gap:55px}
.news-feature{position:relative;padding-top:16px}
.news-feature:before{content:'‹';position:absolute;z-index:2;left:10px;top:125px;width:42px;height:44px;border-radius:4px;background:rgba(20,112,184,.48);color:#fff;font:46px/39px Arial;text-align:center}
.news-feature:after{content:'1';position:absolute;z-index:2;left:280px;top:260px;width:25px;height:25px;border-radius:50%;background:#fff;color:#0752b5;font:700 13px/25px Arial;text-align:center}
.news-feature img{width:564px;height:286px;object-fit:cover}
.news-feature h3{margin:10px 0 0;color:#0752b5;font-size:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-feature .muted{color:#aaa;font-size:12px}
.news-feature .excerpt{display:flex;width:429px;margin:2px 0 20px;color:#bbb;font-size:14px;white-space:nowrap}
.news-feature .excerpt-text{min-width:0;overflow:hidden}
.news-feature .excerpt .detail{flex:0 0 auto;color:#555}
.news-mini{position:absolute;left:0;top:401px;width:564px;margin:0;padding:7px 0 0;border-top:1px solid #eee;list-style:none;font-size:13px;line-height:28px}
.news-mini time{display:inline-block;width:86px;color:#aaa}
.news-mini a{color:#555}
.news-links{margin:0;padding:0;list-style:none;border-top:1px dotted #ddd}
.news-links li{display:grid;grid-template-columns:74px 463px;gap:12px;height:94px;padding:11px 0 13px 30px;border-bottom:1px dotted #ddd}
.news-links li:first-child,.news-links li:nth-child(2){height:96.59375px}
.news-links li:nth-child(5){height:84px}
.date-box{height:59px;padding-top:6px;background:#0752b5;color:#fff;text-align:center;line-height:1;white-space:nowrap}
.date-box b{display:block;font:700 27px Arial}
.date-box small{display:block;margin-top:6px;font:12px Arial;white-space:nowrap}
.news-links h3{margin:1px 0 0;color:#555;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-links p{margin:2px 0 0;color:#c5c5c5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-strip{width:1200px;height:100px;margin:0 auto;display:grid;grid-template-columns:400px 282px 258px 260px;color:#fff}
.quick-strip>a,.quick-strip>div{position:relative}
.quick-strip .blue{background:#0e50bb}
.quick-strip .orange{background:#f5a10b}
.quick-strip .gray{background:#eee;color:#555}
.quick-strip img{position:absolute;object-fit:contain}
.quick-strip>a:first-child img{left:60px;top:27px;width:64px;height:66px}
.quick-strip>a:first-child>span{position:absolute;left:147px;top:25px}
.quick-strip>a:nth-child(2) img{left:28px;top:17px;width:70px;height:67px}
.quick-strip>a:nth-child(2)>span{position:absolute;left:115px;top:28px}
.quick-strip>div:nth-child(3) img{left:23px;top:20px;width:75px;height:66px}
.quick-strip>div:nth-child(3)>span{position:absolute;left:105px;top:27px}
.quick-strip>a:nth-child(4) img{left:15px;top:17px;width:64px;height:66px}
.quick-strip>a:nth-child(4)>span{position:absolute;left:84px;top:28px}
.quick-strip strong{display:block;font-size:20px;font-weight:400;line-height:1.4}
.quick-strip small{display:block;font:20px Arial}
.quick-strip>a:nth-child(4) small,.quick-strip>a:nth-child(4) strong,.quick-strip>div:nth-child(3) small,.quick-strip>div:nth-child(3) strong{font-size:18px}
.site-footer{height:119px;padding-top:29px;background:#3d3937;color:#888;text-align:center;font-size:12px}
.site-footer p{margin:2px}
.mobile-bottom,.mobile-only{display:none}
@media(max-width:767px){body,html{width:100%;overflow-x:hidden;font-size:14px}
.desktop-only,.desktop-scroll{display:none!important}
.mobile-only{display:block}
.site-header{position:absolute;height:57px}
.header-inner{width:100%;height:57px}
.logo{display:none}
.brand{left:0;top:0;width:calc(100% - 54px);font-size:16px;line-height:33.6px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:clip}
.brand .brand-en-desktop,.brand-desktop{display:none}
.brand .brand-en-mobile,.brand-mobile{display:block}
.brand-mobile em{color:#ee9d15}
.brand small{margin-top:0;font-size:12px;line-height:16.8px;letter-spacing:0}
.main-nav,.notice{display:none}
.menu-toggle{position:absolute;right:0;top:4px;width:52px;height:52px;border:0;border-radius:0 0 0 4px;background:#0752b5;color:#fff;font-size:31px;line-height:52px}
.mobile-menu{display:none;position:fixed;z-index:80;top:52px;right:0;width:170px;background:#0752b5;color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.28)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.2)}
.mobile-page{padding:57px 0 45px}
.mobile-hero img{width:100%;height:auto}
.mobile-title{text-align:center;padding:41px 0 10px}
.mobile-title h2{margin:0;color:#0752b5;font-size:25px;line-height:31px}
.mobile-title p{margin:9px 0 0;color:#777;font:14px/24px Arial}
.mobile-title i{display:block;width:10px;height:10px;margin:8px auto 0;background:#0752b5}
.honor-grid{display:grid;grid-template-columns:150px 150px;column-gap:5px;row-gap:8px;padding:0}
.honor-card{text-align:center;color:#555}
.honor-card img{width:150px;height:auto;object-fit:contain;border:0}
.honor-card:nth-child(2) img{margin-top:5px}
.honor-card p{margin:6px 0 0;font-size:12px;line-height:16.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.honor-more{width:92px;height:31px;margin:80px auto 0;color:#bbb;border-color:#bbb;font-size:12px}
.intro-title{padding-top:30px;padding-bottom:6px}
.mobile-about-primary{padding:0}
.mobile-about-primary>img{width:320px;height:254px;object-fit:cover}
.mobile-about-primary .copy{height:383px;padding:29px 3px 0;overflow:hidden;color:#5a5a5a;font-size:14px;line-height:21px;text-align:left}
.mobile-about-primary .copy p{margin:0 0 5px}
.mobile-about-primary>.outline-btn{width:92px;height:31px;margin:0 auto;color:#bbb;border-color:#bbb;font-size:12px}
.mobile-about-blue{margin-top:12px}
.mobile-about-blue>img{width:320px;height:198px;object-fit:cover}
.mobile-about-blue .copy{height:367px;padding:11px 7px 0;background:#0752b5;color:#fff;font-size:14px;line-height:21px;overflow:hidden}
.mobile-about-blue .copy p{margin:0 0 5px}
.mobile-about-growth{position:relative}
.growth-media{position:relative;width:320px;height:198px}
.growth-media>img{width:320px;height:198px;object-fit:cover}
.growth-media .media-more{position:absolute;left:112px;top:188px;width:90px;height:29px;color:#bbb;border-color:#ddd;background:#fff;font-size:12px}
.mobile-about-growth .copy{padding:41px 0 0;color:#5a5a5a;font-size:16px;line-height:24px;text-align:left}
.mobile-about-growth .copy p{margin:0}
.mobile-about-growth .copy p:nth-child(2){letter-spacing:.2px}
.mobile-about-growth .growth-more{width:92px;height:31px;margin:5px 0 0 106px;color:#bbb;border-color:#bbb;font-size:12px}
.news-title{padding-top:12px}
.mobile-news{padding:9px 0 214px}
.mobile-news ul{margin:0;padding:0;list-style:none}
.mobile-news li{display:grid;grid-template-columns:60px 182px 55px;gap:8.5px;align-items:center;height:29px;padding-left:3px;border-bottom:1px dotted #bbb;color:#555;font-size:12px}
.mobile-news .category{color:#0752b5;white-space:nowrap}
.mobile-news .headline{min-width:0;justify-self:start;white-space:nowrap;overflow:hidden;text-overflow:clip}
.mobile-news time{display:block;color:#acacac;font:11px/28px Arial;white-space:nowrap}
.mobile-footer{height:100px;padding:24px 0 0;background:#433e3b;color:#999;text-align:center;font-size:11px;line-height:1.45}
.mobile-bottom{display:grid;position:fixed;z-index:70;left:0;right:0;bottom:0;height:45px;grid-template-columns:repeat(3,1fr);background:#3ba32f;color:#fff}
.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.15);font-size:12px}
.mobile-bottom b{font-size:18px;line-height:1}
.mobile-bottom span{line-height:1.2}
}
@media(max-width:767px){body,html{background:#f5f7fa}
.mobile-page{padding-top:57px;background:#f5f7fa}
.mobile-hero{background:#fff}
.mobile-hero img{width:100%;aspect-ratio:1/1;object-fit:cover}
.mobile-title{padding:30px 0 16px}
.mobile-title h2{font-size:23px}
.mobile-title p{margin-top:4px;font-size:12px}
.mobile-title i{width:8px;height:8px;margin-top:8px}
.honor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px}
.honor-card{padding:8px;background:#fff;border:1px solid #e9edf2;border-radius:4px;box-shadow:0 3px 12px rgba(18,64,115,.06)}
.honor-card p{margin:7px 0 1px}
.honor-more{width:110px;height:36px;margin:22px auto 6px;background:#fff;color:#0752b5;border-color:#0752b5}
.intro-title{padding-top:32px}
.mobile-about-list{display:grid;gap:14px;padding:0 12px}
.mobile-about-card{overflow:hidden;background:#fff;border:1px solid #e9edf2;border-radius:5px;box-shadow:0 3px 14px rgba(18,64,115,.07)}
.mobile-about-card>img{width:100%;height:210px;object-fit:cover}
.mobile-about-card .copy{padding:15px 16px 7px;color:#606060;font-size:14px;line-height:1.85;text-align:justify}
.mobile-about-card .copy p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.mobile-about-card:nth-child(2){background:#0752b5}
.mobile-about-card:nth-child(2) .copy{color:#fff}
.mobile-about-card .outline-btn{width:106px;height:35px;margin:8px auto 17px;background:0 0;font-size:12px}
.mobile-about-card:nth-child(2) .outline-btn{border-color:#fff;color:#fff}
.news-title{padding-top:34px}
.mobile-news{margin:0 12px 28px;padding:0;background:#fff;border:1px solid #e9edf2;border-radius:5px;overflow:hidden}
.mobile-news li{grid-template-columns:66px minmax(0,1fr) 72px;gap:7px;width:100%;height:42px;padding:0 9px;font-size:11px}
.mobile-news .headline{overflow:hidden;text-overflow:ellipsis}
.mobile-news time{font-size:10px;text-align:right}
.mobile-footer{height:112px;padding-top:24px}
.mobile-bottom b{font-size:16px}
}