@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
.clear{ clear:both;}

.zj{ width:1200px; margin:0px auto;clear:both;}
.top{ width:100%;}
.top_t{ width:100%; height:45px; background:#071421;}
.top_tz{ float:left; color:#fff; line-height:45px;}
.top_tr{ float:right; color:#fff; line-height:45px;}
.top_k{ width:100%; height:90px;}
.logo{ float:left; margin-top:20px;}
.menu{ width:600px; float:right;}
.menu ul{}
.menu li{ width:100px; float:left; text-align:center; height:90px; line-height:90px;}
.menu li a{ display:block; color:#333; font-size:16px;}
.menu li a:hover{ background:#11928a; color:#fff;}

.menu{width:600px;float:right;}
.menu ul{list-style:none;padding:0;margin:0;}
.menu li{width:100px;float:left;text-align:center;height:90px;line-height:90px;position:relative;}
.menu li a{display:block;color:#333;font-size:16px;text-decoration:none;}
.menu li a:hover{background:#11928a;color:#fff;}
/* 一级下拉菜单 修改定位实现居中 */
.menu .submenu{display:none;position:absolute;top:90px;left:50%;transform:translateX(-50%);width:160px;background:#ffffff;box-shadow:0 2px 12px rgba(0,0,0,0.1);z-index:9999;}
.menu .submenu li{width:100%;height:50px;line-height:50px;float:none;border-bottom:1px solid #f2f2f2;}
.menu .submenu li a{background:#fff;color:#333;}
.menu .submenu li a:hover{background:#11928a;color:#fff;}
/* 二级下拉菜单 保持向右弹出 */
.menu .submenu2{display:none;position:absolute;top:0;left:160px;width:160px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.1);}
/* 悬浮显示下拉 */
.menu .has-sub:hover > .submenu{display:block;}
.menu .has-sub2:hover > .submenu2{display:block;}

.box{ width:100%;}
.product{ width:100%; padding:80px 0;}
.product_t{ width:100%;}
.product_tz{ width:100%; text-align:center; font-size:40px; font-weight:bold;}
.product_ty{ width:100%; text-align:center; margin-top:10px; color:#607186;}
.product_k{ width:100%; margin-top:30px;}

.fenlei{ width:360px; margin:0px 20px; float:left; height:420px; border-radius:20px; overflow:hidden; position:relative;}
.fenlei::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:transform 1.3s ease; z-index:1;}
.ft1::before{ background-image:url(../images/fenlei1.jpg); }
.ft2::before{ background-image:url(../images/fenlei2.jpg); }
.ft3::before{ background-image:url(../images/fenlei3.jpg); }
.fenlei:hover::before{ transform:scale(1.2);}
.fenlei_s{ width:100%; height:420px; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.4); border-radius:20px; position:relative; z-index:2;}
.fenlei_s a{ display:block; width:100%; padding:240px 20px; box-sizing:border-box; height:100%; text-decoration:none;}
.fenlei_t{ width:100px; height:30px; border:1px #bbbbc2 solid; border-radius:15px; line-height:30px; text-align:center; color:#fff; background-color:rgba(255, 255, 255, 0.2);}
.fenlei_t a{ color:#fff;}
.fenlei_z a{ color:#fff;}
.fenlei_z{ width:100%; margin-top:10px; color:#fff; font-size:20px; font-weight:bold;}
.fenlei_n{ width:100%; margin-top:5px; color:#d6deea; font-size:14px; line-height:1.8;}

.about{ width:100%; padding:80px 0; background:#f1f1f1;}
.about_k{ width:100%; margin-top:50px;}
.about_l{ width:580px; float:left; border-radius:20px; overflow:hidden;}
.about_r{ width:580px; float:right; border-radius:20px; background:#fff; padding:35px; height:450px; box-sizing:border-box;}
.about_rt{ width:100%; color:#b4e0dc;}
.about_ry{ width:100%; font-size:30px; font-weight:bold;}
.about_rn{ width:100%; line-height:1.9; font-size:15px; color:#516071;}
.about_rs{ display: flex; margin-top:10px; flex-wrap: wrap; gap: 10px; justify-content:space-between;}
.about_sz{ width: calc(50% - 12px); box-sizing: border-box; padding: 15px 15px; background-color: #f5f9fd; border-radius: 20px;}
.about_szt{ font-size: 20px; font-weight: bold; color: #0f5b99; margin-bottom: 10px; line-height: 1.1;}
.about_szn{ color: #607286; line-height: 1.5;}

.chanpin_k{ width:1200px; margin:40px auto 0; display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between;}
.pro{ width: calc(25% - 18px); border:1px #ccc solid; box-sizing: border-box; background:#f9f9f9;}
.pro_t{ width:100%; background:#fff;}
.pro_t img{ width:100%;}
.pro_k{ width:100%; padding:10px; box-sizing:border-box; border-top:1px #ccc solid;}
.pro_kt{ width:100%; color:#999;}
.pro_kz{ width:100%; font-size:20px; font-weight:bold; margin-top:5px;}

.fuwu{ width:100%; background:#f1f1f1; padding:80px 0;}
.fuwu_k{ display:flex; flex-wrap:wrap;gap:24px; margin-top:30px;}
.zhichi{ width:calc(25% - 18px); background:#ffffff; border-radius:20px; padding:20px; box-sizing:border-box;}
.zhichi_t{width:55px; height:55px; background:linear-gradient(135deg,#0f72aa,#18a88c); border-radius:16px; font-size:24px; color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:20px; font-weight:500;}
.zhichi_z{font-size:22px; font-weight:bold; color:#111; margin-bottom:12px;}
.zhichi_n{font-size:14px;color:#607082;line-height:1.6;}

.xinwen{ width:100%; padding:80px 0; background:#f8fafc;}
.xinwen_k{ width:100%; margin-top:40px;}
.xinwen_l { width: 49%; float:left; background: #fff; border-radius: 16px; padding: 30px; box-sizing: border-box; }
.xinwen_lt { font-size: 28px; font-weight: bold; color: #111; margin-bottom: 10px; }
.news{ display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #eee; }
.news:last-child{ border-bottom: none; }
.news_sl{ width: calc(100% - 120px); }
.news_slt{ font-size: 18px; color: #222; margin-bottom: 6px;}
.news_slt a{ color:#333;}
.news_slt a:hover{ color:#ff0000;}
.news_sln{ font-size: 15px; color: #666; line-height: 1.5; }
.news_sr{ width: 110px; text-align: right; font-size: 15px; color: #999; white-space: nowrap; }
.xinwen_r{ width: 49%; float:right; background: #fff; border-radius: 16px; padding: 30px; box-sizing: border-box;}

.news_nei{margin-top:30px;}
.newser{padding:24px 18px;border-bottom:1px solid #eee;transition:all 0.25s ease;position:relative;overflow:hidden;}
.newser::before{content:"";position:absolute;left:0;top:26px;width:4px;height:28px;border-radius:2px;background:linear-gradient(135deg,#0f72aa,#18a88c);opacity:0;transition:opacity 0.25s ease;}
.newser:hover{background-color:#f8fbfb;}
.newser:hover::before{opacity:1;}
.newser_sl{width:calc(100% - 120px);float:left;}
.newser_slt{font-size:18px;line-height:1.5;margin-bottom:8px;}
.newser_slt a{color:#222;text-decoration:none;transition:color 0.2s;}
.newser:hover .newser_slt a{color:#0f72aa;}
.newser_sln{font-size:14px;color:#666;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.newser_sr{width:110px;float:right;text-align:right;font-size:14px;color:#999;line-height:46px;}

.foot{ width:100%; background:#081523;}
.foot_t{ width:100%; padding:60px 0;}
.foot_j{ width:370px; margin-right:40px; float:left;}
.foot_jt{ width:100%;}
.foot_jtz{ width:100%; color:#fff; font-size:20px; font-weight:bold;}
.foot_jtn{ width:100%; margin-top:10px; color:#9fb1c3;}
.foot_jn{ width:100%; margin-top:10px; color:#9fb1c3; line-height:1.8;}
.foot_i{ width:160px; float:left; margin-right:80px;}
.foot_it{ width:100%; color:#fff; font-size:20px; font-weight:bold;}
.foot_in{ width:100%; margin-top:5px;}
.foot_in li{ width:100%;  line-height:25px;}
.foot_in li a{ color:#afbbca;}
.foot_in li a:hover{ color:#fff;}
.foot_lx{ width:280px; float:right;}
.foot_n{ width:100%; height:45px; line-height:45px; border-top:1px #1b2734 solid;}
.foot_nl{ line-height:45px; float:left; color:#afbbca;}
.foot_nr{ line-height:45px; float:right; color:#afbbca;}
.foot_nr a{ color:#afbbca;}
.foot_nr a:hover{ color:#fff;}

.banner_n{ width:100%; height:350px; background:url(../images/n_banner.jpg) no-repeat center;}
.weizhi{ width:100%; height:45px; background:#f1f1f1;}
.weizhi_z{ width:1200px; margin:0px auto; height:45px; line-height:45px;}
.weizhi_z a{ color:#666;}
.weizhi_z a:hover{ color:#ff0000;}
.neiye{ width:100%; padding:20px 0 80px 0;}
.lanmu { width: 1200px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px; list-style:none; padding:0; margin:20px auto 0;}
.lanmu li { flex-shrink: 0;}
.lanmu li a { display: block; padding: 10px 32px; background: linear-gradient(135deg, #0f72aa, #18a88c); border-radius: 14px; color: #ffffff; font-size: 16px; text-decoration: none; white-space: nowrap; transition: all 0.2s ease; transform: translateY(0); }
.lanmu li a:hover { opacity: 0.85; transform: translateY(-2px);}
.neiye_k{ width:100%; margin-top:30px;}
.abouter{ width:100%;}
.abouter_t{ width:100%; font-size:44px; font-weight:bold; text-align:center;}
.abouter_n{ width:100%; margin-top:20px; line-height:1.8; font-size:16px!important;}

.biaoti{ width:100%; font-size:34px; font-weight:bold; text-align:center;}
.fabiao{ width:100%; text-align:center; color:#666; margin-top:5px; border-bottom:1px #ccc dashed; padding-bottom:10px;}
.fenpian{ width:100%; margin-top:25px;}
.fenpian_l{ width:100%; height:30px; line-height:30px;}
.fenpian_l a{ color:#333;}
.fenpian_l a:hover{ color:#ff0000;}

.fenye { display: flex; justify-content: center; gap: 10px; margin: 30px 0; }
.fenye a { display: block; padding: 9px 18px; border: 1px solid #0f72aa; border-radius: 14px; background: #ffffff; color: #333333; font-size: 16px; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; }
.fenye a:hover { background: linear-gradient(135deg, #0f72aa, #18a88c); border-color: transparent; color: #ffffff; }
.fenye a.page-num-current { background: linear-gradient(135deg, #0f72aa, #18a88c); border-color: transparent; color: #ffffff;}