@charset "utf-8";html,body,div,span,ul,ol,li,p,h1,h2,h3,h4,h5,h6,input,textarea,select,button,page,view,image,text,navigator{margin:0;padding:0;box-sizing:border-box;outline:none}
input:focus,textarea:focus,select:focus,button:focus{outline:none}
html,body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}
ul,ol,li{list-style:none}
img{border:0;vertical-align:bottom;max-width:100%;object-fit:contain}
a{color:#333;text-decoration:none;transition:all 0.3s;box-sizing:border-box}
a:visited{color:#333}
a:hover,a:active{color:#333}
p,div{word-break:break-all}
body,input,textarea,select,button{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei",sans-serif;font-size:14px}
*{box-sizing:border-box;margin:0;padding:0}
.main{max-width:1400px;margin:0 auto;overflow:hidden;padding:16px}
.main_top{margin-top:50px}
.main1{max-width:1200px;margin:0 auto;overflow:hidden}
.main_h{max-width:1600px;height:100px;margin:0 auto;display:flex;justify-content:space-between;padding-left:5%;padding-right:5%;font-family:"Microsoft YaHei Light","Microsoft YaHei",Arial,Helvetica,sans-serif}
.logo{float:left;overflow:hidden;margin-top:20px}
.logo img{max-height:100px;display:block;width:auto}
.logo1{float:left;overflow:hidden;margin-top:20px;display:none}
.logo1 img{max-height:60px;display:block;width:auto}
.headh{width:100%;display:block;transition:all 0.9s;top:0}
.nav{width:auto;display:block;float:left}
.nav li{display:flex;align-items:center;float:left;position:relative;width:auto;z-index:9999;padding:0 clamp(10px,3vw,30px)}
.nav a{display:block;font-size:18px;line-height:100px;text-align:center;text-decoration:none;transition:all .25s ease;color:#000;font-weight:900;display:flex;align-items:center}
.nav li:hover i svg{transform:rotate(180deg)}
.header-active .nav a{color:#000}
.nav i svg{width:12px;height:12px;transition:all .4s;margin-left:5px}
.cls-1{fill:#000;fill-rule:evenodd}
.header-active .cls-1{fill:#000}
.current a{color:#172a88}
.header-active{background:#fff;transition:all 0.9s;box-shadow:0 2px 20px 0 rgba(96,127,179,.3)}
#submenu{left:0;opacity:0;position:absolute;top:100px;visibility:hidden;z-index:1;width:auto;box-shadow:0px 2px 10px 0 rgba(0,0,0,0.1);left:50%;transform:translateX(-50%);background:#fff;padding:15px}
li:hover ul#submenu{opacity:1;top:100px;visibility:visible}
#submenu li{float:none;width:100%;overflow:hidden;white-space:nowrap;border-bottom:1px solid #f5f5f5;display:block;padding:0}
#submenu li:last-child{border-bottom:none !important}
#submenu a:hover{background:#2878fe;color:#FFF}
#submenu a{background:rgba(255,255,255,1);font-weight:normal;padding:10px 20px;font-size:14px;text-align:left;min-width:64px;color:#000;line-height:25px}
.login_white{float:right;height:100px;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:bold;color:#ec6b00}
.login_white .icon{fill:#ec6b00}
.header-active .login_white{color:#2878fe}
.header-active .logo{display:none}
.header-active .logo1{display:block}
.hamburger{display:none;background:transparent;border:none;color:#000;font-size:26px;cursor:pointer;line-height:60px;margin-left:auto}
.header-active .hamburger{color:#000}
.rotate-180{transform:rotate(180deg) !important;transition:transform 0.4s ease !important}
#submenu a:hover{background:#34ada6;color:#FFF !important;transition:background 0.2s ease;background:#172a88}
@media (max-width:992px){#submenu{padding:0px}
.logo{float:left;overflow:hidden;margin-top:0px}
.main_h{max-width:100%;height:60px}
.nav a i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:55px;margin-left:5px;cursor:pointer}
.nav .submenu li a{color:#333 !important}
.nav .submenu li a:hover{background:#f0f0f0 !important}
.cls-1{fill:#000;fill-rule:evenodd}
.login_white{display:none !important}
.hamburger{display:block}
.nav ul{position:absolute;top:60px;left:0;width:100%;background:#fff;flex-direction:column;box-shadow:0 3px 10px rgba(0,0,0,0.1);display:none;max-height:calc(100vh - 60px);z-index:9999;overflow-y:auto;overflow-x:hidden}
.nav li{width:100%;padding:0;float:none;border-bottom:1px solid #f0f0f0;display:block}
.nav a{color:#000 !important;line-height:55px;padding:0 20px;justify-content:space-between}
.nav i svg{fill:#000 !important}
#submenu{position:static;transform:none !important;left:0 !important;opacity:1 !important;visibility:visible !important;box-shadow:none;border-top:none;background:#f7f7f7;display:none;width:100% !important;top:auto !important}
#submenu li{border-bottom:none}
.logo img{max-height:60px;display:block;width:auto}
#submenu a:hover{color:#333 !important}
}.banner{width:100%;overflow:hidden}
.banner img{width:100%;display:block}
.ls_wrap{max-width:100%;margin:0 auto;padding:50px 15px 0px 15px;overflow:hidden}
.ls_title_box{text-align:center;margin-bottom:45px}
.ls_main_title{font-size:36px;color:#333;position:relative;display:inline-block;padding:0 60px}
.ls_main_title::before,.ls_main_title::after{content:"";width:45px;height:1px;background:#999;position:absolute;top:50%}
.ls_main_title::before{left:0}
.ls_main_title::after{right:0}
.ls_sub_text{margin-top:12px;color:#666;font-size:16px}
.ls_grid{overflow:hidden}
.ls_card{width:48%;float:left;background-color:#fafafa;padding:25px 15px;border-radius:4px;transition:0.3s;margin-bottom:20px}
.ls_card:nth-child(odd){margin-right:4%}
@media(min-width:768px){.ls_card{width:31.333%}
.ls_card:nth-child(odd){margin-right:0}
.ls_card:not(:nth-child(3n)){margin-right:3%}
}.ls_card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.ls_logo_box{text-align:center;margin-bottom:20px}
.ls_logo_img{height:180px;object-fit:contain;max-width:100%;background:#eee}
.ls_card_h3{text-align:center;font-size:18px;color:#222;margin-bottom:16px;font-weight:bold}
.ls_bottom_row{display:flex;justify-content:space-between;align-items:center}
.ls_desc{font-size:14px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;padding-right:8px}
.ls_plus{color:#999}
.bj{width:100%;overflow:hidden;background:url(bj.jpg) no-repeat;background-size:cover;adding-top:75px;margin-top:70px;padding-bottom:70px;padding-top:50px}
.youzhi{width:100%;overflow:hidden}
.ys-wrap{max-width:100%;margin:0 auto;padding:40px 20px;display:flex;align-items:center;justify-content:space-between}
.ys-col-left,.ys-col-right{display:flex;flex-direction:column;gap:70px;width:450px}
.ys-col-center{position:relative;flex-shrink:0}
.ys-item{display:flex;align-items:center;gap:14px}
.ys-item--indent-left{margin-left:100px}
.ys-item--indent-right{margin-right:100px}
.ys-item--reverse{flex-direction:row-reverse;text-align:right}
.ys-number-box{width:70px;height:70px;background-color:#083488;border-radius:6px;color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.ys-number{font-size:32px;font-weight:bold;line-height:1}
.ys-number-line{width:22px;height:2px;background:#fff;margin-top:5px}
.ys-text-wrap{}
.ys-title{font-size:26px;color:#083488;font-weight:bold;margin-bottom:6px}
.ys-desc{font-size:15px;color:#666666;line-height:1.55}
.ys-rotate-wrap{position:relative}
.ys-rotate-ring{animation:ysRotateAnim 5s infinite}
@keyframes ysRotateAnim{0%{transform:rotate(0deg)}
33%{transform:rotate(120deg)}
66%{transform:rotate(240deg)}
100%{transform:rotate(360deg)}
}.ys-rotate-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.ys-rotate-inner p{line-height:30px;font-size:30px;color:#002d78;font-weight:700;text-align:center}
.ys-call-bar{max-width:800px;margin:0 auto 40px;padding:0 20px}
.ys-call-inner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#eaf4ff 0%,#f6f9ff 100%);border-radius:999px;padding:6px 16px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.ys-call-left{display:flex;align-items:center;gap:12px;color:#083488;font-size:16px;font-weight:bold;white-space:nowrap}
.ys-call-left img{width:24px;height:24px;display:block}
.ys-call-phone{font-size:24px;color:#083488;font-weight:800;letter-spacing:1px}
.ys-call-btn{background:linear-gradient(90deg,#f77d00 0%,#ff9500 100%);color:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:bold;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.ys-call-btn img{width:20px;height:20px;display:block}
.ys-call-btn:hover{background:linear-gradient(90deg,#e67000 0%,#ff8800 100%)}
@media (max-width:992px){.ys-wrap{flex-direction:column;gap:32px}
.ys-col-left,.ys-col-right{width:100%;gap:24px}
.ys-col-center{display:none}
.ys-item--indent-left{margin-left:0}
.ys-item--indent-right{margin-right:0}
.ys-number-box{width:58px;height:58px}
.ys-number{font-size:26px}
.ys-title{font-size:19px}
.ys-desc{font-size:14px}
.ys-item--reverse{flex-direction:row;text-align:left}
.ys-call-inner{flex-direction:column;gap:12px;padding:16px}
.ys-call-left{font-size:15px}
.ys-call-phone{font-size:20px}
.ys-call-btn{width:100%;justify-content:center;padding:12px 20px;font-size:15px}
.ys-call-btn{display:none}
}.out_container{width:100%;margin:0px auto;position:relative;padding-top:0px}
.in_container{width:100%;margin:0 auto}
.swiper-slides{text-align:center}
.swiper-slides img{max-width:100%;height:auto;display:block;margin:0 auto 16px}
.swiper-button-prev,.swiper-button-next{--swiper-navigation-size:30px;top:50%;transform:translateY(-50%)}
.swiper-button-prev{left:2%}
.swiper-button-next{right:2%}
.swiper-button-prev::after,.swiper-button-next::after{color:#999}
.news_wrap{max-width:100%;margin:60px auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px}
.news_item{}
.news_title{font-size:22px;color:#223b70;border-left:3px solid #223b70;padding-left:12px;margin-bottom:24px}
.img_box{width:100%;position:relative;margin-bottom:20px}
.img_box img{width:100%;display:block}
.img_text_bar{width:100%;background:rgba(0,0,0,0.65);color:#fff;display:flex;justify-content:space-between;padding:12px 16px;position:absolute;bottom:0;left:0}
.list_box ul{padding-left:22px}
.list_box li{line-height:2.2;color:#555;font-size:16px}
.list_box li a{color:#555;text-decoration:none}
.list_box li a:hover{color:#223b70}
@media (max-width:768px){.news_wrap{grid-template-columns:1fr;gap:45px}
.news_title{font-size:20px}
}.banner_wrap{width:100%;background:#f3f3f3;padding:50px 0}
.banner_inner{display:flex;align-items:center;justify-content:space‑between;flex-wrap:wrap;gap:25px}
.text_left{flex:1;min-width:280px}
.big_title{font-size:32px;color:#002b7a;font-weight:bold;margin-bottom:14px;line-height:1.3}
.tag_line{font-size:18px;color:#777777}
.search_box{display:flex;min-width:300px}
.search_box input{height:48px;padding:0 18px;font-size:16px;border:1px solid #ddd;width:260px}
.search_box button{height:48px;background-color:#002b7a;color:#fff;border:none;font-size:17px;padding:0 26px;cursor:pointer}
@media (max-width:768px){.banner_inner{flex-direction:column;text-align:center;gap:20px}
.big_title{font-size:22px}
.tag_line{font-size:15px}
.search_box{width:100%}
.search_box input{flex:1;width:auto}
}.footer_wrap{width:100%;background:#ffffff;border-top:1px solid #eee;padding:30px 0}
.footer_inner{display:flex;align-items:center;justify-content:space‑between;gap:30px;flex-wrap:wrap}
.footer_left{flex:1;min-width:280px}
.company_logo_box{align-items:center;gap:12px;margin-bottom:20px}
.company_logo_box img{height:50px}
.company_name_cn{font-size:22px;color:#222;font-weight:bold}
.company_name_en{font-size:13px;color:#888;margin-top:2px}
.company_desc{font-size:14px;color:#666;line-height:1.8}
.footer_center{flex:1;min-width:280px}
.phone_row{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.phone_icon{width:36px;height:36px;fill:#002b7a}
.phone_number{font-size:36px;color:#002b7a;font-weight:bold}
.address_row{font-size:14px;color:#666;margin-bottom:12px}
.footer_links{font-size:13px;color:#999}
.footer_links a{color:#999;text-decoration:none;margin:0 4px}
.footer_links a:hover{color:#002b7a}
.footer_right{flex-shrink:0}
.qrcode_box{width:140px;height:140px;border:1px solid #eee;padding:6px}
.qrcode_box img{width:100%;height:100%;display:block}
.copyright_wrap{width:100%;background:#1a1a1a;padding:18px 0}
.copyright_text{font-size:14px;color:#cccccc;text-align:center;line-height:1.7}
.copyright_text a{color:#cccccc;text-decoration:none}
.copyright_text a:hover{color:#ffffff}
@media (max-width:768px){.footer_inner{flex-direction:column;text-align:center;gap:30px}
.company_logo_box{justify-content:center}
.phone_row{justify-content:center}
.phone_number{font-size:28px}
}.container{max-width:100%;margin:30px auto;padding:0 15px;display:flex;gap:30px}
.sidebar{width:305px;flex-shrink:0}
.side-title{background-color:#002b7a;color:#fff;font-size:20px;padding:12px 16px}
.side-menu-box{border:1px solid #ddd;margin-bottom:25px}
.side-menu-list{list-style:none;margin:0;padding:0}
.side-menu-list li{border-bottom:1px solid #eee;background-color:#f7f9fc}
.side-menu-list li:last-child{border-bottom:none}
.side-menu-list li a{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#333;text-decoration:none;font-size:14px;position:relative}
.side-menu-list li a::after{content:">";color:#999;font-size:14px;font-weight:bold}
.side-menu-list li a:hover{background:#e8f0fe;color:#002b7a}
.side-menu-list li a:hover::after{color:#002b7a}
.keyword-wrap{border:1px solid #ddd;padding:18px}
.keyword-row{display:flex;gap:12px;margin-bottom:12px}
.keyword-tag{flex:1;text-align:center;border:1px solid #ddd;padding:8px 4px;font-size:14px;color:#444}
.main-content{flex:1}
.bread{font-size:14px;color:#666;margin-bottom:20px}
.contact-box{border:1px solid #cccccc}
.contact-header{background:#002b7a;color:#ffffff;font-size:20px;padding:14px 18px}
.contact-header span{font-size:15px;color:#b0c4e2}
.contact-item{padding:16px 18px;border-bottom:1px solid #eeeeee;font-size:14px;color:#222;line-height:1.7}
.contact-item:last-child{border-bottom:none}
@media (max-width:768px){.container{display:block;margin:15px auto}
.sidebar{display:none}
.main-content{width:100%}
}.aboutinfo{width:100%;line-height:1.8}
.cert-wrap{max-width:1200px;margin:30px auto;padding:0 15px}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cert-item{border:1px solid #e5e5e5;background:#fff;padding:25px 15px 20px;text-align:center;transition:box-shadow 0.3s}
.cert-item:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.cert-item img{width:100%;max-width:180px;height:120px;object-fit:contain;display:block;margin:0 auto 15px}
.cert-item p{font-size:15px;color:#333;line-height:1.5}
@media (max-width:768px){.cert-wrap{margin:15px auto;padding:0 12px}
.cert-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.cert-item{padding:15px 8px 12px}
.cert-item img{height:90px;margin-bottom:10px}
.cert-item p{font-size:13px}
}.news-wrap{max-width:1200px;margin:30px auto;padding:0 15px}
.news-item{display:block;border:1px solid #e5e5e5;padding:25px 30px;margin-bottom:25px;text-decoration:none;color:inherit;transition:border-color 0.3s}
.news-item:hover{border-color:#002b7a}
.news-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:8px}
.news-title{font-size:20px;font-weight:bold;color:#333}
.news-date{font-size:14px;color:#666;flex-shrink:0}
.news-desc{font-size:15px;color:#888;line-height:1.8;margin-bottom:20px}
.news-more{display:inline-block;border:1px solid #ccc;padding:8px 30px;font-size:14px;color:#333;transition:all 0.3s}
.news-item:hover .news-more{background:#002b7a;color:#fff;border-color:#002b7a}
@media (max-width:768px){.news-wrap{margin:15px auto;padding:0 12px}
.news-item{padding:18px 16px;margin-bottom:15px}
.news-title{font-size:16px}
.news-date{font-size:12px}
.news-desc{font-size:13px;margin-bottom:15px}
.news-more{padding:6px 24px;font-size:13px}
}.product-wrap{max-width:1200px;margin:30px auto;padding:0 15px}
.product-head{display:flex;gap:40px;align-items:flex-start;padding-bottom:30px;border-bottom:1px solid #eee}
.product-img-box{width:360px;flex-shrink:0}
.product-img{border:1px solid #e5e5e5;background:#f7f9fc;padding:15px;text-align:center}
.product-img img{width:100%;height:280px;object-fit:contain;display:block}
.product-info{flex:1}
.product-title{font-size:26px;font-weight:bold;margin-bottom:18px}
.product-intro{font-size:15px;color:#888;line-height:1.8;margin-bottom:30px}
.inquiry-btn{display:inline-block;background:#002b7a;color:#fff;font-size:16px;padding:12px 40px;border:none;cursor:pointer;transition:background 0.3s}
.inquiry-btn:hover{background:#1d4ed8}
.product-body{padding-top:30px}
.tab-content h3{font-size:18px;font-weight:bold;color:#333;margin:20px 0 10px}
.tab-content p{font-size:15px;color:#555;line-height:1.9}
@media (max-width:768px){.product-wrap{margin:15px auto;padding:0 12px}
.product-head{flex-direction:column;gap:20px}
.product-img-box{width:100%}
.product-img img{height:200px}
.product-title{font-size:20px}
.product-intro{font-size:14px}
.tab-content h3{font-size:16px}
.tab-content p{font-size:14px}
}.nd-wrap{max-width:1000px;margin:40px auto;padding:0 20px}
.nd-title{font-size:28px;font-weight:bold;color:#222;line-height:1.4;margin-bottom:15px}
.nd-meta{display:flex;gap:20px;font-size:14px;color:#999;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:25px}
.nd-content{font-size:16px;color:#444;line-height:2}
.nd-content p{margin-bottom:20px}
.nd-content h3{font-size:19px;font-weight:bold;color:#002b7a;margin:25px 0 12px}
@media (max-width:768px){.nd-wrap{margin:20px auto;padding:0 15px}
.nd-title{font-size:20px}
.nd-meta{font-size:12px;gap:12px}
.nd-content{font-size:15px}
.nd-content h3{font-size:17px}
}.page_show{margin:20px 0;text-align:center;width:100%;overflow:hidden;font-size:14px}
.page_show a,.page_show .page_current,.page_show .page_disabled{display:inline-block;height:40px;line-height:40px;min-width:40px;padding:0 10px;text-align:center;margin-right:5px;border-radius:2px;box-sizing:border-box}
.page_show a{background:#F2F2F2;color:#333;text-decoration:none;transition:all 0.2s ease;cursor:pointer}
.page_show a:hover{background:#6d6d6d;color:#FFF}
.page_show .page_current{background:#333;color:#FFF}
.page_show .page_disabled{background:#F2F2F2;color:#999}
.zs-wrap{max-width:1200px;margin:40px auto;padding:0 20px}
.zs-top-title{font-size:26px;font-weight:bold;margin-bottom:12px}
.zs-desc{font-size:16px;color:#555;margin-bottom:35px;line-height:1.7}
.zs-block{margin-bottom:30px}
.zs-block-title{font-size:20px;font-weight:bold;color:#002b7a;padding-bottom:10px;border-bottom:2px solid #002b7a;margin-bottom:20px}
.zs-item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:12px 12px}
.zs-item{font-size:14px;padding:7px 8px;background-color:#f5f8ff;border-radius:4px;text-align:center}
@media (max-width:768px){.zs-wrap{margin:20px auto;padding:0 15px}
.zs-top-title{font-size:20px}
.zs-block-title{font-size:17px}
.zs-item-list{grid-template-columns:repeat(2,1fr);gap:12px}
.main_top{margin-top:5px}
.ls_wrap{max-width:100%;margin:0 auto;padding:10px 15px 0px 15px;overflow:hidden}
}