/* ============================================================
   哲宁人力 · 全站统一样式（单一文件）
   部署位置：skin/css/mobile.css  （覆盖原 mobile.css 即可）
   包含：桌面端蓝色配色(cms+ny) + 顶部标语 + 移动端适配 + 平板两列 + 汉堡菜单样式
   注意：汉堡菜单的点击交互在 zn_nav.js 里（JS 无法放进 CSS），需单独保留
   ============================================================ */


/* ===================== 桌面蓝（ny.css 部分） ===================== */

@charset "utf-8";

/* CSS Document */

body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";color:#000;}

img{border:none;}

p{margin:0;padding:0;}

ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}

a{color:#555555;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}

.clearfix{zoom: 1; }

.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }

.center{margin:auto;}

.moddle{width:1200px;}

.clear{clear:both;}

.sbj{margin-top:30px;}

.sbj1{margin-top:60px;}

.topnav{width: 100%;height: 30px;line-height: 30px;background-color: #ECECEC;color: #393939;font-size: 13px;}

.topnav span{float: right;}

.topnav span a{font-size: 13px;padding: 0px 5px;}



#current{ color:#000!important; font-size:20px;background-color: #ECECEC;}

#wrap{width: 100%;padding: 0 0px;}





.yqlj{ background-color:#333333;line-height:32px;text-align: center;color: #fff;}

.yqlj a{color: #fff;}

/*内页样式*/

.pubdate{text-align: center;font-size: 14px;}

.ileft{ width:220px; float:left; margin-right:10px;margin-bottom: 20px;}

.iright{ width:970px; float:left;margin-bottom: 20px;}

.icpfl dt {color: #fff;font-size: 18px;font-weight: bold;padding-left: 70px;padding-top: 20px;background: url(../images/icon.png) no-repeat 25px center #0050a0;height: 60px;}

.icpfl dt span {font-size: 14px;font-weight: normal;}

.icpfl ul{ padding:15px 0px; background-color:#F0F0F0;}

.icpfl ul li{ background:url(../images/dot1.png) no-repeat 10px center; line-height:32px; height:32px; background-color:#fff; margin-bottom:10px;}

.icpfl ul li a{ padding-left:20px; font-size:14px; color:#000;}

.icpfl ul li a:hover{color:#003d7a;}

.icpfl ul p{ background:url(../images/dot1.png) no-repeat 20px center; line-height:32px; height:32px; background-color:#fff; margin-bottom:10px;}

.icpfl ul p a{ padding-left:30px; font-size:13px; color:#000;}

.icpfl ul p a:hover{color:#003d7a;}

.icpfl ul ol{ background:url(../images/dot1.png) no-repeat 30px center; line-height:32px; height:32px; background-color:#fff; margin-bottom:10px;}

.icpfl ul ol a{ padding-left:40px; font-size:12px; color:#000;}

.icpfl ul ol a:hover{color:#003d7a;}

.lxwm{ margin-top:10px;}

.lxwm dl{ background-color:#0050a0; height:36px; line-height:36px; color:#fff; text-align:center; font-size:16px;}

.lxwm dt{ border:1px solid #ccc; padding:10px 0px 10px 5px; line-height:32px; font-size:14px;}

.mup1{border-bottom:2px solid #333; height:39px; line-height:39px; font-size:14px; margin-bottom:15px;}

.mup{background-color: #0050a0; height:42px;line-height: 42px;color:#fff; font-size:14px;}

.mup p{height:42px;float:left;padding-left: 15px;}

.mup span{float:right;padding-right:10px;}

.mup span a{ font-size:14px; color:#fff;}

.mup span a:hover{color:#1a6bc4;}





.hg{line-height:30px;}

.tp{width:950px;height:150px;border-bottom:1px #e4e4e4 solid;margin:auto;margin-top:10px;padding-bottom: 10px;}

.tp_img{width:147px;float:left;margin-right:10px;}

.tp_img a{text-align:center;width:145px;height:145px;display:table-cell;vertical-align:middle;overflow:hidden; border:1px solid #ccc;background-color: #fff;}

.tp_img a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}

.tp_img a img:hover{transform: scale(1.1);}

.tp_wz{width:793px;float: right;}

.tp_wz_bt{height:30px;line-height:30px;text-align: left;}

.tp_wz_bt a{font-size:14px;font-weight: bold;}

.tp_wz_bt span{float: right;padding: 0px 10px 0px 10px;background: #0050a0;}

.tp_wz_bt span a{font-size: 12px;font-weight: normal; color:#fff;}

.tp_wz_bt span a img{margin-right: 10px;}

.tp_wz_nr{line-height:30px;text-align: left;}









.rytp{width:227px;float:left;margin:0px 5px;}

.rytp a{width:225px;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}

.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s;}

.rytp a img:hover{transform:scale(0.9);}

.rytp p{line-height:40px;height:40px;text-align:center;width:227px;margin:0px auto;}

.tittle{text-align:center;line-height:40px;height:40px;font-size: 18px;font-weight: bold;margin-top: 20px;}

.lb{text-align: left;}

.lb a{ color:#333;}

.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right: 2%; background:url(../images/dot1.png) no-repeat left center;color:#333;}

.nyxw2 a{ padding-left:20px; color:#333;}

.nyxw2 span{float: right;height:40px;line-height:40px}

.xgcp{width:227px;float: left;margin:0px 5px;text-align: center;line-height:25px;}

.xgcp a{ height:180px; overflow:hidden; display:inline-block;width:225px;}

.xgcp a img{border: 1px solid #ccc; -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;}

.xgcp a img:hover{-webkit-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

    -webkit-transition: all 0.6s ease-out;

    -moz-transition: all 0.6s ease-out;

    transition: all 0.6s ease-out;}

.xgcp p{ line-height:32px;}

.xgcp p a{ color:#333;}

.page{width:880px;text-align: center;margin: 0px auto;}

.page li{text-align: center;padding-right: 10px;float: left}

.page li a{ color:#333;font-size: 14px;}



.inews{padding: 10px;text-align: left;}

.inews li{height:40px;line-height:40px;text-align: left;border-bottom: 1px #D5D5D5 dotted; background:url(../images/dot1.png) no-repeat left center;}

.inews li a{ padding-left:20px; color:#636363; font-size:14px;}

.inews li a:hover{color: #003d7a;}

.inews li span{float:right;}

/*内页样式*/

.nr{line-height:30px;padding:10px 9px;font-size: 14px;border: 1px solid #ccc;}
.dyh_img{width: 220px; height: auto; text-align: center;}
.dyh_img img{ width: 220px; height: auto;}
.dyh_img p{ text-align: center; height: 35px; line-height: 35px;}


/* ===================== 桌面蓝（cms.css 部分） ===================== */

@charset "utf-8";
/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
*{padding:0px;margin:0px;}
html{}
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333333;background: url(../images/bg.jpg) repeat center center;}
img{border:none;}
a{color:#333333;text-decoration:none;transition:all 0.3s ease-in-out 0s;}

ul,li,ol,dl,dt,dd{list-style:none; padding:0px; margin:0px auto;}
input, select, button{font:12px Verdana, Arial, Tahoma;vertical-align:middle;}
.clear{clear:both;}
.center{margin:0px auto;}
.w960{width:1200px;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.logo{ float:left; margin:20px 0}
.logo img{ height:80px; display:block}
.adminbuy_dl{ float:right; margin:35px 0}
.adminbuy_dl dt{ float:left; margin-right:10px}
.adminbuy_dl dd{float: left; line-height: 50px; font-size: 28px; font-weight: bold;  color: #0050a0;}
.menu{ width:100%;height:52px; background-color:#0050a0;}
.nav-item{position:relative;float:left;width:150px;height:52px;z-index:9999;text-align:center;line-height: 52px;}
.nav-item a{ color:#fff;font-size: 14px;font-weight: bold; display:block}
.nav-item p{ text-transform:uppercase;}
.sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:52px;left:0px;}
.subnav-item{width:150px;height:35px;line-height:35px;border-bottom:1px solid #fff;}
.subnav-link{display:block;color:#fff;background-color: rgba(0,80,160,0.85); }
.subnav-link:hover{color:#fff;background-color:#0050a0;}
.cur1{color:#fff;background:#003d7a}
.nav-item:hover{background:#003d7a}
/*.lxwm{color:#fff; background-color:#0050a0;padding: 50px 0px;}*/
.lxwmbg{ width:1200px; margin:0px auto 0px auto;}
.zxcp{ float:left; width:880px;}
.zxcpt{ height:26px; line-height:26px;border-left:5px solid #fff; padding-left:13px; font-size:18px; font-weight:bold; color:#fff; margin-bottom:20px;}
.zxcpt a{ float:right; padding-right:10px; font-size:12px; color:#fff; padding-top:5px;}
.pro-scr { width:880px; height:auto; OVERFLOW: hidden; ZOOM: 1;}
.pro-scr .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:880px;}
.pro-scr .ScrCont {WIDTH: 32733px; ZOOM: 1;}
.pro-scr #List1_1 {FLOAT:left;}
.pro-scr #List2_1 {FLOAT:left;}
.pro-scr .pl {DISPLAY: block; CURSOR: pointer; float:left;}
.pro-scr .pl li { width:259px; margin:0px 15px; float:left; border:2px solid #fff; text-align:center; line-height:25px;}
.pro-scr .pl li img { width:259px; height:100%;}
.lxfs{ float:right; width:288px; background-color:#fff; margin-left:20px;border: 6px solid #004ba9;color: #000000;padding-bottom: 5px;}
.lxfst{ height:55px;line-height:55px; background-color:#0050a0; font-size:22px; color:#fff;margin:4px;text-align: center;}
.lxfsb{margin:0px 15px;}
.lxfsb p{font-size:18px;margin:13px 0px;}
.lxfsb li{font-size:14px;line-height:36px;}
.lxfsb li img{margin-right: 5px;}
.title{background: url(../images/li.jpg) no-repeat left center;color: #0050a0;text-transform: uppercase;padding-left: 15px;}
.title dt{font-weight: bold;font-size:24px;}
.gywmr{width:250px;float:left; margin-right:25px;}
.gywml{width:925px;float:left;}
.gywml dl{ font-size: 16px; line-height: 35px;}
.gywml li{ margin-bottom:20px;}
.gywml li span{font-size:22px; color:#000000;border-bottom: 4px solid #0050a0;padding-right: 10px;padding-bottom: 10px;}
.gywml strong{float: right;margin-top: 12px;}
.gywml strong a{color: #0050a0;font-weight: normal;font-size:16px;}
.gywml p{line-height:32px; text-indent:2em;font-size: 13px;color: #000;}
.cpfl{width: 280px;float: left;margin-right: 20px;}
.cpfl dt{height:60px;line-height: 60px;background-color:#003D8A;text-align: center;color: #ffffff;font-size:22px;font-weight: bold;}
.cpfl ul{ background-color:#0050a0; padding:0px 20px 20px 20px;}
.cpfl ul li{ background:url(../images/ico.png) no-repeat 10px center; border-bottom:1px dotted #FFFFFF; height:48px; line-height:48px;}
.cpfl ul li a{ color:#fff; font-size:15px; padding-left:35px;font-weight: bold;}
.cpfl ul li a:hover{color: #1a6bc4;margin-left: 10px;}

.fwxm_zlm{ background:url(../images/ico.png) no-repeat 20px center; border-bottom:1px dotted #FFFFFF; height:48px; line-height:48px; padding-left: 12px;}
.fwxm_zlm  a{ color:#fff; font-size:15px; padding-left:35px;font-weight: bold;}
.fwxm_zlm  a:hover{color: #1a6bc4;margin-left: 10px;}


.cpfl ol{ background-color:#1a6bc4;color: #fff;font-size: 16px;line-height: 42px;padding-left:50px;font-weight: bold;}
.pro-con{}
.pro-con ul{width:100%}
.pro-con ul li{float:left;width:280px;margin:0px 10px 25px 10px;transition:all ease-in-out 0.3s}
.pro-list{width:280px;position:relative;transition:all ease-in-out 0.3s;overflow:hidden}
.pro-list img{width:280px;}
.pro-list:before{position:absolute;content:'';width:100%;height:0;background:rgba(0,80,160,0.8);left:0;bottom:0;transition:all ease-in-out 0.3s}
.pro-con ul li:hover .pro-list:before{height:280px;}
.xiangqing1{position:absolute;width:280px; height:280px;text-align:center;transition:all ease-in-out 0.3s}
.xiangqing1 dl a{color:#fff;display:block; font-size:18px; padding-top:46%;}
.xiangqing1 dt{margin:9px auto 0px auto; text-align:center;}
.xiangqing1 dl a img{width:23px; height:27px;margin-right: 3px;}
.pro-con ul li:hover  .xiangqing1{bottom:0px}
#wrap{width: 100%;padding:0 0px;}
.title1{background: url(../images/li.jpg) no-repeat left center;color: #fff;text-transform: uppercase;padding-left: 15px;}
.title1 dt{font-weight: bold;font-size:24px;}
.infobox{width: 500px;float: left;margin-right: 10px;}
.fs_rt{width: 690px;float:left;}
.fs_rt dl{background: url(../images/bg.png) no-repeat center center; width: 131px;float: left;margin-right: 25px;}
.fs_rt dl a{margin: 77px 0px;display: inline-block;color: #0050a0;font-size: 22px;width: 131px;}
.fs_rt dl a b{font-size:12px;font-weight: normal;}
.fs_rt dl a:hover{background: url(../images/co.png) no-repeat 100px 5px;}
.fs_rt ul{float: left;width:100%;}
.cur{background: url(../images/co.png) no-repeat 100px 5px;}
.n_list li {margin-bottom: 15px;}
.n_list li dt{width:80px;float: left;text-align: center;margin-right: 5px;background-color: #0050a0;color: #ffffff;font-size: 22px;height:60px;padding: 10px 0px;line-height: 30px;}
.n_list li dt p{font-size:14px;font-weight: normal;}
.n_list li ol{width:590px;float: right; margin-top: 8px;}
.n_list li ol a{font-weight: bold;font-size: 14px;}
.n_list li ol p{color: #666;font-size: 12px;line-height: 24px;}
#wrap1{width: 100%;background: url(../images/ryzz.png) repeat-y center center;padding:27px 0px;}
.w1000 { width:1200px; margin: 0 auto; position: relative; }
.listwrap .list{width: 100%;position: relative;overflow: hidden;}
.listwrap li{width:280px;cursor: pointer; float:left;margin: 0px 10px;}
.listwrap ul li p{text-align:center; font-size:14px; color:#fff;line-height:26px;}
.listwrap li a img{display: block;width: 270px;height:210px;overflow: hidden;border: 5px solid #fff;}
.listwrap .butn{display: block;position: absolute;width: 68px;height: 68px;cursor: pointer;top:80px;}
.listwrap .prev{left:-70px;background: url(../images/left.png) no-repeat left center;}
.listwrap .prev:hover{background: url(../images/left.png) no-repeat left center;}
.listwrap .next{right:-70px;background: url(../images/right.png) no-repeat right center;}
.listwrap .next:hover{background: url(../images/right.png) no-repeat right center;}
.footer {background-color:#0050a0; color:#fff;text-align: center;padding: 30px 0px;}
.footnav li{border-bottom: 2px solid #fff;height: 66px;line-height: 66px;display: flex; justify-content: space-around;}
.footnav li a{color: #fff;font-size: 16px;font-weight: bold;}
.footnav li a:hover{color: #0050a0;}
.footnav dl{font-size: 22px;font-weight: bold;margin-bottom: 10px;margin-top: 15px;}
.footnav p{font-size: 14px;padding: 10px 0px;}
.footnav p a{ color:#fff; font-size:14px}
.qqlink{display: flex;flex-direction: column;justify-content: space-around;align-items: center;width: 100px;	height: 100px;position:fixed;right: 0;top: 50%;z-index: 1000;}
.qqlink span{display: block;text-align: center;color: #000;}
.yqlj{line-height: 36px;background-color: #333;color: #fff;text-align: center;}
.yqlj a{ color:#fff; padding-right:10px;}
/*内页样式*/
#left{ width:240px; float:left; margin-right:20px; margin-top:30px;}
#right{width:940px; float:right; margin-top:30px;margin-bottom:20px;}
.title3{background-color: #0050a0;height:42px;line-height: 42px;color: #fff;font-size: 14px;padding: 0px 10px;}
.title3 span{float: right;}
.title3 span a{color: #fff;}
.cpflt dl{height:40px; background:url(../images/icon.png) no-repeat 25px center #0050a0; color:#ffffff; font-size:18px;line-height:20px; padding:20px 0px 20px 70px; font-weight:bold;}
.cpflt dl p{ font-size:14px; font-weight:normal;}
.inner-content{ margin-bottom:20px;background-color: #fff;}
ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:228px;padding:5px; border:1px solid #ccc;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:42px;line-height:42px;font-size:14px;padding-left: 30px;background:url("../images/point.png") no-repeat 13px 17px; border-bottom:1px dashed #ccc;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:#0050a0 url("../images/point-h.png") no-repeat 13px 17px;color:#fff;font-size:14px;}
ul.sf-menu li a:hover{ color:#fff!important;}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative;}
ul.sf-menu li.menu-item:hover {position:relative;}
ul.sf-menu ul {width:100%;margin:0px;padding:0px;position:absolute;left:220px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu ul li a {font-weight:normal;line-height:42px;border-bottom:1px solid #fff;background:#eee url("../images/point1.png") no-repeat 10px 20px;height:42px;font-size:14px;padding-left: 40px;}
ul.sf-menu li.hover ul li a, ul.sf-menu li.hover ul li a:hover, ul.sf-menu li.hover ul li a:active {color:#000;text-decoration:none;background:#8c2c30 url("../images/point1-h.png") no-repeat 10px 17px;font-size:14px;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;background:#ddd url("../images/point1-h.png") no-repeat 10px 17px!important;font-size:14px;}
li.LiLevel1 a:hover {color:#444!important;}
ul.sf-menu ul li ul {padding:0px;}
ul.sf-menu ul ul {left:220px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu ul ul li a {width:auto;padding:0px;padding-left: 40px;text-decoration:none;font-size:14px;}
ul.pro-menu {margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul {visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.LiProDetail a {background:#eee url("../images/point1.png") no-repeat 10px 17px!important;text-indent:-15px!important;color:#333!important;font-size:14px;}
ul.sf-menu li.LiProDetail a:hover, ul.sf-menu li.LiProDetail a:active {background:#8c2c30 url("../images/point1-h.png") no-repeat 10px 17px!important;text-indent:-15px!important;font-size:14px;color:#fff!important;}
.nyLPhone{ background:url(../images/nylphoen_ico.png) no-repeat 20px center;}
.nyLPhone dt{ padding-left:60px; font-size:14px; font-weight:bold;}
.nyLPhone dd{ padding-left:60px; font-size:16px; line-height:30px;}
.lxwm1{background-color:#0050a0;color:#fff;margin-top:10px;padding:15px 0px;}
.lxwmt{border:1px solid #ccc;padding:0px 5px;line-height:36px;margin-bottom:20px;font-size: 14px;background-color: #fff;}
/*---------在线留言---------*/
.message{line-height:24px;}
.message dt{float:left;clear:both;width:60px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
.adminbuy_cn_liuyan{}
.adminbuy_cn_liuyan ul{ width:600px; margin:100px auto}
.adminbuy_cn_liuyan ul li{ margin-bottom:10px}
.adminbuy_cn_liuyan ul li .adminbuy_kuang{ border:1px solid #ccc; height:40px; width:100%; padding:0 10px; font-family:微软雅黑; box-sizing:border-box}
.adminbuy_cn_liuyan ul li textarea{ width:100%; padding:5px 10px;  border:1px solid #ccc; height:100px; font-family:微软雅黑; box-sizing:border-box}
#adminbuy_tj{ width:100%; border:0; background:#0050a0; color:#fff; cursor:pointer; height:40px}
/*---------新闻列表页---------*/
.e2 li{line-height:50px;height:50px;background:url(../images/dot2.png) no-repeat left center;border-bottom:1px dashed #969696;}
.e2 li a{font-size:14px; padding-left:17px;}
.e2 li span{float:right;}
.e2 li b{float:right;}
/*---------产品列表---------*/
.ipro_list div{width:209px;float:left; margin:0px 10px;}
.ipro_list dt{width:207px;height:207px;border:#b7b7b7 1px solid;overflow:hidden;border-radius: 5px;}
.ipro_list dt a{text-align:center;width:207px;height:207px;display:table-cell;vertical-align:middle;overflow:hidden;}
.ipro_list dt img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.ipro_list dt img:hover{transform:scale(1.1);}
.ipro_list dd{width:209px;text-align:center;height:42px;line-height:42px;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.slt img{display:block;padding:1px;border:1px solid #EEE;}
.timeBar{line-height:36px;text-align:center;margin:20px 0px;}
.time{background-color:#f3f3f3;border:1px solid #dedede;width: 800px;margin: 0px auto;}
/*---------上下页---------*/
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;}
.guidbar_next li{font-size:12px;color:#666;}
.pre{ float:left;}
.next{ float:right;}
.guidbar_next li a{color:#333;}
.pre{text-align:left;float:left;}
.inext{text-align:right;float:right;}
/*---------分页---------*/
.page{text-align:center; margin-top:10px;}
.page ul{list-style-type:none;text-align:center;}
.page strong{font-size:12px;}
.page li{float:left;line-height:30px;height:30px;}
.page li a{float:left;padding:0px 4px;color:#000;display:block;}
.page li a:hover{color:#000;text-decoration:none;padding:0px 4px;}
.content{ font-size:14px; line-height:32px;margin-bottom: 20px;border: 1px solid #ccc;padding: 10px;background-color: #fff;}
table{border-collapse: collapse;}

.adminbuy_cn img{ max-width:100% !important; height:auto !important;display:inline-block;}
.adminbuy_cn p{text-wrap: inherit !important;}
.adminbuy_cn p span{text-wrap: inherit !important;}

/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

/* ============================================================
   哲宁人力 · 顶部标语（导航栏正上方独立一行，白蓝渐变 + 动态效果）
   ============================================================ */
.top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-bar .logo {
  float: none;
  margin: 10px 0;
  flex: 0 0 auto;
}
.top-bar .adminbuy_dl {
  float: none;
  margin: 10px 0;
  flex: 0 0 auto;
}

/* 标语作为独立一行，置于导航栏正上方（白蓝渐变 + 流光动态） */
.header-slogan {
  text-align: center;
  padding: 9px 0;
  background: #f3f8ff;
  border-bottom: 2px solid #0050a0;
}
/* 标语文字改由 CSS 控制（::before 注入），HTML 中 .header-slogan 留空即可 */
.header-slogan::before {
  content: "立足重庆辐射华南 · 川渝粤皖四地联动";
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  white-space: nowrap;
  background: linear-gradient(90deg, #0050a0 0%, #1a6bc4 50%, #0050a0 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: slogan-flow 4s linear infinite;
}

/* 上下轻微浮动 */
@keyframes slogan-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

/* 渐变流光扫过 */
@keyframes slogan-flow {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}


/* ===================== 移动端/平板/标语（mobile 部分） ===================== */

/* ============================================================
   哲宁人力 · 移动端（手机/平板竖屏）适配样式
   适用模板：pbootCMS 非响应式人力资源模板（cms.css / ny.css）
   作用：在不改动原模板配色与结构的前提下，仅在窄屏下
        把固定像素布局重排为单列流式布局，消除横向溢出。
   引入方式：见《哲宁官网-移动端适配方案.md》
   ============================================================ */

/* 汉堡按钮：桌面端隐藏，窄屏由下方媒体查询显示；按钮由 JS 注入（见移动端适配方案 .md） */
.nav-toggle { display: none; }

/* ---------- 主断点：平板竖屏及以下（≤768px） ---------- */
@media screen and (max-width: 768px) {

  /* 1. 兜底：任何未被覆盖的固定宽元素不再触发横向滚动 */
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* 2. 主容器满宽（原 .w960/.moddle 锁死 1200px） */
  .w960,
  .moddle,
  .center {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box;
  }

  /* 3. 左右分栏 / 侧栏 / 区块 → 全部单列堆叠
     注：cms.css 用 #left/#right；ny.css 用 .ileft/.iright */
  .icpfl,
  .lxwm,
  .mup,
  .mcon,
  .sbj,
  .sbj1,
  .sec,
  .title,
  .yqlj,
  .gywmr,
  .gywml,
  .pro-con,
  .infobox,
  .fs_rt,
  .n_list,
  .footnav,
  .ileft,
  .iright,
  #left,
  #right,
  .tp,
  .tp_wz {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  /* 4. 顶部一行：LOGO 左对齐，电话右对齐，垂直居中
     注意：只作用在 .top-bar 上，绝不能污染所有 .w960/.center */
  .top-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .top-bar .logo {
    flex: 0 0 auto !important;
    float: none !important;
    text-align: left !important;
    margin: 0 !important;
  }
  .logo img {
    height: 40px !important;
  }
  .top-bar .adminbuy_dl {
    flex: 0 0 auto !important;
    float: none !important;
    text-align: right !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .adminbuy_dl dt,
  .adminbuy_dl dd {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
  }
  .adminbuy_dl dt img {
    height: 26px !important;
    width: auto !important;
  }
  .adminbuy_dl dd {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  /* 4.6 顶部标语：手机端独立蓝底白字条，置于导航栏正上方 */
  .header-slogan {
    margin-top: 6px !important;
    padding: 7px 10px !important;
    background: linear-gradient(90deg, #0050a0 0%, #1a6bc4 50%, #0050a0 100%);
    background-size: 200% 100%;
    border-bottom: none !important;
    animation: slogan-flow 3s linear infinite;
  }
  .header-slogan::before {
    font-size: 14px !important;
    letter-spacing: 0;
    white-space: normal;
    color: #ffffff !important;            /* 手机端用白字兜底，保证可读性 */
    -webkit-text-fill-color: #ffffff !important;
  }

  /* 5. 顶部导航：汉堡菜单（默认收起，点击展开） */
  .nav-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    box-sizing: border-box;
    background: #003d7a;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 2px;
    -webkit-tap-highlight-color: transparent;
  }
  .nav-toggle .label { font-weight: 600; }
  .nav-toggle .bars { display: inline-flex; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; }
  .nav-toggle .bars span { display: block; height: 2px; width: 100%; background: #fff; border-radius: 2px; transition: transform .3s ease, opacity .3s ease; }
  .nav-toggle.active .bars span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .nav-toggle.active .bars span:nth-child(2) { opacity: 0; }
  .nav-toggle.active .bars span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  /* 菜单默认收起，展开时滑出 */
  .menu { height: auto !important; max-height: 0; overflow: hidden; transition: max-height .35s ease; }
  .menu.open { max-height: 1200px; overflow: hidden; }
  .nav {
    display: block !important;
  }
  .nav-item {
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .sec {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
  }
  .subnav-item {
    width: 100% !important;
  }

  /* 6. 图片 / 轮播 自适应 */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  .slide_container,
  .rslides,
  .rslides li,
  .rslides img {
    width: 100% !important;
    height: auto !important;
  }

  /* 7. 首页业务范围 / 产品网格 → 手机端两列 */
  .pro-con,
  .pro-con ul {
    width: 100% !important;
    overflow: hidden;
  }
  .pro-con ul li {
    width: 50% !important;
    float: left !important;
    margin: 0 0 15px 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
  }
  .pro-list {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
  }
  .pro-list img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .pro-list:before {
    height: 0 !important;
  }
  .pro-con ul li:hover .pro-list:before {
    height: 100% !important;
  }
  .xiangqing1 {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .xiangqing1 dl {
    width: 100%;
    text-align: center;
  }
  .xiangqing1 dl a {
    display: inline-block;
    padding: 0 4px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    word-break: break-all;
  }
  .xiangqing1 dl a img {
    width: 18px !important;
    height: auto !important;
    vertical-align: middle;
    margin-right: 3px;
  }
  .pro-con ul li:hover .xiangqing1 {
    bottom: 0 !important;
  }

  /* 8. 字体与标题微调 */
  body {
    font-size: 14px;
  }
  .sbj,
  .sbj1 {
    margin-top: 20px !important;
  }
  .title dt {
    font-size: 18px !important;
  }

  /* 8.1 关于我们区块：避免标题+MORE被压成窄条 */
  .company {
    overflow: hidden;
  }
  .company .gywmr {
    text-align: center;
    margin-bottom: 15px !important;
  }
  .company .gywmr img {
    max-width: 260px !important;
    width: 100% !important;
    height: auto !important;
  }
  .company .gywml {
    width: 100% !important;
    float: none !important;
  }
  .gywml li {
    display: block;
    overflow: hidden;
    margin-bottom: 10px !important;
  }
  .gywml li span {
    display: inline-block;
    float: left;
    font-size: 17px !important;
    border-bottom-width: 3px !important;
    padding-bottom: 6px !important;
  }
  .gywml li strong {
    float: right;
    margin-top: 0 !important;
  }
  .gywml li strong a {
    font-size: 13px !important;
  }
  .gywml dl {
    clear: both;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 26px !important;
    text-indent: 0 !important;
    text-align: justify;
    margin-top: 12px !important;
  }

  /* 9. 首页新闻列表：日期块缩小、文字占满剩余宽度 */
  .n_list li {
    margin-bottom: 12px !important;
    overflow: hidden;
  }
  .n_list li dt {
    width: 56px !important;
    height: 56px !important;
    padding: 6px 0 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    margin-right: 10px !important;
  }
  .n_list li dt p {
    font-size: 12px !important;
  }
  .n_list li ol {
    width: auto !important;
    float: none !important;
    overflow: hidden;
    margin-top: 0 !important;
  }
  .n_list li ol a {
    font-size: 14px !important;
  }
  .n_list li ol p {
    font-size: 12px !important;
    line-height: 20px !important;
    margin-top: 4px;
  }

  /* 10. 页脚 */
  .footer {
    padding: 15px 0 !important;
  }
  .footnav li {
    height: auto !important;
    line-height: 1.8 !important;
    display: block !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
  .footnav li a {
    font-size: 14px !important;
    padding: 3px 8px !important;
    display: inline-block !important;
  }
  .footnav li a:hover {
    color: #fff !important;
    text-decoration: underline;
  }
  .footnav dl {
    font-size: 18px !important;
    margin: 10px 0 6px !important;
  }
  .footnav p {
    font-size: 12px !important;
    padding: 4px 0 !important;
  }

  /* 11. 页脚链接区居中 */
  .footer,
  .yqlj {
    text-align: center;
  }
}

/* ---------- 超小屏（≤480px）进一步收紧 ---------- */
@media screen and (max-width: 480px) {
  .nav-item {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 13px;
  }
  .logo img {
    height: 42px !important;
  }
  .adminbuy_dl dt img {
    height: 28px !important;
  }
  .adminbuy_dl dd {
    font-size: 16px !important;
    line-height: 28px !important;
  }
}

/* ---------- 平板（769–1024px）：容器流式 + 产品网格两列 ---------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* 主容器改成流式，避免平板横向滚动（原 .w960/.center 锁死 1200px） */
  .w960,
  .moddle,
  .center {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }
  /* 产品网格改两列，卡片正方形自适应（原 .pro-con ul li 固定 280px） */
  .pro-con ul li {
    width: 50% !important;
    float: left !important;
    margin: 0 0 20px 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box;
  }
  .pro-list {
    width: 100% !important;
    float: none !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  .pro-list img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .pro-list:before { height: 0; }
  .pro-con ul li:hover .pro-list:before { height: 100% !important; }
  .xiangqing1 {
    width: 100% !important;
    height: 100% !important;
  }
  .pro-con ul li:hover .xiangqing1 { bottom: 0 !important; }
}

/* 手机端标语流光动画关键帧 */
@keyframes slogan-flow {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}