@charset "utf-8";
/* ==========================================================================
   page.css  —  内页样式（从各模板内联 <style> 中提取合并）
   依赖：style.css / style1.css / common.css，需在这三个之后引入
   分区：内页导航 / 联系我们 / 关于我们 / 企业文化 / 新闻·产品侧栏 /
         新闻列表 / 产品列表 / 产品详情 / 案例列表
   说明：所有选择器均已按页面类名（tl-fdh-02、pk-*、qywh、news_xin、
         case_page）限定，不改动首页及原有主题样式
   ========================================================================== */

/* ===== 1. 内页导航 tl-fdh-02 ===== */
/* ===== 栏目导航 ===== */
.tl-fdh-02{height:55px;overflow:hidden;background:#fff;margin-bottom:20px; margin-top:30px}
.tl-fdh-02 ul{display:-webkit-box;display:-ms-flexbox;display:flex;}
.tl-fdh-02 li{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;height:55px;border-right:1px solid #eee;background:#efefed;font-size:18px;line-height:55px;text-align:center;white-space:nowrap;overflow:hidden;cursor:pointer;}
.tl-fdh-02 li:last-child{border-right:0;}
.tl-fdh-02 li a{display:block;height:55px;color:#595757;}
.tl-fdh-02 li:hover,.tl-fdh-02 li.sidenavcur{background:#479ee3;border-color:#479ee3;}
.tl-fdh-02 li:hover a,.tl-fdh-02 li.sidenavcur a{color:#fff;}
.tl-fdh-02 li:hover:after,.tl-fdh-02 li.sidenavcur:after{content:"";position:absolute;left:50%;bottom:0;margin-left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:9px solid #fff;}

/* ===== 联系我们 ===== */
.pk-lx{padding-top:30px;padding-bottom:40px;overflow:hidden;}
/* 蓝色联系卡（左侧色块随右侧文字自动等高） */
.pk-lx .con1{overflow:hidden;background:#f5f5f5;}
.pk-lx .con1 dl{display:-webkit-box;display:-ms-flexbox;display:flex;}
.pk-lx .con1 dt{width:315px;-webkit-box-flex:0;-ms-flex:0 0 315px;flex:0 0 315px;border-right:1px dashed #ccc;overflow:hidden;background:#479ee3;}
.pk-lx .con1 dt h3{width:146px;height:140px;float:left;margin:0 20px 0 0;overflow:hidden;}
.pk-lx .con1 dt h3 img{display:block;width:146px;height:140px;}
.pk-lx .con1 dt p{font:30px "Microsoft Yahei";font-weight:bold;color:#fff;margin-top:45px;}
.pk-lx .con1 dd{width:830px;-webkit-box-flex:0;-ms-flex:0 0 830px;flex:0 0 830px;margin:0 0 0 auto;overflow:hidden;}
.pk-lx .con1 dd h4{font:20px "Microsoft Yahei";line-height:28px;color:#333;margin-top:28px;overflow:hidden;}
.pk-lx .con1 dd p{font:16px "Microsoft Yahei";line-height:24px;color:#333;margin:10px 0 15px;padding-right:30px;overflow:hidden;}
/* 联系方式 */
.pk-lx .zy{min-height:290px;margin-top:28px;padding:0 0 24px 32px;background:#f5f5f5;color:#333;font-size:16px;}
.pk-lx .zy ul{clear:both;overflow:hidden;}
.pk-lx .zy ul li{width:570px;float:left;}
.pk-lx .dsbt{display:block;font-size:22px;font-weight:bold;color:#333;margin:0 25px 30px 0;padding:32px 0 21px;border-bottom:2px solid #479ee3;}
.pk-lx .zy li p{margin:20px 0 0;padding:0 0 14px 70px;line-height:47px;border-bottom:1px solid #ddd;background-repeat:no-repeat;background-position:left top;}
.pk-lx .zy .ic1{background-image:url(../images/lxyq_tel.png);}
.pk-lx .zy .ic2{background-image:url(../images/lxyq_mail.png);}
.pk-lx .zy .ic3{background-image:url(../images/lxyq_phone.png);}
.pk-lx .zy .ic4{background-image:url(../images/lxyq_addr.png);}

/* ===== 关于我们：左文右图 ===== */
.pk-about{padding-top:20px;padding-bottom:40px;}
.pk-about-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.pk-about-txt{width:660px;}
.pk-about-txt h3{font-size:30px;line-height:1.4;font-weight:bold;color:#333;}
.pk-about-line{display:block;width:118px;height:8px;background:#479ee3;margin:16px 0 28px;}
.pk-about-intro{font-size:16px;line-height:32px;color:#666;}
.pk-about-intro p{margin:0 0 14px;}
.pk-about-pic{width:500px;height:460px;overflow:hidden;background:#f5f5f5;box-shadow:0 12px 30px rgba(0,0,0,.12);}
.pk-about-pic img{display:block;width:100%;height:100%;object-fit:cover;}
/* ===== 数据统计：沿用首页 .pkStat_list 样式 ===== */
.pk-about-stat{margin-top:50px;padding-top:50px;border-top:1px solid #eee;}
.pk-about-stat .pkStat_list{margin-top:0;}

/* ===== 4. 企业文化 ===== */
.qywh{padding-top:20px;padding-bottom:60px;color:#333;}
.qywh h2,.qywh h3,.qywh h4,.qywh p,.qywh ul,.qywh li{margin:0;padding:0;}
.qywh ul,.qywh li{list-style:none;}

/* Banner */
.qywh-hero{position:relative;overflow:hidden;padding:52px 64px 48px;border-radius:8px;background:linear-gradient(120deg,#0a3d7e 0%,#0d4f97 55%,#1262ad 100%);color:#fff;}
.qywh-hero:before{content:"";position:absolute;right:-130px;top:-170px;width:560px;height:560px;border-radius:50%;background:rgba(77,195,255,.10);}
.qywh-hero:after{content:"";position:absolute;right:90px;bottom:-240px;width:460px;height:460px;border-radius:50%;border:1px solid rgba(255,255,255,.14);}
.qywh-hero>*{position:relative;z-index:1;}
.qywh-hero-tag{display:inline-block;height:30px;line-height:30px;padding:0 16px;border:1px solid rgba(77,195,255,.6);background:rgba(255,255,255,.07);color:#9adcff;font:12px/30px Arial;letter-spacing:2px;}
.qywh-hero-tag b{font-family:"Microsoft Yahei";font-weight:normal;color:#fff;margin-left:10px;letter-spacing:2px;}
.qywh-hero h2{margin-top:24px;font-size:48px;line-height:1.25;font-weight:bold;letter-spacing:4px;color:#fff;}
.qywh-hero h2 i{font-style:normal;color:#12c0e8;margin:0 14px;}
.qywh-hero-line{display:block;width:56px;height:4px;background:#12c0e8;margin:22px 0 18px;}
.qywh-hero p{max-width:760px;font-size:16px;line-height:30px;color:rgba(255,255,255,.82);}
.qywh-hero-tags{margin-top:26px;overflow:hidden;}
.qywh-hero-tags li{float:left;margin-right:12px;padding:0 18px;height:34px;line-height:32px;border:1px solid rgba(255,255,255,.32);border-radius:17px;font-size:14px;color:#fff;}
.qywh-hero-wm{position:absolute;right:48px;bottom:-26px;font:italic bold 120px Arial;letter-spacing:8px;color:rgba(255,255,255,.06);}

/* 通用小节 */
.qywh-sec{margin-top:64px;}
.qywh-tag{display:inline-block;height:28px;line-height:28px;padding:0 12px;background:#0e4c92;color:#fff;font:12px/28px Arial;letter-spacing:1.5px;}
.qywh-tag b{font-family:"Microsoft Yahei";font-weight:normal;margin-left:8px;letter-spacing:1px;}
.qywh .qywh-h3{margin-top:16px;font-size:34px;line-height:1.35;font-weight:bold;color:#0a3d7e;}
.qywh-line{display:block;width:56px;height:4px;background:#12c0e8;margin-top:16px;}
.qywh .qywh-desc{margin-top:16px;font-size:15px;line-height:28px;color:#666;}

/* 卡片 */
.qywh-cards3,.qywh-cards4{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:34px;}
.qywh-card{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:20px;padding:30px 26px 28px;background:#f4f8fc;border:1px solid #e4eef8;border-radius:6px;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;}
.qywh-card:last-child{margin-right:0;}
.qywh-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,61,126,.12);border-color:#cfe6fa;}
.qywh-no{position:absolute;right:18px;top:10px;font:italic bold 42px Arial;color:#dbe8f5;line-height:1;}
.qywh-card h4{position:relative;font-size:20px;font-weight:bold;color:#0a3d7e;}
.qywh-card em{display:block;width:30px;height:3px;background:#12c0e8;margin:14px 0 16px;}
.qywh-card p{font-size:14px;line-height:26px;color:#5b6b7d;}

/* 团队文化 */
.qywh-team{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:64px;}
.qywh-team-pic{width:560px;height:400px;-ms-flex:none;flex:none;overflow:hidden;border-radius:6px;background:#f2f5f9;}
.qywh-team-pic img{display:block;width:100%;height:100%;object-fit:cover;}
.qywh-team-txt{width:600px;margin-left:auto;}
.qywh-team-txt p{margin-top:18px;font-size:15px;line-height:28px;color:#5b6b7d;}
.qywh-nums{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:26px;}
.qywh-nums li{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:16px;border-left:3px solid #12c0e8;}
.qywh-nums b{display:block;font:bold 34px/1 Arial;color:#0a3d7e;}
.qywh-nums b em{font-style:normal;font-size:15px;color:#12c0e8;margin-left:3px;font-family:"Microsoft Yahei";}
.qywh-nums span{display:block;margin-top:8px;font-size:13px;color:#7a8a9a;}

/* 文化主张 */
.qywh-quote{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:64px;padding:42px 56px;border-radius:8px;overflow:hidden;background:linear-gradient(120deg,#0a3d7e,#1262ad);}
.qywh-quote-txt h3{font-size:28px;font-weight:bold;color:#fff;letter-spacing:1px;}
.qywh-quote-txt p{margin-top:10px;font-size:14px;color:rgba(255,255,255,.72);}
.qywh-quote-btn{position:relative;z-index:1;display:block;height:44px;line-height:42px;padding:0 28px;border:1px solid rgba(255,255,255,.55);border-radius:22px;color:#fff;font-size:15px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.qywh-quote-btn i{margin-left:8px;font-style:normal;}
.qywh-quote-btn:hover{background:#12c0e8;border-color:#12c0e8;color:#fff;}
.qywh-quote-wm{position:absolute;right:40px;top:-30px;font:italic bold 110px Arial;letter-spacing:6px;color:rgba(255,255,255,.05);}

/* ===== 新闻/产品页左侧栏 ===== */
.news_xin .floor_1{padding-top:0;}
.news_xin .floor_1_1{width:270px;margin-top:50px;}
.news_xin .floor_1_1 .pro_nl{padding-top:2px;}
.news_xin .side_box{background:#fff;margin:5px;padding:10px;}
.news_xin .side_tit{height:40px;line-height:40px;background:#005faf;color:#fff;font-size:17px;font-weight:normal;text-align:center;}
.news_xin .side_box ul{display:block;width:auto;margin:0;}
.news_xin .side_pro ul{margin-top:6px;overflow:hidden;}
.news_xin .side_pro li{float:left;width:116px;margin:0 8px 10px 0;}
.news_xin .side_pro li:nth-child(2n){margin-right:0;}
.news_xin .side_pro li a{display:block;}
.news_xin .side_pro li img{display:block;width:116px;height:87px;object-fit:cover;background:#f5f5f5;}
.news_xin .side_pro li span{display:block;height:34px;margin-top:6px;font-size:12px;line-height:17px;color:#555;overflow:hidden;text-align:center;}
.news_xin .side_pro li a:hover span{color:#005faf;}
.news_xin .side_news ul{margin-top:6px;}
.news_xin .side_news li{padding:9px 0;border-bottom:1px dashed #dcdcdc;}
.news_xin .side_news li:last-child{border-bottom:0;}
.news_xin .side_news li a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:22px;color:#555;overflow:hidden;}
.news_xin .side_news li a:hover{color:#005faf;}
.news_xin .side_contact p{padding:6px 0;font-size:13px;line-height:22px;color:#666;word-break:break-all;}
.news_xin .side_contact p b{color:#005faf;font-weight:normal;}
/* 产品导航当前项 cur */
.news_xin .pro_nl h4.cur a{background:#479ee3;}
.news_xin .pro_nl li.cur{background:#eef6ff;}
.news_xin .pro_nl li.cur a{color:#005faf;font-weight:bold;}

/* ===== 新闻列表（900 列） ===== */
.news_xin .part_2 .news_ul{width:900px;}
.news_xin .part_2 .news_ul li .box1{width:200px;height:150px;}
.news_xin .part_2 .news_ul li .box1 img{width:200px;height:150px;}
.news_xin .part_2 .news_ul li .box2{width:500px;}
.news_xin .part_2 .news_ul li .box2 h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ===== 产品列表（900 列内 3 个一行） ===== */
.news_xin .girdlist.huxin .item{width:286px;margin-right:21px;}
.news_xin .girdlist.huxin .item:nth-child(3n){margin-right:0;}
.news_xin .girdlist.huxin .item .img{width:284px;height:220px;}
.news_xin .girdlist.huxin .item .img img{width:262px;height:197px;margin-top:11px;}

/* ===== 产品详情（900 列） ===== */
.news_xin .showProduct .imgtxtcon{width:330px;margin-left:40px;}
.news_xin .showProduct .imgtxtcon .tit{font-size:22px;line-height:1.4;}
.news_xin .showProduct .imgtxtcon .tel span{display:block;font-size:14px;color:#999;}
.news_xin .showProduct .imgtxtcon .tel strong{font-size:30px;line-height:36px;}
.news_xin .showProduct .imgtxtcon .btn1,.news_xin .showProduct .imgtxtcon .btn2{margin-left:0;margin-right:10px;}

/* ===== 案例/解决方案列表（4 个一行） ===== */
.case_page .girdlist.huxin .item{width:285px;margin-right:20px;}
.case_page .girdlist.huxin .item:nth-child(3n){margin-right:20px;}
.case_page .girdlist.huxin .item:nth-child(4n){margin-right:0;}
.case_page .girdlist.huxin .item .img{width:283px;height:auto;}
.case_page .girdlist.huxin .item .img img{width:261px;height:auto;margin-top:11px;}

/* ===== 10. 公共页头（comm/top.html） ===== */
/* ============ 头部布局：LOGO 左 / 电话 + 微信二维码 右，整体垂直居中 ============ */
.head_main_nav .w1200 {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:120px;
}
.head_main_nav .logo {
	float:none;
	padding-top:0;
	flex:0 0 auto;
}
.head_main_nav .logo a {
	display:block;
}
.head_main_nav .logo img {
	display:block;
	width:auto;
	height:70px;
}
.head_main_nav .head_contact {
	display:flex;
	align-items:center;
	flex:0 0 auto;
}
.head_main_nav .tel_main {
	float:none;
	width:auto;
	margin:0 20px 0 0;
	display:flex;
	align-items:center;
}
.head_main_nav .tel_main s.ico {
	float:none;
	margin:0 12px 0 0;
	flex:0 0 auto;
}
.head_main_nav .tel_main .tel_txt {
	display:block;
}
.head_main_nav .tel_main .tel_txt .webTel {
	margin-top:8px;
}
.head_main_nav .tel_main .tel_txt .webTel:first-child {
	margin-top:0;
}
/* 微信二维码 */
.head_main_nav .tel_qr {
	flex:0 0 auto;
	width:96px;
	height:96px;
	padding:4px;
	background:#fff;
	border:1px solid #dcdcdc;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
-webkit-transition:border-color .3s;
transition:border-color .3s;
}
.head_main_nav .tel_qr:hover {
	border-color:#005197;
}
.head_main_nav .tel_qr img {
	display:block;
	width:100%;
	height:100%;
}
/* ============ 蓝色导航条吸顶（页头其余部分随页面上滚） ============ */
.header_main.is-fixed {
	position:fixed;
	left:0;
	top:0;
	right:0;
	width:100%;
	z-index:9999;
	box-shadow:0 3px 12px rgba(0, 0, 0, .18);
	transform:none !important;
}
.header_main_holder {
	display:none;
	height:60px;
}
/* ===== banner 自适应（覆盖 style.css 固定 1920×688 居中裁切） ===== */
  #banner_main {
	max-width:1920px;
	margin:0 auto;
	width:100%;
}
#banner_main .banner {
	position:relative;
	width:100%;
	height:auto;
	min-width:0;
	margin:0 auto;
}
#banner {
	position:relative;
	width:100%;
	min-width:0;
	overflow:hidden;
	z-index:0;
	padding-top:35.833%;
} /* 高度随宽度等比(1920:688) */
#banner, #banner .banner ul {
	max-height:none;
	height:auto;
	overflow:hidden;
}
#banner .list {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
}
.banner li {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	overflow:hidden;
	display:none;
}
.banner li:first-child {
	display:block;
}
.banner li a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
}
.banner li img {
	width:100% !important;
	height:100% !important;
	min-width:0 !important;
	position:absolute;
	left:0;
	top:0;
	margin:0 !important;
	display:block;
	object-fit:cover;
}
#banner .tip {
	width:100%;
	left:0;
	margin-left:0;
	text-align:center;
}

/* ===== 11. 公共页脚（comm/foot.html） ===== */
/* ===== 页尾 ===== */
.pkf{position:relative;overflow:hidden;background:#001119 url(../images/fbj.jpg) no-repeat right top;background-size:auto 100%;}
.pkf_inner{width:1200px;margin:0 auto;padding:38px 0 37px;}
/* 内容只占 1200 栅格的 82%（984px），给右下角背景图让位；logo 仍与站内 1200 栅格左边缘对齐 */
.pkf_logo img{display:block;width:490px;height:auto;}
.pkf_cols{display:flex;justify-content:space-between;margin-top:10px;margin-right:18%;}
.pkf_col1{width:44%}
.pkf_col2{width:26%}
.pkf_col3{width:26%}
/* 窄屏：背景图整体缩小并靠右下，始终留在内容右侧（不重叠下限：窗口宽 ≥ 0.6×图宽 + 768） */
@media (max-width:2391px){.pkf{background-size:auto 96%}}
@media (max-width:1890px){.pkf{background-size:auto 80%}}
@media (max-width:1689px){.pkf{background-size:auto 72%}}
.pkf_col h3{font-size:20px;line-height:1;font-weight:bold;color:#fff;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.55);}
.pkf_col ul{margin-top:43px;}
.pkf_col li{position:relative;min-height:32px;line-height:32px;font-size:16px;color:#fff;box-sizing:border-box;}
.pkf_col li+li{margin-top:25px;}
.pkf_col li i{position:absolute;left:0;top:0;width:32px;height:32px;overflow:hidden;}
.pkf_col li i img{display:block;width:32px;height:32px;}
.pkf_col li a{color:#fff;}
.pkf_col li a:hover{color:#4a9eeb;}
.pkf_bottom{display:flex;align-items:center;justify-content:space-between;margin-top:65px;margin-right:18%;padding-top:24px;border-top:1px solid rgba(255,255,255,.55);}
/* 社交图标：鼠标移入后在上方弹出对应二维码 */
.pkf_social{font-size:0;line-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.pkf_social_item{position:relative;margin-right:28px;}
.pkf_social_item:last-child{margin-right:0;}
.pkf_social_item>a{display:block;cursor:pointer;}
.pkf_social_item>a>img{display:block;width:36px;height:36px;}
.pkf_qr{position:absolute;left:50%;bottom:100%;width:150px;margin-bottom:12px;padding:10px 10px 8px;background:#fff;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translate(-50%,8px);-webkit-transform:translate(-50%,8px);-webkit-transition:opacity .25s ease,-webkit-transform .25s ease,visibility .25s ease;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;font-size:0;z-index:99;}
/* 透明连接带：鼠标从图标移向弹层时经过空隙也不会收起 */
.pkf_qr:before{content:"";position:absolute;left:0;right:0;bottom:-13px;height:14px;}
.pkf_qr:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-top-color:#fff;border-bottom:0;}
.pkf_qr img{display:block;width:130px;height:130px;margin:0 auto;background:#fff;}
.pkf_qr span{display:block;margin-top:4px;font-size:12px;line-height:20px;color:#333;text-align:center;}
.pkf_social_item:hover .pkf_qr{opacity:1;visibility:visible;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}
.pkf_icp{font-size:16px;line-height:36px;color:#fff;}
.pkf_icp a{color:#fff;}
.pkf_icp a:hover{color:#4a9eeb;}

/* ===== 12. 相关推荐（产品/案例/方案详情底部，4 个一行） ===== */
.relateNews + .girdlist.huxin .item{width:285px;margin-right:20px;}
.relateNews + .girdlist.huxin .item:nth-child(3n){margin-right:20px;}
.relateNews + .girdlist.huxin .item:nth-child(4n){margin-right:0;}
.relateNews + .girdlist.huxin .item .img{width:283px;height:auto;}
.relateNews + .girdlist.huxin .item .img img{width:261px;height:auto;margin-top:11px;}