/* =========================================================
   hualun-chem.com 参考板块样式
   板块：公司简介 / 荣誉资质 / 新闻 / 底部
   源站：https://www.hualun-chem.com/
   说明：所有选择器加 .hlwrap 作用域前缀，
   覆盖 hxdyechem 页面同名类（.wm/.con_03/.con_06/#bottom/.focus 等）
   ========================================================= */

/* 容器：与热门产品 / 产品中心保持一致，统一固定 1360px 居中（覆盖 hxdyechem 流式 8% 边距） */
.hlwrap .wm{width:1360px;margin:0 auto;}

/* ===================== 公司简介 con_03 ===================== */
.hlwrap .con_03{width:100%;overflow:hidden;padding:90px 0;background: url("../images/bg.jpg") #f1f5f9;


}
.hlwrap .con_03 .about_l{float:left;width:41%;overflow:hidden;border-radius:0 80px 0 80px;}
.hlwrap .con_03 .about_l img{width:100%;height:auto; transition:all 1s;}
.hlwrap .con_03 .about_l img:hover{ transform-origin:center center; transform:scale(1.15,1.15);}
.hlwrap .con_03 .about_r{float:right;width:55%;}
.hlwrap .con_03 .about_r h1{font-size:20px; letter-spacing: 0px; font-weight:bold;color:#28aaf6;font-family:Arial,Helvetica,sans-serif; margin-top: 20px;}
.hlwrap .con_03 .about_r h1 span{color:#28aaf6;}
.hlwrap .con_03 .about_r h2{font-size:34px;display:block;padding-top:15px;color:#000; font-weight: 700;}
.hlwrap .con_03 .about_r h2 span{color:#28aaf6;}
.hlwrap .con_03 .about_r .txt{font-size:16px;line-height:36px;margin-top:20px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.hlwrap .con_03 .about_r .txt a{color:#3d3d3d;}
.hlwrap .con_03 .about_r .txt a:hover{color:#004a99;}
.hlwrap .con_03 .about_r .more{border-top-right-radius: 20px; border-bottom-left-radius: 20px;background:#28aaf6;width:140px;height:44px;text-align:center;line-height:44px;margin-top:30px;}
.hlwrap .con_03 .about_r .more:hover{background:#28aaf6;}
.hlwrap .con_03 .about_r .more a{font-size:16px;color:#fff;}
.hlwrap .con_03 .about_r .more a:hover{font-weight:bold;}

/* 焦点图（关于我们左侧：左右滑动轮播）
   注意：.con_03 ul li 有 width:24% 等规则，这里必须提高特异性覆盖 */
.hlwrap .con_03 .focus{ position:relative; width:100%; height:400px; overflow:hidden; background:#dfeaf3; }
.hlwrap .con_03 .focus .bd{ width:100%; height:400px; overflow:hidden; position:relative; margin:0; }
.hlwrap .con_03 .focus .bd ul{ height:400px; margin:0 !important; padding:0; list-style:none; }
.hlwrap .con_03 .focus .bd li,
.hlwrap .con_03 .focus .bd li:nth-child(1),
.hlwrap .con_03 .focus .bd li:nth-child(2),
.hlwrap .con_03 .focus .bd li:nth-child(3),
.hlwrap .con_03 .focus .bd li:nth-child(4){
  float:left; height:400px; overflow:hidden; margin:0; padding:0; list-style:none;
  border-right:none; text-align:left; width:auto; flex:none;
}
.hlwrap .con_03 .focus .bd li a{ display:block; width:100%; height:400px; }
.hlwrap .con_03 .focus .bd li img{ display:block; width:100%; height:400px; object-fit:cover; }
.hlwrap .con_03 .focus .hd{ position:absolute; left:0; right:0; bottom:18px; z-index:200; text-align:center; height:16px; }
.hlwrap .con_03 .focus .hd ul{ display:inline-block; overflow:hidden; zoom:1; height:16px; margin:0 !important; padding:0; }
.hlwrap .con_03 .focus .hd li,
.hlwrap .con_03 .focus .hd li:nth-child(1),
.hlwrap .con_03 .focus .hd li:nth-child(2),
.hlwrap .con_03 .focus .hd li:nth-child(3),
.hlwrap .con_03 .focus .hd li:nth-child(4){
  float:left; width:12px !important; height:12px; margin:0 5px; padding:0; background:#D9D9D9; border-radius:50px; cursor:pointer; list-style:none; text-indent:-999px; overflow:hidden; border-right:none; flex:none;
}
.hlwrap .con_03 .focus .hd li.on{ background:#28aaf6; }
.hlwrap .con_03 .focus .prev,.hlwrap .con_03 .focus .next{position:absolute;width:40px;height:74px;background: url(../images/hualun/focus_btn.png) no-repeat; z-index:210; text-indent:-999px; overflow:hidden;}
.hlwrap .con_03 .focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.hlwrap .con_03 .focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.hlwrap .con_03 .focus .prev:hover{  background-position:0 0; }
.hlwrap .con_03 .focus .next:hover{  background-position:-40px 0;}

/* 数字统计（.con_03 ul 规则同样命中 .ul-num，保持原站覆盖关系：24% 生效） */
.hlwrap .con_03 ul{margin-top:50px;}
.hlwrap .con_03 ul li{float:left;border-right:1px solid #d7d7d7;text-align:center;}
.hlwrap .con_03 ul li:last-child{border-right:none;}
.hlwrap .con_03 ul li:nth-child(1) {width:24%; }
.hlwrap .con_03 ul li:nth-child(2) {width:24%; }
.hlwrap .con_03 ul li:nth-child(3) {width:24%; }
.hlwrap .con_03 ul li:nth-child(4) {width:24%; }
.hlwrap .con_03 ul li dl dt{font-size:18px}
.hlwrap .con_03 ul li dl dt {  font-weight: 700; margin-top: -20px; color: #28aaf6;}
.hlwrap .con_03 ul li dl dd{font-size:16px;padding-top:5px;}
.hlwrap .con_03 ul.ul-num{display:flex; flex-wrap:wrap; clear:both; margin-top:55px;}
.hlwrap .con_03 ul.ul-num li{flex:1 1 0; float:none; width:auto; color:#414141; border-right:0px solid #ddd; text-align:center; padding:30px 0; }
.hlwrap .con_03 ul.ul-num li:last-child{border-right:none;}
.hlwrap .ul-num span{display:inline-block; vertical-align:middle; font-size:56px; font-family:Arial, Helvetica, sans-serif; line-height:1; margin-bottom:0; color:#28aaf6; font-weight:bold;}
.hlwrap .ul-num dt{font-size:18px; line-height:1.3; white-space:nowrap;}
.hlwrap .ul-num p{font-size:15px; padding-top:8px; color:#555;}

/* ===================== 发展历程 con_history ===================== */
.hlwrap .con_history{width:100%;overflow:visible;padding:70px 0 90px;background:#f7fbfe url(../images/lcbg_history.jpg) no-repeat center 30%;background-size:cover;  margin-bottom: 58px;}
.hlwrap .history-hd{text-align:center;margin-bottom:20px;}
.hlwrap .history-hd h2{font-size:32px;color:#222;font-weight:bold;line-height:1.2;}
.hlwrap .history-hd h2::after{content:"";display:block;width:50px;height:3px;background:#28aaf6;margin:15px auto 0;}
.hlwrap .history-hd p{font-size:16px;color:#666;line-height:1.8;margin-top:18px;}
.hlwrap .history-board{position:relative;width:100%;height:520px;margin:50px auto 30px;overflow:visible;}
.hlwrap .history-svg{position:absolute;left:0;top:0;width:100%;height:520px;display:block;z-index:1;pointer-events:none;}
.hlwrap .history-path{stroke:#28aaf6;stroke-width:3;fill:none;transition:stroke-width .25s ease;}
.hlwrap .history-list{list-style:none;margin:0;padding:0;position:absolute;left:0;top:0;width:100%;height:520px;z-index:2;}
.hlwrap .his-item{position:absolute;width:128px;margin-left:-64px;cursor:pointer;}
.hlwrap .his-dot{position:absolute;left:50%;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;background:#28aaf6;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px rgba(40,170,246,0.25);z-index:3;transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease;}
.hlwrap .his-card{position:absolute;left:50%;width:128px;margin-left:-64px;text-align:center;border-radius:8px;padding:12px 8px;box-sizing:border-box;transition:transform .25s ease, background-color .25s ease, box-shadow .25s ease;}
.hlwrap .his-card strong{display:block;font-size:28px;line-height:1.15;color:#28aaf6;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:6px;transition:color .25s ease, transform .25s ease;}
.hlwrap .his-card p{font-size:13px;line-height:20px;color:#555;margin:0;transition:color .25s ease;}
.hlwrap .his-up .his-card{bottom:22px;padding-bottom:18px;}
.hlwrap .his-up .his-card::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:16px;margin-left:-0.5px;background:#b7e3f8;transition:height .25s ease, background-color .25s ease;}
.hlwrap .his-down .his-card{top:22px;padding-top:18px;}
.hlwrap .his-down .his-card::before{content:"";position:absolute;left:50%;top:0;width:1px;height:16px;margin-left:-0.5px;background:#b7e3f8;transition:height .25s ease, background-color .25s ease;}
/* hover */
.hlwrap .his-item:hover .his-dot{transform:scale(1.45);background:#1a8fd4;box-shadow:0 0 0 5px rgba(40,170,246,0.28);}
.hlwrap .his-item:hover .his-card{background:rgba(255,255,255,0.88);box-shadow:0 6px 18px rgba(26,100,150,0.12);transform:translateY(-4px);}
.hlwrap .his-item.his-down:hover .his-card{transform:translateY(4px);}
.hlwrap .his-item:hover .his-card strong{color:#0f7ec0;transform:scale(1.06);}
.hlwrap .his-item:hover .his-card p{color:#333;}
.hlwrap .his-item.his-up:hover .his-card::after,
.hlwrap .his-item.his-down:hover .his-card::before{background:#28aaf6;height:20px;}
/* 偏长文案略加宽，减少重叠 */
.hlwrap .his-item:nth-child(3) .his-card,
.hlwrap .his-item:nth-child(9) .his-card{width:150px;margin-left:-75px;}
.hlwrap .his-item:nth-child(3),
.hlwrap .his-item:nth-child(9){width:150px;margin-left:-75px;}

/* ===================== 荣誉资质 con_06 ===================== */
.hlwrap .tit3 span{font-size:34px;color:#fff;font-family:Arial;text-align:center; display:block;}
.hlwrap .tit3 h4{font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.hlwrap .tit3 h4::after{content:"";display:block;width:50px;height:2px;background:#fff;margin:15px auto 0;}
.hlwrap .tit3 p{text-align:center;color:#fff;padding-top:15px;font-size:16px;  line-height: 25px;}
.hlwrap .con_06{width:100%;overflow:hidden;background:url(../images/hualun/index_11.jpg) no-repeat top center fixed;margin-bottom:80px;padding:70px 0 70px 0; }
.hlwrap .con_06 ul{margin-top:50px;}
.hlwrap .con_06 ul li{width:23%;margin:0 1%;float:left;overflow:hidden}
.hlwrap .con_06 ul li img{width:100%;height:360px; transition:all 1s;}
.hlwrap .con_06 ul li:hover img{ transform-origin:center center; transform:scale(1.10,1.10)}
.hlwrap .con_06 .gd{width:250px;margin:52px auto 0;height:46px;line-height:46px;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;}
.hlwrap .con_06 .gd a{color:#fff;font-size:16px;}
.hlwrap .con_06 .gd:hover a{font-weight:bold;}

/* ===================== 新闻 part5 ===================== */
.hlwrap .part5 .gs_new{ width:40%;float:left;overflow:hidden;}
.hlwrap .part5 .n_bt{background:url(../images/hualun/pnewbg_03.jpg) repeat-x; height:30px; margin-bottom:25px;}
.hlwrap .part5 .n_bt .tpleft{ background:#fff; color:#000000; font-size:24px; padding-right:15px; line-height:30px;}
.hlwrap .part5 .n_bt a.more{background:#fff url(../images/hualun/grayjt_19.png) right no-repeat; color:#b2b2b2; font-size:14px; padding-right:22px; float:right; line-height:30px; padding-left:15px;}
.hlwrap .part5{ margin-bottom:86px;}
.hlwrap .part5 .gs_new .tou{ border-bottom:1px #d4d4d4 dotted; padding-bottom:30px; margin-bottom:20px;}
.hlwrap .part5 .gs_new .tou .photo{ margin-bottom:28px;}
.hlwrap .part5 .gs_new .tou .photo img{object-fit:cover; display:block;}
.hlwrap .part5 .gs_new .tou .title a{ margin-bottom:13px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:19px; color:#47484a;}
.hlwrap .part5 .gs_new .tou .phgap{height:70px;width:600px;font-size:14px;color:#707275;}
.hlwrap .part5 .gs_new .tou .nr{ font-size:14px; color:#707275; line-height:26px; height:52px; overflow:hidden; margin-bottom:18px;}
.hlwrap .part5 .gs_new .tou .date{ color:#b9b8b8; font-size:14px; margin-bottom:30px;}
.hlwrap .part5 .gs_new .tou a.more{ border:1px #28aaf6 solid;background:url(../images/hualun/bluejt_03.png) center no-repeat; width:69px; height:28px; display:block; border-radius:0px;}
.hlwrap .part5 .gs_new .tou a{ background:none; padding-left:0;}
.hlwrap .part5 .gs_new ul li a{ display:block;background:url(../images/hualun/newtb_14.png) left no-repeat; color:#47484a; font-size:16px; line-height:42px; padding-left:19px;}
.hlwrap .part5 .gs_new ul li a .date{ color:#b9b8b8; font-size:14px; float:right;}
.hlwrap .part5 .gs_new ul li a:hover{background:url(../images/hualun/newtb_12.png) left no-repeat; color:#28aaf6;}
.hlwrap .part5 .hy_new{ width:55%; float:right;overflow:hidden;}
.hlwrap .part5 .hy_new .newsr{background: #f1f5f9;padding:20px 40px;}
/* 右侧两图卡片：图片在上，标题一行、内容两行 */
.hlwrap .part5 .hy_new .op ul{display:block;}
.hlwrap .part5 .hy_new .op ul li{margin:0 0 20px 0;padding-bottom:20px;border-bottom:1px dotted #ddd;overflow:hidden;}
.hlwrap .part5 .hy_new .op ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.hlwrap .part5 .hy_new .op ul li .pic{float:left;width:35%;}
.hlwrap .part5 .hy_new .op ul li .pic img{width:100%;height:130px;object-fit:cover;border-radius:4px;}
.hlwrap .part5 .hy_new .op ul li .zw{float:right;width:62%;}
.hlwrap .part5 .hy_new .op ul li .zw .bt{font-size:18px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;}
.hlwrap .part5 .hy_new .op ul li .zw .bt:hover{color:#28aaf6;}
.hlwrap .part5 .hy_new .op ul li .zw .js{padding-top:12px;color:#707275;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hlwrap .part5 .hy_new .news{border-top:1px dotted #ddd;margin-top:30px;}
.hlwrap .part5 .hy_new .news ul{margin-top:10px;}
.hlwrap .part5 .hy_new .news ul li:nth-child(n+4){display:none;}
.hlwrap .part5 .hy_new .news ul li a{display:block;background:url(../images/hualun/newtb_14.png) left no-repeat; color:#47484a; font-size:16px; line-height:42px; padding-left:19px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hlwrap .part5 .hy_new .news ul li a .date{display:none;}
.hlwrap .part5 .hy_new .news ul li a:hover{background:url(../images/hualun/newtb_12.png) left no-repeat; color:#28aaf6;}

/* ===================== 底部 #bottom =====================
   用 .hlwrap #bottom 提升特异性，覆盖 hxdyechem 的 #bottom 规则 */
.hlwrap #bottom{background-color:#189eed;/*background-image:linear-gradient(90deg, #1a8fd4 0%, #28aaf6 45%, #5bc4f8 100%); */width:100%;overflow:hidden;padding:40px 0 30px;color:#e8f7ff;}
.hlwrap #bottom .lm_t{color:#fff;margin-bottom:15px;font-size:inherit;padding-bottom:0;}
.hlwrap #bottom .lm_t h1{font-size: 18px;padding-top:5px;}
.hlwrap #bottom ul{margin-top:20px;line-height:inherit;font-size:inherit;}
.hlwrap #bottom ul li{line-height:29px;color: #cfe6f7;font-size: 15px;}
.hlwrap #bottom ul li a{font-size:15px;}
.hlwrap #bottom a{color: #cfe6f7;}
.hlwrap #bottom a:hover{color:#fff;}
/* 底部栏目对齐顶部导航：联系方式块 + 4 个导航栏目（企业风貌/联系我们不展示） */
.hlwrap #bottom .bot_contact{width:32%;float:left;font-size:16px; margin-right: 50px;}
/* 销售热线电话号码：加大、加粗、白色 */
.hlwrap #bottom .bot_contact .tel{font-size:28px;color:#fff;font-weight:bold;line-height:1.2;margin-top:8px;background:none;padding-left:0;height:auto;}
.hlwrap #bottom .bot_contact .tel p { font-weight: 700;}
.hlwrap #bottom .bot_contact .tel2{color:#fff;padding-top:12px;font-size:20px;}
.hlwrap #bottom .bot_contact .box{line-height:30px;margin-top:10px;font-size:15px;}
.hlwrap #bottom .bot_contact .bq{padding-top:20px;line-height:24px;font-size:15px;}
.hlwrap #bottom .bot_02{width:14%;float:left;margin-left:2%;}

/* ===================== 右侧浮动条 floatBar =====================
   结构仿 hualun-chem.com #go_top，配色改用孚伦特主色 #28aaf6 */
#floatBar{position:fixed;right:10px;bottom:60px;z-index:999;width:60px;}
#floatBar .fb-group{width:60px;margin:0 0 5px;}
#floatBar .fb-tel,
#floatBar .fb-mail{width:60px;height:60px;border-radius:2px;}
#floatBar .fb-tel a,
#floatBar .fb-mail a{position:relative;display:block;width:60px;height:60px;background:#28aaf6 no-repeat center center;border-radius:2px;text-decoration:none;}
#floatBar .fb-tel a{background-image:url(../images/float_tel.png);}
#floatBar .fb-mail a{background-image:url(../images/float_mail.png);margin-top:5px;}
#floatBar .fb-tel a:hover,
#floatBar .fb-mail a:hover{background-color:#a6ce38;}
#floatBar .fb-tel span,
#floatBar .fb-mail span{display:none;position:absolute;height:60px;top:0;background:#fff;text-align:center;color:#686868;font-size:14px;line-height:60px;box-shadow:0 0 5px #ccc;border-radius:2px;white-space:nowrap;padding:0 18px;box-sizing:border-box;}
#floatBar .fb-tel span{width:190px;left:-200px;}
#floatBar .fb-mail span{width:auto;left:auto;right:70px;padding:0 22px;}
#floatBar .fb-tel a:hover span,
#floatBar .fb-mail a:hover span{display:block;}
#floatBar .fb-tel span::after,
#floatBar .fb-mail span::after{content:" ";position:absolute;top:25px;right:-10px;width:0;height:0;border-width:5px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #fff;}
#floatBar .fb-top{display:block;width:60px;height:60px;background:#28aaf6 url(../images/float_top.png) no-repeat center center;border-radius:2px;text-decoration:none;}
#floatBar .fb-top:hover{background-color:#a6ce38;}
@media screen and (max-width:768px){
#floatBar{display:none;}
}