@CHARSET "UTF-8";

/*头部样式*/
.head{position:relative;}
#header{width:1200px;margin:0 auto;}
.top{padding-left:10px;padding-right:10px;}
/* logo 区块宽度 = 头部总宽 1200 − 右侧区 779（电话 + 搜索 + 语言 + 导航菜单都在右侧区里，
   菜单第一项「网站首页」就紧贴右侧区左边缘）= 421。
   所以：盒子取 420、左边不留空隙，logo 在 0~421 内水平居中（居中由 pboot.css 的 flex 负责），
   右边那条竖分隔线正好落在 421，与「网站首页」左边缘对齐。
   别再随手改这个宽度——它是跟右侧区宽度配对的，改了竖线就不再贴着菜单了。 */
.logo{float:left;width:420px;margin-left:0;border-right:1px solid #eaeaea;padding-top:35px;padding-bottom:29px;}
.topLink{width:779px;float:right;text-align:right;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.k1{float:right;margin-bottom:45px;}
.topLink .k2{float:right;margin-right:60px;line-height:75px;}

#menu{}

/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:160px;float:right;border:1px solid #ececec;margin-right:22px;margin-top:23px;border-radius:4px;overflow:hidden;}
.hotSearch{width:400px;float:left;font-weight:normal;margin-bottom:45px;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width:1200px;margin:0 auto;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:390px;float:left;margin-left:52px;}
.about_title{background:url(../images/tibg.png) no-repeat left center;color:#5c5c5c;font:400 25px/80px "微软雅黑";padding-top:18px;}
.about .content{color:#838383;font:400 12px/21px "微软雅黑";margin-top:70px;}
.about .content a{display:block;width:160px;text-align:center;font:400 14px/30px "微软雅黑";color:#6e6e6e;border:1px solid #7f8083;margin-top:48px;border-radius:7px;}
.about .content a:hover{color:#00ccff;border-color:#00ccff;}
.about1{width:382px;margin:12px 75px 0 50px;float:left;}
.about2{width:200px;float:left;margin-top:12px;}

/*tab切换样式开始*/
.news .slideTxtBox{margin:70px 70px 0 53px;}
.ctitle{background:url(../images/ntitle.png) no-repeat left center;color:#5c5c5c;font:400 25px/80px "微软雅黑";padding-top:18px;float:left;}
.news .slideTxtBox .hd{float:right;border:1px solid #00ccff;margin-top:42px;border-radius:7px;overflow:hidden;}
.news .slideTxtBox .hd ul{font:600 18px/44px "微软雅黑";}
.news .slideTxtBox .hd ul li{height:44px;line-height:44px;cursor:pointer;font:600 18px/44px "微软雅黑";width:255px;color:#00ccff;text-align:center;float:left;}
.news .slideTxtBox .hd ul li:hover{background:#00a0e9;color:#fff}

.news .slideTxtBox .hd ul li.on{background:#00a0e9;color:#fff}


.news_listt2 .lnews{width:480px;float:left;margin-top:75px;}
.news_listt2 dl{margin-bottom:40px;}
.news_listt2 dd{background:url(../images/date.png) no-repeat center;color:#737373;font:400 12px "Arial";text-align:center;width:76px;height:65px;float:left;padding-top:11px;letter-spacing:-1px;}
.news_listt2 dd span{display:block;font-size:24px;margin-bottom:5px;}
.news_listt2 dt{float:right;width:385px;}
.news_listt2 dt a{color:#4f4f4f;font:600 14px/24px "微软雅黑";display:block;}
.news_listt2 dt a:hover{color:#00ccff;}
.news_listt2 dt span{color:#969696;font:400 12px/22px "微软雅黑";display:block;margin-top:5px;}
.news_listt2 .rimg{width:532px;float:right;margin-top:85px;}
.news_listt2 .rimg img{margin-left:15px;margin-bottom:14px;}


.hengtu{width:1900px;position:relative;left:50%;margin-left:-950px;margin-top:30px;margin-bottom:80px;}


/*首页新闻*/
.c1{background:#f9f9f9;padding-top:25px;padding-bottom:130px;margin-top:80px;}
.news_company{width:545px;float:left;margin-left:53px;}
.news1_title{background:url(../images/qtitle.png) no-repeat left bottom;font-size:16px;color:#1b93b0;height:65px;}
.news_company .content{padding-top:30px;}

/*首页左侧联系我们*/
.contact{width:350px;float:right;margin-right:70px;}
.contact_title{background:url(../images/ctitle.png) no-repeat left bottom;font-size:16px;color:#1b93b0;height:65px;}
.contact .content{padding:5px;padding-left:8px;}


/*产品推荐*/
.cp{background:#f4f8fb;padding:55px 0 85px;margin-top:30px;}
.cptitle{background:url(../images/cptitle.png) no-repeat left center;color:#33536b;font:400 25px/80px "微软雅黑";padding-top:18px;float:left;width:135px;}
.cpnr{padding-left:22px;background:url(../images/cpnr.png) no-repeat left center;float:left;font:600 27px "微软雅黑";color:#6d8090;margin-top:25px;margin-left:25px;}
.cpnr span{display:block;font:400 13px "arial";}

.cp .slideTxtBox{margin:0px 70px 0 53px;}
.cp .slideTxtBox .hd{float:right;border:1px solid #dfe9f0;margin-top:35px;border-radius:7px;overflow:hidden;}
.cp .slideTxtBox .hd ul{font:600 18px/44px "微软雅黑";}
.cp .slideTxtBox .hd ul li{height:44px;line-height:44px;cursor:pointer;font:600 18px/44px "微软雅黑";width:130px;color:#54708a;text-align:center;float:left;}
.cp .slideTxtBox .hd ul li:hover{background:#00a0e9; }
.cp .slideTxtBox .hd ul li.on{background:#00a0e9;color:#fff;}

.cp .slideTxtBox .hd2{float:right;border:1px solid #dfe9f0;margin-top:35px;border-radius:7px;overflow:hidden;}
.cp .slideTxtBox .hd2 ul{font:600 18px/44px "微软雅黑";}
.cp .slideTxtBox .hd2 ul li{height:44px;line-height:44px;cursor:pointer;font:600 18px/44px "微软雅黑";width:130px;color:#54708a;text-align:center;float:left;}
.cp .slideTxtBox .hd2 ul li:hover{background:#00a0e9; }
.cp .slideTxtBox .hd2 ul li.on{background:#00a0e9;color:#fff;}
.cp .slideTxtBox .bd{margin-top:32px;}


/*客户案例*/
.case{margin:0 28px 0 50px;}
.case .title{background:url(../images/case.png) no-repeat left bottom;font-size:25px;color:#5c5c5c;height:49px;position:relative;padding-top:28px;}
.case .title a{position:absolute;display:block;width:132px;height:36px;border:1px solid #adadad;color:#5c5c5c;text-align:center;font:400 12px/36px "宋体";right:0;bottom:0;border-radius:7px;}
.case .title a:hover{color:#00ccff;border-color:#00ccff;}

.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;margin-top:35px;text-align:center}
.picScroll-left .hd ul{overflow:hidden; zoom:1;}
.picScroll-left .hd ul li{display:inline-block;*display:inline;*zoom:1;width:18px; height:18px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer;border:1px solid #00ccff;background:#fff;border-radius:50%;}
.picScroll-left .hd ul li.on{background:#00ccff}
.picScroll-left .bd{margin-top:40px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:373px;}
.picScroll-left .bd ul li .pic{ text-align:center;height:373px; }
.picScroll-left .bd ul li .pic img{ width:373px; height:373px; display:block;}
.picScroll-left .bd ul li .titlee{height:100px;background:url(../images/titlee.png) no-repeat #f7f7f7 center 81%;color:#3089ad;font:600 14px "微软雅黑";padding-top:45px;}
.picScroll-left .bd ul li .titlee a{color:#3089ad;font:600 14px "微软雅黑";}
.picScroll-left .bd ul li .titlee a:hover{color:#ff1919;}
.picScroll-left .bd ul li .titlee span{display:block;font:400 16px "arial";margin-top:10px;}
.picScroll-left .bd ul li .titlee span.sum{font:400 12px "微软雅黑";color:#161616;margin-top:45px;}










.navigation{float:right;width:100px;}

.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}





/*工程案例*/


.news2_company{margin-top:10px;}



/*首页下载中心*/
.down_index{margin-top:10px;width:280px;float:right;}
.down_index .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.down_index .content{padding:5px;}

/*首页区域*/
.region{border:1px solid #e0e1dc;padding:10px;margin-top:10px;color:#333;}
.region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"微软雅黑";background:#f3f3f3;
border-bottom:2px solid #df2525;font-size:14px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}
.city h2{line-height:30px;border-bottom:2px solid #00ccff;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}

/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

/*友情链接*/
.f_link{width:1035px;margin:0 auto;font:400 14px "微软雅黑";color:#fff;padding-bottom:15px;border-bottom:1px solid #4ddbff;}
.f_link span{display:block;font:400 24px "arial";}
.f_link a:hover{color:#fff}
/*页面底部*/
.foot{background:#00ccff;padding:25px 0;}
#footer{}
#footer a{color:#fff;}
#footer a:hover{color:#00ccff;text-decoration:none;}
.nav_foot{line-height:24px;color:#fff;}
.copyright{line-height:24px;}
.copy{width:1035px;margin:0 auto;color:#fff;margin-top:8px;}
.copy a{color:#fff;}
.copy a:hover{color:#ff1919;}
.logo1{width:585px;float:left;margin-top:20px;}
.copy1{width:425px;float:right;}

.foot1{background:#fcfeff}
.dao{width:1200px;margin:0 auto;}
.nav1{width:220px;float:left;border-right:1px solid #e4e4e4;text-align:center;padding-top:35px;height:123px;}

.tt2{font:400 14px/28px "微软雅黑";color:#4f4f4f;text-align:center;}

.sort1{}
.sort1 li{line-height:24px;line-height:24px;}
.sort1 li a{display:block;height:24px;font:400 12px/24px "微软雅黑";color:#4f4f4f;}
.sort1 li a:hover{text-decoration:none;color:#00ccff;}



.more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;}
#footer h3{width:80px;line-height:30px;position:absolute;right:233px;top:5px;font-weight:normal;}

/*------------内页-------------------*/
/* 内页 banner：品牌蓝渐变 + 斜纹装饰 + 栏目名/面包屑（原 1900px 大图弃用） */
.n_banner{position:relative;width:100%;overflow:hidden;
  background:linear-gradient(120deg,#0678b8 0%,#0a90d2 55%,#00ccff 100%);}
.n_banner:before{content:"";position:absolute;right:-120px;top:-90px;width:420px;height:420px;
  border-radius:50%;background:rgba(255,255,255,.08);}
.n_banner:after{content:"";position:absolute;left:-60px;bottom:-160px;width:320px;height:320px;
  border-radius:50%;background:rgba(255,255,255,.06);}
.nb_in{width:1200px;margin:0 auto;padding:56px 0;position:relative;z-index:1;}
.nb_title{font-family:"微软雅黑","Microsoft YaHei",sans-serif;
  font-size:30px;line-height:1;color:#fff;letter-spacing:2px;font-weight:700;}
.nb_crumb{margin-top:16px;font:13px/1 "微软雅黑","Microsoft YaHei",sans-serif;color:rgba(255,255,255,.85);}
.nb_crumb a{color:rgba(255,255,255,.85);text-decoration:none;}
.nb_crumb a:hover{color:#fff;}
.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact p.content{padding:5px;}

.right{width:960px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}

.right .content{padding:10px;padding-top:15px;overflow:hidden;}

/*分页样式*/
.t2 .pagination li{
    display: inline-block!important;
}


/* ============ 公司简介 about 页面：桌面图文环绕（图右浮动，正文左绕排）============ */
.about_content{overflow:hidden;}
.about_hero{margin-bottom:28px;}                 /* 图文环绕：图片右浮动，正文块级行盒被浮动收窄自动绕排；clearfix 已在 HTML 中包裹浮动图 */
.about_hero_txt{margin:0;}                         /* 普通块级（非 BFC），行盒受右侧浮动图影响而缩短 → 文字绕排 */
.about_h2{font:600 22px/36px "微软雅黑";color:#1a4a6e;padding-bottom:8px;margin:0 0 4px;display:inline-block;border-bottom:2px solid #1a4a6e;}
.about_hero_txt .p_content{margin-top:4px;}
.about_hero_img{float:right;width:320px;margin:6px 20px 14px 24px;}
.about_hero_img img{width:100%!important;height:auto!important;display:block;border-radius:8px;box-shadow:0 6px 18px rgba(20,80,140,.12);}
.about_adv{margin-top:6px;}
.about_sec_t{font:600 18px/30px "微软雅黑";color:#333;padding-left:12px;border-left:4px solid #1a4a6e;margin:0 0 16px;}
.adv_list{list-style:none;margin:0;padding:0;display:flex;gap:18px;}
.adv_list li{flex:1;box-sizing:border-box;background:#f6f9fc;border:1px solid #e8eef4;border-radius:8px;padding:18px 16px;transition:.2s;}
.adv_list li:hover{box-shadow:0 6px 16px rgba(20,80,140,.12);transform:translateY(-2px);}
.adv_num{display:block;font:700 20px/1 "微软雅黑";color:#1a4a6e;opacity:.35;margin-bottom:8px;}
.adv_list b{display:block;font:600 15px/22px "微软雅黑";color:#222;margin-bottom:6px;}
.adv_list p{margin:0;font:400 13px/22px "微软雅黑";color:#666;}

/* ============================================================
   单页通用版式（about.html / aboutus.html 共用）
   —— 从 aboutus.html 抽出，供所有单页模板复用；
      页面独有的 Hero / 数据条 / 锚点导航等仍写在各自模板内。
   ============================================================ */
.ab_page{padding:0 0 10px;}
.ab_kicker{font:600 12px/16px Arial,sans-serif;letter-spacing:4px;color:#00a0e9;}
.ab_rule{width:52px;height:3px;border-radius:2px;background:#00a0e9;margin-top:14px;}
/* 热门搜索条：紧贴上方 banner，间距 10px */
.ab_page .hotSearch{margin:10px 0 0;padding:12px 18px;background:#f4f8fb;border-radius:10px;}

/* 单页切换条（企业介绍 / 企业文化 / 联系我们 三等分） */
.ab_tabs{margin:16px 0 0;background:#fff;border:1px solid #e6eef5;border-radius:10px;
	overflow:hidden;box-shadow:0 6px 18px rgba(20,80,140,.06);}
.ab_tabs ul{list-style:none;margin:0;padding:0;display:flex;}
.ab_tabs li{flex:1;min-width:0;border-right:1px solid #eef3f7;}
.ab_tabs li:last-child{border-right:0;}
.ab_tabs li a{display:block;height:56px;line-height:56px;text-align:center;
	font:400 17px/56px "微软雅黑","Microsoft YaHei",Arial,sans-serif;color:#5b6e7e;
	text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	transition:background .18s ease,color .18s ease;}
.ab_tabs li:hover{background:#f4f8fb;}
.ab_tabs li.on,.ab_tabs li.on:hover{background:linear-gradient(120deg,#0a6cb5 0%,#00a0e9 100%);}
.ab_tabs li.on a{color:#fff;}

/* 正文 */
.ab_body{margin:0 auto;padding:30px 0 8px;max-width:920px;
	font:400 16px/2.05 "微软雅黑","Microsoft YaHei",Arial,sans-serif;color:#46596a;}
.ab_body .ab_p{margin:0 0 20px;text-align:justify;text-justify:inter-ideograph;}
/* 后台编辑器常带 -apple-system 等内联字体，统一拉回站点字体 */
.ab_body p,.ab_body span,.ab_body div,.ab_body font,.ab_body b,.ab_body strong{
	font-family:inherit !important;font-size:inherit !important;}
.ab_body img{max-width:100%;height:auto;border-radius:8px;margin:14px 0;}
/* 分块调用（后台拆成子栏目 / 多条内容时） */
.ab_blk{margin:0 0 26px;padding-bottom:24px;border-bottom:1px dashed #e6eef5;}
.ab_blk:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.ab_blk .ab_h3{margin-top:6px;}
.ab_blk_body p{margin:0 0 16px;}
/* 小标题：整块带浅蓝底（原来左侧竖杠的样式偏单薄，改成整片背景块） */
.ab_h3{margin:28px 0 16px;padding:11px 18px;border-radius:8px;
	background:linear-gradient(90deg,#e9f4fc 0%,#f7fbfe 100%);
	font:700 20px/1.5 "微软雅黑","Microsoft YaHei",Arial,sans-serif;color:#17364d;letter-spacing:1px;}
.ab_h3:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;
	background:#00a0e9;margin-right:10px;vertical-align:middle;}
.ab_h3_sec{margin-top:10px;font-size:18px;color:#0a6cb5;
	background:linear-gradient(90deg,#eaf1f9 0%,#f7fafc 100%);}
.ab_h3_sec:before{background:#0a6cb5;}
/* 引言块 */
.ab_quote{margin:26px 0;padding:22px 26px;border-left:4px solid #00a0e9;background:#f4f8fb;
	border-radius:0 10px 10px 0;color:#3d5162 !important;font-size:16px !important;}

/* 区块头 */
.ab_sec_head{margin:0 0 22px;}
.ab_sec_t{margin:6px 0 0;font:700 24px/1.35 "微软雅黑","Microsoft YaHei",Arial,sans-serif;
	color:#22313d;letter-spacing:1px;}
/* 核心理念三卡 */
.ab_idea{margin:40px 0 0;}
.idea_list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px;}
.idea_list li{flex:1 1 calc(33.333% - 16px);min-width:240px;padding:26px 24px;border-radius:12px;
	background:linear-gradient(160deg,#f7fbfe 0%,#eef6fc 100%);border:1px solid #e2edf6;}
.idea_list b{display:block;font:700 18px/1.4 "微软雅黑","Microsoft YaHei",Arial,sans-serif;color:#0a6cb5;}
.idea_list p{margin:10px 0 0;font:400 14px/1.9 "微软雅黑","Microsoft YaHei",Arial,sans-serif;color:#5b6e7e;}
/* 底部 CTA */
.ab_cta{margin:40px 0 24px;border-radius:14px;overflow:hidden;
	background:linear-gradient(120deg,#0a6cb5 0%,#00a0e9 100%);}
.ab_cta_in{padding:34px 40px;color:#fff;}
.ab_cta_in b{display:block;font:700 22px/1.5 "微软雅黑","Microsoft YaHei",Arial,sans-serif;}
.ab_cta_in span{display:block;margin-top:8px;font-size:14px;color:rgba(255,255,255,.85);}
.ab_cta_btn{display:inline-block;margin-top:18px;padding:11px 32px;border-radius:26px;
	background:#fff;color:#0a6cb5;text-decoration:none;
	font:600 15px/1 "微软雅黑","Microsoft YaHei",Arial,sans-serif;}
.ab_cta_btn:hover{background:#eaf6ff;color:#0a6cb5;}
@media (max-width:900px){
	.ab_body{padding:24px 0 8px;font-size:15px;}
	.ab_h3{font-size:18px;margin:24px 0 14px;}
	.idea_list li{flex:1 1 calc(50% - 16px);}
	.ab_cta_in{padding:26px 22px;}
	.ab_cta_in b{font-size:18px;}
}
@media (max-width:640px){
	.idea_list li{flex:1 1 100%;}
	.ab_tabs li a{height:48px;line-height:48px;font-size:15px;}
}